@genexus/genexus-ide-ui 0.0.12 → 0.0.13

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 (270) 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-list-item.cjs.entry.js +11 -16
  5. package/dist/cjs/ch-suggest-list.cjs.entry.js +10 -10
  6. package/dist/cjs/ch-suggest.cjs.entry.js +51 -47
  7. package/dist/cjs/form-validation-87e3749d.js +68 -0
  8. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  9. package/dist/cjs/{gxg-combo-box_8.cjs.entry.js → gx-ide-container_10.cjs.entry.js} +334 -231
  10. package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
  11. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +118 -0
  12. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +36 -87
  13. package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
  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-container.cjs.entry.js +215 -0
  18. package/dist/cjs/gxg-date-picker.cjs.entry.js +1 -1
  19. package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
  20. package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -1
  21. package/dist/cjs/gxg-form-radio-group.cjs.entry.js +76 -36
  22. package/dist/cjs/gxg-form-text.cjs.entry.js +17 -5
  23. package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
  24. package/dist/cjs/gxg-list-box.cjs.entry.js +3 -2
  25. package/dist/cjs/gxg-menu-item.cjs.entry.js +59 -12
  26. package/dist/cjs/gxg-menu-list.cjs.entry.js +28 -0
  27. package/dist/cjs/gxg-menu.cjs.entry.js +228 -12
  28. package/dist/cjs/gxg-option.cjs.entry.js +1 -1
  29. package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
  30. package/dist/cjs/gxg-select.cjs.entry.js +1 -1
  31. package/dist/cjs/gxg-suggest.cjs.entry.js +26 -3
  32. package/dist/cjs/gxg-test.cjs.entry.js +36 -10
  33. package/dist/cjs/gxg-text.cjs.entry.js +23 -11
  34. package/dist/cjs/gxg-title.cjs.entry.js +11 -7
  35. package/dist/cjs/gxg-tree-item.cjs.entry.js +30 -43
  36. package/dist/cjs/gxg-tree.cjs.entry.js +0 -4
  37. package/dist/cjs/loader.cjs.js +1 -1
  38. package/dist/cjs/{repositionScroll-e3ae1947.js → reposition-scroll-accee84c.js} +3 -15
  39. package/dist/cjs/types-e04c9098.js +12 -0
  40. package/dist/collection/collection-manifest.json +6 -1
  41. package/dist/collection/common/common.js +6 -6
  42. package/dist/collection/common/form-validation.js +17 -0
  43. package/dist/collection/common/interfaces.js +3 -1
  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/top-bar/top-bar.css +17 -0
  59. package/dist/collection/components/top-bar/top-bar.js +62 -0
  60. package/dist/collection/pages/assets/common.js +28 -8
  61. package/dist/components/button-group.js +1 -1
  62. package/dist/components/button.js +2 -2
  63. package/dist/components/ch-grid-rowset-legend.js +1 -32
  64. package/dist/components/ch-grid-rowset-legend2.js +34 -0
  65. package/dist/components/ch-grid2.js +1 -1
  66. package/dist/components/ch-suggest-list-item.js +15 -18
  67. package/dist/components/ch-suggest-list.js +10 -10
  68. package/dist/components/ch-suggest.js +58 -48
  69. package/dist/components/combo-box-item.js +6 -1
  70. package/dist/components/combo-box.js +72 -11
  71. package/dist/components/container.js +83 -156
  72. package/dist/components/form-checkbox.js +4 -2
  73. package/dist/components/form-radio-group.js +244 -0
  74. package/dist/components/form-radio.js +13 -22
  75. package/dist/components/form-text.js +20 -6
  76. package/dist/components/form-validation.js +64 -0
  77. package/dist/components/gx-ide-container.d.ts +11 -0
  78. package/dist/components/gx-ide-container.js +6 -0
  79. package/dist/components/gx-ide-entity-selector.js +1 -1
  80. package/dist/components/gx-ide-new-environment.d.ts +11 -0
  81. package/dist/components/gx-ide-new-environment.js +258 -0
  82. package/dist/components/gx-ide-new-kb.js +55 -93
  83. package/dist/components/gx-ide-template.js +67 -14
  84. package/dist/components/gx-ide-top-bar.d.ts +11 -0
  85. package/dist/components/gx-ide-top-bar.js +6 -0
  86. package/dist/components/gxg-breadcrumb.js +0 -1
  87. package/dist/components/gxg-container.js +251 -1
  88. package/dist/components/gxg-date-picker.js +1 -1
  89. package/dist/components/gxg-drop-down.js +1 -1
  90. package/dist/components/gxg-form-checkbox-group.js +6 -0
  91. package/dist/components/gxg-form-checkbox-group2.js +109 -0
  92. package/dist/components/gxg-form-radio-group.js +1 -202
  93. package/dist/components/gxg-form-textarea.js +1 -1
  94. package/dist/components/gxg-grid.js +1 -44
  95. package/dist/components/gxg-grid2.js +46 -0
  96. package/dist/components/gxg-list-box.js +2 -2
  97. package/dist/components/gxg-menu-item.js +64 -15
  98. package/dist/components/gxg-menu-list.js +50 -0
  99. package/dist/components/gxg-menu.js +233 -14
  100. package/dist/components/gxg-option.js +1 -1
  101. package/dist/components/gxg-paginator.js +1 -1
  102. package/dist/components/gxg-select.js +1 -1
  103. package/dist/components/gxg-suggest.js +32 -4
  104. package/dist/components/gxg-test.js +110 -16
  105. package/dist/components/gxg-text.js +27 -12
  106. package/dist/components/gxg-tree-item2.js +31 -43
  107. package/dist/components/gxg-tree2.js +0 -4
  108. package/dist/components/index.d.ts +3 -0
  109. package/dist/components/index.js +5 -0
  110. package/dist/{esm/repositionScroll-9d3ee138.js → components/reposition-scroll.js} +2 -13
  111. package/dist/components/tab-button.js +1 -1
  112. package/dist/components/tab.js +17 -2
  113. package/dist/components/title.js +13 -8
  114. package/dist/components/top-bar.js +74 -0
  115. package/dist/components/types.js +10 -0
  116. package/dist/esm/ch-grid-action-refresh_6.entry.js +350 -0
  117. package/dist/esm/ch-grid-rowset-legend_2.entry.js +46 -0
  118. package/dist/esm/{ch-grid_9.entry.js → ch-grid_7.entry.js} +125 -325
  119. package/dist/esm/ch-suggest-list-item.entry.js +11 -16
  120. package/dist/esm/ch-suggest-list.entry.js +10 -10
  121. package/dist/esm/ch-suggest.entry.js +51 -47
  122. package/dist/esm/form-validation-a6686ca1.js +64 -0
  123. package/dist/esm/genexus-ide-ui.js +1 -1
  124. package/dist/esm/{gxg-combo-box_8.entry.js → gx-ide-container_10.entry.js} +325 -224
  125. package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
  126. package/dist/esm/gx-ide-new-environment.entry.js +114 -0
  127. package/dist/esm/gx-ide-new-kb.entry.js +36 -87
  128. package/dist/esm/gx-ide-template.entry.js +11 -12
  129. package/dist/esm/gxg-breadcrumb.entry.js +0 -1
  130. package/dist/esm/gxg-button-group.entry.js +1 -1
  131. package/dist/esm/gxg-button.entry.js +2 -2
  132. package/dist/esm/gxg-container.entry.js +211 -0
  133. package/dist/esm/gxg-date-picker.entry.js +1 -1
  134. package/dist/esm/gxg-drop-down.entry.js +1 -1
  135. package/dist/esm/gxg-form-checkbox.entry.js +4 -2
  136. package/dist/esm/gxg-form-radio-group.entry.js +77 -37
  137. package/dist/esm/gxg-form-text.entry.js +17 -5
  138. package/dist/esm/gxg-form-textarea.entry.js +1 -1
  139. package/dist/esm/gxg-list-box.entry.js +3 -2
  140. package/dist/esm/gxg-menu-item.entry.js +60 -13
  141. package/dist/esm/gxg-menu-list.entry.js +24 -0
  142. package/dist/esm/gxg-menu.entry.js +228 -12
  143. package/dist/esm/gxg-option.entry.js +1 -1
  144. package/dist/esm/gxg-paginator.entry.js +1 -1
  145. package/dist/esm/gxg-select.entry.js +1 -1
  146. package/dist/esm/gxg-suggest.entry.js +26 -3
  147. package/dist/esm/gxg-test.entry.js +36 -10
  148. package/dist/esm/gxg-text.entry.js +23 -11
  149. package/dist/esm/gxg-title.entry.js +11 -7
  150. package/dist/esm/gxg-tree-item.entry.js +30 -43
  151. package/dist/esm/gxg-tree.entry.js +0 -4
  152. package/dist/esm/loader.js +1 -1
  153. package/dist/{components/repositionScroll.js → esm/reposition-scroll-3478b46f.js} +2 -13
  154. package/dist/esm/types-02481dff.js +10 -0
  155. package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
  156. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  157. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
  158. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
  159. package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
  160. package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
  161. package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +1 -1
  162. package/dist/genexus-ide-ui/{p-7e7af90d.entry.js → p-01e9d3aa.entry.js} +1 -1
  163. package/dist/genexus-ide-ui/p-05ad8cad.js +1 -0
  164. package/dist/genexus-ide-ui/p-0a8bd33f.entry.js +1 -0
  165. package/dist/genexus-ide-ui/p-0a954e0f.entry.js +1 -0
  166. package/dist/genexus-ide-ui/{p-9292edf8.entry.js → p-18936375.entry.js} +1 -1
  167. package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
  168. package/dist/genexus-ide-ui/p-20a45778.entry.js +1 -0
  169. package/dist/genexus-ide-ui/{p-fed1d2ba.entry.js → p-23d4b295.entry.js} +1 -1
  170. package/dist/genexus-ide-ui/p-408bdfc6.entry.js +1 -0
  171. package/dist/genexus-ide-ui/p-4198315e.entry.js +1 -0
  172. package/dist/genexus-ide-ui/{p-944e787a.entry.js → p-41e8442b.entry.js} +1 -1
  173. package/dist/genexus-ide-ui/p-4d572963.entry.js +1 -0
  174. package/dist/genexus-ide-ui/p-4e78d56d.entry.js +1 -0
  175. package/dist/genexus-ide-ui/p-5463844e.entry.js +1 -0
  176. package/dist/genexus-ide-ui/p-6a84b339.js +1 -0
  177. package/dist/genexus-ide-ui/p-6bee904e.entry.js +1 -0
  178. package/dist/genexus-ide-ui/{p-1cedf0b2.entry.js → p-7137b4cf.entry.js} +1 -1
  179. package/dist/genexus-ide-ui/p-75961324.entry.js +1 -0
  180. package/dist/genexus-ide-ui/p-7a5e0988.entry.js +1 -0
  181. package/dist/genexus-ide-ui/p-7c2068c2.entry.js +1 -0
  182. package/dist/genexus-ide-ui/{p-c0360787.entry.js → p-7fa78be9.entry.js} +1 -1
  183. package/dist/genexus-ide-ui/p-89d0ef14.entry.js +1 -0
  184. package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
  185. package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
  186. package/dist/genexus-ide-ui/{p-8eb472e6.entry.js → p-a985b448.entry.js} +1 -1
  187. package/dist/genexus-ide-ui/p-ad9fe469.entry.js +1 -0
  188. package/dist/genexus-ide-ui/p-ae1871e4.entry.js +1 -0
  189. package/dist/genexus-ide-ui/{p-8ae0846e.entry.js → p-af0ac52d.entry.js} +1 -1
  190. package/dist/genexus-ide-ui/p-b3727324.entry.js +1 -0
  191. package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +1 -0
  192. package/dist/genexus-ide-ui/p-c670dcba.entry.js +1 -0
  193. package/dist/genexus-ide-ui/p-e377e5be.entry.js +1 -0
  194. package/dist/genexus-ide-ui/p-eb8e9655.entry.js +1 -0
  195. package/dist/genexus-ide-ui/p-ecedca13.entry.js +1 -0
  196. package/dist/genexus-ide-ui/p-f5aa333b.entry.js +1 -0
  197. package/dist/genexus-ide-ui/{p-01795e05.entry.js → p-f6536bbc.entry.js} +1 -1
  198. package/dist/genexus-ide-ui/{p-f739d5dc.entry.js → p-ff877c22.entry.js} +1 -1
  199. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css +28 -6
  200. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css +6 -0
  201. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css +13 -0
  202. package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
  203. package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
  204. package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
  205. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +14 -1
  206. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +336 -0
  207. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
  208. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +2 -2
  209. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +2 -2
  210. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
  211. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
  212. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
  213. package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +344 -10
  214. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
  215. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +31 -23
  216. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +35 -11
  217. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +340 -0
  218. package/dist/node_modules/@genexus/gemini/dist/collection/components/paginator/gxg-paginator.css +1 -1
  219. package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +617 -0
  220. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +10 -0
  221. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
  222. package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +35 -9
  223. package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +27 -0
  224. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
  225. package/dist/types/common/common.d.ts +4 -4
  226. package/dist/types/common/form-validation.d.ts +2 -0
  227. package/dist/types/common/interfaces.d.ts +0 -3
  228. package/dist/types/common/types.d.ts +10 -18
  229. package/dist/types/components/_template/template.d.ts +5 -5
  230. package/dist/types/components/container/container.d.ts +117 -0
  231. package/dist/types/components/new-environment/new-environment.d.ts +91 -0
  232. package/dist/types/components/new-kb/new-kb.d.ts +43 -38
  233. package/dist/types/components/top-bar/top-bar.d.ts +14 -0
  234. package/dist/types/components.d.ts +345 -35
  235. package/package.json +5 -2
  236. package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js +0 -94
  237. package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +0 -23
  238. package/dist/cjs/ch-grid-settings_2.cjs.entry.js +0 -62
  239. package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
  240. package/dist/cjs/helpers-00cb4402.js +0 -12
  241. package/dist/esm/ch-grid-column-resize_2.entry.js +0 -89
  242. package/dist/esm/ch-grid-rowset-legend.entry.js +0 -19
  243. package/dist/esm/ch-grid-settings_2.entry.js +0 -57
  244. package/dist/esm/gxg-grid.entry.js +0 -30
  245. package/dist/esm/helpers-78ca0d8a.js +0 -10
  246. package/dist/genexus-ide-ui/p-161b5c92.entry.js +0 -1
  247. package/dist/genexus-ide-ui/p-18c86754.entry.js +0 -1
  248. package/dist/genexus-ide-ui/p-215a6957.entry.js +0 -1
  249. package/dist/genexus-ide-ui/p-26000a72.entry.js +0 -1
  250. package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +0 -1
  251. package/dist/genexus-ide-ui/p-3182ba74.entry.js +0 -1
  252. package/dist/genexus-ide-ui/p-3c6099ff.entry.js +0 -1
  253. package/dist/genexus-ide-ui/p-421bd2fb.entry.js +0 -1
  254. package/dist/genexus-ide-ui/p-783b8e55.entry.js +0 -1
  255. package/dist/genexus-ide-ui/p-7b79281c.entry.js +0 -1
  256. package/dist/genexus-ide-ui/p-7dead490.entry.js +0 -1
  257. package/dist/genexus-ide-ui/p-847aca21.entry.js +0 -1
  258. package/dist/genexus-ide-ui/p-84a47196.entry.js +0 -1
  259. package/dist/genexus-ide-ui/p-8f89e354.entry.js +0 -1
  260. package/dist/genexus-ide-ui/p-a04ce551.entry.js +0 -1
  261. package/dist/genexus-ide-ui/p-ad1b71a0.js +0 -1
  262. package/dist/genexus-ide-ui/p-b31a9621.entry.js +0 -1
  263. package/dist/genexus-ide-ui/p-b7a03c38.js +0 -1
  264. package/dist/genexus-ide-ui/p-b7c204b2.entry.js +0 -1
  265. package/dist/genexus-ide-ui/p-c3c9f7a2.entry.js +0 -1
  266. package/dist/genexus-ide-ui/p-c714cf27.entry.js +0 -1
  267. package/dist/genexus-ide-ui/p-da94ba10.entry.js +0 -1
  268. package/dist/genexus-ide-ui/p-de120e4b.entry.js +0 -1
  269. package/dist/genexus-ide-ui/p-e82e2182.entry.js +0 -1
  270. package/dist/genexus-ide-ui/p-e9d84bbe.entry.js +0 -1
package/dist/components/gxg-select.js CHANGED
@@ -4,7 +4,7 @@ import { s as state } from './store.js';
4
4
  import { d as defineCustomElement$3 } from './gxg-label2.js';
5
5
  import { d as defineCustomElement$2 } from './tooltip.js';
6
6
 
7
- const selectCss = "/*! 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{--size:3;display:block}:host .outer-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{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}:host{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:\"\";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}";
7
+ const selectCss = "/*! 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{--size:3;display:block}:host .outer-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{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}:host{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:\"\";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}";
8
8
 
9
9
  const GxgFormSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
package/dist/components/gxg-suggest.js CHANGED
@@ -1,17 +1,45 @@
1
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';
2
5
 
3
- const gxgSuggestCss = ":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}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-sm);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-weight:700;margin-bottom:4px}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}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(ch-window-window){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(ch-window-window)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(ch-window-window) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}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{padding:var(--spacing-comp-01) var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;--icon-color:var(--color-on-background);margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-form-item-bgcolor-hover);color:var(--color-on-primary)}ch-suggest-list-item:hover gxg-icon::part(ch-icon){--icon-color:var(--color-on-primary)}ch-suggest-list-item:focus,ch-suggest-list-item[selected]:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}html.gxg-large ch-suggest{font-size:var(--font-size-lg)}";
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)}";
4
7
 
5
8
  const GxgSuggest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
9
  constructor() {
7
10
  super();
8
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;
9
25
  }
10
26
  render() {
11
- return (h(Host, null, h("slot", null)));
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)));
12
35
  }
13
- static get style() { return gxgSuggestCss; }
14
- }, [4, "gxg-suggest"]);
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
+ }]);
15
43
  function defineCustomElement$1() {
16
44
  if (typeof customElements === "undefined") {
17
45
  return;
package/dist/components/gxg-test.js CHANGED
@@ -1,11 +1,22 @@
1
1
  import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$5 } from './icon.js';
3
- import { d as defineCustomElement$4 } from './button.js';
2
+ import { d as defineCustomElement$g } from './ch-grid2.js';
3
+ import { d as defineCustomElement$f } from './ch-grid-column2.js';
4
+ import { d as defineCustomElement$e } from './ch-grid-column-resize2.js';
5
+ import { d as defineCustomElement$d } from './ch-grid-column-settings2.js';
6
+ import { d as defineCustomElement$c } from './ch-grid-columnset2.js';
7
+ import { d as defineCustomElement$b } from './ch-grid-rowset-legend2.js';
8
+ import { d as defineCustomElement$a } from './ch-grid-settings2.js';
9
+ import { d as defineCustomElement$9 } from './ch-grid-settings-columns2.js';
10
+ import { d as defineCustomElement$8 } from './icon.js';
11
+ import { d as defineCustomElement$7 } from './ch-window2.js';
12
+ import { d as defineCustomElement$6 } from './ch-window-close2.js';
13
+ import { d as defineCustomElement$5 } from './button.js';
14
+ import { d as defineCustomElement$4 } from './gxg-grid2.js';
4
15
  import { d as defineCustomElement$3 } from './icon2.js';
5
16
  import { d as defineCustomElement$2 } from './gxg-tree2.js';
6
17
 
7
18
  /* eslint-disable @typescript-eslint/no-use-before-define */
8
- const renderTreeItems = (treeItemsModel, firstCall = true, id) => {
19
+ const renderTreeItems = (treeItemsModel, firstCall = true) => {
9
20
  if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
10
21
  if (firstCall) {
11
22
  return treeItemsModel.map((item) => {
@@ -13,7 +24,7 @@ const renderTreeItems = (treeItemsModel, firstCall = true, id) => {
13
24
  });
14
25
  }
15
26
  else {
16
- return (h("gxg-tree", { slot: "tree", "data-id": id, key: `tree-${id}` }, treeItemsModel.map((item) => {
27
+ return (h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
17
28
  return renderTreeItem(item);
18
29
  })));
19
30
  }
@@ -24,10 +35,7 @@ const renderTreeItem = (item) => {
24
35
  const childrenLength = item.items ? item.items.length : 0;
25
36
  const isLeaf = childrenLength === 0 || item.leaf ? true : false;
26
37
  const lazy = !item.lazy ? false : true;
27
- 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 }, [
28
- item.label,
29
- ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false, item.id),
30
- ]));
38
+ return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, description: item.description, 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)]));
31
39
  };
32
40
 
33
41
  const testCss = ".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";
@@ -39,6 +47,9 @@ const GxgTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
39
47
  this.__attachShadow();
40
48
  //Do not delete buttonTestExportParts property as this is for a specific purpose
41
49
  this.buttonTestExportParts = false;
50
+ //Grid tests
51
+ this.showGrid = false;
52
+ this.showGridData = false;
42
53
  /*Gxg-Tree Methods*/
43
54
  this.closeTreeNodeHandler = () => {
44
55
  this.tree.toggleItems(["number-1-1-2"], false);
@@ -64,10 +75,30 @@ const GxgTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
64
75
  this.deleteNodeHandler = () => {
65
76
  this.treeItemsModel = [];
66
77
  };
78
+ this.getIconState = (state) => {
79
+ let icon = h("gxg-icon", { type: "gx-server/private" });
80
+ switch (state) {
81
+ case "inserted":
82
+ icon = h("gxg-icon", { type: "gx-server/new", color: "success" });
83
+ break;
84
+ case "modified":
85
+ icon = (h("gxg-icon", { type: "gx-server/changes-commit-pending", color: "primary-active" }));
86
+ break;
87
+ case "deleted":
88
+ icon = h("gxg-icon", { type: "gx-server/delete", color: "error" });
89
+ break;
90
+ case "conflicted":
91
+ icon = h("gxg-icon", { type: "gx-server/conflict", color: "warning" });
92
+ break;
93
+ }
94
+ return icon;
95
+ };
67
96
  }
68
- loadLazyChildrenHandler(e) {
69
- const treeItemId = e.detail;
70
- if (this.lazyLoadTreeItemsCallback) {
97
+ toggleIconClickedHandler(e) {
98
+ console.log("hola");
99
+ const treeItemId = e.detail.id;
100
+ const isLazy = e.detail.lazy;
101
+ if (this.lazyLoadTreeItemsCallback && isLazy) {
71
102
  const promise = this.lazyLoadTreeItemsCallback(treeItemId);
72
103
  setTimeout(() => {
73
104
  promise.then((result) => {
@@ -82,10 +113,16 @@ const GxgTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
82
113
  }
83
114
  else if (this.treeItemsModel) {
84
115
  return [
85
- h("gxg-tree", { id: "masterTree", checked: true, ref: (el) => (this.tree = el) }, renderTreeItems(this.treeItemsModel, true, "master")),
116
+ h("gxg-tree", { checkbox: true, checked: true }, renderTreeItems(this.treeItemsModel)),
86
117
  h("div", { class: "tree-buttons" }, h("gxg-button", { type: "outlined", onClick: this.closeTreeNodeHandler }, "Close 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.openTreeNodeHandler }, "Open 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.toggleTreeNodeHandler }, "Toggle 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.getSelectedItemsHandler }, "Get Selected Items"), h("gxg-button", { type: "outlined", onClick: this.getCheckedItemsHandler }, "Get Checked Items"), h("gxg-button", { type: "outlined", onClick: this.deleteNodeHandler }, "Delete Tree")),
87
118
  ];
88
119
  }
120
+ else if (this.showGrid) {
121
+ return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "none", part: "ch-grid-pending-for-updates", class: "no-border" }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", "rich-row-selector": true, "rich-row-selector-mode": "mark" }), h("ch-grid-column", { "column-name": "name", "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": "productos", "column-name-position": "text", settingable: false })), this.showGridData && [
122
+ h("ch-grid-row", { rowid: "123" }, h("ch-grid-cell", null), h("ch-grid-cell", null, "Nombre"), h("ch-grid-cell", null, "Productos")),
123
+ h("ch-grid-rowset", null, h("ch-grid-rowset-legend", null, "Identidad"), h("ch-grid-row", null, h("ch-grid-cell", null), h("ch-grid-cell", null, "Nombre"), h("ch-grid-cell", null, "Productos")), h("ch-grid-row", null, h("ch-grid-cell", null), h("ch-grid-cell", null, "English"), h("ch-grid-cell", null, "Products")), h("ch-grid-row", null, h("ch-grid-cell", null), h("ch-grid-cell", null, "Portugu\u00EAs"), h("ch-grid-cell", null, "Produtos"))),
124
+ ])));
125
+ }
89
126
  else {
90
127
  return h("slot", null);
91
128
  }
@@ -95,25 +132,82 @@ const GxgTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
95
132
  }, [1, "gxg-test", {
96
133
  "buttonTestExportParts": [4, "button-test-export-parts"],
97
134
  "treeItemsModel": [16],
98
- "lazyLoadTreeItemsCallback": [16]
99
- }, [[0, "loadLazyChildren", "loadLazyChildrenHandler"]]]);
135
+ "lazyLoadTreeItemsCallback": [16],
136
+ "showGrid": [4, "show-grid"],
137
+ "showGridData": [4, "show-grid-data"]
138
+ }, [[0, "toggleIconClicked", "toggleIconClickedHandler"]]]);
100
139
  function defineCustomElement$1() {
101
140
  if (typeof customElements === "undefined") {
102
141
  return;
103
142
  }
104
- const components = ["gxg-test", "ch-icon", "gxg-button", "gxg-icon", "gxg-tree"];
143
+ const components = ["gxg-test", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-rowset-legend", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-window", "ch-window-close", "gxg-button", "gxg-grid", "gxg-icon", "gxg-tree"];
105
144
  components.forEach(tagName => { switch (tagName) {
106
145
  case "gxg-test":
107
146
  if (!customElements.get(tagName)) {
108
147
  customElements.define(tagName, GxgTest$1);
109
148
  }
110
149
  break;
150
+ case "ch-grid":
151
+ if (!customElements.get(tagName)) {
152
+ defineCustomElement$g();
153
+ }
154
+ break;
155
+ case "ch-grid-column":
156
+ if (!customElements.get(tagName)) {
157
+ defineCustomElement$f();
158
+ }
159
+ break;
160
+ case "ch-grid-column-resize":
161
+ if (!customElements.get(tagName)) {
162
+ defineCustomElement$e();
163
+ }
164
+ break;
165
+ case "ch-grid-column-settings":
166
+ if (!customElements.get(tagName)) {
167
+ defineCustomElement$d();
168
+ }
169
+ break;
170
+ case "ch-grid-columnset":
171
+ if (!customElements.get(tagName)) {
172
+ defineCustomElement$c();
173
+ }
174
+ break;
175
+ case "ch-grid-rowset-legend":
176
+ if (!customElements.get(tagName)) {
177
+ defineCustomElement$b();
178
+ }
179
+ break;
180
+ case "ch-grid-settings":
181
+ if (!customElements.get(tagName)) {
182
+ defineCustomElement$a();
183
+ }
184
+ break;
185
+ case "ch-grid-settings-columns":
186
+ if (!customElements.get(tagName)) {
187
+ defineCustomElement$9();
188
+ }
189
+ break;
111
190
  case "ch-icon":
112
191
  if (!customElements.get(tagName)) {
113
- defineCustomElement$5();
192
+ defineCustomElement$8();
193
+ }
194
+ break;
195
+ case "ch-window":
196
+ if (!customElements.get(tagName)) {
197
+ defineCustomElement$7();
198
+ }
199
+ break;
200
+ case "ch-window-close":
201
+ if (!customElements.get(tagName)) {
202
+ defineCustomElement$6();
114
203
  }
115
204
  break;
116
205
  case "gxg-button":
206
+ if (!customElements.get(tagName)) {
207
+ defineCustomElement$5();
208
+ }
209
+ break;
210
+ case "gxg-grid":
117
211
  if (!customElements.get(tagName)) {
118
212
  defineCustomElement$4();
119
213
  }
package/dist/components/gxg-text.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 textCss = "/*! 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([type=link]),:host([type=link-gray]),:host([type=alert-error]),:host([type=alert-warning]),:host([type=alert-success]){display:inline-block}:host{font-size:14px}:host p,:host q{margin:0}:host(.large) .gxg-text,:host(.large) .gxg-text--gray,:host(.large) .gxg-quote,:host(.large) .gxg-link,:host(.large) .gxg-link-gray,:host(.large) .gxg-alert-error,:host(.large) .gxg-alert-warning,:host(.large) .gxg-alert-success{font-size:var(--font-size-lg)}";
4
+ const textCss = "/*! 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{display:block;font-size:14px}:host p,:host q,:host a{display:block;margin:0;padding:0;margin:0 auto}:host([text-align=start]){text-align:start}:host([text-align=start]) *{text-align:start}:host([text-align=center]){text-align:center}:host([text-align=center]) *{text-align:center}:host([text-align=end]){text-align:end}:host([text-align=end]) *{text-align:end}:host([padding=s]){padding:var(--spacing-comp-01)}:host([padding=m]){padding:var(--spacing-comp-02)}:host(.large) .gxg-text,:host(.large) .gxg-text--gray,:host(.large) .gxg-quote,:host(.large) .gxg-link,:host(.large) .gxg-link-gray,:host(.large) .gxg-alert-error,:host(.large) .gxg-alert-warning,:host(.large) .gxg-alert-success{font-size:var(--font-size-lg)}";
5
5
 
6
6
  const GxgText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
7
  constructor() {
@@ -13,39 +13,51 @@ const GxgText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
13
  * */
14
14
  this.target = "_self";
15
15
  /**
16
- * Title type
16
+ * Text type
17
17
  */
18
18
  this.type = "text-regular";
19
+ /**
20
+ * Text alignment
21
+ */
22
+ this.textAlign = "start";
23
+ /**
24
+ * Text padding
25
+ */
26
+ this.padding = "none";
27
+ /**
28
+ * Max. width
29
+ */
30
+ this.maxWidth = "100%";
19
31
  }
20
32
  textType() {
21
33
  let text;
22
34
  switch (this.type) {
23
35
  case "text-regular":
24
- text = h("p", { class: "gxg-text" }, h("slot", null));
36
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-text" }, h("slot", null)));
25
37
  break;
26
38
  case "text-gray":
27
- text = h("p", { class: "gxg-text--gray" }, h("slot", null));
39
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-text--gray" }, h("slot", null)));
28
40
  break;
29
41
  case "text-quote":
30
- text = h("q", { class: "gxg-quote" }, h("slot", null));
42
+ text = (h("q", { style: { maxWidth: this.maxWidth }, class: "gxg-quote" }, h("slot", null)));
31
43
  break;
32
44
  case "text-link":
33
- text = (h("a", { href: this.href, target: this.target, class: "gxg-link" }, h("slot", null)));
45
+ text = (h("a", { style: { maxWidth: this.maxWidth }, href: this.href, target: this.target, class: "gxg-link" }, h("slot", null)));
34
46
  break;
35
47
  case "text-link-gray":
36
- text = (h("a", { href: this.href, target: this.target, class: "gxg-link-gray" }, h("slot", null)));
48
+ text = (h("a", { style: { maxWidth: this.maxWidth }, href: this.href, target: this.target, class: "gxg-link-gray" }, h("slot", null)));
37
49
  break;
38
50
  case "text-alert-error":
39
- text = h("p", { class: "gxg-alert-error" }, h("slot", null));
51
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-alert-error" }, h("slot", null)));
40
52
  break;
41
53
  case "text-alert-warning":
42
- text = h("p", { class: "gxg-alert-warning" }, h("slot", null));
54
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-alert-warning" }, h("slot", null)));
43
55
  break;
44
56
  case "text-alert-success":
45
- text = h("p", { class: "gxg-alert-success" }, h("slot", null));
57
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-alert-success" }, h("slot", null)));
46
58
  break;
47
59
  default:
48
- text = h("p", { class: "gxg-text" }, h("slot", null));
60
+ text = (h("p", { style: { maxWidth: this.maxWidth }, class: "gxg-text" }, h("slot", null)));
49
61
  }
50
62
  return text;
51
63
  }
@@ -56,7 +68,10 @@ const GxgText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
56
68
  }, [1, "gxg-text", {
57
69
  "href": [1],
58
70
  "target": [1],
59
- "type": [1]
71
+ "type": [1],
72
+ "textAlign": [513, "text-align"],
73
+ "padding": [513],
74
+ "maxWidth": [513, "max-width"]
60
75
  }]);
61
76
  function defineCustomElement$1() {
62
77
  if (typeof customElements === "undefined") {