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.
Files changed (183) hide show
  1. package/dist/cjs/gb-avatar_25.cjs.entry.js +50 -47
  2. package/dist/cjs/gb-avatar_25.cjs.entry.js.map +1 -1
  3. package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
  4. package/dist/cjs/gb-slider.cjs.entry.js +1 -1
  5. package/dist/cjs/gb-tab-button-base.cjs.entry.js +3 -3
  6. package/dist/cjs/gb-toast-button.cjs.entry.js +1 -1
  7. package/dist/cjs/gb-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gb-toggle-base.cjs.entry.js +2 -2
  9. package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
  10. package/dist/cjs/gb-token-field.cjs.entry.js +1 -1
  11. package/dist/cjs/gb-verification-code-field.cjs.entry.js +2 -2
  12. package/dist/cjs/gb-vertical-tabs.cjs.entry.js +1 -1
  13. package/dist/cjs/globuscomponents.cjs.js +1 -1
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  16. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +22 -19
  17. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
  18. package/dist/collection/components/gb-input-field/gb-input-field.js +18 -18
  19. package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
  20. package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
  21. package/dist/collection/components/gb-sidebar/gb-sidebar.js.map +1 -1
  22. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +1 -1
  23. package/dist/collection/components/gb-slider/gb-slider.js +1 -1
  24. package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
  25. package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
  26. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
  27. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  28. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  29. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  30. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  31. package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +4 -4
  32. package/dist/collection/components/gb-toast/gb-toast.js +1 -1
  33. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  34. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  35. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  36. package/dist/collection/components/gb-token-field/gb-token-field.js +1 -1
  37. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  38. package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js +2 -2
  39. package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
  40. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  41. package/dist/components/gb-avatar-add-button.js +1 -1
  42. package/dist/components/gb-avatar-dropdown.js +3 -3
  43. package/dist/components/gb-avatar-group.js +4 -4
  44. package/dist/components/gb-avatar-label-group.js +1 -1
  45. package/dist/components/gb-avatar-profile-photo.js +2 -2
  46. package/dist/components/gb-avatar.js +1 -1
  47. package/dist/components/gb-badge.js +1 -1
  48. package/dist/components/gb-checkbox-group-item.js +1 -1
  49. package/dist/components/gb-checkbox-group.js +3 -3
  50. package/dist/components/gb-collapse-button.js +1 -1
  51. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  52. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  53. package/dist/components/gb-file-upload-item-base.js +1 -1
  54. package/dist/components/gb-file-upload.js +3 -3
  55. package/dist/components/gb-header.js +2 -2
  56. package/dist/components/gb-help-tooltip.js +1 -1
  57. package/dist/components/gb-horizontal-tabs.js +4 -4
  58. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  59. package/dist/components/gb-input-dropdown.js +1 -1
  60. package/dist/components/gb-input-field.js +1 -1
  61. package/dist/components/gb-pagination.js +11 -11
  62. package/dist/components/gb-progress-bar.js +1 -1
  63. package/dist/components/gb-rich-text.js +12 -12
  64. package/dist/components/gb-sidebar.js +21 -15
  65. package/dist/components/gb-sidebar.js.map +1 -1
  66. package/dist/components/gb-simple-side-bar-item.js +1 -1
  67. package/dist/components/gb-slider-control-handle.js +1 -1
  68. package/dist/components/gb-slider.js +3 -3
  69. package/dist/components/gb-status-indicator.js +1 -1
  70. package/dist/components/gb-tab-button-base.js +1 -1
  71. package/dist/components/gb-tag-checkbox.js +1 -1
  72. package/dist/components/gb-tag-close.js +1 -1
  73. package/dist/components/gb-tag-count.js +1 -1
  74. package/dist/components/gb-tag.js +1 -1
  75. package/dist/components/gb-textarea-input-field.js +11 -11
  76. package/dist/components/gb-toast-button.js +1 -1
  77. package/dist/components/gb-toast.js +2 -2
  78. package/dist/components/gb-toggle-base.js +1 -1
  79. package/dist/components/gb-toggle.js +2 -2
  80. package/dist/components/gb-token-field.js +1 -1
  81. package/dist/components/gb-tooltip.js +1 -1
  82. package/dist/components/gb-verification-code-field.js +2 -2
  83. package/dist/components/gb-vertical-tabs.js +5 -5
  84. package/dist/components/gb-wysiwyg-toolbar.js +1 -1
  85. package/dist/components/{p-3d48ad44.js → p-0930680b.js} +3 -3
  86. package/dist/components/{p-3d48ad44.js.map → p-0930680b.js.map} +1 -1
  87. package/dist/components/{p-c5feab83.js → p-0b1416b9.js} +2 -2
  88. package/dist/components/{p-c5feab83.js.map → p-0b1416b9.js.map} +1 -1
  89. package/dist/components/{p-174299df.js → p-2850a798.js} +2 -2
  90. package/dist/components/{p-174299df.js.map → p-2850a798.js.map} +1 -1
  91. package/dist/components/{p-206ec6e6.js → p-2b0efd04.js} +7 -7
  92. package/dist/components/{p-206ec6e6.js.map → p-2b0efd04.js.map} +1 -1
  93. package/dist/components/{p-15c841a5.js → p-2b6fcf3b.js} +2 -2
  94. package/dist/components/{p-15c841a5.js.map → p-2b6fcf3b.js.map} +1 -1
  95. package/dist/components/{p-f04cbf5a.js → p-2e424c3d.js} +3 -3
  96. package/dist/components/{p-f04cbf5a.js.map → p-2e424c3d.js.map} +1 -1
  97. package/dist/components/{p-1faeef4d.js → p-495583dd.js} +32 -29
  98. package/dist/components/p-495583dd.js.map +1 -0
  99. package/dist/components/{p-e53cfef8.js → p-5041eef7.js} +3 -3
  100. package/dist/components/{p-e53cfef8.js.map → p-5041eef7.js.map} +1 -1
  101. package/dist/components/{p-0ab3ebba.js → p-62df8228.js} +3 -3
  102. package/dist/components/{p-0ab3ebba.js.map → p-62df8228.js.map} +1 -1
  103. package/dist/components/{p-a14cd9d4.js → p-6cd408d7.js} +2 -2
  104. package/dist/components/{p-a14cd9d4.js.map → p-6cd408d7.js.map} +1 -1
  105. package/dist/components/{p-f245a4cc.js → p-7438bed3.js} +3 -3
  106. package/dist/components/{p-f245a4cc.js.map → p-7438bed3.js.map} +1 -1
  107. package/dist/components/{p-fdf4daa6.js → p-8986943a.js} +2 -2
  108. package/dist/components/{p-fdf4daa6.js.map → p-8986943a.js.map} +1 -1
  109. package/dist/components/{p-02778a70.js → p-8d414028.js} +3 -3
  110. package/dist/components/{p-02778a70.js.map → p-8d414028.js.map} +1 -1
  111. package/dist/components/{p-06dc455f.js → p-8ff1c695.js} +2 -2
  112. package/dist/components/{p-06dc455f.js.map → p-8ff1c695.js.map} +1 -1
  113. package/dist/components/{p-de2a969b.js → p-97c8c39a.js} +2 -2
  114. package/dist/components/{p-de2a969b.js.map → p-97c8c39a.js.map} +1 -1
  115. package/dist/components/{p-e5610e69.js → p-9cab4907.js} +3 -3
  116. package/dist/components/{p-e5610e69.js.map → p-9cab4907.js.map} +1 -1
  117. package/dist/components/{p-32bf488a.js → p-a51bb23a.js} +2 -2
  118. package/dist/components/{p-32bf488a.js.map → p-a51bb23a.js.map} +1 -1
  119. package/dist/components/{p-0c04596d.js → p-b653cd60.js} +2 -2
  120. package/dist/components/{p-0c04596d.js.map → p-b653cd60.js.map} +1 -1
  121. package/dist/components/{p-f2ddced4.js → p-b9dcaa74.js} +2 -2
  122. package/dist/components/{p-f2ddced4.js.map → p-b9dcaa74.js.map} +1 -1
  123. package/dist/components/{p-d18c3cb2.js → p-b9f8dd8f.js} +2 -2
  124. package/dist/components/{p-d18c3cb2.js.map → p-b9f8dd8f.js.map} +1 -1
  125. package/dist/components/{p-1f8963bf.js → p-cb4314db.js} +7 -7
  126. package/dist/components/{p-1f8963bf.js.map → p-cb4314db.js.map} +1 -1
  127. package/dist/components/{p-d8fc457a.js → p-cec5b90c.js} +12 -12
  128. package/dist/components/{p-d8fc457a.js.map → p-cec5b90c.js.map} +1 -1
  129. package/dist/components/{p-a9276ce8.js → p-edc34d28.js} +2 -2
  130. package/dist/components/{p-a9276ce8.js.map → p-edc34d28.js.map} +1 -1
  131. package/dist/components/{p-19cb26e4.js → p-f6515d55.js} +27 -27
  132. package/dist/components/p-f6515d55.js.map +1 -0
  133. package/dist/components/{p-c6e84c5a.js → p-f8638e16.js} +2 -2
  134. package/dist/components/{p-c6e84c5a.js.map → p-f8638e16.js.map} +1 -1
  135. package/dist/components/{p-27376023.js → p-f9db1abf.js} +6 -6
  136. package/dist/components/{p-27376023.js.map → p-f9db1abf.js.map} +1 -1
  137. package/dist/components/test-input-tag.js +9 -9
  138. package/dist/docs.json +9 -3
  139. package/dist/esm/gb-avatar_25.entry.js +50 -47
  140. package/dist/esm/gb-avatar_25.entry.js.map +1 -1
  141. package/dist/esm/gb-slider-control-handle.entry.js +1 -1
  142. package/dist/esm/gb-slider.entry.js +1 -1
  143. package/dist/esm/gb-tab-button-base.entry.js +3 -3
  144. package/dist/esm/gb-toast-button.entry.js +1 -1
  145. package/dist/esm/gb-toast.entry.js +1 -1
  146. package/dist/esm/gb-toggle-base.entry.js +2 -2
  147. package/dist/esm/gb-toggle.entry.js +1 -1
  148. package/dist/esm/gb-token-field.entry.js +1 -1
  149. package/dist/esm/gb-verification-code-field.entry.js +2 -2
  150. package/dist/esm/gb-vertical-tabs.entry.js +1 -1
  151. package/dist/esm/globuscomponents.js +1 -1
  152. package/dist/esm/loader.js +1 -1
  153. package/dist/esm/test-input-tag.entry.js +2 -2
  154. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  155. package/dist/globuscomponents/{p-4c917e4e.entry.js → p-060b0bf8.entry.js} +2 -2
  156. package/dist/globuscomponents/{p-a5049b16.entry.js → p-09ba896b.entry.js} +2 -2
  157. package/dist/globuscomponents/p-09ba896b.entry.js.map +1 -0
  158. package/dist/globuscomponents/{p-bd771b87.entry.js → p-57afd81a.entry.js} +2 -2
  159. package/dist/globuscomponents/{p-fc0e67ab.entry.js → p-6dc28d3d.entry.js} +2 -2
  160. package/dist/globuscomponents/{p-90651c32.entry.js → p-6e3f7bb2.entry.js} +2 -2
  161. package/dist/globuscomponents/p-79c2f800.entry.js +2 -0
  162. package/dist/globuscomponents/{p-b3d6b9cc.entry.js → p-994950d8.entry.js} +2 -2
  163. package/dist/globuscomponents/{p-9c98e0c8.entry.js → p-c4769f4d.entry.js} +2 -2
  164. package/dist/globuscomponents/{p-138bde32.entry.js → p-c835beab.entry.js} +2 -2
  165. package/dist/globuscomponents/{p-ac4be680.entry.js → p-c95842ae.entry.js} +2 -2
  166. package/dist/globuscomponents/{p-573a911b.entry.js → p-d3848e3c.entry.js} +2 -2
  167. package/dist/globuscomponents/{p-a509c0e0.entry.js → p-fcd3a902.entry.js} +2 -2
  168. package/package.json +2 -2
  169. package/dist/components/p-19cb26e4.js.map +0 -1
  170. package/dist/components/p-1faeef4d.js.map +0 -1
  171. package/dist/globuscomponents/p-a5049b16.entry.js.map +0 -1
  172. package/dist/globuscomponents/p-d6584922.entry.js +0 -2
  173. /package/dist/globuscomponents/{p-4c917e4e.entry.js.map → p-060b0bf8.entry.js.map} +0 -0
  174. /package/dist/globuscomponents/{p-bd771b87.entry.js.map → p-57afd81a.entry.js.map} +0 -0
  175. /package/dist/globuscomponents/{p-fc0e67ab.entry.js.map → p-6dc28d3d.entry.js.map} +0 -0
  176. /package/dist/globuscomponents/{p-90651c32.entry.js.map → p-6e3f7bb2.entry.js.map} +0 -0
  177. /package/dist/globuscomponents/{p-d6584922.entry.js.map → p-79c2f800.entry.js.map} +0 -0
  178. /package/dist/globuscomponents/{p-b3d6b9cc.entry.js.map → p-994950d8.entry.js.map} +0 -0
  179. /package/dist/globuscomponents/{p-9c98e0c8.entry.js.map → p-c4769f4d.entry.js.map} +0 -0
  180. /package/dist/globuscomponents/{p-138bde32.entry.js.map → p-c835beab.entry.js.map} +0 -0
  181. /package/dist/globuscomponents/{p-ac4be680.entry.js.map → p-c95842ae.entry.js.map} +0 -0
  182. /package/dist/globuscomponents/{p-573a911b.entry.js.map → p-d3848e3c.entry.js.map} +0 -0
  183. /package/dist/globuscomponents/{p-a509c0e0.entry.js.map → p-fcd3a902.entry.js.map} +0 -0
@@ -52,11 +52,11 @@ export class GbInputField {
52
52
  this.menuPosition = undefined;
53
53
  this.icon = undefined;
54
54
  this.value = [
55
- { objectName: 'John Doe', objectValue: 'john.doe@example.com' },
56
- { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },
57
- { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },
58
- { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },
59
- 10
55
+ // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },
56
+ // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },
57
+ // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },
58
+ // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },
59
+ // 10
60
60
  ];
61
61
  this.inputValue = '';
62
62
  this.tags = [];
@@ -276,23 +276,23 @@ export class GbInputField {
276
276
  // this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
277
277
  // }
278
278
  render() {
279
- return (h("div", { key: 'f260e8c8733ee8ee2035deac12d0c7e8e730823d', class: `input_container` }, h("div", { key: '73ed9d0c3a1e1943feff90d3f8afa4b07dfe4e7e', class: `input_with_label` }, this.showLabel && h("p", { key: '27de9cf33f3748be93509c1624237f5898ea5058', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
280
- h("div", { key: '9a5ff3ef33e55b35a9bcf331d115145f6e170f87', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '5e224361236650edbc1e9c2f5baa25a2fba4abd5', 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: '7be1122dcec44a337427c72c944f0da22ce07860', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '520ad9228233989ba15924c899c6de938f989615', 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: 'f1f5be9f2134d93caf9f73aff7507a2c97b7926b', 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" }))))))),
279
+ 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' && [
280
+ 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" }))))))),
281
281
  ], this.type === 'icon_leading' && [
282
- h("div", { key: '3e76cfd18cb18b8e1df613cb9469b0fb0489f551', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '03f4addc01671a8920bcf200551fbe1c8867bad7', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: 'bc8570854d828600590901fc2c1e39e6f5202140', 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: 'd225e410a5585e7b9b487fa1ff1bbea968a26180', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'b8047935156fbba65abacd6725f2ce3af20622ae', 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: 'b6bba9555ffa6ff32098ab6f723f8993788c28d7', 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: '56ec100effd6630a15a8a09180044b1b4e8d7b66', 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}` })))),
282
+ 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}` })))),
283
283
  ], this.type === 'leading_dropdown' && [
284
- h("div", { key: '24dca22ad727894266bebcc3f4940b51464c2b5d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'bff022fa00a43aae76351abc52a64246ebcf765b', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: '5a1d05110b20f1ef8032a23d0220ad77642ceeb0', class: `country_icon` }, h("img", { key: '74a471e82ddfc6fe0ef64b5b0230d32d60d94db1', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '718c54591fbeb4b2a7dad4daeceb54f031256a87', class: `dropdown_text` }, h("p", { key: '4de172f219ae2c293216fc833c5a1b1327941b2d', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '45cad97ca8d19becefda669fddcf56a7d7c0d1e8', class: `dropdown_arrow` }, h("svg", { key: 'c4d471cc9c83abbcc01f9a2becc36921370c31e0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd3c2ecd17b9e8d35b30211e2ae485f1ec75fafca', 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: 'b7343d1dac4908a71e83c5917542e482ae7864c1', class: `leading_dropdown_text_input` }, h("input", { key: '1146edb7975a6f68acb0b57608e9707038837a4c', 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: 'e4dbb9d3bfa34d3f624c24f0ffdbb1d6b86a6003', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2b7ef4b2eb84f6a4468a7eda147ffeaf1607c60f', 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: 'd4a29c4298ffb879e0295556299489bd22fc23aa', 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" }))))))),
285
- h(Fragment, null, this.showDropdown && (h("div", { key: 'e5ca22ab3b544507b4365458888b4d3a0e4fcec9', 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))))))),
284
+ 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" }))))))),
285
+ 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))))))),
286
286
  ], this.type === 'trailing_dropdown' && [
287
- h("div", { key: '69e8a84e354a5c5c5a1d1cb7c138c07d03eee43a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '4bf1327d207f8a5ac87701bcd9ac68d8729fbb44', class: `trailing_dropdown_content` }, h("p", { key: '69278a0c4d42ce4ff61bdeb6e43b5f0b0dba21b6', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '1a487a2794eb2b212faddd319bfca70dbef9143b', 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: '02b68ca978ba2b825b2f33fdc8b0514735140d1e', 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: 'aef12306f5d0c0d4ec6a56b8cb677d13e2ec47bd', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '3538014e2b6b656ce933f787e14fd80204ddc473', class: `dropdown_text` }, h("p", { key: 'a82c13637146379d50dcf9933e9b3c1f02f7130d', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: 'c1f423e848f9eb6449f3254cad95388bc0318248', class: `dropdown_arrow` }, h("svg", { key: 'e1abfa3949e5ec38cf931b760f6b82177356c484', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0537e15a2449ac7f38ebf1b3309910df58e2c4ad', 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" }))))),
288
- h(Fragment, null, this.showDropdown && (h("div", { key: 'f1d2503d290c98c1f0e2d4d8fd3398d8b2a3b49c', 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))))))),
287
+ 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" }))))),
288
+ 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))))))),
289
289
  ], this.type === 'leading_text' && [
290
- h("div", { key: 'c0a32472aa4ccbf1a75c854457ed37d10df21f10', class: "leading_text_input" }, h("div", { key: 'dab7390f8386b6980cf9ef5fe219bf9820dac55e', class: `add_on` }, h("slot", { key: 'deab4d78f43a3c2762d1e40de19a4067ee2d76a0', name: "text" })), h("div", { key: '6360fee8ac7d2a8e96dd2653e46cd68d6a737ced', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '571c586f34aa1760736092242ea1d1eeddf69fdc', 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: '36c735139cbb029f6623b1ae8d01f430afff4da0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '568c5deecbd51b6ae0dee008593b025bad98733c', 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: 'd7059cb4123caa3607a22c1c3e5872559250d9d2', 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" }))))))),
291
- ], 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' && [
292
- h("div", { key: 'b0c90e741e54bb7c1c708837af5e0b7c52b9f288', class: `count_input` }, h("div", { key: '1933f7e22a9e14af4d59919dff860fd0b694a0aa', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'd8a9b4e17f3109cbb25dd6531bbbf17ccb67f4c3', 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: '4135e551ec4fd18be4d8fa3ae418f6d72579acd3', 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: '3dd0a0bffd061e5f8d8a255f7c2efeda5b597cc9', class: `action ${this.state}` }, h("gb-button", { key: '2b1fa33e2ea05ed89358b61a74450a2dc0b32ef0', 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: 'a07448bd1fa28ae1ed2931a92f3d10a7f5935622', class: "vertical_line" }), h("gb-button", { key: '80606a30bee626a1d808c000c7f2d8a6ce1b1144', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
293
- ], this.type === 'tags' && (h("div", { key: 'c43d5851727fecd95d2e4cf6c12f4ce31c858e32', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: '0db08bfc8c4d113b7d53b53c24ed59ca4e88107f', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '3df927381536972682b0adc7ad23ac046a9dd81e', 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: '81fc727eed35002ea19ee4b468e01afaac9b234a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || ' '), h("div", { key: 'd0110c859cee9716b644d6c168cfed3bd4fa32cb', class: "input_field" }, h("input", { key: 'adb372301a0b8740bf0373bd9b3945bb2ee43312', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
290
+ 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" }))))))),
291
+ ], 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' && [
292
+ 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" }))),
293
+ ], 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",
294
294
  // placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}
295
- value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event) })))), this.showDropdown && (h("div", { key: 'c4713b62399c4c1040f9952838c923b5b4cc1d2d', 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'
295
+ 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'
296
296
  ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
297
297
  : 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))));
298
298
  }
@@ -740,7 +740,7 @@ export class GbInputField {
740
740
  },
741
741
  "attribute": "value",
742
742
  "reflect": false,
743
- "defaultValue": "[\r\n { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n 10\r\n ]"
743
+ "defaultValue": "[\r\n // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n // 10\r\n ]"
744
744
  }
745
745
  };
746
746
  }