globuswebcomponents 0.9.4 → 0.9.5
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_40.cjs.entry.js +48 -48
- package/dist/cjs/gb-avatar_40.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +26 -0
- package/dist/cjs/gb-pagination-dot-group.cjs.entry.js.map +1 -0
- 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-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/cjs/reusableModels-40cbefe2.js.map +1 -1
- package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gb-input-field/gb-input-field.js +24 -24
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-pagination/gb-pagination.css +43 -2
- package/dist/collection/components/gb-pagination/gb-pagination.js +1 -1
- package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css +5 -2
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js.map +1 -1
- package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.css +0 -0
- package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js +111 -0
- package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js.map +1 -0
- package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +10 -4
- package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js.map +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 -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/gb-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/collection/components/test-input-tag/test-input-tag.js +2 -2
- package/dist/collection/models/reusableModels.js.map +1 -1
- 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 +1 -1
- package/dist/components/gb-checkbox-group.js +3 -3
- 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 +2 -2
- 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 +33 -33
- package/dist/components/gb-input-field.js.map +1 -1
- package/dist/components/gb-pagination-button-group-base.js +1 -1
- package/dist/components/gb-pagination-dot-group.d.ts +11 -0
- package/dist/components/gb-pagination-dot-group.js +46 -0
- package/dist/components/gb-pagination-dot-group.js.map +1 -0
- package/dist/components/gb-pagination-dot-indicator.js +2 -2
- package/dist/components/gb-pagination-dot-indicator.js.map +1 -1
- package/dist/components/gb-pagination-number-base.js +1 -1
- package/dist/components/gb-pagination.js +14 -14
- package/dist/components/gb-pagination.js.map +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 +12 -12
- 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 +1 -1
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-verification-code-field.js +2 -2
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/{p-34b1bcaa.js → p-0ab66ef0.js} +2 -2
- package/dist/components/{p-34b1bcaa.js.map → p-0ab66ef0.js.map} +1 -1
- package/dist/components/{p-34e0b08c.js → p-23eeb711.js} +2 -2
- package/dist/components/{p-34e0b08c.js.map → p-23eeb711.js.map} +1 -1
- package/dist/components/{p-0e4d1693.js → p-33797063.js} +2 -2
- package/dist/components/{p-0e4d1693.js.map → p-33797063.js.map} +1 -1
- package/dist/components/{p-3dd13a3c.js → p-4710b26e.js} +3 -3
- package/dist/components/{p-3dd13a3c.js.map → p-4710b26e.js.map} +1 -1
- package/dist/components/{p-d0527bbf.js → p-4d14d191.js} +3 -3
- package/dist/components/{p-d0527bbf.js.map → p-4d14d191.js.map} +1 -1
- package/dist/components/{p-feddb21e.js → p-4e87a1a4.js} +6 -6
- package/dist/components/{p-feddb21e.js.map → p-4e87a1a4.js.map} +1 -1
- package/dist/components/p-4f31ae97.js.map +1 -1
- package/dist/components/{p-af46cdd8.js → p-52a05610.js} +3 -3
- package/dist/components/{p-af46cdd8.js.map → p-52a05610.js.map} +1 -1
- package/dist/components/{p-8d35e82f.js → p-58074dfd.js} +2 -2
- package/dist/components/{p-8d35e82f.js.map → p-58074dfd.js.map} +1 -1
- package/dist/components/{p-9f7a30fa.js → p-61d6b9a4.js} +2 -2
- package/dist/components/{p-9f7a30fa.js.map → p-61d6b9a4.js.map} +1 -1
- package/dist/components/{p-f9c61d7c.js → p-66ae8c03.js} +3 -3
- package/dist/components/{p-f9c61d7c.js.map → p-66ae8c03.js.map} +1 -1
- package/dist/components/{p-17654aff.js → p-677c05f3.js} +11 -11
- package/dist/components/{p-17654aff.js.map → p-677c05f3.js.map} +1 -1
- package/dist/components/{p-b9989875.js → p-6bc60646.js} +3 -3
- package/dist/components/{p-b9989875.js.map → p-6bc60646.js.map} +1 -1
- package/dist/components/{p-641dba3f.js → p-79b9747d.js} +2 -2
- package/dist/components/{p-641dba3f.js.map → p-79b9747d.js.map} +1 -1
- package/dist/components/{p-9c0f11ef.js → p-7a028adc.js} +2 -2
- package/dist/components/{p-9c0f11ef.js.map → p-7a028adc.js.map} +1 -1
- package/dist/components/{p-c5e80b25.js → p-8ea8fb2e.js} +10 -10
- package/dist/components/{p-c5e80b25.js.map → p-8ea8fb2e.js.map} +1 -1
- package/dist/components/{p-dfa14cc2.js → p-8ec4b241.js} +7 -7
- package/dist/components/{p-dfa14cc2.js.map → p-8ec4b241.js.map} +1 -1
- package/dist/components/{p-bec96455.js → p-a4ac9229.js} +2 -2
- package/dist/components/{p-bec96455.js.map → p-a4ac9229.js.map} +1 -1
- package/dist/components/{p-b918c804.js → p-b3fba286.js} +2 -2
- package/dist/components/{p-b918c804.js.map → p-b3fba286.js.map} +1 -1
- package/dist/components/{p-9deaf0e8.js → p-b8cc4ced.js} +3 -3
- package/dist/components/p-b8cc4ced.js.map +1 -0
- package/dist/components/{p-5373e383.js → p-bc05d524.js} +2 -2
- package/dist/components/{p-5373e383.js.map → p-bc05d524.js.map} +1 -1
- package/dist/components/{p-a01bde57.js → p-bf85c0fa.js} +3 -3
- package/dist/components/{p-a01bde57.js.map → p-bf85c0fa.js.map} +1 -1
- package/dist/components/{p-360d915d.js → p-d287e4f9.js} +2 -2
- package/dist/components/{p-360d915d.js.map → p-d287e4f9.js.map} +1 -1
- package/dist/components/{p-697e1460.js → p-dae08e66.js} +7 -7
- package/dist/components/{p-697e1460.js.map → p-dae08e66.js.map} +1 -1
- package/dist/components/{p-d6e0d2b9.js → p-e9099a82.js} +3 -3
- package/dist/components/{p-d6e0d2b9.js.map → p-e9099a82.js.map} +1 -1
- package/dist/components/{p-0e0fe104.js → p-f5df341d.js} +2 -2
- package/dist/components/{p-0e0fe104.js.map → p-f5df341d.js.map} +1 -1
- package/dist/components/{p-5d26997a.js → p-fe051273.js} +3 -3
- package/dist/components/{p-5d26997a.js.map → p-fe051273.js.map} +1 -1
- package/dist/components/test-input-tag.js +9 -9
- package/dist/esm/gb-avatar_40.entry.js +48 -48
- package/dist/esm/gb-avatar_40.entry.js.map +1 -1
- package/dist/esm/gb-pagination-dot-group.entry.js +22 -0
- package/dist/esm/gb-pagination-dot-group.entry.js.map +1 -0
- 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-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/esm/reusableModels-e864cf6e.js.map +1 -1
- package/dist/esm/test-input-tag.entry.js +2 -2
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/{p-92de0c24.entry.js → p-135fa032.entry.js} +2 -2
- package/dist/globuscomponents/p-184d9489.entry.js +2 -0
- package/dist/globuscomponents/p-184d9489.entry.js.map +1 -0
- package/dist/globuscomponents/{p-0d70523d.entry.js → p-2e30fc4c.entry.js} +2 -2
- package/dist/globuscomponents/p-2e30fc4c.entry.js.map +1 -0
- package/dist/globuscomponents/p-4f31ae97.js.map +1 -1
- package/dist/globuscomponents/{p-771bb16e.entry.js → p-707fcde4.entry.js} +2 -2
- package/dist/globuscomponents/{p-31e346c4.entry.js → p-8c916245.entry.js} +2 -2
- package/dist/globuscomponents/{p-470286c6.entry.js → p-964e5e0c.entry.js} +2 -2
- package/dist/globuscomponents/{p-7969a875.entry.js → p-9f01343e.entry.js} +2 -2
- package/dist/globuscomponents/{p-50f8c972.entry.js → p-c232233f.entry.js} +2 -2
- package/dist/globuscomponents/{p-21bd8122.entry.js → p-da0e6faf.entry.js} +2 -2
- package/dist/globuscomponents/{p-0a4a13a8.entry.js → p-efd85181.entry.js} +2 -2
- package/dist/types/components/gb-pagination-dot-group/gb-pagination-dot-group.d.ts +8 -0
- package/dist/types/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.d.ts +2 -2
- package/dist/types/components.d.ts +25 -4
- package/dist/types/models/reusableModels.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-9deaf0e8.js.map +0 -1
- package/dist/globuscomponents/p-0d70523d.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-92de0c24.entry.js.map → p-135fa032.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-771bb16e.entry.js.map → p-707fcde4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-31e346c4.entry.js.map → p-8c916245.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-470286c6.entry.js.map → p-964e5e0c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7969a875.entry.js.map → p-9f01343e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-50f8c972.entry.js.map → p-c232233f.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-21bd8122.entry.js.map → p-da0e6faf.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0a4a13a8.entry.js.map → p-efd85181.entry.js.map} +0 -0
|
@@ -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: '134b6ad514c0ca41cfd33cdf003eea6a01dc47e4' }, h("gb-btn", { key: '10f55a0ac5fc486a7c92383dd88d67730a0d8620', 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: '947df7231d45d2d5a2df5a558c6fdaf43274b657', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '433d29be2a8ab7e7d868facaab0f10a34078f590', class: "progress_bar" }, h("div", { key: '635f1720268246982523ba83aca9d845a8828d69', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '65a4eb78f2c45c05c5a5f8716422ff26925371ca', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'e316b8da82d40fa052fdf0053c7ed9faa94768a3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'd60a74a9956ac2a2f067ef8a4d14b99297efca08', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '08509dfcc04979baaac748fd7f63220b3034b0f7', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '44702963ec9ffd8e5b6d1d07942a5a480d378510', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'f999cfbacb81931a25a8fb289ef1ecbb533abd0b', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'bf254dd663ee59595b7c3aa046c3787a50e1b7c7', 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"; }
|
|
@@ -30,7 +30,7 @@ export class GbProgressCircle {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h("div", { key: '
|
|
33
|
+
return (h("div", { key: '8d11623819c1a4ffae90339c78f0a11321940f06', class: "gauge" }, h("div", { key: 'eb870a6fdea88bfa8415d9963098b9b94f7d6ab1', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '02458e1777dada9df91a8abdd916b9a2b4f5259a', class: "mask" }), this.label && (h("div", { key: '56b272e56b2f8e928f4ad84a280f34fd715ddaab', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '376f5150262192373aab796872268b836c852ae1', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "gb-progress-circle"; }
|
|
36
36
|
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: '0b1ef0cbab82e90c1baa4508126997e6fd7e0a27', class: classes }, h("div", { key: '85ba9e25c55ab5e44f5d6bef6769334a7cf4597f', class: "input-with-label" }, h("label", { key: 'bcb0d435b9d743defc1d60c2751f7649a983eb17' }, this.label), h("div", { key: '1a98411e35055dbc1f64dc61929c02c8c56f124b', class: "input-container" }, h("div", { key: '2ce2c98707097f39ecf88fcaa570bb782a88d585', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'a9ec31e35fcdc1fe077a1ad69f59af97c088b07d', 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: '68562b5b79d483f74f463ed8d8d8907e578a8a45', class: "error-icon" }, h("svg", { key: 'cbe70fcde34e68a0184f10b4e40ffdee2a2584d7', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '08f4250f3273bcf56f443591785e04d14070a4af', 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: '5a72da28b59944fdd876068e79b4d94f0d7b24bc', class: "text-container" }, h("textarea", { key: '2e1618075e4ad76990ac11e5fd8d08d7c86e68c1' }, this.showPlaceholder && (h("div", { key: 'faf05d28d11f3586d4423932092cf0cb4ef896ca' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'fecd3c3bcd6562b444a1152da64c66535abca145', 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: '1931790bb96c0527b7c56b51c8f2d8474fe6a37d', class: "scrollbar-container" }, h("div", { key: 'c82dd623eef9b80afe770f903b208379cc6e4d4c', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '576f14bc5c00704cdf4feb1ef13005800619408f' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,7 @@ export class GbSideBarItem {
|
|
|
32
32
|
render() {
|
|
33
33
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
34
34
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
35
|
-
return (h("div", { key: '
|
|
35
|
+
return (h("div", { key: '9f8332f6bc361d27b95afd74ed7981e533607a3e', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '645ad62b9a6508b2d16df8abe602417cd93ed409', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '85c435f52e0c9b0058132eee1a0f4a5741c7d7e6', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e7be324e4e4bb1e2f1fe6b04008f2da75aeaa862', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'ee02070931d992212f72d068b77e0b20f55bb628', class: "content" }, h("div", { key: '4e8a62ccddedc73e6e6f7065351701264c748148', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '3b30d6a4183682dc3aff85554f704fbfbbff9cb3', 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: '2af27d854c18bcdc9f6459c8f41eb78a57b326d8', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '1f91b0b43924bf54fe342b3a0d9bbe89ef3aab6c' }, "10"))), this.showArrow && (h("svg", { key: '4841799c8a1655756e09af99985936e54411c660', 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: 'ee6e694a288db3e2aa4673944821db9d9497cc7e', 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: '72bda8f236273f18cc1b1bf67e3a599f84ad3769', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '8201e00cfb2f036791136304c94c187abfa6c1f0', slot: "label" }, this.label)))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "gb-side-bar-item"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -70,7 +70,7 @@ export class GbSidebar {
|
|
|
70
70
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
71
71
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
72
72
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
73
|
-
return (h("div", { key: '
|
|
73
|
+
return (h("div", { key: '9b0d3ddd4992c303adbf0bc325a39b7f9c7c43c5', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '91565c50b130cba6c1cba2ceeca5338d27efaf29', class: "pattern" }, h("img", { key: 'd53634da43c66bb13c8a7fc008b5bc6218a411ad', src: patternSrc, alt: "" }))), h("div", { key: '8914b4374a74cc8487aa0893f6d5eafdcabf514d', class: "nav" }, h("div", { key: 'd909122be6669c326ea4d446765471247d943ef5', class: `sidebar_header ${this.state}` }, h("div", { key: 'be9cd1f7ec9be389cdd39b4f7c075655f644f989', 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: 'f3415b4e4b2258cfe467c8c9ff7bcae3b6b7fb9b', src: logoSrc, alt: "" })), h("div", { key: 'ce42e8e67da12cc5de53c58beddda200c513c58b', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'd3e22e14f8061bd6fe06463c98c2c8cce12fe197', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '22da4616fdf886ffc4519eff16c61bf5b50cf1e0', class: "navigation" }, h("div", { key: '24f4a5f8935f8aa3e3d6ce871d0e68dd6ce0e1e7', class: "item" }, h("gb-side-bar-item", { key: 'bbd7caf910e51b9c1680f5b34e162c05a23a7e28', 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: '9a38ae512b6bb111231ffc48385a758102e5d433', 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: '3c4c25c1b719e70d52c74aca3a4b798b35b54881', 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: 'd1a3b8ddb6278170aec5938c275d3c635e123db6', 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: '30518a09b45ef5d0ba4c86df2ca7ff764e3f80c3', 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: 'fee335eb1cf51e4178aeffbb6f3f0d536810d217', class: "navigation" }, h("div", { key: 'aec96fc86a405768364119c9c074b47db62b8841', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '75f51014e1cce97a3117c0d978732981a5943a57', 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: '2194c86a5287359cb72b6265b8da169ade8c0588', 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: '7c2d9b9e2209854818670a97efb51489db5bfb97', 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: 'b72d57bd41ed9e843182719d5ae5d80f103a8136', 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: '7313aac235c60986ce55215a09cb8dde0f1c57f0', 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: '5f14fcdd385e681f37800139d56129ce1159462a', class: "application_name" }, h("div", { key: '51e2ef73547722d66ec51ab0ccd56fdef6b64e0b', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '102d36b3a8ce7883199048bdda647cc083f104b9', class: "application_name_pattern" }, h("img", { key: 'adec6371728e1697c22a98a7619f73448cb5f73d', src: patternSrc, alt: "" }))), h("div", { key: '618a60b0480a0a17a5bace5b536bf7ec27c01ce3', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '1e7f178265707a686a61ffa17541c3ab46b23ee2', class: textClass }, h("slot", { key: 'c49be92bc5ce38b012aea60fbbcc2806765d961a', name: "application_name" })))))));
|
|
74
74
|
}
|
|
75
75
|
static get is() { return "gb-sidebar"; }
|
|
76
76
|
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: '5fed7fbebe67ef71255f4de432e69ca32667206b', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '375e9bbceec28ea087d885ae808bccda3ec96e3e', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '0cb58ea4a3a9916677e29f465f2a38a76f984dc4', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '2e69b6d591e9b302bcccd2281c08a8d2a027277a', 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 GbSliderControlHandle {
|
|
|
19
19
|
this.isFocused = false;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'f55688b52f9c5ea379365430899201e5f9d713b4', 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: 'a4c0b9ddb538a9b02fdd85f8390634ab520f42dd', class: "tooltip-container" }, h("gb-tooltip", { key: '8124987c7afb08cab28358b389f3df4845f5f431', arrow: "none", "show-supporting-text": false }, h("p", { key: '8e0f6a37fa82720cf172f6e0c30e8c41afae23cc', class: "text-xs-semi-bold", slot: "label" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '7b048b12c2692673e9043b06531c1b2b4560f599', class: "thumb-label" }, h("p", { key: '307d34ee1cf3d425292db25cc207c6d40b92cb2e', class: "thumb_label text-md-medium" }, 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: 'cf305a2e9fcb728b9576bc5248d83a39d24910c8' }, this.statusIcon === 'online_indicator' && h("div", { key: 'f07583732424f866e2138258f1380097def7be6d', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '1fee83263ee4ee3b3e40614a57fc2a5c157ec68d', 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: '2c72b3620ad9890e909186b13cd3a63da1d38552', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'adf4369757b42af67efce2f4976ab5f5edf55def', 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: '3df7319ccc2b79820c00f001494a09b8a5e29419', 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: '3e27ec409c4617ad510e5a8a7daf72c2abe4e9e5' }, h("clipPath", { key: '4e4c510938a2a4fb3aee526edd9ca92912a4f827', id: "clip0_0_21453" }, h("rect", { key: '70cde33abce14cc0540946167c2b038be1012d92', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '291e87b63234cb8abad35940d7e3534c8db54c2f', 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: '7c40c70db635e6cfa9c1bd5c24c6294bb34eef3b', 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: 'fd70a3ca6029c2684b36255b79e20ba97bd30818', "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: 'f14c89c4d1aacfd6c05533cf2139d4cf32869763', 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: '207dc6729cd66417f1ce1f50a0754f98c0d4e58a', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'a8f1ee80f38ff67bf71cd748dffdebbd1522305b', 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: 'be9dab937e2a050281d422de22a967f782ac2824', 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(`${this.flagSwap}`);
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: 'a9a9125799a50bb52e3d35f04b1eea1cd96da933', class: `container ${this.size}` }, h("div", { key: 'e9136eaf5286c2897e34b94f2c92300eb4473358', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '919b4125b69db2143c8ed64d9b45594b17f2db2a', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '07b29da8b44384e563673b5cfd80a7887f2c87e4', class: "icon left-icon" }, h("img", { key: '208c5ea821987abb337e8fa6f4b878f89e6b6bbf', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '8e9cc08c5450c013edf7afea333daefd50b43c89', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '033a7e600a4ca83df17c36dbb0108ed674e98c39', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '1e3469706798ffa6f0e5129a708881d9367b6179', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'f21996e2752ddee55140003f809c54dcd0800c11', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '6b9d4670cb9e536dfa1585914ddbfecffe67fbf0' }), this.action === 'count' && (h("gb-tag-count", { key: '7885633e7afca39b3c47f808158686f4e384ef57', size: this.size }, h("slot", { key: 'ecaa91b2734cacc87d98e144b769285fa5185388', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '51f2a767a9680e3c74bfd1ca70c8781eec6b0da1', 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: 'dbda2977779c25e1ca2d51709b389675b5037217', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '37499581033b4882e730af73e9e406b289488344', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '5e38e06ad593e5bc19a506a536293f4b69ab2eab', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4e84cc1ab18868ddcad6342cab853bcbd56dc16e', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '48d07bb02d9a52f73d535c59ea8d883858e49337', 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: '0b4048b3b59183d42249bed35c78760b12ae3d8f', class: this.size }, h("svg", { key: '1bbdcea650a485914e4c494de6749273c5aafc6e', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0f0b77c45066af0010edc237f82f0157c1386508', 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: 'c0a05fcf8b2d861449f24e83f2955d5eb95d1c4a', class: this.size }, h("slot", { key: 'ed67e6a237c1893607ff268f510b1767d7a751ac', 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: 'a7f566ce60e3b4743705c00d034ca16fcc5ed32f', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '1b303e69a19c4b2264e4f6df786badddd3cab4e5', class: `icon_container` }, h("svg", { key: '212c069528d2c2beec2c8ebd228d8dfb69241250', 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: '60f6cd915d2565187d5b12e749c785e28a579660', 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: '7d21b02a30ceacb6af9bf4f2eb6e40f75d4553ed', "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: '097b7c3e248f3f547d24dfa905db8379328193e2', "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: '3915bf6efe56528eb4c2d2f931bbc246bf69e9cc', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1117c48b4cbcace49f221b0998fce91e3447017b', class: `text ${this.size}` }, h("slot", { key: '8c7c095e1643c9bda7e74f09c18bd3c9cc58a075', name: "main_text" }), this.showSupportingText && h("slot", { key: '79b26653c04cf1826fb3a88fb9a03faea215064c', name: "supporting_text" })), this.actions && (h("div", { key: '7037a04d5529771914f10efe4b262b9a7371931c', 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: 'c405a255d68efe053e854aebdbc0ec490c984c5e', 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: '9b3058518c42bf2b73d3c0caf19fd75e5b03d4ff', class: `container ${this.breakpoint}` }, h("div", { key: '0839cd8c2101b337a91f9d4abf5fba100e64e60f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '3156635f16b39bab6724d783161d0bde7d2eafbf', class: `inner_content ${this.breakpoint}` }, h("div", { key: '9a02175f51ed1824f3b1e48e1a829b6900dd2b32', class: `icon_container` }, h("svg", { key: '8dd8c82d5ce36b1ec90059c9c43fd1dbc32b7a7d', 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: 'e9010c3ad7ee11a63fcfd42b1f522a3680fb0d87', 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: 'd0e1985cb64e54b66379a861847b90ae5f07107c', "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: 'b0ef7bf718ea2dbd4e357a4d6c59e7749401bd44', "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: '6f5252691667132c115ac91f83b3a5aa32526f25', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'f49065be6169f2f5275c5b3b25874732a0078829', name: "main_text" }), this.showSupportingText && h("slot", { key: 'cb62e4bbe1ab7cf5ead57efa75654a18b23f691f', name: "supporting_text" }))), this.actions && (h("div", { key: 'cdaabfd7fad1578616273e609d0dcc8c8bd89bc3', 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: 'b69998ff28df4906b73ce32e205953a86d2d3be3', 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: '05bc22f6d8e248684741105faceb08849d789d4a', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'c49f1fc92f7cbe0357714a437fdeace028186b05' })));
|
|
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: 'b4bcc10ba0f76ea69c740a7cfc074bfe07d47ed7', class: `toggle_div ${this.size}` }, h("div", { key: '4d05acc98713fdac949ceec2e3a1a88b52559a23', class: "toggle_base" }, h("gb-toggle-base", { key: '6989a708a297ea27794e3449de8609683cd4406f', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: '094d14916676db9923640ac2edcf34d8181402c5', class: "text" }, h("slot", { key: '5e417d5e0bce09e3acfb6c48608d6c3142a56a84', name: "main_text" }), this.supportingText && (h("slot", { key: '8e0144439e68249fa1fb31b276d889b95a95e855', 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: '2c8e1e725361556e15ff377e7bf39fe7ea6c4105', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
|
|
17
|
+
h("label", { key: '433ee95f0ce38dc2d704bf8c0cc2c3fe7c286ded', 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: 'a1c01cc6f9faeabb2a224068f7f4a8e8284e5162', class: this.size }, h("div", { key: 'de81b65be20413f2b1406459b69262ea573e8dc3', class: "input-with-label" }, this.showLabel && (h("label", { key: 'f7e69a44b179e7d2cffdd03d58407f0be732d931' }, this.label)), this.digits === 4 && (h("div", { key: 'acda178a2ba4ce458974d51d7e2497cd413d0e38', class: "input-wrapper" }, h("gb-megainput-field", { key: '4f338d2806d370ee85fb53a14f41c6025218b95b', size: this.size }), h("gb-megainput-field", { key: 'aa485ec160b5367e36850cb5e8b6f7107d06e7aa', size: this.size }), h("gb-megainput-field", { key: '95d53f7233c2603e8d25bf54cd4feb8404aff9ab', size: this.size }), h("gb-megainput-field", { key: 'eba5d1fd0f4b8bdfd47424a65ba5b6eb43fd4b1c', size: this.size }))), this.digits === 6 && (h("div", { key: '09678d4bec49b90adf6fa093086381bd944d4dac', class: "input-wrapper" }, h("div", { key: '668352df9efa0ba69b2d9b56e12bc24ebb159121', class: "first=section" }, h("gb-megainput-field", { key: '2faf600f5bb04f4a99e20fd16ebe9352c5526290', size: this.size }), h("gb-megainput-field", { key: 'd316b722c8cd94143ff7ec453649ef14f2aa9157', size: this.size }), h("gb-megainput-field", { key: '0eda61faea9bce62659d587d95a1435c14b553a8', size: this.size })), h("div", { key: 'd266679a141b988388bd6eb5609bf964a68788b8', class: "second=section" }, h("gb-megainput-field", { key: '14808b5976303ff1cf9095aa1afbed34f4fbf644', size: this.size }), h("gb-megainput-field", { key: 'fcf5a1b1dbbc6095befd9244bd4e381a71541720', size: this.size }), h("gb-megainput-field", { key: 'bf9e12c324ecb43df417a6af10ce1e12e7c80ae6', size: this.size })))), this.digits === 8 && (h("div", { key: 'd16390a2fbe7ac53d19018bd9d252a0b939bfdd3', class: "input-wrapper" }, h("div", { key: '4ebc1a320db07793fd27ee96e5edde4e2cc35759', class: "first=section" }, h("gb-megainput-field", { key: '9be62cc57e9deeeae24e4b27a432a08cc5c834c2', size: this.size }), h("gb-megainput-field", { key: '2fffa7d67f156d880d5ea6c7cb66f51864dd5020', size: this.size }), h("gb-megainput-field", { key: '45f4f1f40b0ce58ab5d69d31d9958c5151bfcb8e', size: this.size }), h("gb-megainput-field", { key: '20110526dec6a1ba34f949ab74ebae8e2bf01245', size: this.size })), h("div", { key: '8e61c07e387283b911382f8d4c976b0300d4d6bd', class: "second=section" }, h("gb-megainput-field", { key: 'c777688d9fff8c33215bda891eaebe4415cab43d', size: this.size }), h("gb-megainput-field", { key: '6af2c6033bdcc7778d61e6b04f38f04041e9ab60', size: this.size }), h("gb-megainput-field", { key: 'bc52217662cc9d58c5d9bdf1a6b9ab24c77d955c', size: this.size }), h("gb-megainput-field", { key: '61a0d805a11b6a75dbfd468edc5aef0c3536e5ea', size: this.size }))))), h("p", { key: '14cc3113028cec7d014addd24de8d9760bc3bda0' }, 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: 'ffa6a8ff9bb3dfac54cd3ff9523a62e6a3ba3b1f', class: "tooltip_container" }, h("div", { key: 'ea94087ab5d72d35a6bd1e9f1846b94ea48be8a1', class: "tooltip" }, h("div", { key: 'b3556c836a7b2518438243f6a6d708e169dddb3b', class: this.getArrowClass() }), h("div", { key: 'c951e7e6d18900b2147f6399a7bd7e2195182cc6', class: "tooltip_content" }, h("slot", { key: 'bb55a499029a0657dd97a31ec2d9bb16b97ef6a2', name: "label" }), this.showSupportingText && h("slot", { key: '6e82884e1a1774a972da95210f4cfe442fb1e08b', 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: '937355a265afbf036727d3c14bf78b592a21d389', class: {
|
|
13
13
|
container: true,
|
|
14
14
|
[this.size]: true,
|
|
15
15
|
[this.digits]: true,
|
|
16
|
-
} }, h("div", { key: '
|
|
16
|
+
} }, h("div", { key: 'ccb0c37a320017f71f3536f24f8f5be99e2a9dbb', class: "input-with-label" }, this.showLabel && (h("label", { key: 'e2f59f9ee905e31d81733abbea1bb12ccb088e83', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'cd9926f73bb942e20bd8097e67a4a490593fc331', class: "input-wrapper" }, h("gb-megainput-field", { key: 'c144ffd9b68990c048b130593ba929c18a7e1ddd', size: this.size }), h("gb-megainput-field", { key: 'd91b55cba187a49dc25b8ae517a10ac6010e15b8', size: this.size }), h("gb-megainput-field", { key: 'c5616d9ad8e6c39884df59863a63f9d25d2097c7', size: this.size }), h("gb-megainput-field", { key: 'bad5025afecfa02216d370af6a9e113c2bcfdc95', size: this.size }))), this.digits === 6 && (h("div", { key: '0ac543d2033d8689c08bf6cf8c476ee33e1b2b44', class: "input-wrapper" }, h("gb-megainput-field", { key: '3bf51289763ac05679cb089b401d2c68b3c08f75', size: this.size }), h("gb-megainput-field", { key: 'aebb4aa0f7a0e4fc095ea0c2a9f5af0317f441b2', size: this.size }), h("gb-megainput-field", { key: '42bbd53e479c5124a35749b8c4a1c833d66da0af', size: this.size }), h("p", { key: '789b079c59b8c39c8a399227e223300646cdee2d', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '0c1de7c159525d348697c232de87d2cae74af25f', size: this.size }), h("gb-megainput-field", { key: '53bd457379961a76d3bcdb0585462b51ab6a0977', size: this.size }), h("gb-megainput-field", { key: '7bbd4cdb7ab2ba9fe07190380527ff52eba6bff8', size: this.size }))), this.digits === 8 && (h("div", { key: 'e426def4c0b57e6695beae4cf0599a59c358c4c2', class: "input-wrapper" }, h("gb-megainput-field", { key: '0118b5ef38fb5c059570d82493fc68622caca88a', size: this.size }), h("gb-megainput-field", { key: '98436de12cf2b25c5f52a4f6d787eb06f5e408e7', size: this.size }), h("gb-megainput-field", { key: '9b79a2fea3ebbffe5d954fb1bfd066db75fc919e', size: this.size }), h("gb-megainput-field", { key: '1ff5eefcfd9a416fbda731f1e95d1114a1ce7b4f', size: this.size }), h("p", { key: '014fb85ef1a8b798b03ca75def01ef194d8f90a9', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '3894e0a038fdbdd6bd18e2ea305880d4923420f0', size: this.size }), h("gb-megainput-field", { key: '7042ee00386638482889d3f5825f9b408ca1d044', size: this.size }), h("gb-megainput-field", { key: 'e47cb799f3f81d4959df72206d817f2e3772ce9e', size: this.size }), h("gb-megainput-field", { key: 'dc2dfae1f272f7257a0d76f2a49539072dd2e703', size: this.size })))), this.showHintText && (h("div", { key: '9984e90d6dd4e2dce5ea7596d04564e939ad15fd', 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"; }
|
|
@@ -74,7 +74,7 @@ export class TestInputTag {
|
|
|
74
74
|
this.exportValue.emit(this.selectedStaff);
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
|
-
return (h("div", { key: '
|
|
77
|
+
return (h("div", { key: 'feb3026cd124f0e46e5af0b7adb5058b451665c2', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'fffee95b9934bc3c285cd6893aa38cfc1d3b829f', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'c39b65ba87004fcdc4fdbe7a33df27ce6ba5001a', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '0e1974fd34eec28d55acb9bc58ffc9c28d23b082', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '7001bc7f83bff546dbf5c756606c4205fd6e4e7f', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
|
|
78
78
|
// <span>
|
|
79
79
|
// {staff.fullname}
|
|
80
80
|
// <img
|
|
@@ -83,7 +83,7 @@ export class TestInputTag {
|
|
|
83
83
|
// onClick={() => this.removeStaff(index)}
|
|
84
84
|
// />
|
|
85
85
|
// </span>
|
|
86
|
-
h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '
|
|
86
|
+
h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '2ac0df8aa0631a8a2a78e193acfce0efb02c8bb6', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
|
|
87
87
|
// <li class="aList" onClick={() => this.selectStaff(staff)}>
|
|
88
88
|
// <div>{staff.fullname}</div>
|
|
89
89
|
// <div>{staff.email}</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC;
|
|
1
|
+
{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC;AAiDC,sDAAsD","sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n Default = 'default',\r\n Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n VeryLight = 'very_light',\r\n Light = 'light',\r\n Regular = 'regular',\r\n Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n Online = 'online',\r\n Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n | 'page_default'\r\n | 'page_minimal_center_aligned'\r\n | 'card_default'\r\n | 'card_minimal_right_aligned'\r\n | 'card_minimal_left_aligned'\r\n | 'card_minimal_center_aligned'\r\n | 'card_button_group_right_aligned'\r\n | 'card_button_group_left_aligned'\r\n | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n | 'default'\r\n | 'icon_leading'\r\n | 'leading_dropdown'\r\n | 'trailing_dropdown'\r\n | 'leading_text'\r\n | 'payment_input'\r\n | 'tags'\r\n | 'trailing_button'\r\n | 'password'\r\n | 'password_icon_leading'\r\n | 'count';\r\n\r\n export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\n export type DropdownItemTypes = string | number | { name: string; username: string, selected?: boolean };\r\n\r\n export type PaginationDotTypes = 'dot' | 'line';\r\n // export type InputValueTypes = string | number | [];"]}
|
|
@@ -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-b3fba286.js';
|
|
2
2
|
|
|
3
3
|
const GbAvatarAddButton = GbAvatarAddButton$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|