globuswebcomponents 0.4.0 → 0.4.1
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_32.cjs.entry.js +43 -33
- package/dist/cjs/gb-avatar_32.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-megainput-field.cjs.entry.js +2 -2
- package/dist/cjs/gb-notification-content.cjs.entry.js +1 -1
- package/dist/cjs/gb-notification-panel.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-number-base.cjs.entry.js +1 -1
- package/dist/cjs/gb-progress-bar.cjs.entry.js +1 -1
- 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-toggle-base.cjs.entry.js +2 -2
- 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-button/readme.md +42 -40
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js +1 -2
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js.map +1 -1
- package/dist/collection/components/gb-header/gb-header.js +4 -2
- package/dist/collection/components/gb-header/gb-header.js.map +1 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +13 -3
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
- package/dist/collection/components/gb-input-field/gb-input-field.css +993 -447
- package/dist/collection/components/gb-input-field/gb-input-field.js +3 -2
- 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-panel/gb-notification-panel.js +1 -1
- 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.css +5 -0
- package/dist/collection/components/gb-password-button/gb-password-button.js +29 -1
- package/dist/collection/components/gb-password-button/gb-password-button.js.map +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 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.css +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +6 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js.map +1 -1
- package/dist/collection/components/gb-slider-control-handle/slider-control-handle.js +1 -1
- package/dist/collection/components/gb-sliders/slider.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 -10
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js.map +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-tags/gb-tags.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 +3 -3
- 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-group-item.js +3 -4
- package/dist/components/gb-checkbox-group-item.js.map +1 -1
- package/dist/components/gb-collapse-button.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 +6 -4
- package/dist/components/gb-header.js.map +1 -1
- package/dist/components/gb-horizontal-tabs.js +17 -7
- package/dist/components/gb-horizontal-tabs.js.map +1 -1
- package/dist/components/gb-input-dropdown-menu-item.js +2 -2
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +5 -4
- 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-panel.js +1 -1
- 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 +5 -5
- package/dist/components/gb-scrollbar.js +1 -1
- package/dist/components/gb-side-bar-item.js +1 -1
- package/dist/components/gb-sidebar.js +13 -8
- package/dist/components/gb-sidebar.js.map +1 -1
- 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 +6 -6
- 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-5678b018.js → p-1ba1c138.js} +3 -3
- package/dist/components/{p-5678b018.js.map → p-1ba1c138.js.map} +1 -1
- package/dist/components/{p-c9d9fcb1.js → p-24c9f72a.js} +3 -3
- package/dist/components/{p-c9d9fcb1.js.map → p-24c9f72a.js.map} +1 -1
- package/dist/components/{p-4efe7d37.js → p-2522e0e6.js} +2 -2
- package/dist/components/{p-4efe7d37.js.map → p-2522e0e6.js.map} +1 -1
- package/dist/components/{p-0b7ddf83.js → p-2729bc71.js} +3 -3
- package/dist/components/{p-0b7ddf83.js.map → p-2729bc71.js.map} +1 -1
- package/dist/components/{p-bf0baa3e.js → p-2764bda5.js} +2 -2
- package/dist/components/{p-bf0baa3e.js.map → p-2764bda5.js.map} +1 -1
- package/dist/components/{p-33cee611.js → p-31e9f7cb.js} +2 -2
- package/dist/components/{p-33cee611.js.map → p-31e9f7cb.js.map} +1 -1
- package/dist/components/{p-7788ed42.js → p-4979942e.js} +3 -3
- package/dist/components/{p-7788ed42.js.map → p-4979942e.js.map} +1 -1
- package/dist/components/{p-ef61b191.js → p-4c21ca28.js} +2 -2
- package/dist/components/{p-ef61b191.js.map → p-4c21ca28.js.map} +1 -1
- package/dist/components/{p-8ae04b5e.js → p-53e70aeb.js} +7 -14
- package/dist/components/p-53e70aeb.js.map +1 -0
- package/dist/components/{p-60a9a3e4.js → p-57b94005.js} +3 -3
- package/dist/components/{p-60a9a3e4.js.map → p-57b94005.js.map} +1 -1
- package/dist/components/{p-dc99caac.js → p-61d2acff.js} +2 -2
- package/dist/components/{p-dc99caac.js.map → p-61d2acff.js.map} +1 -1
- package/dist/components/{p-854a5dd6.js → p-6b9ae561.js} +3 -3
- package/dist/components/{p-854a5dd6.js.map → p-6b9ae561.js.map} +1 -1
- package/dist/components/{p-6a23f252.js → p-7df674ca.js} +3 -3
- package/dist/components/{p-6a23f252.js.map → p-7df674ca.js.map} +1 -1
- package/dist/components/{p-3bc9a6de.js → p-84661af1.js} +3 -3
- package/dist/components/{p-3bc9a6de.js.map → p-84661af1.js.map} +1 -1
- package/dist/components/{p-3ca89df3.js → p-88687162.js} +2 -2
- package/dist/components/{p-3ca89df3.js.map → p-88687162.js.map} +1 -1
- package/dist/components/{p-bcb5102e.js → p-8963e7ee.js} +6 -6
- package/dist/components/{p-bcb5102e.js.map → p-8963e7ee.js.map} +1 -1
- package/dist/components/{p-f6343b5c.js → p-9317b000.js} +2 -2
- package/dist/components/{p-f6343b5c.js.map → p-9317b000.js.map} +1 -1
- package/dist/components/{p-5673e871.js → p-9b867eac.js} +2 -2
- package/dist/components/{p-5673e871.js.map → p-9b867eac.js.map} +1 -1
- package/dist/components/{p-b1668ded.js → p-c0ec5975.js} +4 -4
- package/dist/components/{p-b1668ded.js.map → p-c0ec5975.js.map} +1 -1
- package/dist/components/{p-cd0bf808.js → p-d9de678f.js} +2 -2
- package/dist/components/{p-cd0bf808.js.map → p-d9de678f.js.map} +1 -1
- package/dist/components/{p-65e3a60b.js → p-e1f1a988.js} +13 -5
- package/dist/components/p-e1f1a988.js.map +1 -0
- package/dist/esm/gb-avatar_32.entry.js +43 -33
- package/dist/esm/gb-avatar_32.entry.js.map +1 -1
- package/dist/esm/gb-megainput-field.entry.js +2 -2
- package/dist/esm/gb-notification-content.entry.js +1 -1
- package/dist/esm/gb-notification-panel.entry.js +1 -1
- package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
- package/dist/esm/gb-pagination-number-base.entry.js +1 -1
- package/dist/esm/gb-progress-bar.entry.js +1 -1
- 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-toggle-base.entry.js +2 -2
- 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-40a8904d.entry.js → p-0638166b.entry.js} +2 -2
- package/dist/globuscomponents/{p-922821b6.entry.js → p-19d2f500.entry.js} +2 -2
- package/dist/globuscomponents/{p-bc401188.entry.js → p-355ee2b7.entry.js} +2 -2
- package/dist/globuscomponents/{p-91d5bce7.entry.js → p-38ddb08d.entry.js} +2 -2
- package/dist/globuscomponents/{p-ac73163c.entry.js → p-3bfd70d1.entry.js} +2 -2
- package/dist/globuscomponents/{p-da71e4b5.entry.js → p-435d5445.entry.js} +2 -2
- package/dist/globuscomponents/{p-626cb855.entry.js → p-4e99fdd9.entry.js} +2 -2
- package/dist/globuscomponents/{p-32b0b977.entry.js → p-61836d01.entry.js} +2 -2
- package/dist/globuscomponents/{p-6a3a7691.entry.js → p-64588b88.entry.js} +2 -2
- package/dist/globuscomponents/{p-d54be15f.entry.js → p-87664bb3.entry.js} +2 -2
- package/dist/globuscomponents/p-8b29407e.entry.js +2 -0
- package/dist/globuscomponents/{p-54de529a.entry.js → p-9d5dfa56.entry.js} +2 -2
- package/dist/globuscomponents/{p-0ff9fb66.entry.js → p-a8cbbe95.entry.js} +2 -2
- package/dist/globuscomponents/{p-0eb9a7fa.entry.js → p-e42029f1.entry.js} +2 -2
- package/dist/globuscomponents/p-e42029f1.entry.js.map +1 -0
- package/dist/globuscomponents/{p-3573409d.entry.js → p-e6412bc1.entry.js} +2 -2
- package/dist/globuscomponents/{p-c5f36e24.entry.js → p-ea10b389.entry.js} +2 -2
- package/dist/globuscomponents/readme.md +42 -40
- package/dist/types/components/gb-horizontal-tabs/gb-horizontal-tabs.d.ts +1 -1
- package/dist/types/components/gb-password-button/gb-password-button.d.ts +2 -0
- package/dist/types/components.d.ts +4 -0
- package/package.json +1 -1
- package/dist/components/p-65e3a60b.js.map +0 -1
- package/dist/components/p-8ae04b5e.js.map +0 -1
- package/dist/globuscomponents/p-02d7e7ad.entry.js +0 -2
- package/dist/globuscomponents/p-0eb9a7fa.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-40a8904d.entry.js.map → p-0638166b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-922821b6.entry.js.map → p-19d2f500.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-bc401188.entry.js.map → p-355ee2b7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-91d5bce7.entry.js.map → p-38ddb08d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-ac73163c.entry.js.map → p-3bfd70d1.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-da71e4b5.entry.js.map → p-435d5445.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-626cb855.entry.js.map → p-4e99fdd9.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-32b0b977.entry.js.map → p-61836d01.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-6a3a7691.entry.js.map → p-64588b88.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d54be15f.entry.js.map → p-87664bb3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-02d7e7ad.entry.js.map → p-8b29407e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-54de529a.entry.js.map → p-9d5dfa56.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0ff9fb66.entry.js.map → p-a8cbbe95.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3573409d.entry.js.map → p-e6412bc1.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c5f36e24.entry.js.map → p-ea10b389.entry.js.map} +0 -0
|
@@ -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: '2ca4f762f24955fb8064942a386d1ba6f03de282', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '114e0d306dfdd04941f64ca75fa52833c60ac575', class: "progress_bar" }, h("div", { key: '0f17f894ef4d021e18e03b49658b31e991701cc0', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c18f2ffd256e33a2893c82f76284be01c9de328d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'bf470f3960033d7ecb5d16f7111af15d03d3c367', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a9e50807a951ec9a156bea03167fcbe1b490fd3e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'de4b8184c62c31403631c7c9faf07cd284b1c738', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '3a21082cc1e4bc34b4b31c845cd4e46310a5f426', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'fb1d3844c69c5ca0e37e6543a0298243ac25cb8d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'a2aa5a4309f46ec677b99429460e4c02cf355e45', 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: 'f5a5bd34beb1179b24810af7fc7d086452d801f2', class: "progress" }, h("svg", { key: 'ae271a52ddfea697638591da3781b785f18b20e3', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ef12bde384a834500c8bc608a759f34768d3c8c5', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '0d1a676f38841d23d5322fd5863fcdc5784d2360', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '7d30572417a85acd8fa35a259e6f5b2c2889067f', 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: '0a38df183f771a47ce9b287e541462d0afc0a6fb', class: classes }, h("div", { key: '194a87a4e7ed387843cbbd17fb3018f8d5f1c19e', class: "input-with-label" }, h("label", { key: 'fd9a420f4142f6c186334beb087370e63aacedf8' }, this.label), h("div", { key: '3ce0da855ce45ec17f2c4380aa4707f43436a020', class: "input-container" }, h("div", { key: 'c8e18fa1fdc0f818fce1bd1905f796816d1b30b3', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '88b0383d4a0aa258ec4e49b30681b752088e1f92', 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: '7d9779477c40c929f004100b3e416e12d11fcf3f', class: "error-icon" }, h("svg", { key: 'c6b7855ce3ae1c75f9b852a29e61cc26bc7023f8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '4f12d2e5bc788e4dd59e9bd4bd369a58909d13f1', 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: '64571ea544f2fe2f2f377098969684570688616d', class: "text-container" }, h("textarea", { key: '7a7fbc4823eeb0be0b35a32f55f30917c6f357d1' }, this.showPlaceholder && (h("div", { key: '9d7660e9dff89065b6d6eefba61ffd7d165e7556' }, this.placeholder)))))), this.showHintText && (h("div", { key: '89053468bb6c5fe5771b0b140d7bfccc3820bb5b', 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: 'f4651019986c90ec6fc9057da08820076d9dd699', class: "scrollbar-container" }, h("div", { key: '22f9d4a3c32befbe9137b5edc6724a68ea33751f', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'eef2d11181b2c76240a9b123c61a14ced840c14a' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -33,7 +33,7 @@ export class GbSideBarItem {
|
|
|
33
33
|
render() {
|
|
34
34
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
35
35
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: '53a12bcbe034a8503a360806cb66067592056ce5', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '5f9902cc959a5f8b03ef1f5e3c3a9ca4bef16d99', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '4fab0f29fa6116e0a884762741d99a4c5ae62c79', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '93aa3614949f6b9c6fc606ab22e381a4031b4e3d', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'b96f910ba1e2c4cfb28d929fc6717eb87c2387c9', class: "content" }, h("div", { key: 'e6c43985c7fa146703add86806cc71880c2f2783', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '227da432a9fd0983d14168755337269a50b48dc0', 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: '835e03d3c19287f7f264d13c27bdc3c04737719c', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '81cedca2e7d4a270598779b7f46c66083e902bc6' }, "10"))), this.showArrow && (h("svg", { key: '2e2e4aa2caca277e4678fa44fd8320770cdd9f4a', 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: '6eb28c96c4b68010a0e7a56067f247de17a10133', 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: 'b2bb56da321003b49872116bd612b221ae84e05e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c724e917c935fd33358de56a89aef5226ad4dfcf', slot: "label" }, this.label)))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-side-bar-item"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,6 +48,7 @@ export class GbSidebar {
|
|
|
48
48
|
}
|
|
49
49
|
async sideBarItemClicked(index) {
|
|
50
50
|
this.activeIndex = index;
|
|
51
|
+
localStorage.setItem('activeIndex', index.toString());
|
|
51
52
|
this.sidebarItemClicked.emit(index);
|
|
52
53
|
}
|
|
53
54
|
componentDidLoad() {
|
|
@@ -56,6 +57,10 @@ export class GbSidebar {
|
|
|
56
57
|
}
|
|
57
58
|
componentWillLoad() {
|
|
58
59
|
this.loadIcon(this.iconInstance);
|
|
60
|
+
const storedIndex = localStorage.getItem('activeIndex');
|
|
61
|
+
if (storedIndex !== null) {
|
|
62
|
+
this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage
|
|
63
|
+
}
|
|
59
64
|
}
|
|
60
65
|
render() {
|
|
61
66
|
const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';
|
|
@@ -63,7 +68,7 @@ export class GbSidebar {
|
|
|
63
68
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
64
69
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
65
70
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
66
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: 'ac5f9ea6b31b2268d0b4d8498f7a066313b9fab2', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a0ae6c3ead121cd399e0da3bb3f49aa3853ae7a5', class: "pattern" }, h("img", { key: '11b204c0c52da3286c4dad48956811d8be7808f5', src: patternSrc, alt: "" }))), h("div", { key: '84d7489c4cb1b215bf5b649f0f8dc29908aafc20', class: "nav" }, h("div", { key: '930c55b08a229dff5b49ca9c02d06d5a09e0ee73', class: `sidebar_header ${this.state}` }, h("div", { key: '3402f937736c72a72b7211e34c211eaebe470d26', 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: 'a2a4560137a54312a5169c453ecffc85d4469078', src: logoSrc, alt: "" })), h("div", { key: '544d660b8fda57ca1de227567c985fa8025860db', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '87808d41881a162ba78ea6b5ee1a3e3081d68a4b', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '9e91071f6f2054a9c84312075327344a6c94ffa6', class: "navigation" }, h("div", { key: 'f7fd92844388f5944c3d5ab4f5bd4b5a7cdebcd7', class: "item" }, h("gb-side-bar-item", { key: 'd585f587317e2735a2216c7ea17345dac8352727', 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: '692902e30b8a625b1049ba8180ffa66e49a3539e', 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: 'a5e34783ae2a475c0bed96ac19451c77edc5c42f', 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: '52aa0843f165880f9590182776be95ebe02f7110', 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: '108f8f98fee03f0be3d2893d6ff6230824f0ea8a', 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: '50e7ffc1ac280452b925b1e9fb659aa6b3b8fc95', class: "navigation" }, h("div", { key: 'c6fa960f8b1b8fa85939ae620aea41fcee9d1d68', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '03649924672858d889c1beb35464f622d69b0c14', 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: '1cba7e8b96cae4dae7b826511996559cbf6100c0', 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: '51bfc99e348d89c024f2a448657e3aaf7799aa0f', 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: '2ed2e3ff10f88c817a5e7d091f8e8baf0fb832d2', 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: '7e4434774992a4e67bc48e038313a2da7f93b798', 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: 'e63acf28d1257843847d8398f912fd0f657ff770', class: "application_name" }, h("div", { key: 'd74c0300fbe5738dbbf0921a3254202abddb71f6', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '16ef6ad1419726c2bd9b33a7eac8b9824b4ae0ba', class: "application_name_pattern" }, h("img", { key: '9a1ba585585eb36fd55d3e6a58ed04b95b6ac9e5', src: patternSrc, alt: "" }))), h("div", { key: '5c4bcbd8765f79f06c8edf551689f72dfd4f67ee', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'db88c931f3116db1dd8cce0396f50d1e786b3991', class: textClass }, h("slot", { key: '80117fa0d922d6eddd50ac933d3fd3e3ef6a10df', name: "application_name" })))))));
|
|
67
72
|
}
|
|
68
73
|
static get is() { return "gb-sidebar"; }
|
|
69
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-sidebar.js","sourceRoot":"","sources":["../../../src/components/gb-sidebar/gb-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, Fragment, State, getAssetPath, Method, Event, EventEmitter } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-sidebar',\r\n styleUrl: 'gb-sidebar.css',\r\n shadow: true,\r\n})\r\nexport class GbSidebar {\r\n @Prop({ mutable: true }) state: 'expanded' | 'collapsed';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondCategory: boolean = false;\r\n @Prop() applicationName: string = '';\r\n @Prop() firstItemIcon: string = '';\r\n @Prop() secondItemIcon: string = '';\r\n @Prop() thirdItemIcon: string = '';\r\n @Prop() fourthItemIcon: string = '';\r\n @Prop() fifthItemIcon: string = '';\r\n @Prop() sixthItemIcon: string = '';\r\n @Prop() seventhItemIcon: string = '';\r\n @Prop() eighthItemIcon: string = '';\r\n @Prop() ninthItemIcon: string = '';\r\n @Prop() tenthItemIcon: string = '';\r\n @Prop() iconInstance: string = '';\r\n @Prop() label: string = '';\r\n @Prop() firstItemLabel: string = '';\r\n @Prop() secondItemLabel: string = '';\r\n @Prop() thirdItemLabel: string = '';\r\n @Prop() fourthItemLabel: string = '';\r\n @Prop() fifthItemLabel: string = '';\r\n @Prop() sixthItemLabel: string = '';\r\n @Prop() seventhItemLabel: string = '';\r\n @Prop() eighthItemLabel: string = '';\r\n @Prop() ninthItemLabel: string = '';\r\n @Prop() tenthItemLabel: string = '';\r\n @Element() el: HTMLElement;\r\n @State() activeIndex: number = 0;\r\n @State() leadingIconSvg: string = '';\r\n @Event() sidebarItemClicked: EventEmitter<number>;\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 collapseSideBar() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n }\r\n }\r\n\r\n expandSideBar() {\r\n if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n }\r\n\r\n @Method()\r\n async sideBarItemClicked(index: number) {\r\n this.activeIndex = index;\r\n this.sidebarItemClicked.emit(index);\r\n }\r\n\r\n componentDidLoad() {\r\n const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n applicationName.classList.add('text-lg-bold');\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconInstance);\r\n }\r\n\r\n render() {\r\n const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';\r\n const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);\r\n const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`sidebar_div ${this.state} ${this.category}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"nav\">\r\n <div class={`sidebar_header ${this.state}`}>\r\n <div class={`logo_and_name ${this.state}`}>\r\n {this.state === 'expanded' && (\r\n <>{this.category === 'plain_background' ? <img src={blueLogoSrc} /> : <img src={whiteLogoSrc} />}</>\r\n )}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n </div>\r\n <div class={`collapse_button ${this.state}`}>\r\n <gb-collapse-button\r\n color={this.category === 'plain_background' ? 'gray' : 'white'}\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n <gb-side-bar-item\r\n state={this.activeIndex === 0 ? 'active' : 'default'}\r\n icon={this.firstItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(0)}\r\n label={this.firstItemLabel}\r\n ></gb-side-bar-item>\r\n <gb-side-bar-item\r\n state={this.activeIndex === 1 ? 'active' : 'default'}\r\n icon={this.secondItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(1)}\r\n label={this.secondItemLabel}\r\n ></gb-side-bar-item>\r\n {this.thirdItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 2 ? 'active' : 'default'}\r\n icon={this.thirdItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(2)}\r\n label={this.thirdItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fourthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 3 ? 'active' : 'default'}\r\n icon={this.fourthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(3)}\r\n label={this.fourthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fifthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 4 ? 'active' : 'default'}\r\n icon={this.fifthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(4)}\r\n label={this.fifthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n {this.showSecondCategory && (\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n {this.sixthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 5 ? 'active' : 'default'}\r\n icon={this.sixthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(5)}\r\n label={this.sixthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.seventhItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 6 ? 'active' : 'default'}\r\n icon={this.seventhItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(6)}\r\n label={this.seventhItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.eighthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 7 ? 'active' : 'default'}\r\n icon={this.eighthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(7)}\r\n label={this.eighthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.ninthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 8 ? 'active' : 'default'}\r\n icon={this.ninthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(8)}\r\n label={this.ninthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.tenthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 9 ? 'active' : 'default'}\r\n icon={this.tenthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(9)}\r\n label={this.tenthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n {this.state === 'expanded' && (\r\n <div class=\"application_name\">\r\n <div class={`wrapper ${this.category}`}>\r\n {this.category === 'plain_background' && (\r\n <div class=\"application_name_pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class={`application_icon ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n <span class={textClass}>\r\n <slot name=\"application_name\"></slot>\r\n </span>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
1
|
+
{"version":3,"file":"gb-sidebar.js","sourceRoot":"","sources":["../../../src/components/gb-sidebar/gb-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, Fragment, State, getAssetPath, Method, Event, EventEmitter } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-sidebar',\r\n styleUrl: 'gb-sidebar.css',\r\n shadow: true,\r\n})\r\nexport class GbSidebar {\r\n @Prop({ mutable: true }) state: 'expanded' | 'collapsed';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondCategory: boolean = false;\r\n @Prop() applicationName: string = '';\r\n @Prop() firstItemIcon: string = '';\r\n @Prop() secondItemIcon: string = '';\r\n @Prop() thirdItemIcon: string = '';\r\n @Prop() fourthItemIcon: string = '';\r\n @Prop() fifthItemIcon: string = '';\r\n @Prop() sixthItemIcon: string = '';\r\n @Prop() seventhItemIcon: string = '';\r\n @Prop() eighthItemIcon: string = '';\r\n @Prop() ninthItemIcon: string = '';\r\n @Prop() tenthItemIcon: string = '';\r\n @Prop() iconInstance: string = '';\r\n @Prop() label: string = '';\r\n @Prop() firstItemLabel: string = '';\r\n @Prop() secondItemLabel: string = '';\r\n @Prop() thirdItemLabel: string = '';\r\n @Prop() fourthItemLabel: string = '';\r\n @Prop() fifthItemLabel: string = '';\r\n @Prop() sixthItemLabel: string = '';\r\n @Prop() seventhItemLabel: string = '';\r\n @Prop() eighthItemLabel: string = '';\r\n @Prop() ninthItemLabel: string = '';\r\n @Prop() tenthItemLabel: string = '';\r\n @Element() el: HTMLElement;\r\n @State() activeIndex: number = 0;\r\n @State() leadingIconSvg: string = '';\r\n @Event() sidebarItemClicked: EventEmitter<number>;\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 collapseSideBar() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n }\r\n }\r\n\r\n expandSideBar() {\r\n if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n }\r\n\r\n @Method()\r\n async sideBarItemClicked(index: number) {\r\n this.activeIndex = index;\r\n localStorage.setItem('activeIndex', index.toString());\r\n this.sidebarItemClicked.emit(index);\r\n }\r\n\r\n componentDidLoad() {\r\n const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n applicationName.classList.add('text-lg-bold');\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconInstance);\r\n const storedIndex = localStorage.getItem('activeIndex');\r\n if (storedIndex !== null) {\r\n this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n }\r\n }\r\n\r\n render() {\r\n const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';\r\n const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);\r\n const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`sidebar_div ${this.state} ${this.category}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"nav\">\r\n <div class={`sidebar_header ${this.state}`}>\r\n <div class={`logo_and_name ${this.state}`}>\r\n {this.state === 'expanded' && <>{this.category === 'plain_background' ? <img src={blueLogoSrc} /> : <img src={whiteLogoSrc} />}</>}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n </div>\r\n <div class={`collapse_button ${this.state}`}>\r\n <gb-collapse-button\r\n color={this.category === 'plain_background' ? 'gray' : 'white'}\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n <gb-side-bar-item\r\n state={this.activeIndex === 0 ? 'active' : 'default'}\r\n icon={this.firstItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(0)}\r\n label={this.firstItemLabel}\r\n ></gb-side-bar-item>\r\n <gb-side-bar-item\r\n state={this.activeIndex === 1 ? 'active' : 'default'}\r\n icon={this.secondItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(1)}\r\n label={this.secondItemLabel}\r\n ></gb-side-bar-item>\r\n {this.thirdItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 2 ? 'active' : 'default'}\r\n icon={this.thirdItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(2)}\r\n label={this.thirdItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fourthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 3 ? 'active' : 'default'}\r\n icon={this.fourthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(3)}\r\n label={this.fourthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fifthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 4 ? 'active' : 'default'}\r\n icon={this.fifthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(4)}\r\n label={this.fifthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n {this.showSecondCategory && (\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n {this.sixthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 5 ? 'active' : 'default'}\r\n icon={this.sixthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(5)}\r\n label={this.sixthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.seventhItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 6 ? 'active' : 'default'}\r\n icon={this.seventhItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(6)}\r\n label={this.seventhItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.eighthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 7 ? 'active' : 'default'}\r\n icon={this.eighthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(7)}\r\n label={this.eighthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.ninthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 8 ? 'active' : 'default'}\r\n icon={this.ninthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(8)}\r\n label={this.ninthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.tenthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 9 ? 'active' : 'default'}\r\n icon={this.tenthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(9)}\r\n label={this.tenthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n {this.state === 'expanded' && (\r\n <div class=\"application_name\">\r\n <div class={`wrapper ${this.category}`}>\r\n {this.category === 'plain_background' && (\r\n <div class=\"application_name_pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class={`application_icon ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n <span class={textClass}>\r\n <slot name=\"application_name\"></slot>\r\n </span>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -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: 'a4c6590ef09f8f67692d2703ef45e81fd14988b0', 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: '2414a16e7dc53e6b5fabc8571c825b531745a32e', class: "tooltip-container" }, h("gb-tooltip", { key: 'adbb9eff4708b231802df85dac5d184f2ad0c268', arrow: 'none' }, h("p", { key: '276a46eb3a7d39f4a93c238c47f60a2a685875b2', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'c804d04483e8e829688451f6655e14b1975a8348', class: "thumb-label" }, this.value, "%"))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-slider-control-handle"; }
|
|
25
25
|
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: '791cb0adc44475c8015b1a168871189045052340', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '95402212ef90fd43ccdaf3eab3b7a6eb6e4ae391', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '6523f8e3ad6b1b54858d807985d713ab7fccf0a1', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'f0fa265da00ae190ecf41012c7a0d6036a8e7984', 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"; }
|
|
@@ -9,7 +9,7 @@ export class GbStatusIndicator {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return [
|
|
12
|
-
h("div", { key: '
|
|
12
|
+
h("div", { key: '681d60237f881ba442e040296b63130ce963cd27' }, this.statusIcon === 'online_indicator' && h("div", { key: '53424641ae0194aab569f7d4bb9f1025b8e9a6d0', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '6f28f7a13d94e239df9acf492560fe7cb3b67169', 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: '95444a93532a2e96d39bc255737268e106ef6e70', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '3413313dd5eb884e5223b48801d7fb73c0d0c3ca', 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: 'bbc02062d8413fc2a95096d90e35a11bd01f5980', 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: '86f4fd7f55d9db9f78958c1725ad4b61f79fe2ee' }, h("clipPath", { key: '2276b9bed36bc47823e4156a39d83634a7be07b2', id: "clip0_0_21453" }, h("rect", { key: '87d6ec81b6808a57a6e427a2927a41dc8c6e99b1', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'da5c13d9e25730437c56a518efd53c82ef422d88', 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: 'f813fa0c7d79f0ea7d94f8d202e7d38d9fa081ce', 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: '8b9ecfa436bdda99f25270e40380d8bed1767a71', "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"; }
|
|
@@ -33,14 +33,7 @@ export class GbTabButtonBase {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
componentDidLoad() {
|
|
36
|
-
const tabName = this.el.querySelector('[slot="name"]');
|
|
37
36
|
const tabCount = this.el.querySelector('[slot="count"]');
|
|
38
|
-
if (this.current) {
|
|
39
|
-
tabName.classList.add(this.getCurrentTextClasses());
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
tabName.classList.add(this.getTextClasses());
|
|
43
|
-
}
|
|
44
37
|
if (tabCount) {
|
|
45
38
|
tabCount.classList.add(this.getCountTextClasses());
|
|
46
39
|
}
|
|
@@ -49,12 +42,12 @@ export class GbTabButtonBase {
|
|
|
49
42
|
this.tabClicked.emit();
|
|
50
43
|
}
|
|
51
44
|
render() {
|
|
52
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: '16124aae972f494fff77a78d26639cf308fa3fa5', class: `tab_button_div ${this.type}
|
|
53
46
|
${this.current ? 'current' : ''}
|
|
54
47
|
${this.fullWidth ? 'full_width' : ''}
|
|
55
|
-
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '
|
|
48
|
+
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '7c0b2c16344a5520655274755125012f455a88d9', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '8122c5d40d5f39353f3f449beaba48809ad41ac1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
|
|
56
49
|
this.current && this.type === 'underline' ? 'information' :
|
|
57
|
-
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '
|
|
50
|
+
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '3c91099c4ad447cec7d562303e342c9ea5a5ab80', name: "count" })))));
|
|
58
51
|
}
|
|
59
52
|
static get is() { return "gb-tab-button-base"; }
|
|
60
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-tab-button-base.js","sourceRoot":"","sources":["../../../src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQjF,MAAM,OAAO,eAAe;;uBACC,KAAK;;yBAEH,KAAK;qBACT,KAAK;;uBAEJ,EAAE;;IAI5B,cAAc;QACZ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,
|
|
1
|
+
{"version":3,"file":"gb-tab-button-base.js","sourceRoot":"","sources":["../../../src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQjF,MAAM,OAAO,eAAe;;uBACC,KAAK;;yBAEH,KAAK;qBACT,KAAK;;uBAEJ,EAAE;;IAI5B,cAAc;QACZ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEzD,IAAG,QAAQ,EAAE,CAAC;YACV,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACA,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI;QAChC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QAC7B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;QAClC,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAC9C,0DAAG,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAG,IAAI,CAAC,OAAO,CAAK;YACrG,IAAI,CAAC,KAAK,IAAI,CACb,iEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,KAAK,EACH,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;oBAChE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;wBAC3D,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;gBAG/D,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-tab-button-base',\r\n styleUrl: 'gb-tab-button-base.css',\r\n shadow: true,\r\n})\r\nexport class GbTabButtonBase {\r\n @Prop() current: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop() type: TabTypes;\r\n @Prop() tabName: string = '';\r\n @Element() el: HTMLElement;\r\n @Event() tabClicked: EventEmitter<void>;\r\n\r\n getTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-medium';\r\n case 'md':\r\n return 'text-md-medium';\r\n }\r\n }\r\n\r\n getCurrentTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n getCountTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-medium';\r\n case 'md':\r\n return 'text-sm-medium';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const tabCount = this.el.querySelector('[slot=\"count\"]');\r\n\r\n if(tabCount) {\r\n tabCount.classList.add(this.getCountTextClasses());\r\n }\r\n }\r\n\r\n handleClick() {\r\n this.tabClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div \r\n class={`tab_button_div ${this.type}\r\n ${this.current ? 'current' : ''} \r\n ${this.fullWidth ? 'full_width' : ''} \r\n ${this.size}`} onClick={() => this.handleClick()}>\r\n <p class={`${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}`}>{this.tabName}</p>\r\n {this.badge && (\r\n <gb-badge\r\n size=\"sm\"\r\n type=\"pill_color\"\r\n color={\r\n this.current && this.type === 'button_primary' ? 'information' :\r\n this.current && this.type === 'underline' ? 'information' :\r\n this.current && this.type === 'line' ? 'information' : 'gray'\r\n }\r\n >\r\n <slot name=\"count\"></slot>\r\n </gb-badge>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -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: 'ff5b494b341797163442a02bffd14fb88ce4024e', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '830be4351cf83816fe1dc5c6f7ea513944838cbc', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '4fc13df6979698d4327a328836f374fca3697846', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4ad2be9119bcd92b1e0168d35b22194c2c272f66', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd742afbe022ff6e19797c0a6fb98722d54c64567', 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: 'e72ab72f3419a6442aff8022e8e0e51e8f68b94e', class: this.size }, h("svg", { key: '1b11dc4dc1a85c159111c730f3450845f61c1185', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '76bc551c85354add94aa7dd0302d1d7f3a7c586f', 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: '4055dbee70d0bfca92be32e63f215d482d5211dd', class: this.size }, h("slot", { key: '6b88af61f886f41f1200506e11c88368de740961', name: "count" })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-count"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbTag {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: 'f7f45f739bad24d9962cccc2e4e97418f12c89f8', class: `container ${this.size}` }, h("div", { key: 'cd23b66ae42eaf4702f73ca4d231ef010591c0c0', class: `content ${this.size}` }, this.checkbox && (h("gb-tag-checkbox", { key: '11845e9c8eb4705e02eab8853606d305596eb9e4', size: this.size })), this.icon === 'country' && (h("div", { key: '094e97ecf28fc802761a76620521ea178609dc2f', class: "icon left-icon" }, h("img", { key: 'ca1c8c9c29cbcd4402e6d459cdb9c52908458dc1', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '85431ab0ca87986cde3eaba9f881828b8d258b85', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: '5b73639ea9699ae504d0aeeb8d5dc19dfeded146', name: 'image', slot: 'image' }))), this.icon === 'dot' && (h("svg", { key: '7fed1c336a0c0452212b9c07377dbc6214d1899d', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '69b960443d9d0246f21feaa9af1fb62b1e9e638c', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'e0eee5a573b564884f9612045f72e45516e9b106' }), this.action === 'count' && (h("gb-tag-count", { key: '63731582f12ab09c1b09875f5b083fe2aa860639', size: this.size }, h("slot", { key: 'a65d79c08244775763ab14d00074372326413eeb', slot: "count", name: "count" })))), this.action === 'X_close' && (h("gb-tag-close", { key: 'a843c47a296ab8e244d8ab085e68a33549870e37', size: this.size }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-tag"; }
|
|
15
15
|
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: '6cf0068fdc696987b44a0101f3e16c3fa5b4600b', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '7d2f1b71fb9a91e50d130f485fea06135607d0e8', class: `icon_container` }, h("svg", { key: 'db777a6562370b08cbe38414957e01729119bb5b', 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: 'dc0f31b86bf3736ab66a750056ab2d353404684b', 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: '2364e9404304605b1e0bc79b0816d903d780d0bf', "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: '867139bc0a40cca9bc4a9700ba0066a4c9234dea', "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: '6eed742cd9d272ab4ad09441935706344522116a', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '23a71e55aa7223fd521a3b394eb505591c90bf7c', class: `text ${this.size}` }, h("slot", { key: 'ebd5a1945d3b428fa56085f81d09d28f0eb86620', name: "main_text" }), this.showSupportingText && h("slot", { key: '0821a98e6e3103d55b94d2839bf71255e235bca6', name: "supporting_text" })), this.actions && (h("div", { key: 'f5d2e26131277ad50ca0c14a41edf222c36b5bdc', 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: 'c3a1b7d2dc2569426dbdc2bbd60d7d3b5238e6b2', 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: '81f166df12c7585177b7746f780d40b222cbba95', class: `container ${this.breakpoint}` }, h("div", { key: '0b72b1647a3e83402215edef30b7f0604518d766', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '06f712200b8da4d32c3deab64d3253b4d933b511', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'a85f3b5c80134d2e219ddc24861dce0a3ad2c818', class: `icon_container` }, h("svg", { key: '6592f961422464667cc5b0b0eeffa27a020adebb', 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: '6efe3a5807729a5d1d054069a43cedb8018944f8', 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: 'df3b4f4aa6400a0f2a167de57e8fbe9962f787f0', "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: '4429a7eefd22f5994e24b868c0bfcd4e04cea317', "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: '48645100b64f573e6aca7d480cee8d0936833d47', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'f2d1d726a1f78b13992796e32bc73ad015e727d3', name: "main_text" }), this.showSupportingText && h("slot", { key: '09f4a23ec28a48bcc3f8430fa7750515dc0772f7', name: "supporting_text" }))), this.actions && (h("div", { key: 'a420ba9f236ebca1212aff2a8549d845978bd70c', 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: 'b2ebbfb94de1f149565247eb17421719c4ca3a8c', 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: 'ca77486262fc2bf27cc43a3b0eb06bca25886739', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '714607789b9c6dca9ee953d84a1f2ba02cc39353' })));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-toast-button"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,7 @@ export class GbToggle {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h("div", { key: '
|
|
35
|
+
return (h("div", { key: '85286e56eb5b13796519fa682ec50523191a54d2', class: `toggle_div ${this.size}` }, h("div", { key: '8f0c7dc3d5aedd3fc94060d5571e12591c27d5d0', class: "toggle_base" }, h("gb-toggle-base", { key: 'dd7b9a55c15ad84ae8a178e873ba4b7c39a64cae', size: this.size, state: this.state })), h("div", { key: '1fba864e87469a174899e0673f2b9204a0133305', class: "text" }, h("slot", { key: '1a4aefcc1caa3d539f064417c3f176aefd9d7017', name: "main_text" }), this.supportingText && (h("slot", { key: 'fe0b05b3c03ded4db3223fe87794819f22d12877', name: "supporting_text" })))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "gb-toggle"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,8 +6,8 @@ export class GbToggleBase {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
return [
|
|
9
|
-
h("input", { key: '
|
|
10
|
-
h("label", { key: '
|
|
9
|
+
h("input", { key: '7fc177e0328a10c93222bdb16e850023fcc580a8', type: "checkbox", id: "customCheckbox" }),
|
|
10
|
+
h("label", { key: '584f748de73e89db012453ae7ebce8a42ae01401', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
|
|
11
11
|
];
|
|
12
12
|
}
|
|
13
13
|
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: 'ba6f742388a8a05fef9ceee6efff7a5de728c3de', class: this.size }, h("div", { key: '2df03ed2ae944f3c47c12e351d553eb4fa21b69e', class: "input-with-label" }, this.showLabel && (h("label", { key: 'a8b76a53e5c5350e9bfa96d38e5ea9ee9f9550e7' }, this.label)), this.digits === 4 && (h("div", { key: '19f48a27d161b2ceca9382c747852f88f19a4f76', class: "input-wrapper" }, h("gb-megainput-field", { key: '2b5f64f9f559328948ea5072b13e714ec5068ca9', size: this.size }), h("gb-megainput-field", { key: '2493e323235442f1effba97bb99b3d0293008af1', size: this.size }), h("gb-megainput-field", { key: 'ff1cea3d4bdbd430305d26d6f300602e81eb497c', size: this.size }), h("gb-megainput-field", { key: '541c126d0beb132fc0860ce91eeb17f1d05b04c2', size: this.size }))), this.digits === 6 && (h("div", { key: 'ffbd9b4a7cc4b0213bf4e2435573088aaf47d424', class: "input-wrapper" }, h("div", { key: 'd1af82f9ca3cd64cd7d2a28dbb887c7f94113611', class: "first=section" }, h("gb-megainput-field", { key: 'b860b2419d61604f9eaad9d9cdaaa108d2cd1c2d', size: this.size }), h("gb-megainput-field", { key: '815e110b663e4b9310ac722a0fa9448ba846aba9', size: this.size }), h("gb-megainput-field", { key: 'fd402168fb024ee4ccbd05a413b3ceb345dc13d1', size: this.size })), h("div", { key: 'c8d969d0bbd25ee86ec986934d81867888a263c4', class: "second=section" }, h("gb-megainput-field", { key: 'a7bd95fec767f37ebcf74020954d017c34352ccb', size: this.size }), h("gb-megainput-field", { key: '5e357db7ecc8a58b6b9b7162efa878aa19b7b5ae', size: this.size }), h("gb-megainput-field", { key: '83b332660d353a4d4ee9d30e4499aed1101dd37a', size: this.size })))), this.digits === 8 && (h("div", { key: '152abbd48b0d2f16e23d53e669aa71139f1cce3e', class: "input-wrapper" }, h("div", { key: 'a7dd290693947c7bd7dd23ac5acb8fd6ebf46521', class: "first=section" }, h("gb-megainput-field", { key: 'af26f24fb4f5cc031dd639709243beed92285d33', size: this.size }), h("gb-megainput-field", { key: '3e8cfcee6bae3d33ab60add14cfc5cac10ffc95c', size: this.size }), h("gb-megainput-field", { key: '0f95754fbaf7129744bc5737398875c885672d04', size: this.size }), h("gb-megainput-field", { key: '92af6df172fde814b3f102bbe689698ecf9322f1', size: this.size })), h("div", { key: 'f0b1e55ee80dea7136636b4c930177763efe803c', class: "second=section" }, h("gb-megainput-field", { key: '1b20c5ace66c63e8747ad27bfddb619c0db4d145', size: this.size }), h("gb-megainput-field", { key: 'ddf8ecff88a694fe98e341aa813370a1f1e3b7f1', size: this.size }), h("gb-megainput-field", { key: '834405b51e192ebc95a32441022c73251408b94a', size: this.size }), h("gb-megainput-field", { key: '07e89aa4b7048289af29d695d15de64851d29365', size: this.size }))))), h("p", { key: 'a0ecb004c06b99f0287237a86f6e1b26a025fdd0' }, 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: '73dee5926db94f085758e97235e4ca99e8751156', class: "tooltip_container" }, h("div", { key: 'fd9772bd7a90cb94bd4909397ce24330442deaa0', class: "tooltip" }, h("div", { key: '6dca45c8ac8b548950e52afd62ed6b2c0199b991', class: this.getArrowClass() }), h("div", { key: 'e5489f00dca05a3991e30bb247efcd58f65b066c', class: "tooltip_content" }, h("slot", { key: '4183a7c4706cf8a89ec882f1db13e49a6d3867de', name: "label" }), this.showSupportingText && h("slot", { key: 'bb55a3d55c4452724cb0592ee12ba7da5c82ee6b', 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: 'c68cb3414a8bd49af667fbf2027c3a4d85ef12e1', class: {
|
|
13
13
|
container: true,
|
|
14
14
|
[this.size]: true,
|
|
15
15
|
[this.digits]: true
|
|
16
|
-
} }, h("div", { key: '
|
|
16
|
+
} }, h("div", { key: 'cfe6602de755a23ac9f547cb1a33ba6ca70e50b8', class: "input-with-label" }, this.shoowLabel && (h("label", { key: '0da671e86bac39313b15b0910844f5427d2a4060', class: "text-sm-medium" }, this.label)), this.digits === 4 && (h("div", { key: 'bc9f26d73ccfef08c1c687441534f44d4e95eeae', class: "input-wrapper" }, h("gb-megainput-field", { key: '87b1b53511396005fdbd291d6faa2e1f192d3bde', size: this.size }), h("gb-megainput-field", { key: 'a699e4c428c43246b3dee8d5b1d6c8d73bf2aa7e', size: this.size }), h("gb-megainput-field", { key: '248155ef0c5e7a8d1fbdc0bcd07ccc9a9e06cca7', size: this.size }), h("gb-megainput-field", { key: '58a61f273137bce6fbfc38ace3af7e72a444c6c2', size: this.size }))), this.digits === 6 && (h("div", { key: '2a891a791085ffe2451d112b0801c18256ff0bd3', class: "input-wrapper" }, h("gb-megainput-field", { key: '30aaae4cf8490717c3faa3f1fc68128454b74135', size: this.size }), h("gb-megainput-field", { key: '8eccef92daaf111f3b0bae0ada117a5cd32640fe', size: this.size }), h("gb-megainput-field", { key: 'a904a30586207aadd2999b9f2c3e8561b0a318f3', size: this.size }), h("p", { key: 'e86740e7ec28e5725e8de583559064ecaddf3686', class: "display-sm-bold" }, "-"), h("gb-megainput-field", { key: '6bf9b3002377bd592a263564fab8bc368ff8a0db', size: this.size }), h("gb-megainput-field", { key: '40069c9d73c1d29b2a456056469a93edf353c7c3', size: this.size }), h("gb-megainput-field", { key: '6e79c9dd1b838e3ddfe7993cb647426cd698ec8a', size: this.size }))), this.digits === 8 && (h("div", { key: 'b2c48bfaa0deaf958ca4a75299969a309d25ac7c', class: "input-wrapper" }, h("gb-megainput-field", { key: '1cfb3cd35efd950cf639ee10a7c961ab25ebb156', size: this.size }), h("gb-megainput-field", { key: 'fa77e5976fa23a5fdfcd104609a151396134d9b7', size: this.size }), h("gb-megainput-field", { key: '327bf6e19313b1f3b12fe77c548c9bcbbfe1e73b', size: this.size }), h("gb-megainput-field", { key: 'a59784ed879446eb3d0cab5deb80c3e1d5e55476', size: this.size }), h("p", { key: '0918ff9ffa93763cbdad98659f296272ac44ad97', class: "display-sm-bold" }, "-"), h("gb-megainput-field", { key: '10bbea88e2c2242ae1e0dbac50d4fd42bd4ad3da', size: this.size }), h("gb-megainput-field", { key: '45260add47ab44289c6d2635196b9c74084f02a4', size: this.size }), h("gb-megainput-field", { key: '0a7489737fab4bed12c9377a158d1f44d3e04023', size: this.size }), h("gb-megainput-field", { key: 'd03da3f73b645c04e48055a293036a379af5a5ed', size: this.size })))), this.showHintText && (h("div", { key: '744ac2bc8ca0c679393dcdbc84d03d665c2e07c1', class: "text-sm-regular" }, 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-2764bda5.js';
|
|
2
2
|
|
|
3
3
|
const GbAvatarAddButton = GbAvatarAddButton$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|