@genexus/genexus-ide-ui 0.0.12 → 0.0.14

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 (304) hide show
  1. package/dist/cjs/ch-grid-action-refresh_6.cjs.entry.js +359 -0
  2. package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +51 -0
  3. package/dist/cjs/{ch-grid_9.cjs.entry.js → ch-grid_7.cjs.entry.js} +130 -332
  4. package/dist/cjs/ch-suggest_5.cjs.entry.js +388 -0
  5. package/dist/cjs/form-validation-87e3749d.js +68 -0
  6. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  7. package/dist/cjs/gx-ide-container_2.cjs.entry.js +168 -0
  8. package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
  9. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +118 -0
  10. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +36 -87
  11. package/dist/cjs/gx-ide-references.cjs.entry.js +299 -0
  12. package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
  13. package/dist/cjs/gx-ide-test.cjs.entry.js +2 -25
  14. package/dist/cjs/gxg-breadcrumb.cjs.entry.js +0 -1
  15. package/dist/cjs/gxg-button-group.cjs.entry.js +1 -1
  16. package/dist/cjs/gxg-button.cjs.entry.js +2 -2
  17. package/dist/cjs/gxg-combo-box_8.cjs.entry.js +172 -231
  18. package/dist/cjs/gxg-container.cjs.entry.js +215 -0
  19. package/dist/cjs/gxg-date-picker.cjs.entry.js +1 -1
  20. package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
  21. package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -1
  22. package/dist/cjs/gxg-form-radio-group.cjs.entry.js +76 -36
  23. package/dist/cjs/gxg-form-text.cjs.entry.js +17 -5
  24. package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
  25. package/dist/cjs/gxg-list-box.cjs.entry.js +3 -2
  26. package/dist/cjs/gxg-menu-item.cjs.entry.js +59 -12
  27. package/dist/cjs/gxg-menu-list.cjs.entry.js +28 -0
  28. package/dist/cjs/gxg-menu.cjs.entry.js +228 -12
  29. package/dist/cjs/gxg-option.cjs.entry.js +1 -1
  30. package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
  31. package/dist/cjs/gxg-select.cjs.entry.js +1 -1
  32. package/dist/cjs/gxg-test.cjs.entry.js +36 -10
  33. package/dist/cjs/gxg-title.cjs.entry.js +11 -7
  34. package/dist/cjs/{gxg-tree-item.cjs.entry.js → gxg-tree_2.cjs.entry.js} +197 -43
  35. package/dist/cjs/loader.cjs.js +1 -1
  36. package/dist/cjs/render-tree-25d5b8a1.js +29 -0
  37. package/dist/cjs/{repositionScroll-e3ae1947.js → reposition-scroll-accee84c.js} +3 -15
  38. package/dist/cjs/types-e04c9098.js +12 -0
  39. package/dist/collection/collection-manifest.json +7 -1
  40. package/dist/collection/common/common.js +6 -6
  41. package/dist/collection/common/form-validation.js +17 -0
  42. package/dist/collection/common/interfaces.js +3 -1
  43. package/dist/collection/common/render-suggest.js +18 -0
  44. package/dist/collection/components/_template/gx-ide-assets/template/langs/template.lang.en.json +1 -1
  45. package/dist/collection/components/_template/template.css +90 -6
  46. package/dist/collection/components/_template/template.js +26 -23
  47. package/dist/{node_modules/@genexus/gemini/dist/collection/components/suggest/gxg-suggest.css → collection/components/container/container.css} +118 -120
  48. package/dist/collection/components/container/container.js +535 -0
  49. package/dist/collection/components/entity-selector/entity-selector.css +1 -1
  50. package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
  51. package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
  52. package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
  53. package/dist/collection/components/new-environment/new-environment.css +219 -0
  54. package/dist/collection/components/new-environment/new-environment.js +355 -0
  55. package/dist/collection/components/new-kb/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
  56. package/dist/collection/components/new-kb/new-kb.css +100 -8
  57. package/dist/collection/components/new-kb/new-kb.js +88 -84
  58. package/dist/collection/components/references/gx-ide-assets/references/langs/references.lang.en.json +15 -0
  59. package/dist/collection/components/references/gx-ide-assets/references/langs/references.lang.ja.json +3 -0
  60. package/dist/collection/components/references/gx-ide-assets/references/langs/references.lang.zh.json +3 -0
  61. package/dist/collection/components/references/helpers.js +76 -0
  62. package/dist/collection/components/references/references.css +194 -0
  63. package/dist/collection/components/references/references.js +377 -0
  64. package/dist/collection/components/top-bar/top-bar.css +17 -0
  65. package/dist/collection/components/top-bar/top-bar.js +62 -0
  66. package/dist/collection/index.js +1 -0
  67. package/dist/collection/pages/assets/common.js +28 -8
  68. package/dist/components/button-group.js +1 -1
  69. package/dist/components/button.js +2 -2
  70. package/dist/components/ch-grid-rowset-legend.js +1 -32
  71. package/dist/components/ch-grid-rowset-legend2.js +34 -0
  72. package/dist/components/ch-grid2.js +1 -1
  73. package/dist/components/ch-suggest-list-item.js +1 -61
  74. package/dist/components/ch-suggest-list-item2.js +60 -0
  75. package/dist/components/ch-suggest-list.js +1 -39
  76. package/dist/components/ch-suggest-list2.js +41 -0
  77. package/dist/components/ch-suggest.js +1 -249
  78. package/dist/{cjs/ch-suggest.cjs.entry.js → components/ch-suggest2.js} +98 -59
  79. package/dist/components/combo-box-item.js +6 -1
  80. package/dist/components/combo-box.js +72 -11
  81. package/dist/components/container.js +83 -156
  82. package/dist/components/form-checkbox.js +4 -2
  83. package/dist/components/form-radio-group.js +244 -0
  84. package/dist/components/form-radio.js +13 -22
  85. package/dist/components/form-text.js +20 -6
  86. package/dist/components/form-validation.js +64 -0
  87. package/dist/components/gx-ide-container.d.ts +11 -0
  88. package/dist/components/gx-ide-container.js +6 -0
  89. package/dist/components/gx-ide-entity-selector.js +1 -1
  90. package/dist/components/gx-ide-new-environment.d.ts +11 -0
  91. package/dist/components/gx-ide-new-environment.js +258 -0
  92. package/dist/components/gx-ide-new-kb.js +55 -93
  93. package/dist/components/gx-ide-references.d.ts +11 -0
  94. package/dist/components/gx-ide-references.js +433 -0
  95. package/dist/components/gx-ide-template.js +67 -14
  96. package/dist/components/gx-ide-test.js +2 -25
  97. package/dist/components/gx-ide-top-bar.d.ts +11 -0
  98. package/dist/components/gx-ide-top-bar.js +6 -0
  99. package/dist/components/gxg-breadcrumb.js +0 -1
  100. package/dist/components/gxg-container.js +251 -1
  101. package/dist/components/gxg-date-picker.js +1 -1
  102. package/dist/components/gxg-drop-down.js +1 -1
  103. package/dist/components/gxg-form-checkbox-group.js +6 -0
  104. package/dist/components/gxg-form-checkbox-group2.js +109 -0
  105. package/dist/components/gxg-form-radio-group.js +1 -202
  106. package/dist/components/gxg-form-textarea.js +1 -1
  107. package/dist/components/gxg-grid.js +1 -44
  108. package/dist/components/gxg-grid2.js +46 -0
  109. package/dist/components/gxg-list-box.js +2 -2
  110. package/dist/components/gxg-menu-item.js +64 -15
  111. package/dist/components/gxg-menu-list.js +50 -0
  112. package/dist/components/gxg-menu.js +233 -14
  113. package/dist/components/gxg-option.js +1 -1
  114. package/dist/components/gxg-paginator.js +1 -1
  115. package/dist/components/gxg-select.js +1 -1
  116. package/dist/components/gxg-suggest.js +1 -27
  117. package/dist/components/gxg-test.js +110 -16
  118. package/dist/components/gxg-text.js +1 -73
  119. package/dist/components/gxg-tree-item2.js +31 -43
  120. package/dist/components/gxg-tree2.js +0 -4
  121. package/dist/components/index.d.ts +4 -0
  122. package/dist/components/index.js +6 -0
  123. package/dist/components/render-tree.js +27 -0
  124. package/dist/components/{repositionScroll.js → reposition-scroll.js} +2 -13
  125. package/dist/components/suggest.js +57 -0
  126. package/dist/components/tab-button.js +1 -1
  127. package/dist/components/tab.js +17 -2
  128. package/dist/{esm/gxg-text.entry.js → components/text.js} +53 -19
  129. package/dist/components/title.js +13 -8
  130. package/dist/components/top-bar.js +74 -0
  131. package/dist/components/types.js +10 -0
  132. package/dist/esm/ch-grid-action-refresh_6.entry.js +350 -0
  133. package/dist/esm/ch-grid-rowset-legend_2.entry.js +46 -0
  134. package/dist/esm/{ch-grid_9.entry.js → ch-grid_7.entry.js} +125 -325
  135. package/dist/esm/ch-suggest_5.entry.js +380 -0
  136. package/dist/esm/form-validation-a6686ca1.js +64 -0
  137. package/dist/esm/genexus-ide-ui.js +1 -1
  138. package/dist/esm/gx-ide-container_2.entry.js +163 -0
  139. package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
  140. package/dist/esm/gx-ide-new-environment.entry.js +114 -0
  141. package/dist/esm/gx-ide-new-kb.entry.js +36 -87
  142. package/dist/esm/gx-ide-references.entry.js +295 -0
  143. package/dist/esm/gx-ide-template.entry.js +11 -12
  144. package/dist/esm/gx-ide-test.entry.js +2 -25
  145. package/dist/esm/gxg-breadcrumb.entry.js +0 -1
  146. package/dist/esm/gxg-button-group.entry.js +1 -1
  147. package/dist/esm/gxg-button.entry.js +2 -2
  148. package/dist/esm/gxg-combo-box_8.entry.js +164 -223
  149. package/dist/esm/gxg-container.entry.js +211 -0
  150. package/dist/esm/gxg-date-picker.entry.js +1 -1
  151. package/dist/esm/gxg-drop-down.entry.js +1 -1
  152. package/dist/esm/gxg-form-checkbox.entry.js +4 -2
  153. package/dist/esm/gxg-form-radio-group.entry.js +77 -37
  154. package/dist/esm/gxg-form-text.entry.js +17 -5
  155. package/dist/esm/gxg-form-textarea.entry.js +1 -1
  156. package/dist/esm/gxg-list-box.entry.js +3 -2
  157. package/dist/esm/gxg-menu-item.entry.js +60 -13
  158. package/dist/esm/gxg-menu-list.entry.js +24 -0
  159. package/dist/esm/gxg-menu.entry.js +228 -12
  160. package/dist/esm/gxg-option.entry.js +1 -1
  161. package/dist/esm/gxg-paginator.entry.js +1 -1
  162. package/dist/esm/gxg-select.entry.js +1 -1
  163. package/dist/esm/gxg-test.entry.js +36 -10
  164. package/dist/esm/gxg-title.entry.js +11 -7
  165. package/dist/esm/{gxg-tree-item.entry.js → gxg-tree_2.entry.js} +198 -45
  166. package/dist/esm/loader.js +1 -1
  167. package/dist/esm/render-tree-fc8636a3.js +27 -0
  168. package/dist/esm/{repositionScroll-9d3ee138.js → reposition-scroll-3478b46f.js} +2 -13
  169. package/dist/esm/types-02481dff.js +10 -0
  170. package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
  171. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  172. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
  173. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
  174. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
  175. package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
  176. package/dist/genexus-ide-ui/gx-ide-assets/references/langs/references.lang.en.json +15 -0
  177. package/dist/genexus-ide-ui/gx-ide-assets/references/langs/references.lang.ja.json +3 -0
  178. package/dist/genexus-ide-ui/gx-ide-assets/references/langs/references.lang.zh.json +3 -0
  179. package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +1 -1
  180. package/dist/genexus-ide-ui/{p-7e7af90d.entry.js → p-01e9d3aa.entry.js} +1 -1
  181. package/dist/genexus-ide-ui/p-05ad8cad.js +1 -0
  182. package/dist/genexus-ide-ui/p-0a8bd33f.entry.js +1 -0
  183. package/dist/genexus-ide-ui/{p-9292edf8.entry.js → p-18936375.entry.js} +1 -1
  184. package/dist/genexus-ide-ui/p-1e412d88.entry.js +1 -0
  185. package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
  186. package/dist/genexus-ide-ui/p-408bdfc6.entry.js +1 -0
  187. package/dist/genexus-ide-ui/p-4198315e.entry.js +1 -0
  188. package/dist/genexus-ide-ui/{p-944e787a.entry.js → p-41e8442b.entry.js} +1 -1
  189. package/dist/genexus-ide-ui/p-4d572963.entry.js +1 -0
  190. package/dist/genexus-ide-ui/p-4e78d56d.entry.js +1 -0
  191. package/dist/genexus-ide-ui/p-62814082.entry.js +1 -0
  192. package/dist/genexus-ide-ui/p-6a84b339.js +1 -0
  193. package/dist/genexus-ide-ui/p-6bee904e.entry.js +1 -0
  194. package/dist/genexus-ide-ui/{p-1cedf0b2.entry.js → p-7137b4cf.entry.js} +1 -1
  195. package/dist/genexus-ide-ui/p-75961324.entry.js +1 -0
  196. package/dist/genexus-ide-ui/p-7c2068c2.entry.js +1 -0
  197. package/dist/genexus-ide-ui/{p-c0360787.entry.js → p-7fa78be9.entry.js} +1 -1
  198. package/dist/genexus-ide-ui/p-89d0ef14.entry.js +1 -0
  199. package/dist/genexus-ide-ui/p-8cdad9e1.entry.js +1 -0
  200. package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
  201. package/dist/genexus-ide-ui/p-92b75873.entry.js +1 -0
  202. package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
  203. package/dist/genexus-ide-ui/p-a5fee36d.entry.js +1 -0
  204. package/dist/genexus-ide-ui/p-abee8c7b.js +1 -0
  205. package/dist/genexus-ide-ui/p-ae1871e4.entry.js +1 -0
  206. package/dist/genexus-ide-ui/{p-8ae0846e.entry.js → p-af0ac52d.entry.js} +1 -1
  207. package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +1 -0
  208. package/dist/genexus-ide-ui/p-be9406e7.entry.js +1 -0
  209. package/dist/genexus-ide-ui/p-c670dcba.entry.js +1 -0
  210. package/dist/genexus-ide-ui/p-e377e5be.entry.js +1 -0
  211. package/dist/genexus-ide-ui/p-eb8e9655.entry.js +1 -0
  212. package/dist/genexus-ide-ui/p-ecedca13.entry.js +1 -0
  213. package/dist/genexus-ide-ui/p-f5aa333b.entry.js +1 -0
  214. package/dist/genexus-ide-ui/{p-01795e05.entry.js → p-f6536bbc.entry.js} +1 -1
  215. package/dist/genexus-ide-ui/{p-f739d5dc.entry.js → p-ff877c22.entry.js} +1 -1
  216. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css +28 -6
  217. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css +6 -0
  218. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css +13 -0
  219. package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
  220. package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
  221. package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
  222. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +14 -1
  223. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +336 -0
  224. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
  225. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +2 -2
  226. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +2 -2
  227. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
  228. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
  229. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
  230. package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +344 -10
  231. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
  232. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +31 -23
  233. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +35 -11
  234. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +340 -0
  235. package/dist/node_modules/@genexus/gemini/dist/collection/components/paginator/gxg-paginator.css +1 -1
  236. package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +617 -0
  237. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +10 -0
  238. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
  239. package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +35 -9
  240. package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +27 -0
  241. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
  242. package/dist/types/common/common.d.ts +4 -4
  243. package/dist/types/common/form-validation.d.ts +2 -0
  244. package/dist/types/common/interfaces.d.ts +0 -3
  245. package/dist/types/common/render-suggest.d.ts +2 -0
  246. package/dist/types/common/types.d.ts +10 -18
  247. package/dist/types/components/_template/template.d.ts +5 -5
  248. package/dist/types/components/container/container.d.ts +117 -0
  249. package/dist/types/components/new-environment/new-environment.d.ts +91 -0
  250. package/dist/types/components/new-kb/new-kb.d.ts +43 -38
  251. package/dist/types/components/references/helpers.d.ts +17 -0
  252. package/dist/types/components/references/references.d.ts +125 -0
  253. package/dist/types/components/top-bar/top-bar.d.ts +14 -0
  254. package/dist/types/components.d.ts +423 -35
  255. package/dist/types/index.d.ts +1 -0
  256. package/package.json +5 -2
  257. package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js +0 -94
  258. package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +0 -23
  259. package/dist/cjs/ch-grid-settings_2.cjs.entry.js +0 -62
  260. package/dist/cjs/ch-suggest-list-item.cjs.entry.js +0 -50
  261. package/dist/cjs/ch-suggest-list.cjs.entry.js +0 -28
  262. package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
  263. package/dist/cjs/gxg-suggest.cjs.entry.js +0 -19
  264. package/dist/cjs/gxg-text.cjs.entry.js +0 -60
  265. package/dist/cjs/gxg-tree.cjs.entry.js +0 -177
  266. package/dist/cjs/helpers-00cb4402.js +0 -12
  267. package/dist/esm/ch-grid-column-resize_2.entry.js +0 -89
  268. package/dist/esm/ch-grid-rowset-legend.entry.js +0 -19
  269. package/dist/esm/ch-grid-settings_2.entry.js +0 -57
  270. package/dist/esm/ch-suggest-list-item.entry.js +0 -46
  271. package/dist/esm/ch-suggest-list.entry.js +0 -24
  272. package/dist/esm/ch-suggest.entry.js +0 -218
  273. package/dist/esm/gxg-grid.entry.js +0 -30
  274. package/dist/esm/gxg-suggest.entry.js +0 -15
  275. package/dist/esm/gxg-tree.entry.js +0 -173
  276. package/dist/esm/helpers-78ca0d8a.js +0 -10
  277. package/dist/genexus-ide-ui/p-161b5c92.entry.js +0 -1
  278. package/dist/genexus-ide-ui/p-18c86754.entry.js +0 -1
  279. package/dist/genexus-ide-ui/p-215a6957.entry.js +0 -1
  280. package/dist/genexus-ide-ui/p-26000a72.entry.js +0 -1
  281. package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +0 -1
  282. package/dist/genexus-ide-ui/p-3182ba74.entry.js +0 -1
  283. package/dist/genexus-ide-ui/p-3c6099ff.entry.js +0 -1
  284. package/dist/genexus-ide-ui/p-421bd2fb.entry.js +0 -1
  285. package/dist/genexus-ide-ui/p-5faaf0e5.entry.js +0 -1
  286. package/dist/genexus-ide-ui/p-783b8e55.entry.js +0 -1
  287. package/dist/genexus-ide-ui/p-7b79281c.entry.js +0 -1
  288. package/dist/genexus-ide-ui/p-7dead490.entry.js +0 -1
  289. package/dist/genexus-ide-ui/p-847aca21.entry.js +0 -1
  290. package/dist/genexus-ide-ui/p-84a47196.entry.js +0 -1
  291. package/dist/genexus-ide-ui/p-8eb472e6.entry.js +0 -1
  292. package/dist/genexus-ide-ui/p-8f89e354.entry.js +0 -1
  293. package/dist/genexus-ide-ui/p-a04ce551.entry.js +0 -1
  294. package/dist/genexus-ide-ui/p-ad1b71a0.js +0 -1
  295. package/dist/genexus-ide-ui/p-b31a9621.entry.js +0 -1
  296. package/dist/genexus-ide-ui/p-b7a03c38.js +0 -1
  297. package/dist/genexus-ide-ui/p-b7c204b2.entry.js +0 -1
  298. package/dist/genexus-ide-ui/p-c3c9f7a2.entry.js +0 -1
  299. package/dist/genexus-ide-ui/p-c714cf27.entry.js +0 -1
  300. package/dist/genexus-ide-ui/p-da94ba10.entry.js +0 -1
  301. package/dist/genexus-ide-ui/p-de120e4b.entry.js +0 -1
  302. package/dist/genexus-ide-ui/p-e82e2182.entry.js +0 -1
  303. package/dist/genexus-ide-ui/p-e9d84bbe.entry.js +0 -1
  304. package/dist/genexus-ide-ui/p-fed1d2ba.entry.js +0 -1
package/dist/components/gxg-tree-item2.js CHANGED
@@ -6,7 +6,7 @@ import { d as defineCustomElement$3 } from './icon2.js';
6
6
  import { d as defineCustomElement$2 } from './gxg-label2.js';
7
7
  import { d as defineCustomElement$1 } from './tooltip.js';
8
8
 
9
- const gxgTreeItemCss = "/*! 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}:host{--text-color:var(--color-on-background);--font-family:\"Source Sans Pro\", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-color-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-color-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}";
9
+ const gxgTreeItemCss = "/*! 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}:host{--text-color:var(--color-on-background);--font-family:\"Source Sans Pro\", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-color-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-color-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}";
10
10
 
11
11
  const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
12
12
  constructor() {
@@ -15,8 +15,8 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
15
15
  this.__attachShadow();
16
16
  this.toggleIconClicked = createEvent(this, "toggleIconClicked", 7);
17
17
  this.selectionChanged = createEvent(this, "selectionChanged", 7);
18
+ this.doubleClicked = createEvent(this, "doubleClicked", 7);
18
19
  this.checkboxToggled = createEvent(this, "checkboxToggled", 7);
19
- this.loadLazyChildren = createEvent(this, "loadLazyChildren", 7);
20
20
  this.parts = {
21
21
  item: "item",
22
22
  checkbox: "checkbox",
@@ -43,10 +43,6 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
43
43
  * The presence of this attribute makes this tree item disabled. This attribute is affected by the parent tree type attribute, unless it is set in this item.
44
44
  */
45
45
  this.disabled = undefined;
46
- /**
47
- * The tree item label.
48
- */
49
- this.label = null;
50
46
  /**
51
47
  * The presence of this attribute indicates that this tree-item is a leaf, meaning it has no children items. If is not a leaf, it will display a +/- icon to toggle/ontoggle the children tree
52
48
  */
@@ -77,15 +73,22 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
77
73
  this.verticalLineStartPosition = "0px";
78
74
  this.horizontalLineWidth = "24px";
79
75
  this.horizontalLineStartPosition = "0px";
76
+ this.evaluateId = () => {
77
+ if (!this.id) {
78
+ this.id = this.el.getAttribute("id");
79
+ }
80
+ };
80
81
  this.evaluateLazy = () => {
81
82
  if (!this.leaf && this.numberOfChildren === 0) {
82
83
  this.lazy = true;
84
+ this.opened = false;
83
85
  }
84
86
  };
85
87
  this.observer = new MutationObserver((mutationsList) => {
86
88
  for (const mutation of mutationsList) {
87
89
  if (mutation.type === "childList") {
88
90
  this.lazy = false;
91
+ this.opened = true;
89
92
  this.reRender();
90
93
  }
91
94
  }
@@ -182,17 +185,6 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
182
185
  this.leftPadding = `${value}px`;
183
186
  this.horizontalLineStartPosition = `${horizontalLineStartPosition}px`;
184
187
  };
185
- this.getAncestorsTreeItems = (item = this.el) => {
186
- const ancestorsTreeItems = [];
187
- while ((item === null || item === void 0 ? void 0 : item.nodeName) === "GXG-TREE-ITEM" ||
188
- (item === null || item === void 0 ? void 0 : item.nodeName) === "GXG-TREE") {
189
- if (item.nodeName === "GXG-TREE-ITEM") {
190
- ancestorsTreeItems.push(item);
191
- }
192
- item = item.parentElement;
193
- }
194
- return ancestorsTreeItems;
195
- };
196
188
  this.checkboxClickedHandler = () => {
197
189
  if (this.checkbox) {
198
190
  this.checked = !this.checked;
@@ -231,23 +223,14 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
231
223
  if (!this.el.nextElementSibling) {
232
224
  this.lastItem = true;
233
225
  }
226
+ this.evaluateId();
234
227
  this.evaluateLazy();
235
228
  this.defineLineHeight();
236
229
  this.defineStartPosition();
237
230
  this.cascadeConfig();
238
231
  this.attachExportParts();
239
- this.evaluateCheckboxStatus();
240
232
  this.initiateMutationObserver();
241
233
  }
242
- numberOfChildrenHandler() {
243
- /*If number of children changed, we should update the vertical line height of all the ancestors*/
244
- const ancestors = this.getAncestorsTreeItems(this.el);
245
- if (ancestors.length) {
246
- ancestors.forEach((ancestor) => {
247
- //ancestor.reRender();
248
- });
249
- }
250
- }
251
234
  getParentsNumber() {
252
235
  var _a;
253
236
  let count = 0;
@@ -264,12 +247,12 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
264
247
  return this.el.querySelectorAll("gxg-tree-item").length;
265
248
  }
266
249
  }
267
- toggleTreeIconClicked() {
268
- if (this.lazy) {
250
+ toggleClickedHandler(e) {
251
+ this.toggleIconClicked.emit({ id: this.id, lazy: this.lazy });
252
+ if (this.lazy && !this.opened) {
269
253
  this.downloading = true;
270
- this.loadLazyChildren.emit({ id: this.id });
271
254
  }
272
- else {
255
+ if (!this.lazy) {
273
256
  this.opened = !this.opened;
274
257
  }
275
258
  }
@@ -277,12 +260,16 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
277
260
  this.defineLineHeight();
278
261
  }
279
262
  liTextClickedHandler(e) {
263
+ const toggleWasClicked = e.target.classList.contains("toggle-icon");
264
+ const checkboxClicked = e.target.nodeName === "GXG-FORM-CHECKBOX";
265
+ if (toggleWasClicked || checkboxClicked)
266
+ return;
280
267
  if (e.ctrlKey || !this.selected) {
281
268
  this.selectionChanged.emit({
282
- id: this.el.id,
283
- label: this.el.label,
284
- checked: this.el.checked,
285
- selected: this.selected,
269
+ id: this.id,
270
+ label: this.label,
271
+ checked: this.checked,
272
+ selected: !this.selected,
286
273
  ctrlKey: e.ctrlKey,
287
274
  });
288
275
  }
@@ -293,8 +280,11 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
293
280
  this.selected = true;
294
281
  }
295
282
  }
296
- liTextDoubleClicked() {
297
- this.toggleTreeIconClicked();
283
+ liTextDoubleClicked(e) {
284
+ this.doubleClicked.emit({
285
+ id: this.id,
286
+ });
287
+ !this.leaf && this.toggleClickedHandler(e);
298
288
  }
299
289
  liTextKeyDownPressed(e) {
300
290
  if (e.key === "ArrowDown" || e.key === "ArrowUp") {
@@ -317,7 +307,7 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
317
307
  const childTreeFirstChildrenLiText = childTreeFirstChildren.shadowRoot.querySelector(".li-text");
318
308
  childTreeFirstChildrenLiText.focus();
319
309
  }
320
- this.toggleIconClicked.emit(); //this recalculates the vertical line height
310
+ this.toggleIconClicked.emit({ id: this.id }); //this recalculates the vertical line height
321
311
  }
322
312
  if (e.key === "ArrowLeft") {
323
313
  let hasParent = false;
@@ -343,7 +333,7 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
343
333
  }
344
334
  }
345
335
  }
346
- this.toggleIconClicked.emit(); //this recalculates the vertical line height
336
+ this.toggleIconClicked.emit({ id: this.id }); //this recalculates the vertical line height
347
337
  }
348
338
  // UP/DOWN NAVIGATION
349
339
  if (e.key === "ArrowUp" || (e.key === "Tab" && e.shiftKey)) {
@@ -503,7 +493,7 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
503
493
  height: this.lineHeight,
504
494
  left: this.verticalLineStartPosition,
505
495
  } }),
506
- h("div", { class: { "closed-opened-icons": true } }, h("gxg-icon", { onClick: this.toggleTreeIconClicked.bind(this), type: this.returnToggleIconType(), color: "auto", class: "icon toggle-icon", part: this.parts.toggleButton })),
496
+ h("div", { class: { "closed-opened-icons": true } }, h("gxg-icon", { onClick: this.toggleClickedHandler.bind(this), type: this.returnToggleIconType(), color: "auto", class: "icon toggle-icon", part: this.parts.toggleButton })),
507
497
  ]
508
498
  : null, this.numberOfParentTrees > 1 ? (h("span", { class: {
509
499
  "horizontal-line": true,
@@ -516,9 +506,6 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
516
506
  }
517
507
  static get assetsDirs() { return ["tree-item-assets"]; }
518
508
  get el() { return this; }
519
- static get watchers() { return {
520
- "numberOfChildren": ["numberOfChildrenHandler"]
521
- }; }
522
509
  static get style() { return gxgTreeItemCss; }
523
510
  }, [1, "gxg-tree-item", {
524
511
  "checkbox": [1028],
@@ -528,6 +515,7 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
528
515
  "type": [1],
529
516
  "disabled": [4],
530
517
  "label": [1],
518
+ "description": [1],
531
519
  "leaf": [1028],
532
520
  "selected": [1028],
533
521
  "icon": [1],
package/dist/components/gxg-tree2.js CHANGED
@@ -58,13 +58,10 @@ const GxgTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
58
58
  : this.toggleCheckboxes;
59
59
  }
60
60
  };
61
- this.getNumberOfParentTrees = () => {
62
- };
63
61
  }
64
62
  componentWillLoad() {
65
63
  //this.initialConfig();
66
64
  this.initialConfig();
67
- this.getNumberOfParentTrees();
68
65
  this.evaluateIsMasterTree();
69
66
  }
70
67
  selectionChangedHandler(e) {
@@ -118,7 +115,6 @@ const GxgTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
118
115
  const allItems = this.el.querySelectorAll("gxg-tree-item");
119
116
  if (allItems === null || allItems === void 0 ? void 0 : allItems.length) {
120
117
  Array.from(allItems).forEach((item) => {
121
- console.log(item);
122
118
  if (item.selected) {
123
119
  selectedItems.push({
124
120
  id: item.id,
package/dist/components/index.d.ts CHANGED
@@ -1,9 +1,13 @@
1
1
  /* GenexusIdeUi custom elements */
2
+ export { GxIdeContainer as GxIdeContainer } from '../types/components/container/container';
2
3
  export { GxIdeDirectorySelector as GxIdeDirectorySelector } from '../types/components/directory-selector/directory-selector';
3
4
  export { GxIdeEntitySelector as GxIdeEntitySelector } from '../types/components/entity-selector/entity-selector';
5
+ export { GxIdeNewEnvironment as GxIdeNewEnvironment } from '../types/components/new-environment/new-environment';
4
6
  export { GxIdeNewKb as GxIdeNewKb } from '../types/components/new-kb/new-kb';
7
+ export { GxIdeReferences as GxIdeReferences } from '../types/components/references/references';
5
8
  export { GxIdeTemplate as GxIdeTemplate } from '../types/components/_template/template';
6
9
  export { GxIdeUiTest as GxIdeTest } from '../types/components/_test/test';
10
+ export { GxIdeTopBar as GxIdeTopBar } from '../types/components/top-bar/top-bar';
7
11
 
8
12
  /**
9
13
  * Used to manually set the base path where assets can be found.
package/dist/components/index.js CHANGED
@@ -48,11 +48,15 @@ export { ChWindow, defineCustomElement as defineCustomElementChWindow } from './
48
48
  export { ChWindowClose, defineCustomElement as defineCustomElementChWindowClose } from './ch-window-close.js';
49
49
  export { GxGridChameleon, defineCustomElement as defineCustomElementGxGridChameleon } from './gx-grid-chameleon.js';
50
50
  export { GxGridChameleonColumnFilter, defineCustomElement as defineCustomElementGxGridChameleonColumnFilter } from './gx-grid-chameleon-column-filter.js';
51
+ export { GxIdeContainer, defineCustomElement as defineCustomElementGxIdeContainer } from './gx-ide-container.js';
51
52
  export { GxIdeDirectorySelector, defineCustomElement as defineCustomElementGxIdeDirectorySelector } from './gx-ide-directory-selector.js';
52
53
  export { GxIdeEntitySelector, defineCustomElement as defineCustomElementGxIdeEntitySelector } from './gx-ide-entity-selector.js';
54
+ export { GxIdeNewEnvironment, defineCustomElement as defineCustomElementGxIdeNewEnvironment } from './gx-ide-new-environment.js';
53
55
  export { GxIdeNewKb, defineCustomElement as defineCustomElementGxIdeNewKb } from './gx-ide-new-kb.js';
56
+ export { GxIdeReferences, defineCustomElement as defineCustomElementGxIdeReferences } from './gx-ide-references.js';
54
57
  export { GxIdeTemplate, defineCustomElement as defineCustomElementGxIdeTemplate } from './gx-ide-template.js';
55
58
  export { GxIdeTest, defineCustomElement as defineCustomElementGxIdeTest } from './gx-ide-test.js';
59
+ export { GxIdeTopBar, defineCustomElement as defineCustomElementGxIdeTopBar } from './gx-ide-top-bar.js';
56
60
  export { GxgAccordion, defineCustomElement as defineCustomElementGxgAccordion } from './gxg-accordion.js';
57
61
  export { GxgAccordionItem, defineCustomElement as defineCustomElementGxgAccordionItem } from './gxg-accordion-item.js';
58
62
  export { GxgAlert, defineCustomElement as defineCustomElementGxgAlert } from './gxg-alert.js';
@@ -79,6 +83,7 @@ export { GxgDropDown, defineCustomElement as defineCustomElementGxgDropDown } fr
79
83
  export { GxgFilter, defineCustomElement as defineCustomElementGxgFilter } from './gxg-filter.js';
80
84
  export { GxgFilterItem, defineCustomElement as defineCustomElementGxgFilterItem } from './gxg-filter-item.js';
81
85
  export { GxgFormCheckbox, defineCustomElement as defineCustomElementGxgFormCheckbox } from './gxg-form-checkbox.js';
86
+ export { GxgFormCheckboxGroup, defineCustomElement as defineCustomElementGxgFormCheckboxGroup } from './gxg-form-checkbox-group.js';
82
87
  export { GxgFormMessage, defineCustomElement as defineCustomElementGxgFormMessage } from './gxg-form-message.js';
83
88
  export { GxgFormRadio, defineCustomElement as defineCustomElementGxgFormRadio } from './gxg-form-radio.js';
84
89
  export { GxgFormRadioGroup, defineCustomElement as defineCustomElementGxgFormRadioGroup } from './gxg-form-radio-group.js';
@@ -92,6 +97,7 @@ export { GxgListBoxItem, defineCustomElement as defineCustomElementGxgListBoxIte
92
97
  export { GxgLoader, defineCustomElement as defineCustomElementGxgLoader } from './gxg-loader.js';
93
98
  export { GxgMenu, defineCustomElement as defineCustomElementGxgMenu } from './gxg-menu.js';
94
99
  export { GxgMenuItem, defineCustomElement as defineCustomElementGxgMenuItem } from './gxg-menu-item.js';
100
+ export { GxgMenuList, defineCustomElement as defineCustomElementGxgMenuList } from './gxg-menu-list.js';
95
101
  export { GxgModal, defineCustomElement as defineCustomElementGxgModal } from './gxg-modal.js';
96
102
  export { GxgMoreInfo, defineCustomElement as defineCustomElementGxgMoreInfo } from './gxg-more-info.js';
97
103
  export { GxgOption, defineCustomElement as defineCustomElementGxgOption } from './gxg-option.js';
package/dist/components/render-tree.js ADDED
@@ -0,0 +1,27 @@
1
+ import { h } from '@stencil/core/internal/client';
2
+
3
+ /* eslint-disable @typescript-eslint/no-use-before-define */
4
+ const renderTreeItems = (treeItemsModel, firstCall = true) => {
5
+ if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
6
+ if (firstCall) {
7
+ return treeItemsModel.map((item) => {
8
+ return renderTreeItem(item);
9
+ });
10
+ }
11
+ else {
12
+ return (h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
13
+ return renderTreeItem(item);
14
+ })));
15
+ }
16
+ }
17
+ return [];
18
+ };
19
+ const renderTreeItem = (item) => {
20
+ var _a;
21
+ const childrenLength = item.items ? item.items.length : 0;
22
+ const isLeaf = !!(childrenLength === 0 || item.leaf);
23
+ const lazy = !!item.lazy;
24
+ return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
25
+ };
26
+
27
+ export { renderTreeItems as r };
package/dist/components/{repositionScroll.js → reposition-scroll.js} RENAMED
@@ -1,17 +1,6 @@
1
- const KeyboardKeys = {
2
- ARROW_DOWN: "ArrowDown",
3
- ARROW_UP: "ArrowUp",
4
- SPACE: "Space",
5
- ENTER: "Enter",
6
- ESCAPE: "Escape",
7
- TAB: "Tab",
8
- };
1
+ import { K as KeyboardKeys } from './types.js';
9
2
 
10
3
  const repositionScroll = (scollableElementRef, activeItem, direction) => {
11
- console.log("scrollableElement", scollableElementRef);
12
- console.log("activeItem", activeItem);
13
- console.log("direction", direction);
14
- console.log("=================");
15
4
  const scrollableElement = scollableElementRef;
16
5
  const hasVerticalScrollbar = (scrollableElement === null || scrollableElement === void 0 ? void 0 : scrollableElement.scrollHeight) > (scrollableElement === null || scrollableElement === void 0 ? void 0 : scrollableElement.clientHeight);
17
6
  if (hasVerticalScrollbar && activeItem) {
@@ -37,4 +26,4 @@ const repositionScroll = (scollableElementRef, activeItem, direction) => {
37
26
  }
38
27
  };
39
28
 
40
- export { KeyboardKeys as K, repositionScroll as r };
29
+ export { repositionScroll as r };
package/dist/components/suggest.js ADDED
@@ -0,0 +1,57 @@
1
+ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
+ import { s as state } from './store.js';
3
+ import { f as formMessageLogic } from './form.js';
4
+ import { f as formClasses, c as commonClassesNames } from './classesNames.js';
5
+
6
+ const stylesCss = "@charset \"UTF-8\";: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}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(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;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:\"✖\";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(dropdown) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin:var(--spacing-comp-01) 0;font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-top:0}ch-suggest-list:last-child{margin-bottom:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:\" - \"}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color-item-hover)}";
7
+
8
+ const GxgSuggest = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
+ constructor() {
10
+ super();
11
+ this.__registerHost();
12
+ /* VALIDATION */
13
+ /**
14
+ * The validation status
15
+ */
16
+ this.validationStatus = "indeterminate";
17
+ /**
18
+ * The presence of this attribute makes the suggest disabled.
19
+ */
20
+ this.disabled = false;
21
+ /**
22
+ * The presence of this attribute forces the suggest list items to not wrap to a second line, and it will display ellipsis. (...)
23
+ */
24
+ this.ellipsis = true;
25
+ }
26
+ render() {
27
+ return (h(Host, { class: {
28
+ large: state.large,
29
+ [formClasses["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
30
+ [formClasses["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
31
+ [formClasses["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
32
+ [formClasses["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
33
+ [commonClassesNames["DISABLED_CLASS"]]: this.disabled,
34
+ } }, h("slot", null), formMessageLogic(this)));
35
+ }
36
+ static get style() { return stylesCss; }
37
+ }, [4, "gxg-suggest", {
38
+ "validationStatus": [1025, "validation-status"],
39
+ "validationMessage": [1, "validation-message"],
40
+ "disabled": [4],
41
+ "ellipsis": [516]
42
+ }]);
43
+ function defineCustomElement() {
44
+ if (typeof customElements === "undefined") {
45
+ return;
46
+ }
47
+ const components = ["gxg-suggest"];
48
+ components.forEach(tagName => { switch (tagName) {
49
+ case "gxg-suggest":
50
+ if (!customElements.get(tagName)) {
51
+ customElements.define(tagName, GxgSuggest);
52
+ }
53
+ break;
54
+ } });
55
+ }
56
+
57
+ export { GxgSuggest as G, defineCustomElement as d };
package/dist/components/tab-button.js CHANGED
@@ -4,7 +4,7 @@ import { e as exportParts } from './export-parts.js';
4
4
  import { d as defineCustomElement$2 } from './icon.js';
5
5
  import { d as defineCustomElement$1 } from './icon2.js';
6
6
 
7
- const tabButtonCss = ":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}:host{display:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:\"\";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}";
7
+ const tabButtonCss = ":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}:host{display:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:\"\";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}";
8
8
 
9
9
  const GxgTabButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
package/dist/components/tab.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { s as state } from './store.js';
3
3
 
4
- const tabCss = ":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}:host{height:100%;display:block}:host .container{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;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}:host(.large) .container{font-size:var(--font-size-lg)}";
4
+ const tabCss = ":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}:host{height:100%;display:block}:host .container{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;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}.container--flex{display:flex}.container--flex.flex-column{flex-direction:column}.container--flex.flex-row{flex-direction:row}:host(.large) .container{font-size:var(--font-size-lg)}";
5
5
 
6
6
  const GxgTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
7
  constructor() {
@@ -12,6 +12,14 @@ const GxgTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
12
12
  * The presence of this attribute removes the tab .container padding
13
13
  */
14
14
  this.noPadding = false;
15
+ /**
16
+ * The presence of this attribute makes the container display flex
17
+ */
18
+ this.flexContainer = false;
19
+ /**
20
+ * The container flex-direction, if container is flex.
21
+ */
22
+ this.flexDirection = "column";
15
23
  /**
16
24
  * The selected tab
17
25
  */
@@ -23,13 +31,20 @@ const GxgTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
23
31
  "not-selected": !this.isSelected,
24
32
  "no-padding": this.noPadding,
25
33
  large: state.large,
26
- } }, h("div", { class: "container" }, h("slot", null))));
34
+ } }, h("div", { class: {
35
+ container: true,
36
+ "container--flex": this.flexContainer,
37
+ "flex-column": this.flexDirection === "column",
38
+ "flex-row": this.flexDirection === "row",
39
+ }, part: "container" }, h("slot", null))));
27
40
  }
28
41
  get el() { return this; }
29
42
  static get style() { return tabCss; }
30
43
  }, [1, "gxg-tab", {
31
44
  "tab": [1],
32
45
  "noPadding": [4, "no-padding"],
46
+ "flexContainer": [4, "flex-container"],
47
+ "flexDirection": [1, "flex-direction"],
33
48
  "isSelected": [516, "is-selected"]
34
49
  }]);
35
50
  function defineCustomElement() {