globuswebcomponents 1.0.7 → 1.0.8
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_25.cjs.entry.js +50 -47
- package/dist/cjs/gb-avatar_25.cjs.entry.js.map +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-tab-button-base.cjs.entry.js +3 -3
- package/dist/cjs/gb-toast-button.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast.cjs.entry.js +1 -1
- package/dist/cjs/gb-toggle-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/gb-vertical-tabs.cjs.entry.js +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +22 -19
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
- package/dist/collection/components/gb-input-field/gb-input-field.js +18 -18
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js.map +1 -1
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.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-textarea-input-field/gb-textarea-input-field.js +4 -4
- 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/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
- package/dist/collection/components/test-input-tag/test-input-tag.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 +1 -1
- package/dist/components/gb-checkbox-group.js +3 -3
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
- package/dist/components/gb-complex-secondary-side-bar-item.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 +1 -1
- package/dist/components/gb-pagination.js +11 -11
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-rich-text.js +12 -12
- package/dist/components/gb-sidebar.js +21 -15
- package/dist/components/gb-sidebar.js.map +1 -1
- package/dist/components/gb-simple-side-bar-item.js +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 +1 -1
- package/dist/components/gb-textarea-input-field.js +11 -11
- 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-vertical-tabs.js +5 -5
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/{p-3d48ad44.js → p-0930680b.js} +3 -3
- package/dist/components/{p-3d48ad44.js.map → p-0930680b.js.map} +1 -1
- package/dist/components/{p-c5feab83.js → p-0b1416b9.js} +2 -2
- package/dist/components/{p-c5feab83.js.map → p-0b1416b9.js.map} +1 -1
- package/dist/components/{p-174299df.js → p-2850a798.js} +2 -2
- package/dist/components/{p-174299df.js.map → p-2850a798.js.map} +1 -1
- package/dist/components/{p-206ec6e6.js → p-2b0efd04.js} +7 -7
- package/dist/components/{p-206ec6e6.js.map → p-2b0efd04.js.map} +1 -1
- package/dist/components/{p-15c841a5.js → p-2b6fcf3b.js} +2 -2
- package/dist/components/{p-15c841a5.js.map → p-2b6fcf3b.js.map} +1 -1
- package/dist/components/{p-f04cbf5a.js → p-2e424c3d.js} +3 -3
- package/dist/components/{p-f04cbf5a.js.map → p-2e424c3d.js.map} +1 -1
- package/dist/components/{p-1faeef4d.js → p-495583dd.js} +32 -29
- package/dist/components/p-495583dd.js.map +1 -0
- package/dist/components/{p-e53cfef8.js → p-5041eef7.js} +3 -3
- package/dist/components/{p-e53cfef8.js.map → p-5041eef7.js.map} +1 -1
- package/dist/components/{p-0ab3ebba.js → p-62df8228.js} +3 -3
- package/dist/components/{p-0ab3ebba.js.map → p-62df8228.js.map} +1 -1
- package/dist/components/{p-a14cd9d4.js → p-6cd408d7.js} +2 -2
- package/dist/components/{p-a14cd9d4.js.map → p-6cd408d7.js.map} +1 -1
- package/dist/components/{p-f245a4cc.js → p-7438bed3.js} +3 -3
- package/dist/components/{p-f245a4cc.js.map → p-7438bed3.js.map} +1 -1
- package/dist/components/{p-fdf4daa6.js → p-8986943a.js} +2 -2
- package/dist/components/{p-fdf4daa6.js.map → p-8986943a.js.map} +1 -1
- package/dist/components/{p-02778a70.js → p-8d414028.js} +3 -3
- package/dist/components/{p-02778a70.js.map → p-8d414028.js.map} +1 -1
- package/dist/components/{p-06dc455f.js → p-8ff1c695.js} +2 -2
- package/dist/components/{p-06dc455f.js.map → p-8ff1c695.js.map} +1 -1
- package/dist/components/{p-de2a969b.js → p-97c8c39a.js} +2 -2
- package/dist/components/{p-de2a969b.js.map → p-97c8c39a.js.map} +1 -1
- package/dist/components/{p-e5610e69.js → p-9cab4907.js} +3 -3
- package/dist/components/{p-e5610e69.js.map → p-9cab4907.js.map} +1 -1
- package/dist/components/{p-32bf488a.js → p-a51bb23a.js} +2 -2
- package/dist/components/{p-32bf488a.js.map → p-a51bb23a.js.map} +1 -1
- package/dist/components/{p-0c04596d.js → p-b653cd60.js} +2 -2
- package/dist/components/{p-0c04596d.js.map → p-b653cd60.js.map} +1 -1
- package/dist/components/{p-f2ddced4.js → p-b9dcaa74.js} +2 -2
- package/dist/components/{p-f2ddced4.js.map → p-b9dcaa74.js.map} +1 -1
- package/dist/components/{p-d18c3cb2.js → p-b9f8dd8f.js} +2 -2
- package/dist/components/{p-d18c3cb2.js.map → p-b9f8dd8f.js.map} +1 -1
- package/dist/components/{p-1f8963bf.js → p-cb4314db.js} +7 -7
- package/dist/components/{p-1f8963bf.js.map → p-cb4314db.js.map} +1 -1
- package/dist/components/{p-d8fc457a.js → p-cec5b90c.js} +12 -12
- package/dist/components/{p-d8fc457a.js.map → p-cec5b90c.js.map} +1 -1
- package/dist/components/{p-a9276ce8.js → p-edc34d28.js} +2 -2
- package/dist/components/{p-a9276ce8.js.map → p-edc34d28.js.map} +1 -1
- package/dist/components/{p-19cb26e4.js → p-f6515d55.js} +27 -27
- package/dist/components/p-f6515d55.js.map +1 -0
- package/dist/components/{p-c6e84c5a.js → p-f8638e16.js} +2 -2
- package/dist/components/{p-c6e84c5a.js.map → p-f8638e16.js.map} +1 -1
- package/dist/components/{p-27376023.js → p-f9db1abf.js} +6 -6
- package/dist/components/{p-27376023.js.map → p-f9db1abf.js.map} +1 -1
- package/dist/components/test-input-tag.js +9 -9
- package/dist/docs.json +9 -3
- package/dist/esm/gb-avatar_25.entry.js +50 -47
- package/dist/esm/gb-avatar_25.entry.js.map +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-tab-button-base.entry.js +3 -3
- package/dist/esm/gb-toast-button.entry.js +1 -1
- package/dist/esm/gb-toast.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/gb-vertical-tabs.entry.js +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/test-input-tag.entry.js +2 -2
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-4c917e4e.entry.js → p-060b0bf8.entry.js} +2 -2
- package/dist/globuscomponents/{p-a5049b16.entry.js → p-09ba896b.entry.js} +2 -2
- package/dist/globuscomponents/p-09ba896b.entry.js.map +1 -0
- package/dist/globuscomponents/{p-bd771b87.entry.js → p-57afd81a.entry.js} +2 -2
- package/dist/globuscomponents/{p-fc0e67ab.entry.js → p-6dc28d3d.entry.js} +2 -2
- package/dist/globuscomponents/{p-90651c32.entry.js → p-6e3f7bb2.entry.js} +2 -2
- package/dist/globuscomponents/p-79c2f800.entry.js +2 -0
- package/dist/globuscomponents/{p-b3d6b9cc.entry.js → p-994950d8.entry.js} +2 -2
- package/dist/globuscomponents/{p-9c98e0c8.entry.js → p-c4769f4d.entry.js} +2 -2
- package/dist/globuscomponents/{p-138bde32.entry.js → p-c835beab.entry.js} +2 -2
- package/dist/globuscomponents/{p-ac4be680.entry.js → p-c95842ae.entry.js} +2 -2
- package/dist/globuscomponents/{p-573a911b.entry.js → p-d3848e3c.entry.js} +2 -2
- package/dist/globuscomponents/{p-a509c0e0.entry.js → p-fcd3a902.entry.js} +2 -2
- package/package.json +2 -2
- package/dist/components/p-19cb26e4.js.map +0 -1
- package/dist/components/p-1faeef4d.js.map +0 -1
- package/dist/globuscomponents/p-a5049b16.entry.js.map +0 -1
- package/dist/globuscomponents/p-d6584922.entry.js +0 -2
- /package/dist/globuscomponents/{p-4c917e4e.entry.js.map → p-060b0bf8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-bd771b87.entry.js.map → p-57afd81a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-fc0e67ab.entry.js.map → p-6dc28d3d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-90651c32.entry.js.map → p-6e3f7bb2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d6584922.entry.js.map → p-79c2f800.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b3d6b9cc.entry.js.map → p-994950d8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9c98e0c8.entry.js.map → p-c4769f4d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-138bde32.entry.js.map → p-c835beab.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-ac4be680.entry.js.map → p-c95842ae.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-573a911b.entry.js.map → p-d3848e3c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a509c0e0.entry.js.map → p-fcd3a902.entry.js.map} +0 -0
|
@@ -737,20 +737,23 @@ const GbInputDropdown = class {
|
|
|
737
737
|
this.leadingIcon = '';
|
|
738
738
|
this.icon = undefined;
|
|
739
739
|
this.items = [
|
|
740
|
-
{ name: 'Mock Item A', username: 'A', selected: false },
|
|
741
|
-
{ name: 'Mock Item B', username: 'B', selected: false },
|
|
742
|
-
{ name: 'Mock Item C', username: 'C', selected: false },
|
|
743
|
-
{ name: 'Mock Item D', username: 'D', selected: false },
|
|
744
|
-
{ name: 'Mock Item E', username: 'E', selected: false },
|
|
745
|
-
45,
|
|
746
|
-
50,
|
|
747
|
-
20,
|
|
748
|
-
25,
|
|
749
|
-
90,
|
|
750
|
-
92,
|
|
751
|
-
53,
|
|
752
|
-
'Activated',
|
|
753
|
-
'Deactivated',
|
|
740
|
+
// { name: 'Mock Item A', username: 'A', selected: false },
|
|
741
|
+
// { name: 'Mock Item B', username: 'B', selected: false },
|
|
742
|
+
// { name: 'Mock Item C', username: 'C', selected: false },
|
|
743
|
+
// { name: 'Mock Item D', username: 'D', selected: false },
|
|
744
|
+
// { name: 'Mock Item E', username: 'E', selected: false },
|
|
745
|
+
// 45,
|
|
746
|
+
// 50,
|
|
747
|
+
// 20,
|
|
748
|
+
// 25,
|
|
749
|
+
// 90,
|
|
750
|
+
// 92,
|
|
751
|
+
// 53,
|
|
752
|
+
// 'Activated',
|
|
753
|
+
// 'Deactivated',
|
|
754
|
+
'John Doe',
|
|
755
|
+
'John smith',
|
|
756
|
+
'Jane leo'
|
|
754
757
|
];
|
|
755
758
|
this.value = [
|
|
756
759
|
// { name: 'Mock Item A', username: 'A', selected: false },
|
|
@@ -1007,18 +1010,18 @@ const GbInputDropdown = class {
|
|
|
1007
1010
|
const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
|
|
1008
1011
|
const illustration = getAssetPath('assets/empty-state-no-data.svg');
|
|
1009
1012
|
return [
|
|
1010
|
-
h("div", { key: '
|
|
1013
|
+
h("div", { key: '1a50b4e8b9a32143b73c2a0bcece08bdef2b679b', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '9c0755caa2dffdc77045db5a5a6ffca1e28383ca', class: `input_with_label` }, this.showLabel && (h("p", { key: 'e3b87288bd1c312b19db89ef23e2df69ffb69dc9', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), h("div", { key: '28f950fefcc9b8efb9855f1f34f8a8ad2dc2aa36', class: `input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (h("svg", { key: 'ac376359c56426c59e70d20c82e19c94dddff690', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '12a7fc2707dbc68d09abbdb14e84c3716248b704', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'd6a6bf8f883f20ef0ea4469d9711f2e829ddb087', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '9dcd982b8a6a33ef0fa178fc7bf2e001e20197c0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0bcfc88bc125e3c941bb7a0ec42e55c29fd27e2d', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'ed93d2aa59ddc0a24e3cc69db3b3e8376e9d300c', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '40d6317ef3ea5b998503d57d6df0cc6eca07e417', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '25751bbd3649069d6422f2582365ce82d05e5243', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '82997d8802840181710cb893a90be65043540dfb', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("div", { key: 'e516c37563657de2b39a134ed573d2fd340374f0', class: "placeholder" }, h("p", { key: 'ca906e62b9b3ae5ae96a705c97da26b1c95039ea', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '38c2f6686887815f97a19111d4367fdacae8153d', class: `content` }, h("div", { key: '32e9b73f3015865c85ed31ea204da01646810d5b', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
1011
1014
|
.split(' ')
|
|
1012
1015
|
.map(part => part.charAt(0).toUpperCase())
|
|
1013
1016
|
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
1014
1017
|
.split(' ')
|
|
1015
1018
|
.map(part => part.charAt(0).toUpperCase())
|
|
1016
|
-
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '
|
|
1019
|
+
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '1f25eb3e04b80248f0283af18d0c1f8351bc0e03', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'e6004be6b717d055b511f7a5abc3dea31a4f035f', class: `content` }, h("div", { key: '48bcdd137e462bf324e2cd8236185709024ed493', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
1017
1020
|
.split(' ')
|
|
1018
1021
|
.map(part => part.charAt(0).toUpperCase())
|
|
1019
|
-
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '
|
|
1022
|
+
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '8ffa6f804244c350df6fb6ffac27e0b476a53a3b', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: 'b07b6e4c9d2cb4dc73d65ac966671977c6deec26', class: `help_icon` }, h("gb-help-tooltip", { key: '136e151bc59eeea4a412044b4dbda4515b6fa09c', "show-supporting-text": true }, h("slot", { key: '4c6bb26be579a22f2e74bfa351191716724b4a07', name: "tooltip_label", slot: "label" }), h("slot", { key: 'fb70adbb1e2a6b571ded54c1a8fa992b65274f7f', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '9559c72e5d45af6b73f64a659c176f61cbc1f26b', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '04b09250797e6546b0d9dd911518e8488521e1c3', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '2e8adaf8a491549a32dcfc0e0c65c76ba8c3eedd', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: '4b46bb78ffbc406be22dd5bc469b645d67f01932', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '9bad287ebfe08fb4b1453271a7e80c6cdfd9c4bf', class: "dropdown_search_field" }, h("gb-input-field", { key: 'ab6b4a9073715cca1770d7f9def902ab17bb8f3c', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
|
|
1020
1023
|
//Empty state for when there are no search results
|
|
1021
|
-
h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && h("p", { slot: "name" }, item)))))))))))))), this.showHintText && (h("p", { key: '
|
|
1024
|
+
h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))))))))))))), this.showHintText && (h("p", { key: '6947f7ff990a0897dc4c1edd65318b9546ac8d82', class: "text-sm-regular", style: { color: '#697586' } }, this.hintText))),
|
|
1022
1025
|
];
|
|
1023
1026
|
}
|
|
1024
1027
|
get el() { return getElement(this); }
|
|
@@ -1128,11 +1131,11 @@ const GbInputField = class {
|
|
|
1128
1131
|
this.menuPosition = undefined;
|
|
1129
1132
|
this.icon = undefined;
|
|
1130
1133
|
this.value = [
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1134
|
+
// { objectName: 'John Doe', objectValue: 'john.doe@example.com' },
|
|
1135
|
+
// { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },
|
|
1136
|
+
// { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },
|
|
1137
|
+
// { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },
|
|
1138
|
+
// 10
|
|
1136
1139
|
];
|
|
1137
1140
|
this.inputValue = '';
|
|
1138
1141
|
this.tags = [];
|
|
@@ -1352,23 +1355,23 @@ const GbInputField = class {
|
|
|
1352
1355
|
// this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
|
|
1353
1356
|
// }
|
|
1354
1357
|
render() {
|
|
1355
|
-
return (h("div", { key: '
|
|
1356
|
-
h("div", { key: '
|
|
1358
|
+
return (h("div", { key: '08995102ea0e056f02ef6e67c8468db9e0166b0a', class: `input_container` }, h("div", { key: '18e57594592d18afb605b99da317937a202db64b', class: `input_with_label` }, this.showLabel && h("p", { key: 'df803ca7c6941b5eb221924c95f15cd7a27cbab8', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
|
|
1359
|
+
h("div", { key: '4a1df41e59292235d8f78f933fbfcca609813b53', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '6e8de94c5ee53c96f6eb7a0cf74540c32bf7b9cb', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && (h("svg", { key: 'ba7a9608851569d7379885584dd44767f8a9ef7a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'f95e9d27de8c2206cbc1a6db9c6ccd620efc0d6a', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '023c9f954303eea6afe517b3aaf7291ea422a702', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
|
|
1357
1360
|
], this.type === 'icon_leading' && [
|
|
1358
|
-
h("div", { key: '
|
|
1361
|
+
h("div", { key: 'e26d74af15787146ca7e14dc6b8e37fe584632f6', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'c7a2d390c467cfdc6298bea2754cacffa6dcf77c', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '565283eab31cc52b31cac1c6bd8740f5627cb58a', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: 'bc55d62d31f069cc2d5163c07873645b4d641fcc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'a6d8283130d9811f28b88360215ee27b53f9f6ea', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'ec2c20b19952b27a578295d16433b0d129b534fe', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '454f6e62a0bb93308c269ef1a9099d997eaaa040', size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: `input_close_button ${this.size}` })))),
|
|
1359
1362
|
], this.type === 'leading_dropdown' && [
|
|
1360
|
-
h("div", { key: '
|
|
1361
|
-
h(Fragment, null, this.showDropdown && (h("div", { key: '
|
|
1363
|
+
h("div", { key: '5e09967d6b940f3fc51396b50fe832dec5e5306a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '4efb51928af93c7ccec3ab8d69b22693ec76c6b5', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'dcb34091b5a44f701c0dfe05c8da1186fd73d32f', class: `country_icon` }, h("img", { key: '74e6feef49ab2be6e9b0ced59b6e5c18f7ef2086', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '809e2a02b54470261026b151eba892dbfb4829ff', class: `dropdown_text` }, h("p", { key: '3caf513756c3f246dbaa387c8c60c693a5dc9f63', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '1c5c528c2967d71a21a00742ba6918099f60cf61', class: `dropdown_arrow` }, h("svg", { key: '815840cdedb16098f7b5f49056efd5b494b4cd15', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9fe56a4b0d724b84eaf87f37a158eed45271d59a', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '0da2f852ed77beb31faa47cbe59bc385a00fdd3e', class: `leading_dropdown_text_input` }, h("input", { key: 'b9789b0348ca6728056c7594f3e7a75f49ec490d', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: 'c31a5c6748f1130b8d2cdb690c4fe661e396d3f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e62dd5c3bc7c94f9db93d48c7762c4cf020cbc53', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '6dcb4e165a789d8430875fa85dbe6b008960adaf', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
|
|
1364
|
+
h(Fragment, null, this.showDropdown && (h("div", { key: '2019a27d5109a65f94af2a51f878a7b7b9fc1b33', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
|
|
1362
1365
|
], this.type === 'trailing_dropdown' && [
|
|
1363
|
-
h("div", { key: '
|
|
1364
|
-
h(Fragment, null, this.showDropdown && (h("div", { key: '
|
|
1366
|
+
h("div", { key: '2b8e9a553ada38f42446a667e928883869aa20aa', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '65977fca0b83bdfefcd79bae1272548c7acdf01e', class: `trailing_dropdown_content` }, h("p", { key: '0eb7dfd0024b22c0c5089cbb4a73def0ee62ca3c', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '879e2464c11cb580dfa71a5e4f165fb58ea11f87', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: '32e86b002a254bd090ef1d09ed28958ef8c907ad', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '01e58ff919cc94751dda442423a9218aafae3747', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '11b8375a583fe982cd4e61b2c18808ceeb8dd8b3', class: `dropdown_text` }, h("p", { key: '0a788b941bb8de9a83b272c6b10719869bbcc034', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '0548896780e3353e2d24e51a107a7277d350980c', class: `dropdown_arrow` }, h("svg", { key: '52a8810736c2be7363100dfe60ba7f2956c92909', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'dd8be7a690314892213fe82c51cfc35db4826865', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
|
|
1367
|
+
h(Fragment, null, this.showDropdown && (h("div", { key: '3485837cd94be2bcc91bcb9b6bcf162ca0b3fdcb', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
|
|
1365
1368
|
], this.type === 'leading_text' && [
|
|
1366
|
-
h("div", { key: '
|
|
1367
|
-
], this.type === 'payment_input' && (h("div", { key: 'f4385ec048c1b648071c76cf4f9677a57902664c', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'aa8045118403866fc352e07c9982e4c1c6b7ab68', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: 'c972cfcf6ef0cc9c4a02fcf43b280190e3b1b168', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'd3f448a00486db017a94cb331b287af595629ae3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: '90bf0ba23c004b3ed58293a9cbdac0db059a05f5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: 'f006030f9da77980722dd0520e4ca0b9257c3744', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '7f7a264c3fd3d5541f17667e1a7eb5044eb81bbd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f82f673dcdc8f1b5a15ffb7f66fc39f4cc00e664', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd918dbb8ba266d1ea2cfc1780d3e278433338869', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '78ff57cc2b2239fe581f549cf2316869b2ef1169', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '249ef9c6215f384775afc00673c5fc5b973fdc90', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'cb4e9c41492aa8eed9c7e558495631f1c4e0a35c', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '31a07220bf62126fa0704ec1a607ef615baeff9e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a8f09f3827f219b0532c06912955c552f7eef4e5', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'aa2135013e9dbc03fd02a348fb076e83df689444', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: '582c061ffee7a3bb82f54c89874c70a39652545e', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: 'ecf13e7d239ea818feb02f72074aac7e716ef3b9', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '75a8301f15427be9b17639cbaf7c9195d2f8eb3c', class: `password_content` }, h("input", { key: '91d97916e1eac6fd1a3a80bd72de97e9b8ec34a3', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: 'ccabcbbdb3ea63d0d532c90a7ca85d18ec4ad60d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5d3ba6d2cbe8f0d52f150489b6bdd700e56beade', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '2f9747274bdaefeb1a172e2a7489c23ea3f73633', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '36ec2c311a8acfde6b26b5e8c66c08b04ed63513', class: `dropdown` }, h("gb-password-button", { key: 'a6412b1f5c99f9d2ae579fbbbfeaecdcd15d2b87', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '1d4f35521f5231dfad59bf2e90414e0d61acea1e', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '1a4f933d552bcd992c31d8080c1b29d5b4b2f8f5', class: `password_icon_leading_content` }, h("svg", { key: '61ef918c45441abb5230b10840577a6b86d4357f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'fe1a6ff986d14a434ceee8f22fb96365b04cc7da', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: 'f314d3d9221096570cb34072924838bd456e437f', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: 'f1e6f7652660b74b84e021daf3a7d78340e21be6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c099ef4d5c90ef46dc8c7ff79b991f46887a05ca', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '55e8d2df9dfc6afeb4daf6b911a8ed9af6042223', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: 'bf84a038159152a560eb009e6565b028f51df92c', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
|
|
1368
|
-
h("div", { key: '
|
|
1369
|
-
], this.type === 'tags' && (h("div", { key: '
|
|
1369
|
+
h("div", { key: 'f57fc338aabf7293ce9a05f74786abf09b33002e', class: "leading_text_input" }, h("div", { key: '14d3df8157029268c0f9ba0429ddc4352f7c34c9', class: `add_on` }, h("slot", { key: '23586c59d5c95a1e017408e54090904a215c769d', name: "text" })), h("div", { key: '9d565bf84c28d0588ec6afb56499eb23e8b0a7a3', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '4021f630cc3beecb8c0c6f5dcf5b43437caa8d2b', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '75389e6646337b5fa9ad74473b41d81353999f8e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '32a4702fc3bc0853a3b9085dbe8b80440d700abc', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'bc41cb2a6970a2f9d7329599cc7325e1fd44b370', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
|
|
1370
|
+
], this.type === 'payment_input' && (h("div", { key: '237fc2ab8c5b653629ad73dc3473910e8e734c56', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'e1a1f1f86d4136c997fca7266d39749512a9f5a0', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: 'b12080a13960a3bd543cfecf9de8447b021a8e68', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'f447a0dadc402d955a90c2e1c6ac04879ebc479f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'e9fc696a4e5546bfd40a3e0c464703e7691a9854', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '929654985106cd630730d4847ec441689f8145e0', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '5f84eecdd7de6128b6c488ca37515c55612ccd2c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'cbed4257f7f37fbfaa1cee1980a57ba088350409', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '17dc7bef0c24206023a49a9842e9e083687c3e46', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '565f76a55e7b359772ff556206502b65acfc34c6', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '7abbd2b7eb2d7d70c14aaa08fd5d316685112530', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'b9b0f67f0467f990d6bf3a207ac646ecf3c60f9f', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: 'b7fe4e9011f642ca88d3b5aca04fe994f21d505f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '57fb939ac3c47d32ff7ffb15714f8e4cea1befe9', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd52b24c2c6d5015a42a334985a7a983fb7d7f8c9', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: '9fe0a27c158ecf4ba70a263cc849246104bc77b7', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: '77cedef354b16fa87589b1d684b5916646d8f71b', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'ed336339ba04a29bde08035da430263fdc22285a', class: `password_content` }, h("input", { key: '550a6befe49acd3e2869745745bf0af9fc95951e', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: '749937a3ea53fd36031f33090aea0ad3dfba717f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2a729f5ca74e95d95e1bd31a93b807ce48636317', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '4b031c8769c6863140ef7e929dbee4b247bb1154', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'cb70d37c605ac0e00918d33e83edfec30d0994f4', class: `dropdown` }, h("gb-password-button", { key: '5578b67b3b231312ce3e215318512bd10ea9b8f8', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '6709411d4c61b75ad11d355b4d44a00a659efd1f', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '33dd50fdb89da4613d380d04da42ba0a88faba81', class: `password_icon_leading_content` }, h("svg", { key: '8e57654448ca8b04a1abc905896dfdc3e9f9abf2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b13958cd19a87d9185b8db5c984fe648e1c818f2', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: 'b79a39d90caf9b82c7f4b1013b21f319d3dfd190', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: '68f2d23ead5a0ad27105bf175612f2309ccee5d8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '83dd494bd08cffd58c574feb1fd24a6bec1e381c', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '170e23b7e229ae91fecf4bf3e15a67e5a714bfdf', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: '9f05421cb65b7cad8b5c5057d9267d488e51ecc9', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
|
|
1371
|
+
h("div", { key: '1d98d0a9a24111fe2dbe8cc695616fdd2914a464', class: `count_input` }, h("div", { key: '7e3b5692508108cef0816c29a9be119df1685bc1', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'f8fd1d333f414a229de3a729e31707410e13cb9a', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: '764bbe011711437d1a5f574768a8520f34cc110d', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'c1f858308d1a339c0550517b223011f05915a471', class: `action ${this.state}` }, h("gb-button", { key: '094bfb498b338028d69e44f62b8c5b581e1a624f', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("div", { key: '8c1d107020365171f020945f3f9e4a6111a05407', class: "vertical_line" }), h("gb-button", { key: '644a00b7dccf412bd77a3bdb3692814d1b3bcb2d', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
|
|
1372
|
+
], this.type === 'tags' && (h("div", { key: '8dc8a228af712fb47438a6346c24928fd9e269f4', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: '13f6c88d6721867787c2d81d1be1de594c7a5dda', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: 'cd04dd7b20be55050ee91fcc93677a562735cc62', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, item.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, item)))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, val)))))))), h("span", { key: 'effbcb5c208094cf108ee18434a7d80976cc3587', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || ' '), h("div", { key: 'f1957a658b2ec1d9a6790836c36f74633493efd3', class: "input_field" }, h("input", { key: '647db8bfb1666d114dfd6a449db3789c86591166', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
|
|
1370
1373
|
// placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}
|
|
1371
|
-
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event) })))), this.showDropdown && (h("div", { key: '
|
|
1374
|
+
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event) })))), this.showDropdown && (h("div", { key: 'ea1097658e33c09f96b1ac3c736f578e22de5f53', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
|
|
1372
1375
|
? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
|
|
1373
1376
|
: typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
|
|
1374
1377
|
}
|
|
@@ -1505,7 +1508,7 @@ const GbSidebar = class {
|
|
|
1505
1508
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
1506
1509
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
1507
1510
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
1508
|
-
return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '860ce3458feec28d9da15fc9378ae6106ffa668f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '9e31e669568c460a5b329c5c5c1f7c6c0b9d8f9e', class: "pattern" }, h("img", { key: '672d84a250cdb8f72283ebd3eae7c1c1cc143b42', src: patternSrc, alt: "" }))), h("div", { key: '8b1365f46a501a795fa73e9fd400cc072dddb628', class: "nav" }, h("div", { key: '81369bf0c75124ed85e524c75897b04c433da1e7', class: `sidebar_header ${this.state}` }, h("div", { key: '18a3c5a5f072662e755ec46484c6123fabbe71f2', 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: 'f28b46949024886b627830bc0f919b015cfca0c7', src: logoSrc, alt: "" })), h("div", { key: '2c27eadac006b7c9b5afad7a72b4dadf8d50b377', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a04efa499c840821dc79247d46cf941f1c2665dc', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6793d0bcbb4aba4f5a0fb527812f7b1d54af9c75', class: "navigation" }, h("div", { key: 'a8353e403c9cc72ba3d82cadfcff2a4cd003b2ec', class: "item" }, h("gb-simple-side-bar-item", { key: 'f3b47cc95a4a3d9e66610af58a5e09638907fc8d', 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-simple-side-bar-item", { key: '96e0c095ef06a6dd593fc73db79245fe67763f7e', 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-simple-side-bar-item", { key: '09066959554ead6bea6ddd4e25fd398a17977979', 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-simple-side-bar-item", { key: '90b67d2fdffbbc558ddd6da5e27c214b01c29325', 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-simple-side-bar-item", { key: '
|
|
1511
|
+
return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '860ce3458feec28d9da15fc9378ae6106ffa668f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '9e31e669568c460a5b329c5c5c1f7c6c0b9d8f9e', class: "pattern" }, h("img", { key: '672d84a250cdb8f72283ebd3eae7c1c1cc143b42', src: patternSrc, alt: "" }))), h("div", { key: '8b1365f46a501a795fa73e9fd400cc072dddb628', class: "nav" }, h("div", { key: '81369bf0c75124ed85e524c75897b04c433da1e7', class: `sidebar_header ${this.state}` }, h("div", { key: '18a3c5a5f072662e755ec46484c6123fabbe71f2', 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: 'f28b46949024886b627830bc0f919b015cfca0c7', src: logoSrc, alt: "" })), h("div", { key: '2c27eadac006b7c9b5afad7a72b4dadf8d50b377', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a04efa499c840821dc79247d46cf941f1c2665dc', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6793d0bcbb4aba4f5a0fb527812f7b1d54af9c75', class: "navigation" }, h("div", { key: 'a8353e403c9cc72ba3d82cadfcff2a4cd003b2ec', class: "item" }, h("gb-simple-side-bar-item", { key: 'f3b47cc95a4a3d9e66610af58a5e09638907fc8d', 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-simple-side-bar-item", { key: '96e0c095ef06a6dd593fc73db79245fe67763f7e', 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-simple-side-bar-item", { key: '09066959554ead6bea6ddd4e25fd398a17977979', 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-simple-side-bar-item", { key: '90b67d2fdffbbc558ddd6da5e27c214b01c29325', 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 })), h("gb-button", { key: '64f7aa7cdd8300168be8f45cc431e1d2e79cb94f', size: "sm", hierarchy: "link_color" }, this.state === 'expanded' && h("p", { key: '27f11be0af3d90f770fd9a48d48d498050c9947d' }, "Show comments")), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '92b24d81912c735e5cac2e4083f98d5b10356908', 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: '2ce411707da0fc97ef45cc408997042f47e6eb1e', class: "navigation" }, h("div", { key: 'a84bb38767461f172211aa403b4b2dcddb98530f', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '067827c43461f02774537ebc718910ec6d678acb', 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-simple-side-bar-item", { key: '1d4fb6aaad09db9001463d150ccfcf863e9dcafc', 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-simple-side-bar-item", { key: '25ac29c6e9524d09970c7d7a787b7f7e32a45ac9', 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-simple-side-bar-item", { key: '5ca845529f5074712a298ed752964cd80aa79047', 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-simple-side-bar-item", { key: 'b8b6ea29cbae4a5bd843ad013390762ef19db62d', 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: 'f4a42773e5f3810aaa7f88f680740d26b6f3bbae', class: "application_name" }, h("div", { key: '0f90df628a9ba5f6a004d609318cd291eb5dc1c5', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '2c845b17efecf9ed4fadbdad1f4d56457e82ea4f', class: "application_name_pattern" }, h("img", { key: 'df6e39bc17387f6a6a4f5c1cd08efc9f4e08eaf7', src: patternSrc, alt: "" }))), h("div", { key: 'aed441518a68a77b6ccd1319ae1613f86eae7c99', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '37583bd42ac898ab236af319d49cddd5df13f1e4', class: textClass }, h("slot", { key: '3a925a96a64b758f12b691f532ee49b2d0f688c5', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'a0a821b157fa084c4a1917558657e46a855251f5', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '867a7da5390d7999948b30ab0ae0d93865b7a37d', class: "nav_div" }, h("div", { key: 'f1d4a9a6b74a10f3e24da5937e943e96054b92f7', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ba85c05b4619af7d032725654eb5d2147621f179', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'b303b22a425f40791e8354df9aef64f65c39ece3', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd8470c6a7507336efbc36f0e73a905958e7fbc7a', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '34244a2afb270bae276c9da3596eff59a0a74343', class: "complex_sidebar_div" }, h("div", { key: '858ece6342517cc479535321d0cb95e70c0b534e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '60b48a7b75e8fc2a87a89a10b39ea476e8eb64b0', class: "pattern" }, h("img", { key: '516089d865fc63a6049aa32692e3ca6f473a1e86', src: patternSrc, alt: "" }))), h("div", { key: '5ee57779eb323f57dc4045f8551796f95d1942fd', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'd52dd647157443e4fb78fe3ad076778c002f6985', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '74755a96404b65afc33a9d35773efa140be6770f', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
|
|
1509
1512
|
}
|
|
1510
1513
|
get el() { return getElement(this); }
|
|
1511
1514
|
};
|
|
@@ -1548,7 +1551,7 @@ const GbSimpleSideBarItem = class {
|
|
|
1548
1551
|
render() {
|
|
1549
1552
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
1550
1553
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
1551
|
-
return (h("div", { key: '
|
|
1554
|
+
return (h("div", { key: '82a0d96349f9159745883d901504f50c203a3be9', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '6f3fc266b57e034d583e6808bb9826ca92e53935', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '3ae15137800f4d9a701087eb81e10dad29038551', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '6b10439cdbdae5ac5f04fcda76319208717f9d01', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'd0c631d40cf902b7fc1f04b7a8a2beb5a7d5be68', class: "content" }, h("div", { key: 'd7b7464ca397037449e1cfd34cb1fad895d47aca', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '90748ba00548446826a47315e730917d281cd2ba', 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: '713158c91286715004cb994b607323143aab6316', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'b75e9e7aa9832d8ecc9e2ccaa7ca2d41a277f4ce' }, "10"))), this.showArrow && (h("svg", { key: '0c6ecefafa38e87c5911999fd4845883fa76836e', 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: '61b8b819a87e42e99605db24f04d77c7d48f63fb', 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: '8bf3f9076743acffda4ca3b9750d9e6d14229e1d', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '43ad35d7650c9cc2657a60d49e42cbdf4fafa846', slot: "label" }, this.label)))));
|
|
1552
1555
|
}
|
|
1553
1556
|
get el() { return getElement(this); }
|
|
1554
1557
|
};
|
|
@@ -1567,7 +1570,7 @@ const GbStatusIndicator = class {
|
|
|
1567
1570
|
}
|
|
1568
1571
|
render() {
|
|
1569
1572
|
return [
|
|
1570
|
-
h("div", { key: '
|
|
1573
|
+
h("div", { key: '787d02adad93789d4277ed960886ed4a26a26e80' }, this.statusIcon === 'online_indicator' && h("div", { key: 'f8c633e62cf7738431de4b864f01cd77fd4bdedc', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '7860f617f150d8c70ae4dbc8a31ad479e89871a2', 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: '3b7bd8e96f34822ee84290a13fc36fbbee8ecf2a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '9c04a6d642079f8afd4faf7ee4ec50522aeaeead', 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: 'a4c24be1943e8a3bed9bbc2eba5aa6bfb2577b17', 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: 'a8aa8cbb0b1202a14536b1d23905c4321a65cb1c' }, h("clipPath", { key: 'b341a971d306bdd4c5a2d3165f151dc3ae9b5e55', id: "clip0_0_21453" }, h("rect", { key: 'e5b5bf89868b947ed032bf3a534249ad12262a77', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '3284844ea486943e94c2fc9cd8d11484a9d52f91', 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: '6304298d51fdf08972a7dae62bfba7b0159819c3', 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: 'ccf543c87d87ae311042167720bae3780bf62c5c', "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" })))),
|
|
1571
1574
|
];
|
|
1572
1575
|
}
|
|
1573
1576
|
};
|
|
@@ -1608,7 +1611,7 @@ const GbTag = class {
|
|
|
1608
1611
|
}
|
|
1609
1612
|
render() {
|
|
1610
1613
|
const flagSwap = getAssetPath(`${this.flagSwap}`);
|
|
1611
|
-
return (h("div", { key: '
|
|
1614
|
+
return (h("div", { key: '739ca2c578d6dd1bdc2352e01f0880fe338cbb33', class: `container ${this.size}` }, h("div", { key: 'b06d5693884fcab17c5ee3e669950d3605141883', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'bc2e4980472c8a732b2e6ca54a099fbb928e1313', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '101acef4f4fa0e2c19015141f919a26fe44a8f32', class: "icon left-icon" }, h("img", { key: '9da0ec58a7e1d3481767c64cf07511bee6bdcb23', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ac5e81553411146c4a75e625ecefe8a8ebc384b1', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '965303a15db1bc2855af356746f9d05d8b88264b', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'd0da65e7f135f318ba9ac56bd6bc1ce58195e05d', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '8e5eeb8c09d28ed2ef6a2cff70780a9590884380', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'b00fccc4c0ec9d9fd943268924e9b379d13c6757', class: "label" }, h("slot", { key: 'e5e0f3872cf437dcfa2fd0099a4a0d48ffe303a8' })), this.action === 'count' && (h("gb-tag-count", { key: 'd7e9c7457c1ae91e6ef8bc3a0539b69f18d45fcc', size: this.size }, h("slot", { key: '2b4ac47435196f477fb2af4519b0984df7151c5f', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '32353e78710725995aecfdba7b7345cf8bea06e8', size: this.size, onClick: () => this.onTagClose() })));
|
|
1612
1615
|
}
|
|
1613
1616
|
get el() { return getElement(this); }
|
|
1614
1617
|
};
|
|
@@ -1625,7 +1628,7 @@ const GbTagCheckbox = class {
|
|
|
1625
1628
|
this.disabled = false;
|
|
1626
1629
|
}
|
|
1627
1630
|
render() {
|
|
1628
|
-
return (h("label", { key: '
|
|
1631
|
+
return (h("label", { key: 'e87fa0627ec2a864d6ce6168a795b0585cd3ff27', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '8c3bc163d64cdce010b48d980791a2dec0dc7d5d', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '419076874797c539095771cfe81a25b6fad9b8ea', class: `custom-checkbox ${this.size}` }, h("svg", { key: '3909a55b18bc008f80dd695b9a23f24d69af3f28', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'fd5aff3f474ce52eb2c18d3efe2e06766443057b', 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" })))));
|
|
1629
1632
|
}
|
|
1630
1633
|
};
|
|
1631
1634
|
GbTagCheckbox.style = GbTagCheckboxStyle0;
|
|
@@ -1639,7 +1642,7 @@ const GbTagClose = class {
|
|
|
1639
1642
|
this.size = undefined;
|
|
1640
1643
|
}
|
|
1641
1644
|
render() {
|
|
1642
|
-
return (h("div", { key: '
|
|
1645
|
+
return (h("div", { key: '5bc27a97dd38d0bf0780ea99e0c91077e7b33f99', class: this.size }, h("svg", { key: 'aeadd55df8f0fbfed586d20d359bd28e95d0461d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'a6d9b1d8ea9201821ff2c406c8813298ccd5a57f', 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" }))));
|
|
1643
1646
|
}
|
|
1644
1647
|
};
|
|
1645
1648
|
GbTagClose.style = GbTagCloseStyle0;
|
|
@@ -1653,7 +1656,7 @@ const GbTagCount = class {
|
|
|
1653
1656
|
this.size = undefined;
|
|
1654
1657
|
}
|
|
1655
1658
|
render() {
|
|
1656
|
-
return (h("div", { key: '
|
|
1659
|
+
return (h("div", { key: 'e599e05b0e281f968f529e7a133190c286268db4', class: this.size }, h("slot", { key: 'b53ccf7dbc2f9cd222b0dcf8ae0536084a85c661', name: "count" })));
|
|
1657
1660
|
}
|
|
1658
1661
|
};
|
|
1659
1662
|
GbTagCount.style = GbTagCountStyle0;
|
|
@@ -1818,14 +1821,14 @@ const GbTextareaInputField = class {
|
|
|
1818
1821
|
}
|
|
1819
1822
|
}
|
|
1820
1823
|
render() {
|
|
1821
|
-
return (h("div", { key: '
|
|
1824
|
+
return (h("div", { key: 'b1a0c15e9b8adcc3e69f0a548c587f2029cb6d1d', class: "textarea_container" }, h("div", { key: '8388d4ca6910b78b96a229d3199dfe3b07d709dd', class: "input_with_label" }, this.showLabel && h("p", { key: '052c3efe65895684fa2ea64436533f758f7fb89f', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'a05cf2a6a9e9a2074a963a67be186b2c0f4931d6', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '39bd12f29b1331d07d2edd0369efdc83ec9758f3', class: "textarea_tags" }, h("div", { key: '7adcb7aba9fec87346666da1ba773a4499158abd', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd4bf9420ac98ffe8ed207ca540005648fcb4507a', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
1822
1825
|
.split(' ')
|
|
1823
1826
|
.map(part => part.charAt(0).toUpperCase())
|
|
1824
|
-
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '
|
|
1827
|
+
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '0aa9f699682d430712e5ba0a3732d8c51b23c22b', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || ' '), h("div", { key: '565555586124b92f36592d5af41f77e90a68597b', class: "input_field" }, h("input", { key: '625559e8712637a6715ee537a5f86e1bed27d1d5', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
|
|
1825
1828
|
// placeholder={this.placeholderText}
|
|
1826
|
-
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '
|
|
1829
|
+
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '1dfae4bc332f3d728e2181a9532833cbfb5bd4a9', class: "help_icon" }, h("svg", { key: '15a7a6a518c6c18a322651fe1fc11ec3c8d19e05', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '2e0f43c85eb57a2f62bbc31ca353e04925da0e2b', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'ce9e24832762d484cc67c425db93ef3ab0825a6b', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
|
|
1827
1830
|
? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
|
|
1828
|
-
: typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '
|
|
1831
|
+
: typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '8071cbfde65ae37f1c5ff095ae25d1b9ea813b86', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
|
|
1829
1832
|
}
|
|
1830
1833
|
get el() { return getElement(this); }
|
|
1831
1834
|
};
|
|
@@ -1855,7 +1858,7 @@ const GbTooltip = class {
|
|
|
1855
1858
|
return this.showArrow ? `arrow ${this.arrow}` : '';
|
|
1856
1859
|
}
|
|
1857
1860
|
render() {
|
|
1858
|
-
return (h("div", { key: '
|
|
1861
|
+
return (h("div", { key: '7f33521503cc8cdfcf24f3193756c766e8d90eb5', class: "tooltip_container" }, h("div", { key: 'd8d73940354b16877d67816b4481ab43e2d4c34a', class: "tooltip" }, this.showArrow && h("div", { key: '829c8c3ba6ec13a0c9d74e3e8ca0d52ae5577a6d', class: this.getArrowClass() }), h("div", { key: 'dc259bf8a055b50d61c11448b1835411228d57d8', class: "tooltip_content" }, h("slot", { key: 'dd8406f6df7433d5c2f46f176d24c41783583a68', name: "label" }), this.showSupportingText && h("slot", { key: 'ffbfaaceaa997b54f55c615b729d7de8b8ea8973', name: "supporting_text" })))));
|
|
1859
1862
|
}
|
|
1860
1863
|
get el() { return getElement(this); }
|
|
1861
1864
|
};
|