@genexus/genexus-ide-ui 0.0.59 → 0.0.60

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 (374) hide show
  1. package/dist/cjs/ch-grid_8.cjs.entry.js +1 -1
  2. package/dist/cjs/ch-icon_2.cjs.entry.js +1 -1
  3. package/dist/cjs/ch-suggest_4.cjs.entry.js +2 -2
  4. package/dist/cjs/{form-a2de5b1c.js → form-c75c9ac0.js} +9 -4
  5. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  6. package/dist/cjs/gx-ide-container.cjs.entry.js +1 -1
  7. package/dist/cjs/gx-ide-directory-selector.cjs.entry.js +1 -1
  8. package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +2 -2
  9. package/dist/cjs/gx-ide-references.cjs.entry.js +1 -1
  10. package/dist/cjs/gxg-accordion-item.cjs.entry.js +1 -1
  11. package/dist/cjs/gxg-accordion.cjs.entry.js +1 -1
  12. package/dist/cjs/gxg-alert.cjs.entry.js +1 -1
  13. package/dist/cjs/gxg-box.cjs.entry.js +1 -1
  14. package/dist/cjs/gxg-button-group.cjs.entry.js +47 -10
  15. package/dist/cjs/gxg-button.cjs.entry.js +2 -1
  16. package/dist/cjs/gxg-card.cjs.entry.js +1 -1
  17. package/dist/cjs/gxg-color-picker.cjs.entry.js +1 -1
  18. package/dist/cjs/gxg-column.cjs.entry.js +1 -1
  19. package/dist/cjs/gxg-columns.cjs.entry.js +1 -1
  20. package/dist/cjs/gxg-combo-box_2.cjs.entry.js +3 -3
  21. package/dist/cjs/gxg-container.cjs.entry.js +1 -1
  22. package/dist/cjs/gxg-contextual-menu-item.cjs.entry.js +1 -1
  23. package/dist/cjs/gxg-contextual-menu-submenu.cjs.entry.js +1 -1
  24. package/dist/cjs/gxg-contextual-menu.cjs.entry.js +4 -4
  25. package/dist/cjs/gxg-demo.cjs.entry.js +1 -1
  26. package/dist/cjs/gxg-drag-box.cjs.entry.js +1 -1
  27. package/dist/cjs/gxg-drag-container.cjs.entry.js +1 -1
  28. package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
  29. package/dist/cjs/gxg-filter.cjs.entry.js +1 -1
  30. package/dist/cjs/gxg-form-checkbox-group.cjs.entry.js +2 -2
  31. package/dist/cjs/gxg-form-checkbox.cjs.entry.js +2 -2
  32. package/dist/cjs/gxg-form-message.cjs.entry.js +1 -1
  33. package/dist/cjs/gxg-form-radio-group.cjs.entry.js +2 -2
  34. package/dist/cjs/gxg-form-radio.cjs.entry.js +1 -1
  35. package/dist/cjs/gxg-form-text.cjs.entry.js +16 -7
  36. package/dist/cjs/gxg-form-textarea.cjs.entry.js +3 -3
  37. package/dist/cjs/gxg-ide-loader.cjs.entry.js +0 -1
  38. package/dist/cjs/gxg-label_2.cjs.entry.js +5 -4
  39. package/dist/cjs/gxg-list-box_2.cjs.entry.js +24 -7
  40. package/dist/cjs/gxg-loader.cjs.entry.js +1 -1
  41. package/dist/cjs/gxg-menu-item.cjs.entry.js +1 -1
  42. package/dist/cjs/gxg-menu-slim-item.cjs.entry.js +1 -1
  43. package/dist/cjs/gxg-menu-slim-list.cjs.entry.js +1 -1
  44. package/dist/cjs/gxg-menu-slim.cjs.entry.js +1 -1
  45. package/dist/cjs/gxg-menu.cjs.entry.js +1 -1
  46. package/dist/cjs/gxg-modal.cjs.entry.js +1 -1
  47. package/dist/cjs/gxg-more-info.cjs.entry.js +1 -1
  48. package/dist/cjs/gxg-option.cjs.entry.js +1 -1
  49. package/dist/cjs/gxg-options.cjs.entry.js +1 -1
  50. package/dist/cjs/gxg-pill.cjs.entry.js +1 -1
  51. package/dist/cjs/gxg-progress-bar.cjs.entry.js +1 -1
  52. package/dist/cjs/gxg-scroll.cjs.entry.js +1 -1
  53. package/dist/cjs/gxg-select.cjs.entry.js +2 -2
  54. package/dist/cjs/gxg-separator.cjs.entry.js +1 -1
  55. package/dist/cjs/gxg-slider.cjs.entry.js +1 -1
  56. package/dist/cjs/gxg-spacer-layout.cjs.entry.js +1 -1
  57. package/dist/cjs/gxg-spacer-one.cjs.entry.js +1 -1
  58. package/dist/cjs/gxg-stack.cjs.entry.js +14 -2
  59. package/dist/cjs/gxg-stepper.cjs.entry.js +1 -1
  60. package/dist/cjs/gxg-tab_4.cjs.entry.js +39 -18
  61. package/dist/cjs/gxg-text.cjs.entry.js +25 -4
  62. package/dist/cjs/gxg-title.cjs.entry.js +1 -1
  63. package/dist/cjs/gxg-toggle.cjs.entry.js +1 -1
  64. package/dist/cjs/gxg-toolbar-item.cjs.entry.js +1 -1
  65. package/dist/cjs/gxg-toolbar.cjs.entry.js +1 -1
  66. package/dist/cjs/gxg-tree-view.cjs.entry.js +11 -3
  67. package/dist/cjs/gxg-tree_2.cjs.entry.js +2 -2
  68. package/dist/cjs/gxg-window.cjs.entry.js +1 -1
  69. package/dist/cjs/loader.cjs.js +1 -1
  70. package/dist/collection/components/container/container.css +14 -12
  71. package/dist/collection/components/directory-selector/directory-selector.css +7 -6
  72. package/dist/collection/components/entity-selector/entity-selector.css +8 -9
  73. package/dist/collection/components/references/helpers.js +1 -1
  74. package/dist/components/button-group.js +50 -10
  75. package/dist/components/button.js +2 -1
  76. package/dist/components/combo-box.js +2 -2
  77. package/dist/components/container.js +1 -1
  78. package/dist/components/container2.js +1 -1
  79. package/dist/components/date-picker.js +1 -1
  80. package/dist/components/directory-selector.js +1 -1
  81. package/dist/components/entity-selector.js +1 -1
  82. package/dist/components/form-checkbox.js +1 -1
  83. package/dist/components/form-radio-group.js +1 -1
  84. package/dist/components/form-radio.js +1 -1
  85. package/dist/components/form-text.js +18 -7
  86. package/dist/components/form-textarea.js +2 -2
  87. package/dist/components/form.js +9 -4
  88. package/dist/components/gx-ide-references.js +1 -1
  89. package/dist/components/gxg-accordion-item.js +1 -1
  90. package/dist/components/gxg-accordion.js +1 -1
  91. package/dist/components/gxg-alert.js +1 -1
  92. package/dist/components/gxg-box.js +1 -1
  93. package/dist/components/gxg-card.js +1 -1
  94. package/dist/components/gxg-color-picker.js +1 -1
  95. package/dist/components/gxg-column.js +1 -1
  96. package/dist/components/gxg-columns.js +1 -1
  97. package/dist/components/gxg-contextual-menu-item.js +1 -1
  98. package/dist/components/gxg-contextual-menu-submenu.js +1 -1
  99. package/dist/components/gxg-contextual-menu.js +4 -4
  100. package/dist/components/gxg-demo.js +1 -1
  101. package/dist/components/gxg-drag-box.js +1 -1
  102. package/dist/components/gxg-drag-container.js +1 -1
  103. package/dist/components/gxg-drop-down.js +1 -1
  104. package/dist/components/gxg-filter.js +1 -1
  105. package/dist/components/gxg-form-checkbox-group2.js +1 -1
  106. package/dist/components/gxg-form-message.js +1 -1
  107. package/dist/components/gxg-grid2.js +1 -1
  108. package/dist/components/gxg-ide-loader.js +0 -1
  109. package/dist/components/gxg-label2.js +1 -1
  110. package/dist/components/gxg-loader.js +1 -1
  111. package/dist/components/gxg-menu-item.js +1 -1
  112. package/dist/components/gxg-menu-slim-item.js +1 -1
  113. package/dist/components/gxg-menu-slim-list.js +1 -1
  114. package/dist/components/gxg-menu-slim.js +1 -1
  115. package/dist/components/gxg-menu.js +1 -1
  116. package/dist/components/gxg-modal.js +1 -1
  117. package/dist/components/gxg-more-info.js +1 -1
  118. package/dist/components/gxg-option.js +1 -1
  119. package/dist/components/gxg-options.js +1 -1
  120. package/dist/components/gxg-pill.js +1 -1
  121. package/dist/components/gxg-progress-bar.js +1 -1
  122. package/dist/components/gxg-scroll.js +1 -1
  123. package/dist/components/gxg-select.js +1 -1
  124. package/dist/components/gxg-separator.js +1 -1
  125. package/dist/components/gxg-slider.js +1 -1
  126. package/dist/components/gxg-spacer-layout.js +1 -1
  127. package/dist/components/gxg-spacer-one.js +1 -1
  128. package/dist/components/gxg-stack.js +16 -3
  129. package/dist/components/gxg-stepper.js +1 -1
  130. package/dist/components/gxg-toggle.js +1 -1
  131. package/dist/components/gxg-toolbar-item.js +1 -1
  132. package/dist/components/gxg-toolbar.js +1 -1
  133. package/dist/components/gxg-tree-item2.js +1 -1
  134. package/dist/components/gxg-tree2.js +1 -1
  135. package/dist/components/gxg-window.js +1 -1
  136. package/dist/components/icon2.js +1 -1
  137. package/dist/components/list-box-item.js +1 -1
  138. package/dist/components/list-box.js +27 -6
  139. package/dist/components/suggest.js +1 -1
  140. package/dist/components/tab-bar.js +28 -12
  141. package/dist/components/tab-button.js +4 -4
  142. package/dist/components/tab.js +1 -1
  143. package/dist/components/tabs.js +9 -2
  144. package/dist/components/text.js +27 -5
  145. package/dist/components/title.js +1 -1
  146. package/dist/components/tooltip.js +4 -3
  147. package/dist/components/tree-view.js +12 -4
  148. package/dist/esm/ch-grid_8.entry.js +1 -1
  149. package/dist/esm/ch-icon_2.entry.js +1 -1
  150. package/dist/esm/ch-suggest_4.entry.js +2 -2
  151. package/dist/esm/{form-9c41f579.js → form-267b92df.js} +9 -4
  152. package/dist/esm/genexus-ide-ui.js +1 -1
  153. package/dist/esm/gx-ide-container.entry.js +1 -1
  154. package/dist/esm/gx-ide-directory-selector.entry.js +1 -1
  155. package/dist/esm/gx-ide-entity-selector_2.entry.js +2 -2
  156. package/dist/esm/gx-ide-references.entry.js +1 -1
  157. package/dist/esm/gxg-accordion-item.entry.js +1 -1
  158. package/dist/esm/gxg-accordion.entry.js +1 -1
  159. package/dist/esm/gxg-alert.entry.js +1 -1
  160. package/dist/esm/gxg-box.entry.js +1 -1
  161. package/dist/esm/gxg-button-group.entry.js +47 -10
  162. package/dist/esm/gxg-button.entry.js +2 -1
  163. package/dist/esm/gxg-card.entry.js +1 -1
  164. package/dist/esm/gxg-color-picker.entry.js +1 -1
  165. package/dist/esm/gxg-column.entry.js +1 -1
  166. package/dist/esm/gxg-columns.entry.js +1 -1
  167. package/dist/esm/gxg-combo-box_2.entry.js +3 -3
  168. package/dist/esm/gxg-container.entry.js +1 -1
  169. package/dist/esm/gxg-contextual-menu-item.entry.js +1 -1
  170. package/dist/esm/gxg-contextual-menu-submenu.entry.js +1 -1
  171. package/dist/esm/gxg-contextual-menu.entry.js +4 -4
  172. package/dist/esm/gxg-demo.entry.js +1 -1
  173. package/dist/esm/gxg-drag-box.entry.js +1 -1
  174. package/dist/esm/gxg-drag-container.entry.js +1 -1
  175. package/dist/esm/gxg-drop-down.entry.js +1 -1
  176. package/dist/esm/gxg-filter.entry.js +1 -1
  177. package/dist/esm/gxg-form-checkbox-group.entry.js +2 -2
  178. package/dist/esm/gxg-form-checkbox.entry.js +2 -2
  179. package/dist/esm/gxg-form-message.entry.js +1 -1
  180. package/dist/esm/gxg-form-radio-group.entry.js +2 -2
  181. package/dist/esm/gxg-form-radio.entry.js +1 -1
  182. package/dist/esm/gxg-form-text.entry.js +16 -7
  183. package/dist/esm/gxg-form-textarea.entry.js +3 -3
  184. package/dist/esm/gxg-ide-loader.entry.js +0 -1
  185. package/dist/esm/gxg-label_2.entry.js +5 -4
  186. package/dist/esm/gxg-list-box_2.entry.js +24 -7
  187. package/dist/esm/gxg-loader.entry.js +1 -1
  188. package/dist/esm/gxg-menu-item.entry.js +1 -1
  189. package/dist/esm/gxg-menu-slim-item.entry.js +1 -1
  190. package/dist/esm/gxg-menu-slim-list.entry.js +1 -1
  191. package/dist/esm/gxg-menu-slim.entry.js +1 -1
  192. package/dist/esm/gxg-menu.entry.js +1 -1
  193. package/dist/esm/gxg-modal.entry.js +1 -1
  194. package/dist/esm/gxg-more-info.entry.js +1 -1
  195. package/dist/esm/gxg-option.entry.js +1 -1
  196. package/dist/esm/gxg-options.entry.js +1 -1
  197. package/dist/esm/gxg-pill.entry.js +1 -1
  198. package/dist/esm/gxg-progress-bar.entry.js +1 -1
  199. package/dist/esm/gxg-scroll.entry.js +1 -1
  200. package/dist/esm/gxg-select.entry.js +2 -2
  201. package/dist/esm/gxg-separator.entry.js +1 -1
  202. package/dist/esm/gxg-slider.entry.js +1 -1
  203. package/dist/esm/gxg-spacer-layout.entry.js +1 -1
  204. package/dist/esm/gxg-spacer-one.entry.js +1 -1
  205. package/dist/esm/gxg-stack.entry.js +15 -3
  206. package/dist/esm/gxg-stepper.entry.js +1 -1
  207. package/dist/esm/gxg-tab_4.entry.js +39 -18
  208. package/dist/esm/gxg-text.entry.js +25 -4
  209. package/dist/esm/gxg-title.entry.js +1 -1
  210. package/dist/esm/gxg-toggle.entry.js +1 -1
  211. package/dist/esm/gxg-toolbar-item.entry.js +1 -1
  212. package/dist/esm/gxg-toolbar.entry.js +1 -1
  213. package/dist/esm/gxg-tree-view.entry.js +12 -4
  214. package/dist/esm/gxg-tree_2.entry.js +2 -2
  215. package/dist/esm/gxg-window.entry.js +1 -1
  216. package/dist/esm/loader.js +1 -1
  217. package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
  218. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  219. package/dist/genexus-ide-ui/icon-assets/gemini-tools/settings.svg +1 -1
  220. package/dist/genexus-ide-ui/{p-6edf0b09.entry.js → p-00b5896d.entry.js} +1 -1
  221. package/dist/genexus-ide-ui/p-0341fbab.entry.js +1 -0
  222. package/dist/genexus-ide-ui/{p-846625d5.entry.js → p-0c360621.entry.js} +1 -1
  223. package/dist/genexus-ide-ui/{p-d0d841b7.entry.js → p-0e28d8f3.entry.js} +1 -1
  224. package/dist/genexus-ide-ui/{p-089c6906.entry.js → p-13a5bc23.entry.js} +1 -1
  225. package/dist/genexus-ide-ui/p-178545b2.entry.js +1 -0
  226. package/dist/genexus-ide-ui/{p-cb6fe1dc.entry.js → p-19e6c2b8.entry.js} +1 -1
  227. package/dist/genexus-ide-ui/{p-c501299e.entry.js → p-1ad68b23.entry.js} +1 -1
  228. package/dist/genexus-ide-ui/{p-e37a19a7.entry.js → p-1b23aee7.entry.js} +1 -1
  229. package/dist/genexus-ide-ui/{p-194aba74.entry.js → p-1dece95c.entry.js} +1 -1
  230. package/dist/genexus-ide-ui/{p-d2f2c96e.entry.js → p-1fc0c236.entry.js} +1 -1
  231. package/dist/genexus-ide-ui/{p-094e8c2a.entry.js → p-253669d3.entry.js} +1 -1
  232. package/dist/genexus-ide-ui/p-292fc3f4.entry.js +1 -0
  233. package/dist/genexus-ide-ui/p-2e0a65a3.entry.js +1 -0
  234. package/dist/genexus-ide-ui/{p-063a7519.entry.js → p-339a8480.entry.js} +1 -1
  235. package/dist/genexus-ide-ui/p-34763105.entry.js +1 -0
  236. package/dist/genexus-ide-ui/{p-d9d9f9fa.entry.js → p-3485ddda.entry.js} +1 -1
  237. package/dist/genexus-ide-ui/{p-af199bbc.entry.js → p-3e3cb535.entry.js} +1 -1
  238. package/dist/genexus-ide-ui/{p-981ea7dc.entry.js → p-3f0f7f80.entry.js} +1 -1
  239. package/dist/genexus-ide-ui/{p-1684ed2f.entry.js → p-3fc9cf29.entry.js} +1 -1
  240. package/dist/genexus-ide-ui/{p-54bf71c2.entry.js → p-45b17fd8.entry.js} +1 -1
  241. package/dist/genexus-ide-ui/{p-791dffce.entry.js → p-4e53dfaf.entry.js} +1 -1
  242. package/dist/genexus-ide-ui/{p-0f4fe7ad.js → p-52f6ee1e.js} +1 -1
  243. package/dist/genexus-ide-ui/p-53e5a04f.entry.js +1 -0
  244. package/dist/genexus-ide-ui/p-54f01d52.entry.js +1 -0
  245. package/dist/genexus-ide-ui/p-606d6814.entry.js +1 -0
  246. package/dist/genexus-ide-ui/p-6211ca46.entry.js +1 -0
  247. package/dist/genexus-ide-ui/{p-b5f7e9eb.entry.js → p-657e57e7.entry.js} +1 -1
  248. package/dist/genexus-ide-ui/p-65e532d8.entry.js +1 -0
  249. package/dist/genexus-ide-ui/{p-e5275cb9.entry.js → p-72be1b75.entry.js} +1 -1
  250. package/dist/genexus-ide-ui/p-734d3baa.entry.js +1 -0
  251. package/dist/genexus-ide-ui/{p-b38a1146.entry.js → p-73cfc07c.entry.js} +1 -1
  252. package/dist/genexus-ide-ui/p-7dd9df47.entry.js +1 -0
  253. package/dist/genexus-ide-ui/{p-5bc1d4a3.entry.js → p-8243c51d.entry.js} +1 -1
  254. package/dist/genexus-ide-ui/{p-a013c7f4.entry.js → p-82ba2bec.entry.js} +1 -1
  255. package/dist/genexus-ide-ui/p-83f6db54.entry.js +1 -0
  256. package/dist/genexus-ide-ui/p-845f47ff.entry.js +1 -0
  257. package/dist/genexus-ide-ui/p-85164984.entry.js +1 -0
  258. package/dist/genexus-ide-ui/{p-41a4d845.entry.js → p-870c7d8f.entry.js} +1 -1
  259. package/dist/genexus-ide-ui/{p-9bd22dce.entry.js → p-93ec18f7.entry.js} +1 -1
  260. package/dist/genexus-ide-ui/{p-d3a6f222.entry.js → p-94d2d18a.entry.js} +1 -1
  261. package/dist/genexus-ide-ui/{p-65141b01.entry.js → p-984f7626.entry.js} +1 -1
  262. package/dist/genexus-ide-ui/{p-ecc323f1.entry.js → p-98b8a4b7.entry.js} +1 -1
  263. package/dist/genexus-ide-ui/{p-50372f74.entry.js → p-9b93752d.entry.js} +1 -1
  264. package/dist/genexus-ide-ui/p-9c9a28b4.entry.js +1 -0
  265. package/dist/genexus-ide-ui/{p-778c879a.entry.js → p-9dfc4afa.entry.js} +1 -1
  266. package/dist/genexus-ide-ui/{p-fd9e60b2.entry.js → p-9f4b6230.entry.js} +1 -1
  267. package/dist/genexus-ide-ui/{p-501ed102.entry.js → p-a48badf0.entry.js} +1 -1
  268. package/dist/genexus-ide-ui/p-a8e97a42.entry.js +1 -0
  269. package/dist/genexus-ide-ui/{p-2c43b5f6.entry.js → p-a94dd4c1.entry.js} +1 -1
  270. package/dist/genexus-ide-ui/{p-8fcb9ef7.entry.js → p-ad30241e.entry.js} +1 -1
  271. package/dist/genexus-ide-ui/{p-65f03217.entry.js → p-b900ffbc.entry.js} +1 -1
  272. package/dist/genexus-ide-ui/{p-f74941a6.entry.js → p-bb77cb65.entry.js} +1 -1
  273. package/dist/genexus-ide-ui/{p-1dfbe1f4.entry.js → p-bb7ae451.entry.js} +1 -1
  274. package/dist/genexus-ide-ui/{p-949d2567.entry.js → p-cb3a255c.entry.js} +1 -1
  275. package/dist/genexus-ide-ui/{p-168fd80f.entry.js → p-cbe42c29.entry.js} +1 -1
  276. package/dist/genexus-ide-ui/{p-2c82165f.entry.js → p-d67c476c.entry.js} +1 -1
  277. package/dist/genexus-ide-ui/{p-987bfa21.entry.js → p-dd676f91.entry.js} +1 -1
  278. package/dist/genexus-ide-ui/{p-9f0b4651.entry.js → p-dfac4d3c.entry.js} +1 -1
  279. package/dist/genexus-ide-ui/{p-863d9bc9.entry.js → p-e542c155.entry.js} +1 -1
  280. package/dist/genexus-ide-ui/{p-5f97d2a6.entry.js → p-eb328b50.entry.js} +1 -1
  281. package/dist/genexus-ide-ui/p-f5ef55c5.entry.js +1 -0
  282. package/dist/genexus-ide-ui/{p-2b54a436.entry.js → p-f6a6d8bb.entry.js} +1 -1
  283. package/dist/genexus-ide-ui/p-f93e94dc.entry.js +1 -0
  284. package/dist/genexus-ide-ui/{p-fbf0dadf.entry.js → p-fb368434.entry.js} +1 -1
  285. package/dist/genexus-ide-ui/{p-ba0b98a4.entry.js → p-fb92083f.entry.js} +1 -1
  286. package/dist/genexus-ide-ui/{p-14d2d3e6.entry.js → p-ffb82b40.entry.js} +1 -1
  287. package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion/accordion.css +7 -6
  288. package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion-item/accordion-item.css +7 -6
  289. package/dist/node_modules/@genexus/gemini/dist/collection/components/alert/alert.css +7 -6
  290. package/dist/node_modules/@genexus/gemini/dist/collection/components/box/box.css +14 -12
  291. package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +24 -18
  292. package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +56 -39
  293. package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +7 -6
  294. package/dist/node_modules/@genexus/gemini/dist/collection/components/color-picker/color-picker.css +7 -6
  295. package/dist/node_modules/@genexus/gemini/dist/collection/components/column/column.css +7 -6
  296. package/dist/node_modules/@genexus/gemini/dist/collection/components/columns/columns.css +7 -6
  297. package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +80 -13
  298. package/dist/node_modules/@genexus/gemini/dist/collection/components/container/container.css +7 -6
  299. package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu/contextual-menu.css +7 -6
  300. package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-item/contextual-menu-item.css +7 -6
  301. package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-submenu/contextual-menu-submenu.css +7 -6
  302. package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +8 -9
  303. package/dist/node_modules/@genexus/gemini/dist/collection/components/demo/demo.css +7 -6
  304. package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-box/drag-box.css +7 -6
  305. package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-container/drag-container.css +7 -6
  306. package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +15 -15
  307. package/dist/node_modules/@genexus/gemini/dist/collection/components/filter/gxg-filter.css +14 -12
  308. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +20 -9
  309. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +7 -6
  310. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-message/form-message.css +7 -6
  311. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +8 -9
  312. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +7 -6
  313. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +7 -6
  314. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +8 -9
  315. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +20 -10
  316. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +20 -9
  317. package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +18 -13
  318. package/dist/node_modules/@genexus/gemini/dist/collection/components/icon/icon.css +7 -6
  319. package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css +7 -6
  320. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +48 -13
  321. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +9 -10
  322. package/dist/node_modules/@genexus/gemini/dist/collection/components/loader-gxg/loader.css +7 -6
  323. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu/menu.css +7 -6
  324. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu-item/menu-item.css +7 -6
  325. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css +8 -9
  326. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/list/list.css +7 -6
  327. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/menu/menu.css +7 -6
  328. package/dist/node_modules/@genexus/gemini/dist/collection/components/modal/modal.css +7 -6
  329. package/dist/node_modules/@genexus/gemini/dist/collection/components/more-info/more-info.css +7 -6
  330. package/dist/node_modules/@genexus/gemini/dist/collection/components/options/gxg-options.css +21 -18
  331. package/dist/node_modules/@genexus/gemini/dist/collection/components/pill/pill.css +7 -6
  332. package/dist/node_modules/@genexus/gemini/dist/collection/components/progress-bar/progress-bar.css +7 -6
  333. package/dist/node_modules/@genexus/gemini/dist/collection/components/scroll/scroll.css +7 -6
  334. package/dist/node_modules/@genexus/gemini/dist/collection/components/separator/separator.css +7 -6
  335. package/dist/node_modules/@genexus/gemini/dist/collection/components/slider/slider.css +7 -6
  336. package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-layout/spacer-layout.css +7 -6
  337. package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-one/spacer-one.css +7 -6
  338. package/dist/node_modules/@genexus/gemini/dist/collection/components/stack/stack.css +7 -6
  339. package/dist/node_modules/@genexus/gemini/dist/collection/components/stepper/stepper.css +7 -6
  340. package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +37 -30
  341. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +7 -6
  342. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +30 -6
  343. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +17 -10
  344. package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +14 -12
  345. package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +37 -6
  346. package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +7 -6
  347. package/dist/node_modules/@genexus/gemini/dist/collection/components/toggle/toggle.css +7 -6
  348. package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar/toolbar.css +7 -6
  349. package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar-item/toolbar-item.css +7 -6
  350. package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +8 -11
  351. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree/gxg-tree.css +14 -12
  352. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +8 -9
  353. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +67 -56
  354. package/dist/node_modules/@genexus/gemini/dist/collection/components/window/window.css +14 -12
  355. package/package.json +3 -3
  356. package/dist/genexus-ide-ui/p-0b4ffc0c.entry.js +0 -1
  357. package/dist/genexus-ide-ui/p-3cca9fd6.entry.js +0 -1
  358. package/dist/genexus-ide-ui/p-46aba48f.entry.js +0 -1
  359. package/dist/genexus-ide-ui/p-49ee3d93.entry.js +0 -1
  360. package/dist/genexus-ide-ui/p-52b88cb7.entry.js +0 -1
  361. package/dist/genexus-ide-ui/p-652bdc65.entry.js +0 -1
  362. package/dist/genexus-ide-ui/p-69390301.entry.js +0 -1
  363. package/dist/genexus-ide-ui/p-6cc437c7.entry.js +0 -1
  364. package/dist/genexus-ide-ui/p-6dcd4638.entry.js +0 -1
  365. package/dist/genexus-ide-ui/p-6e232a6f.entry.js +0 -1
  366. package/dist/genexus-ide-ui/p-91ec273e.entry.js +0 -1
  367. package/dist/genexus-ide-ui/p-961605f5.entry.js +0 -1
  368. package/dist/genexus-ide-ui/p-a3c596bd.entry.js +0 -1
  369. package/dist/genexus-ide-ui/p-bbaf476f.entry.js +0 -1
  370. package/dist/genexus-ide-ui/p-bfdff7c2.entry.js +0 -1
  371. package/dist/genexus-ide-ui/p-d8bdcd09.entry.js +0 -1
  372. package/dist/genexus-ide-ui/p-f00498d9.entry.js +0 -1
  373. package/dist/genexus-ide-ui/p-f5c03725.entry.js +0 -1
  374. package/dist/genexus-ide-ui/p-f7b44578.entry.js +0 -1
@@ -1 +1 @@
1
- import{r,h as t,H as o}from"./p-976c3a09.js";const a=class{constructor(t){r(this,t),this.evaluateLabelPosition=()=>{this.label&&"above"===this.labelPosition&&(this.centerLabel=!1)},this.btnSelectClickHandler=()=>{this.selectDirectoryCallback&&this.selectDirectoryCallback().then((r=>{r&&(this.value=r)}))},this.valueChangedHandler=r=>{this.value=r.detail},this.accessibilityLabels={buttonSelectLabel:"displays the directory selector"},this.label=void 0,this.labelPosition="start",this.centerLabel=!0,this.labelWidth=void 0,this.selectDirectoryCallback=void 0,this.value=void 0}componentWillLoad(){this.evaluateLabelPosition()}render(){var r;return t(o,null,this.label?t("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel},this.label):null,t("div",{class:"wrapper"},t("gxg-form-text",{part:"input",value:this.value,onValueChanged:this.valueChangedHandler}),t("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(r=this.accessibilityLabels)||void 0===r?void 0:r.buttonSelectLabel,type:"secondary-icon-only",icon:"gemini-tools/folder",disabled:!this.selectDirectoryCallback})))}};a.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";export{a as gx_ide_directory_selector}
1
+ import{r,h as t,H as o}from"./p-976c3a09.js";const a=class{constructor(t){r(this,t),this.evaluateLabelPosition=()=>{this.label&&"above"===this.labelPosition&&(this.centerLabel=!1)},this.btnSelectClickHandler=()=>{this.selectDirectoryCallback&&this.selectDirectoryCallback().then((r=>{r&&(this.value=r)}))},this.valueChangedHandler=r=>{this.value=r.detail},this.accessibilityLabels={buttonSelectLabel:"displays the directory selector"},this.label=void 0,this.labelPosition="start",this.centerLabel=!0,this.labelWidth=void 0,this.selectDirectoryCallback=void 0,this.value=void 0}componentWillLoad(){this.evaluateLabelPosition()}render(){var r;return t(o,null,this.label?t("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel},this.label):null,t("div",{class:"wrapper"},t("gxg-form-text",{part:"input",value:this.value,onValueChanged:this.valueChangedHandler}),t("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(r=this.accessibilityLabels)||void 0===r?void 0:r.buttonSelectLabel,type:"secondary-icon-only",icon:"gemini-tools/folder",disabled:!this.selectDirectoryCallback})))}};a.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";export{a as gx_ide_directory_selector}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as r,g as e}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";const i=class{constructor(o){t(this,o),this.labelPosition="start",this.disabled=!1,this.noMargin=!1,this.center=void 0,this.width="auto"}componentWillLoad(){(void 0===this.center&&"start"===this.labelPosition||void 0===this.center&&"end"===this.labelPosition)&&(this.center=!0)}render(){return o(r,{class:{large:a.large,"gxg-label--no-margin":this.noMargin,"gxg-label--center":this.center,[`position-${this.labelPosition}`]:!0},style:{width:this.width}},o("label",{htmlFor:this.for},this.tooltip?o("gxg-tooltip",{label:this.tooltip},o("slot",null)):null,o("slot",null)))}};i.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:flex;align-items:baseline}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host(.position-above){margin-block-end:var(--gxg-label-margin-vertical)}:host(.position-end){margin-inline-start:var(--gxg-label-margin-horizontal)}:host(.position-below){margin-block-start:var(--gxg-label-margin-vertical)}:host(.position-start){margin-inline-end:var(--gxg-label-margin-horizontal)}:host(.gxg-label--no-margin){margin:0 !important}:host(.position-above.gxg-label--center),:host(.position-below.gxg-label--center){justify-content:center}:host(.position-start.gxg-label--center),:host(.position-end.gxg-label--center){align-items:center}:host([disabled]) label{color:var(--gxg-color--disabled)}:host(.large) label{font-size:var(--font-size-lg)}";const n=class{constructor(o){t(this,o),this.position="top",this.alignEnd=!1,this.fixed=!1,this.flex=!1,this.noBorder=!1,this.visible=!1,this.mouseEnterHandler=()=>{const t=this.el.getBoundingClientRect(),o=t.left,r=t.width;this.tooltipTextEl.style.top=`${t.top}px`,this.tooltipTextEl.style.left=`${o+r}px`,this.visible=!0},this.mouseLeaveHandler=()=>{this.visible=!1},this.documentScrollHandler=()=>{this.visible=!1}}componentWillLoad(){this.fixed&&(this.el.addEventListener("mouseenter",this.mouseEnterHandler),this.el.addEventListener("mouseleave",this.mouseLeaveHandler),document.addEventListener("scroll",this.documentScrollHandler))}render(){return o(r,{role:"tooltip"},o("span",{class:{tooltip:!0,"tooltip--visible":this.visible}},o("slot",null),o("div",{class:"tooltiptext",ref:t=>this.tooltipTextEl=t},o("span",{class:"tooltiptext__content"},this.label))))}get el(){return e(this)}};n.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:inline-flex}:host .tooltip{cursor:pointer;position:relative;border-bottom:1px dotted var(--color-on-secondary);text-decoration:none}:host .tooltip .tooltiptext{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-size:var(--font-size-xs);visibility:hidden;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;position:absolute;z-index:1;width:250px;text-align:center}:host .tooltip .tooltiptext__content{width:fit-content;background-color:var(--gray-07);padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-width-md);color:var(--color-on-primary);display:inline-block;text-align:left}:host .tooltip .tooltiptext:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip:hover .tooltiptext{visibility:visible;opacity:1}:host([position=top]) .tooltip .tooltiptext{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%) rotate(180deg);bottom:-4px}:host([position=right]) .tooltip .tooltiptext{top:0;left:111%;text-align:left}:host([position=right]) .tooltip .tooltiptext:after{left:-7px;transform:rotate(-90deg);top:8px}:host([position=bottom]) .tooltip .tooltiptext{top:25px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%);top:-4px}:host([position=left]) .tooltip .tooltiptext{text-align:right;top:0;right:105%}:host([position=left]) .tooltip .tooltiptext:after{right:-7px;transform:rotate(90deg);top:8px}:host([width-auto]) .tooltip .tooltiptext{width:auto;white-space:nowrap}:host([no-border]) .tooltip{border-bottom:none}:host([align-end]) .tooltiptext{transform:translateY(calc(-100% - 5px)) translateX(-100%) !important;inset-inline-end:0;max-width:180px;width:max-content}:host([align-end]) .tooltiptext:after{inset-inline-end:-1px;left:auto !important}:host([flex]){display:flex}:host([flex]) .tooltip{display:flex}:host([fixed]) .tooltip:hover .tooltiptext{visibility:hidden;opacity:0}:host([fixed]) .tooltip .tooltiptext{position:fixed;height:0}:host([fixed]) .tooltip .tooltiptext__content{transform:translateY(calc(-100% - 5px))}:host([fixed]) .tooltip .tooltiptext__content:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute;right:0;transform:translateX(-3px) rotate(180deg);bottom:-3px}:host([fixed]) .tooltip .tooltiptext:after{display:none}:host([fixed]) .tooltip--visible .tooltiptext{visibility:visible !important;opacity:1 !important}';export{i as gxg_label,n as gxg_tooltip}
@@ -1 +1 @@
1
- import{r,h as t}from"./p-976c3a09.js";const o=class{constructor(t){r(this,t),this.type="solid",this.margin="xs"}render(){return t("hr",null)}};o.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host hr{border-top:0;border-color:var(--gray-02);margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([type=solid]) hr{border-style:solid}:host([type=dashed]) hr{border-style:dashed}:host([margin=xs]) hr{margin-top:var(--spacing-lay-xs);margin-bottom:var(--spacing-lay-xs)}:host([margin=s]) hr{margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([margin=m]) hr{margin-top:var(--spacing-lay-m);margin-bottom:var(--spacing-lay-m)}:host([margin=l]) hr{margin-top:var(--spacing-lay-l);margin-bottom:var(--spacing-lay-l)}:host([margin=xl]) hr{margin-top:var(--spacing-lay-xl);margin-bottom:var(--spacing-lay-xl)}";export{o as gxg_separator}
1
+ import{r,h as t}from"./p-976c3a09.js";const o=class{constructor(t){r(this,t),this.type="solid",this.margin="xs"}render(){return t("hr",null)}};o.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host hr{border-top:0;border-color:var(--gray-02);margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([type=solid]) hr{border-style:solid}:host([type=dashed]) hr{border-style:dashed}:host([margin=xs]) hr{margin-top:var(--spacing-lay-xs);margin-bottom:var(--spacing-lay-xs)}:host([margin=s]) hr{margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([margin=m]) hr{margin-top:var(--spacing-lay-m);margin-bottom:var(--spacing-lay-m)}:host([margin=l]) hr{margin-top:var(--spacing-lay-l);margin-bottom:var(--spacing-lay-l)}:host([margin=xl]) hr{margin-top:var(--spacing-lay-xl);margin-bottom:var(--spacing-lay-xl)}";export{o as gxg_separator}
@@ -1 +1 @@
1
- import{r as t,h as o}from"./p-976c3a09.js";const i=class{constructor(o){t(this,o),this.layerZIndex=100,this.initiateDemo=!1,this.modalMessage="Welcome to the demo!",this.numberOfItems=0,this.currentItem=0,this.message="Set the message for this item",this.position="top-end",this.layerVisible=!1,this.instructionVisible=!1,this.modalVisible=!1,this.disableNextButton=!1,this.rtl=!1}componentDidLoad(){this.gxgDemoItems=document.querySelectorAll("*[gxg-demo-item]"),this.numberOfItems=this.gxgDemoItems.length,this.setCoordinates(this.gxgDemoItems[0]),this.resizeObserver();const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}resizeObserver(){const t=new ResizeObserver((()=>{this.setCoordinates(this.gxgDemoItems[this.currentItem])})),o=document.querySelector("body");t.observe(o)}initiateDemoHandler(){!0===this.initiateDemo&&(setTimeout(function(){this.layerVisible=!0}.bind(this),100),setTimeout(function(){this.instructionVisible=!0}.bind(this),200),setTimeout(function(){this.modalVisible=!0}.bind(this),800),this.saveCurrentItemStyles(this.gxgDemoItems[0]),this.setItemStyles(this.gxgDemoItems[0]))}saveCurrentItemStyles(t){this.currentItemZIndex=t.style.zIndex,this.currentItemPosition=t.style.position,this.currentItemBoxShadow=t.style.boxShadow,this.currentItemPointerEvents=t.style.pointerEvents}setCoordinates(t){const o=t.getBoundingClientRect(),i=o.x,e=o.y,r=o.right,a=o.height,n=o.top,s=o.width;switch(this.position=t.getAttribute("position"),this.position){case"bottom-start":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"bottom-center":this.leftPosition=i+s/2+"px",this.rightPosition="auto",this.topPosition=e+a+7+"px";break;case"bottom-end":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px");break;case"top-start":this.topPosition=n-7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"top-center":this.leftPosition=i+s/2+"px",this.topPosition=n-7+"px",this.rightPosition="auto";break;case"top-end":this.topPosition=n-7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px")}this.message=t.getAttribute("message")}setItemStyles(t){setTimeout(function(){t.style.zIndex=this.layerZIndex+1,t.style.position="relative",t.style.boxShadow="0px 0px 8px 3px rgba(255,255,255,1)",t.style.pointerEvents="none"}.bind(this),50)}removeStyles(t){t.style.zIndex=this.currentItemZIndex,t.style.position=this.currentItemPosition,t.style.boxShadow=this.currentItemBoxShadow,t.style.pointerEvents=this.currentItemPointerEvents}previousItem(){this.nextItemClicked=!1,this.nextOrPrevItem()}nextItem(){this.currentItem+1===this.numberOfItems?this.endDemo():(this.nextItemClicked=!0,this.nextOrPrevItem()),this.disableNextButton=!0,setTimeout(function(){this.disableNextButton=!1}.bind(this),250)}nextOrPrevItem(){this.removeStyles(this.gxgDemoItems[this.currentItem]),this.instructionVisible=!1,setTimeout(function(){let t;t=this.nextItemClicked?this.gxgDemoItems[++this.currentItem]:this.gxgDemoItems[--this.currentItem],this.saveCurrentItemStyles(t),this.setCoordinates(t),this.setItemStyles(t),setTimeout(function(){this.instructionVisible=!0}.bind(this),250)}.bind(this),250)}endDemo(){this.instructionVisible=!1,setTimeout(function(){this.removeStyles(this.gxgDemoItems[this.currentItem]),setTimeout(function(){this.modalVisible=!1,setTimeout(function(){this.layerVisible=!1,setTimeout(function(){this.initiateDemo=!1,this.currentItem=0,this.setCoordinates(this.gxgDemoItems[this.currentItem])}.bind(this),250)}.bind(this),250)}.bind(this),250)}.bind(this),250)}render(){if(!0===this.initiateDemo)return[o("div",{class:{tooltip:!0,visible:this.instructionVisible,rtl:this.rtl,"bottom-start":"bottom-start"===this.position,"bottom-center":"bottom-center"===this.position,"bottom-end":"bottom-end"===this.position,"top-start":"top-start"===this.position,"top-center":"top-center"===this.position,"top-end":"top-end"===this.position},style:{zIndex:(this.layerZIndex+2).toString(),left:this.leftPosition,right:this.rightPosition,top:this.topPosition}},o("div",{class:"tooltip__number"},this.currentItem+1),o("div",{class:"tooltip__message"},this.message)),o("div",{class:{modal:!0,visible:this.modalVisible},style:{zIndex:(this.layerZIndex+1).toString()}},o("div",{class:"col-left"},o("p",null,this.modalMessage)),o("div",{class:"col-right"},o("gxg-button",{type:"outlined",onClick:this.endDemo.bind(this)},"End demo"),o("gxg-button",{type:"primary-text-only",onClick:this.previousItem.bind(this),disabled:0===this.currentItem},"Previous"),o("gxg-button",{type:"primary-text-only",onClick:this.nextItem.bind(this),class:{"next-button":!0,disabled:!0===this.disableNextButton}},this.currentItem+1!==this.numberOfItems?"Next":"Finish"))),o("div",{class:{layer:!0,visible:this.layerVisible},style:{zIndex:this.layerZIndex.toString()}})]}static get watchers(){return{initiateDemo:["initiateDemoHandler"]}}};i.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host .layer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer.visible{opacity:0.5}:host .tooltip{position:absolute;background:var(--gray-07);color:var(--color-on-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-comp-03);max-width:300px;display:flex;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tooltip.visible{opacity:1}:host .tooltip:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip.bottom-start:before{top:-5px;left:5px}:host .tooltip.bottom-center{transform:translateX(-50%)}:host .tooltip.bottom-center:before{top:-5px;left:50%;margin-left:-2.5px}:host .tooltip.bottom-end:before{top:-5px;right:5px}:host .tooltip.top-start{transform:translateY(-100%)}:host .tooltip.top-start:before{bottom:-5px;transform:rotate(180deg);left:5px}:host .tooltip.top-center{transform:translateY(-100%) translateX(-50%)}:host .tooltip.top-center:before{bottom:-5px;transform:rotate(180deg);left:50%;margin-left:-2.5px}:host .tooltip.top-end{transform:translateY(-100%)}:host .tooltip.top-end:before{right:5px;bottom:-5px;transform:rotate(180deg)}:host .tooltip.rtl.bottom-start:before{right:5px;left:auto}:host .tooltip.rtl.bottom-end:before{left:5px;right:auto}:host .tooltip.rtl.top-start:before{right:5px;left:auto}:host .tooltip.rtl.top-end:before{left:5px;right:auto}:host .tooltip__number{font-weight:var(--font-weight-bold);font-size:20px;padding-inline-end:var(--spacing-comp-03);line-height:1em}:host .tooltip__message{line-height:1.6em}:host .modal{position:fixed;bottom:-100px;transition-property:bottom;transition-duration:0.5s;transition-timing-function:ease;left:50%;height:40px;background-color:var(--color-background);width:500px;margin-left:-250px;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-02);display:flex;padding:0 var(--spacing-comp-02)}:host .modal.visible{bottom:20px}:host .modal>div{display:flex;width:100%;align-items:center;justify-content:space-between}:host .modal p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(-color-on-background)}:host .modal .col-left{width:35%}:host .modal .col-right{width:65%;display:flex;justify-content:flex-end}:host .modal gxg-button{margin-right:var(--spacing-comp-02)}:host .next-button.disabled{pointer-events:none}';export{i as gxg_demo}
1
+ import{r as t,h as o}from"./p-976c3a09.js";const i=class{constructor(o){t(this,o),this.layerZIndex=100,this.initiateDemo=!1,this.modalMessage="Welcome to the demo!",this.numberOfItems=0,this.currentItem=0,this.message="Set the message for this item",this.position="top-end",this.layerVisible=!1,this.instructionVisible=!1,this.modalVisible=!1,this.disableNextButton=!1,this.rtl=!1}componentDidLoad(){this.gxgDemoItems=document.querySelectorAll("*[gxg-demo-item]"),this.numberOfItems=this.gxgDemoItems.length,this.setCoordinates(this.gxgDemoItems[0]),this.resizeObserver();const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}resizeObserver(){const t=new ResizeObserver((()=>{this.setCoordinates(this.gxgDemoItems[this.currentItem])})),o=document.querySelector("body");t.observe(o)}initiateDemoHandler(){!0===this.initiateDemo&&(setTimeout(function(){this.layerVisible=!0}.bind(this),100),setTimeout(function(){this.instructionVisible=!0}.bind(this),200),setTimeout(function(){this.modalVisible=!0}.bind(this),800),this.saveCurrentItemStyles(this.gxgDemoItems[0]),this.setItemStyles(this.gxgDemoItems[0]))}saveCurrentItemStyles(t){this.currentItemZIndex=t.style.zIndex,this.currentItemPosition=t.style.position,this.currentItemBoxShadow=t.style.boxShadow,this.currentItemPointerEvents=t.style.pointerEvents}setCoordinates(t){const o=t.getBoundingClientRect(),i=o.x,e=o.y,r=o.right,a=o.height,n=o.top,s=o.width;switch(this.position=t.getAttribute("position"),this.position){case"bottom-start":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"bottom-center":this.leftPosition=i+s/2+"px",this.rightPosition="auto",this.topPosition=e+a+7+"px";break;case"bottom-end":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px");break;case"top-start":this.topPosition=n-7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"top-center":this.leftPosition=i+s/2+"px",this.topPosition=n-7+"px",this.rightPosition="auto";break;case"top-end":this.topPosition=n-7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px")}this.message=t.getAttribute("message")}setItemStyles(t){setTimeout(function(){t.style.zIndex=this.layerZIndex+1,t.style.position="relative",t.style.boxShadow="0px 0px 8px 3px rgba(255,255,255,1)",t.style.pointerEvents="none"}.bind(this),50)}removeStyles(t){t.style.zIndex=this.currentItemZIndex,t.style.position=this.currentItemPosition,t.style.boxShadow=this.currentItemBoxShadow,t.style.pointerEvents=this.currentItemPointerEvents}previousItem(){this.nextItemClicked=!1,this.nextOrPrevItem()}nextItem(){this.currentItem+1===this.numberOfItems?this.endDemo():(this.nextItemClicked=!0,this.nextOrPrevItem()),this.disableNextButton=!0,setTimeout(function(){this.disableNextButton=!1}.bind(this),250)}nextOrPrevItem(){this.removeStyles(this.gxgDemoItems[this.currentItem]),this.instructionVisible=!1,setTimeout(function(){let t;t=this.nextItemClicked?this.gxgDemoItems[++this.currentItem]:this.gxgDemoItems[--this.currentItem],this.saveCurrentItemStyles(t),this.setCoordinates(t),this.setItemStyles(t),setTimeout(function(){this.instructionVisible=!0}.bind(this),250)}.bind(this),250)}endDemo(){this.instructionVisible=!1,setTimeout(function(){this.removeStyles(this.gxgDemoItems[this.currentItem]),setTimeout(function(){this.modalVisible=!1,setTimeout(function(){this.layerVisible=!1,setTimeout(function(){this.initiateDemo=!1,this.currentItem=0,this.setCoordinates(this.gxgDemoItems[this.currentItem])}.bind(this),250)}.bind(this),250)}.bind(this),250)}.bind(this),250)}render(){if(!0===this.initiateDemo)return[o("div",{class:{tooltip:!0,visible:this.instructionVisible,rtl:this.rtl,"bottom-start":"bottom-start"===this.position,"bottom-center":"bottom-center"===this.position,"bottom-end":"bottom-end"===this.position,"top-start":"top-start"===this.position,"top-center":"top-center"===this.position,"top-end":"top-end"===this.position},style:{zIndex:(this.layerZIndex+2).toString(),left:this.leftPosition,right:this.rightPosition,top:this.topPosition}},o("div",{class:"tooltip__number"},this.currentItem+1),o("div",{class:"tooltip__message"},this.message)),o("div",{class:{modal:!0,visible:this.modalVisible},style:{zIndex:(this.layerZIndex+1).toString()}},o("div",{class:"col-left"},o("p",null,this.modalMessage)),o("div",{class:"col-right"},o("gxg-button",{type:"outlined",onClick:this.endDemo.bind(this)},"End demo"),o("gxg-button",{type:"primary-text-only",onClick:this.previousItem.bind(this),disabled:0===this.currentItem},"Previous"),o("gxg-button",{type:"primary-text-only",onClick:this.nextItem.bind(this),class:{"next-button":!0,disabled:!0===this.disableNextButton}},this.currentItem+1!==this.numberOfItems?"Next":"Finish"))),o("div",{class:{layer:!0,visible:this.layerVisible},style:{zIndex:this.layerZIndex.toString()}})]}static get watchers(){return{initiateDemo:["initiateDemoHandler"]}}};i.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host .layer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer.visible{opacity:0.5}:host .tooltip{position:absolute;background:var(--gray-07);color:var(--color-on-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-comp-03);max-width:300px;display:flex;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tooltip.visible{opacity:1}:host .tooltip:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip.bottom-start:before{top:-5px;left:5px}:host .tooltip.bottom-center{transform:translateX(-50%)}:host .tooltip.bottom-center:before{top:-5px;left:50%;margin-left:-2.5px}:host .tooltip.bottom-end:before{top:-5px;right:5px}:host .tooltip.top-start{transform:translateY(-100%)}:host .tooltip.top-start:before{bottom:-5px;transform:rotate(180deg);left:5px}:host .tooltip.top-center{transform:translateY(-100%) translateX(-50%)}:host .tooltip.top-center:before{bottom:-5px;transform:rotate(180deg);left:50%;margin-left:-2.5px}:host .tooltip.top-end{transform:translateY(-100%)}:host .tooltip.top-end:before{right:5px;bottom:-5px;transform:rotate(180deg)}:host .tooltip.rtl.bottom-start:before{right:5px;left:auto}:host .tooltip.rtl.bottom-end:before{left:5px;right:auto}:host .tooltip.rtl.top-start:before{right:5px;left:auto}:host .tooltip.rtl.top-end:before{left:5px;right:auto}:host .tooltip__number{font-weight:var(--font-weight-bold);font-size:20px;padding-inline-end:var(--spacing-comp-03);line-height:1em}:host .tooltip__message{line-height:1.6em}:host .modal{position:fixed;bottom:-100px;transition-property:bottom;transition-duration:0.5s;transition-timing-function:ease;left:50%;height:40px;background-color:var(--color-background);width:500px;margin-left:-250px;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-02);display:flex;padding:0 var(--spacing-comp-02)}:host .modal.visible{bottom:20px}:host .modal>div{display:flex;width:100%;align-items:center;justify-content:space-between}:host .modal p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(-color-on-background)}:host .modal .col-left{width:35%}:host .modal .col-right{width:65%;display:flex;justify-content:flex-end}:host .modal gxg-button{margin-right:var(--spacing-comp-02)}:host .next-button.disabled{pointer-events:none}';export{i as gxg_demo}
@@ -1 +1 @@
1
- import{r as t,h as r,H as e}from"./p-976c3a09.js";import{s as o}from"./p-e46e26a6.js";const a=class{constructor(r){t(this,r),this.type="title-01",this.alignment="start"}titleType(){let t;switch(this.type){case"title-01":t=r("h1",{class:"gxg-title-01",part:"title"},r("slot",null));break;case"title-02":t=r("h2",{class:"gxg-title-02",part:"title"},r("slot",null));break;case"title-03":t=r("h3",{class:"gxg-title-03",part:"title"},r("slot",null));break;case"title-04":t=r("h4",{class:"gxg-title-04",part:"title"},r("slot",null));break;case"title-05":t=r("h5",{class:"gxg-title-05",part:"title"},r("slot",null));break;default:t=r("h1",{class:"gxg-title-06",part:"title"},r("slot",null))}return t}render(){return r(e,{class:{large:o.large}},this.titleType()," ")}};a.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}:host(.large) .gxg-title-01{font-size:var(--font-size-xl)}:host(.large) .gxg-title-02{font-size:var(--font-size-lg)}:host(.large) .gxg-title-03{font-size:var(--font-size-lg)}:host(.large) .gxg-title-04{font-size:var(--font-size-xl)}:host(.large) .gxg-title-05{font-size:var(--font-size-lg)}";export{a as gxg_title}
1
+ import{r as t,h as r,H as e}from"./p-976c3a09.js";import{s as o}from"./p-e46e26a6.js";const a=class{constructor(r){t(this,r),this.type="title-01",this.alignment="start"}titleType(){let t;switch(this.type){case"title-01":t=r("h1",{class:"gxg-title-01",part:"title"},r("slot",null));break;case"title-02":t=r("h2",{class:"gxg-title-02",part:"title"},r("slot",null));break;case"title-03":t=r("h3",{class:"gxg-title-03",part:"title"},r("slot",null));break;case"title-04":t=r("h4",{class:"gxg-title-04",part:"title"},r("slot",null));break;case"title-05":t=r("h5",{class:"gxg-title-05",part:"title"},r("slot",null));break;default:t=r("h1",{class:"gxg-title-06",part:"title"},r("slot",null))}return t}render(){return r(e,{class:{large:o.large}},this.titleType()," ")}};a.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}:host(.large) .gxg-title-01{font-size:var(--font-size-xl)}:host(.large) .gxg-title-02{font-size:var(--font-size-lg)}:host(.large) .gxg-title-03{font-size:var(--font-size-lg)}:host(.large) .gxg-title-04{font-size:var(--font-size-xl)}:host(.large) .gxg-title-05{font-size:var(--font-size-lg)}";export{a as gxg_title}
@@ -660,18 +660,19 @@ FORM ELEMENTS
660
660
  /* Handle on hover */
661
661
  }
662
662
  .gxg-scrollbar::-webkit-scrollbar {
663
- width: var(--gxg-scrollbar-width);
663
+ width: var(--gxg-scrollbar-width, 6px);
664
664
  }
665
665
  .gxg-scrollbar::-webkit-scrollbar-track {
666
- background-color: var(--gxg-scrollbar-track-background);
667
- border-radius: var(--gxg-scrollbar-track-border-radius);
666
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
667
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
668
668
  }
669
669
  .gxg-scrollbar::-webkit-scrollbar-thumb {
670
- background: var(--gxg-scrollbar-track-thumb-background);
671
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
670
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
671
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
672
672
  }
673
673
  .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
674
- background: var(--gxg-scrollbar-track-thumb-hover-background);
674
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
675
+ cursor: pointer;
675
676
  }
676
677
 
677
678
  :host {
@@ -661,18 +661,19 @@ FORM ELEMENTS
661
661
  /* Handle on hover */
662
662
  }
663
663
  .gxg-scrollbar::-webkit-scrollbar {
664
- width: var(--gxg-scrollbar-width);
664
+ width: var(--gxg-scrollbar-width, 6px);
665
665
  }
666
666
  .gxg-scrollbar::-webkit-scrollbar-track {
667
- background-color: var(--gxg-scrollbar-track-background);
668
- border-radius: var(--gxg-scrollbar-track-border-radius);
667
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
668
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
669
669
  }
670
670
  .gxg-scrollbar::-webkit-scrollbar-thumb {
671
- background: var(--gxg-scrollbar-track-thumb-background);
672
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
671
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
672
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
673
673
  }
674
674
  .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
675
- background: var(--gxg-scrollbar-track-thumb-hover-background);
675
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
676
+ cursor: pointer;
676
677
  }
677
678
 
678
679
  :host {
@@ -660,18 +660,19 @@ FORM ELEMENTS
660
660
  /* Handle on hover */
661
661
  }
662
662
  .gxg-scrollbar::-webkit-scrollbar {
663
- width: var(--gxg-scrollbar-width);
663
+ width: var(--gxg-scrollbar-width, 6px);
664
664
  }
665
665
  .gxg-scrollbar::-webkit-scrollbar-track {
666
- background-color: var(--gxg-scrollbar-track-background);
667
- border-radius: var(--gxg-scrollbar-track-border-radius);
666
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
667
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
668
668
  }
669
669
  .gxg-scrollbar::-webkit-scrollbar-thumb {
670
- background: var(--gxg-scrollbar-track-thumb-background);
671
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
670
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
671
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
672
672
  }
673
673
  .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
674
- background: var(--gxg-scrollbar-track-thumb-hover-background);
674
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
675
+ cursor: pointer;
675
676
  }
676
677
 
677
678
  :host {
@@ -660,18 +660,19 @@ FORM ELEMENTS
660
660
  /* Handle on hover */
661
661
  }
662
662
  .gxg-scrollbar::-webkit-scrollbar {
663
- width: var(--gxg-scrollbar-width);
663
+ width: var(--gxg-scrollbar-width, 6px);
664
664
  }
665
665
  .gxg-scrollbar::-webkit-scrollbar-track {
666
- background-color: var(--gxg-scrollbar-track-background);
667
- border-radius: var(--gxg-scrollbar-track-border-radius);
666
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
667
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
668
668
  }
669
669
  .gxg-scrollbar::-webkit-scrollbar-thumb {
670
- background: var(--gxg-scrollbar-track-thumb-background);
671
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
670
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
671
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
672
672
  }
673
673
  .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
674
- background: var(--gxg-scrollbar-track-thumb-hover-background);
674
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
675
+ cursor: pointer;
675
676
  }
676
677
 
677
678
  :host {
@@ -691,18 +692,19 @@ FORM ELEMENTS
691
692
  /* Handle on hover */
692
693
  }
693
694
  :host::-webkit-scrollbar {
694
- width: var(--gxg-scrollbar-width);
695
+ width: var(--gxg-scrollbar-width, 6px);
695
696
  }
696
697
  :host::-webkit-scrollbar-track {
697
- background-color: var(--gxg-scrollbar-track-background);
698
- border-radius: var(--gxg-scrollbar-track-border-radius);
698
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
699
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
699
700
  }
700
701
  :host::-webkit-scrollbar-thumb {
701
- background: var(--gxg-scrollbar-track-thumb-background);
702
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
702
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
703
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
703
704
  }
704
705
  :host::-webkit-scrollbar-thumb:hover {
705
- background: var(--gxg-scrollbar-track-thumb-hover-background);
706
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
707
+ cursor: pointer;
706
708
  }
707
709
 
708
710
  :host([background=white]) {
@@ -660,18 +660,19 @@ FORM ELEMENTS
660
660
  /* Handle on hover */
661
661
  }
662
662
  .gxg-scrollbar::-webkit-scrollbar {
663
- width: var(--gxg-scrollbar-width);
663
+ width: var(--gxg-scrollbar-width, 6px);
664
664
  }
665
665
  .gxg-scrollbar::-webkit-scrollbar-track {
666
- background-color: var(--gxg-scrollbar-track-background);
667
- border-radius: var(--gxg-scrollbar-track-border-radius);
666
+ background-color: var(--gxg-scrollbar-track-background, --gray-02);
667
+ border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
668
668
  }
669
669
  .gxg-scrollbar::-webkit-scrollbar-thumb {
670
- background: var(--gxg-scrollbar-track-thumb-background);
671
- border-radius: var(--gxg-scrollbar-track-thumb-radius);
670
+ background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
671
+ border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
672
672
  }
673
673
  .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
674
- background: var(--gxg-scrollbar-track-thumb-hover-background);
674
+ background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
675
+ cursor: pointer;
675
676
  }
676
677
 
677
678
  /*****************************************************
@@ -714,6 +715,7 @@ FORM ELEMENTS
714
715
  padding-left: var(--spacing-comp-03);
715
716
  line-height: var(--line-height-regular);
716
717
  transition: background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;
718
+ border: 1px solid transparent;
717
719
  /*button styles are included on a mixin, because they are used on both, gxg-button, and gxg-button-group elements*/
718
720
  }
719
721
  :host(.button) .button-native:hover:not([disabled]) {
@@ -722,9 +724,7 @@ FORM ELEMENTS
722
724
  }
723
725
  :host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {
724
726
  background: var(--color-primary-enabled);
725
- outline-style: solid;
726
- outline-color: var(--gxg-border-color--focused);
727
- outline-width: var(--border-width-md);
727
+ outline: var(--border-width-md) solid var(--gxg-border-color--focused);
728
728
  outline-offset: -2px;
729
729
  }
730
730
  :host(.button) .button-native:active:not([disabled]) {
@@ -732,7 +732,7 @@ FORM ELEMENTS
732
732
  }
733
733
 
734
734
  :host(.button.button--disabled) .button-native {
735
- background: var(--color-primary-disabled);
735
+ background: var(--gxg-background-color--disabled);
736
736
  color: var(--color-primary-disabled);
737
737
  pointer-events: none;
738
738
  }
@@ -741,6 +741,13 @@ FORM ELEMENTS
741
741
  pointer-events: none;
742
742
  }
743
743
 
744
+ /*********************************
745
+ PRIMARY
746
+ *********************************/
747
+ :host(.button--primary) {
748
+ --gxg-border-color--focused: var(--color-primary-active--inverted);
749
+ }
750
+
744
751
  /*********************************
745
752
  PRIMARY 'TEXT ONLY' BUTTON TYPE
746
753
  *********************************/
@@ -808,7 +815,6 @@ SECONDARY 'TEXT ONLY' BUTTON TYPE
808
815
  :host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index) {
809
816
  color: var(--color-primary-active);
810
817
  background: transparent;
811
- box-shadow: var(--box-shadow-values) var(--color-primary-active);
812
818
  }
813
819
  :host(.button--secondary-text-only) .button-native:active:not([disabled]) {
814
820
  color: var(--color-primary-active);
@@ -842,7 +848,6 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
842
848
  :host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {
843
849
  color: var(--color-primary-active);
844
850
  background: transparent;
845
- box-shadow: var(--box-shadow-values) var(--color-primary-active);
846
851
  }
847
852
  :host(.button--secondary-text-icon) .button-native:active:not([disabled]) {
848
853
  color: var(--color-primary-active);
@@ -882,7 +887,7 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
882
887
  *********************************/
883
888
  :host(.button--outlined) .button-native,
884
889
  :host(.button--outlined-text-icon) .button-native {
885
- box-shadow: inset 0px 0px 0px 1px var(--color-primary-enabled);
890
+ border-color: var(--color-primary-enabled);
886
891
  background: var(--color-background);
887
892
  padding-inline-start: var(--spacing-comp-04);
888
893
  padding-inline-end: var(--spacing-comp-04);
@@ -890,20 +895,20 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
890
895
  :host(.button--outlined) .button-native:hover:not([disabled]),
891
896
  :host(.button--outlined-text-icon) .button-native:hover:not([disabled]) {
892
897
  color: var(--color-primary-hover);
898
+ border-color: var(--color-primary-hover);
893
899
  background: var(--color-primary-hover-opacity-01);
894
- box-shadow: inset 0px 0px 0px 1px var(--color-primary-hover);
895
900
  }
896
901
  :host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),
897
902
  :host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {
898
903
  color: var(--color-primary-active);
899
904
  background: transparent;
900
- box-shadow: inset 0px 0px 0px 2px var(--color-primary-active);
905
+ outline: var(--border-width-md) solid var(--gxg-border-color--focused);
906
+ outline-offset: -2px;
901
907
  }
902
908
  :host(.button--outlined) .button-native:active:not([disabled]),
903
909
  :host(.button--outlined-text-icon) .button-native:active:not([disabled]) {
904
910
  color: var(--color-primary-active);
905
911
  background: transparent;
906
- box-shadow: inset 0px 0px 0px 1px var(--color-primary-active);
907
912
  }
908
913
  :host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),
909
914
  :host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon) {
@@ -912,7 +917,7 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
912
917
 
913
918
  :host(.button--outlined.button--disabled) .button-native,
914
919
  :host(.button--outlined-text-icon.button--disabled) .button-native {
915
- box-shadow: inset 0px 0px 0px 1px var(--color-primary-disabled);
920
+ border-color: var(--gxg-border-color--disabled);
916
921
  background: var(--color-transparent);
917
922
  color: var(--color-primary-disabled);
918
923
  }
@@ -937,7 +942,8 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
937
942
  }
938
943
  :host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index) {
939
944
  background: transparent;
940
- box-shadow: var(--box-shadow-values) var(--color-primary-active);
945
+ outline: var(--border-width-md) solid var(--gxg-border-color--focused);
946
+ outline-offset: -2px;
941
947
  }
942
948
  :host(.button--tertiary) .button-native:active:not([disabled]) {
943
949
  background: transparent;