@genexus/genexus-ide-ui 0.0.99 → 0.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/dist/cjs/ch-icon_5.cjs.entry.js +3 -2
  2. package/dist/cjs/ch-icon_5.cjs.entry.js.map +1 -1
  3. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  4. package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +2 -2
  5. package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js.map +1 -1
  6. package/dist/cjs/{gx-ide-recent-news.cjs.entry.js → gx-ide-empty-state_2.cjs.entry.js} +64 -2
  7. package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js.map +1 -0
  8. package/dist/cjs/gx-ide-import-from-design.cjs.entry.js +2 -9
  9. package/dist/cjs/gx-ide-import-from-design.cjs.entry.js.map +1 -1
  10. package/dist/cjs/gx-ide-start-page.cjs.entry.js +9 -5
  11. package/dist/cjs/gx-ide-start-page.cjs.entry.js.map +1 -1
  12. package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js +41 -27
  13. package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js.map +1 -1
  14. package/dist/cjs/gxg-card_2.cjs.entry.js +10 -5
  15. package/dist/cjs/gxg-card_2.cjs.entry.js.map +1 -1
  16. package/dist/cjs/gxg-combo-box_2.cjs.entry.js +62 -24
  17. package/dist/cjs/gxg-combo-box_2.cjs.entry.js.map +1 -1
  18. package/dist/cjs/gxg-list-box_2.cjs.entry.js +28 -3
  19. package/dist/cjs/gxg-list-box_2.cjs.entry.js.map +1 -1
  20. package/dist/cjs/gxg-menu-item.cjs.entry.js +1 -1
  21. package/dist/cjs/gxg-menu-item.cjs.entry.js.map +1 -1
  22. package/dist/cjs/gxg-pill.cjs.entry.js +5 -5
  23. package/dist/cjs/gxg-pill.cjs.entry.js.map +1 -1
  24. package/dist/cjs/gxg-pills.cjs.entry.js +1 -1
  25. package/dist/cjs/gxg-pills.cjs.entry.js.map +1 -1
  26. package/dist/cjs/gxg-tab_4.cjs.entry.js +97 -17
  27. package/dist/cjs/gxg-tab_4.cjs.entry.js.map +1 -1
  28. package/dist/cjs/gxg-window-v2.cjs.entry.js +28 -0
  29. package/dist/cjs/gxg-window-v2.cjs.entry.js.map +1 -0
  30. package/dist/cjs/loader.cjs.js +1 -1
  31. package/dist/collection/collection-manifest.json +3 -1
  32. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.css +40 -0
  33. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js +180 -0
  34. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js.map +1 -0
  35. package/dist/collection/components/_helpers/list-selector/list-selector-item/list-selector-item.js +1 -1
  36. package/dist/collection/components/_helpers/list-selector/list-selector.js +1 -1
  37. package/dist/collection/components/dashboard-home/dashboard-home.css +5 -0
  38. package/dist/collection/components/dashboard-home/dashboard-home.js +1 -1
  39. package/dist/collection/components/dashboard-home/dashboard-home.js.map +1 -1
  40. package/dist/collection/components/import-from-design/import-from-design.js +3 -12
  41. package/dist/collection/components/import-from-design/import-from-design.js.map +1 -1
  42. package/dist/collection/components/start-page/recent-news.css +1 -1
  43. package/dist/collection/components/start-page/start-page.css +4 -0
  44. package/dist/collection/components/start-page/start-page.js +8 -4
  45. package/dist/collection/components/start-page/start-page.js.map +1 -1
  46. package/dist/components/card.js +11 -5
  47. package/dist/components/card.js.map +1 -1
  48. package/dist/components/combo-box.js +62 -24
  49. package/dist/components/combo-box.js.map +1 -1
  50. package/dist/components/gx-ide-dashboard-home.js +2 -2
  51. package/dist/components/gx-ide-dashboard-home.js.map +1 -1
  52. package/dist/components/gx-ide-empty-state.d.ts +11 -0
  53. package/dist/components/gx-ide-empty-state.js +8 -0
  54. package/dist/components/gx-ide-empty-state.js.map +1 -0
  55. package/dist/components/gx-ide-empty-state2.js +126 -0
  56. package/dist/components/gx-ide-empty-state2.js.map +1 -0
  57. package/dist/components/gx-ide-import-from-design.js +3 -11
  58. package/dist/components/gx-ide-import-from-design.js.map +1 -1
  59. package/dist/components/gx-ide-start-page.js +21 -11
  60. package/dist/components/gx-ide-start-page.js.map +1 -1
  61. package/dist/components/gxg-menu-item.js +1 -1
  62. package/dist/components/gxg-menu-item.js.map +1 -1
  63. package/dist/components/gxg-pills.js +1 -1
  64. package/dist/components/gxg-pills.js.map +1 -1
  65. package/dist/components/gxg-top-state-bar2.js +46 -30
  66. package/dist/components/gxg-top-state-bar2.js.map +1 -1
  67. package/dist/components/gxg-window-v2.js +44 -0
  68. package/dist/components/gxg-window-v2.js.map +1 -0
  69. package/dist/components/icon2.js +3 -2
  70. package/dist/components/icon2.js.map +1 -1
  71. package/dist/components/list-box.js +27 -1
  72. package/dist/components/list-box.js.map +1 -1
  73. package/dist/components/pill.js +5 -5
  74. package/dist/components/pill.js.map +1 -1
  75. package/dist/components/recent-news.js +1 -1
  76. package/dist/components/recent-news.js.map +1 -1
  77. package/dist/components/tab-bar.js +17 -9
  78. package/dist/components/tab-bar.js.map +1 -1
  79. package/dist/components/tab-button.js +11 -4
  80. package/dist/components/tab-button.js.map +1 -1
  81. package/dist/components/tab.js +6 -3
  82. package/dist/components/tab.js.map +1 -1
  83. package/dist/components/tabs.js +73 -4
  84. package/dist/components/tabs.js.map +1 -1
  85. package/dist/esm/ch-icon_5.entry.js +3 -2
  86. package/dist/esm/ch-icon_5.entry.js.map +1 -1
  87. package/dist/esm/genexus-ide-ui.js +1 -1
  88. package/dist/esm/gx-ide-dashboard-home.entry.js +2 -2
  89. package/dist/esm/gx-ide-dashboard-home.entry.js.map +1 -1
  90. package/dist/esm/{gx-ide-recent-news.entry.js → gx-ide-empty-state_2.entry.js} +64 -3
  91. package/dist/esm/gx-ide-empty-state_2.entry.js.map +1 -0
  92. package/dist/esm/gx-ide-import-from-design.entry.js +2 -9
  93. package/dist/esm/gx-ide-import-from-design.entry.js.map +1 -1
  94. package/dist/esm/gx-ide-start-page.entry.js +9 -5
  95. package/dist/esm/gx-ide-start-page.entry.js.map +1 -1
  96. package/dist/esm/gx-ide-status-buttons_2.entry.js +41 -27
  97. package/dist/esm/gx-ide-status-buttons_2.entry.js.map +1 -1
  98. package/dist/esm/gxg-card_2.entry.js +10 -5
  99. package/dist/esm/gxg-card_2.entry.js.map +1 -1
  100. package/dist/esm/gxg-combo-box_2.entry.js +62 -24
  101. package/dist/esm/gxg-combo-box_2.entry.js.map +1 -1
  102. package/dist/esm/gxg-list-box_2.entry.js +27 -2
  103. package/dist/esm/gxg-list-box_2.entry.js.map +1 -1
  104. package/dist/esm/gxg-menu-item.entry.js +1 -1
  105. package/dist/esm/gxg-menu-item.entry.js.map +1 -1
  106. package/dist/esm/gxg-pill.entry.js +5 -5
  107. package/dist/esm/gxg-pill.entry.js.map +1 -1
  108. package/dist/esm/gxg-pills.entry.js +1 -1
  109. package/dist/esm/gxg-pills.entry.js.map +1 -1
  110. package/dist/esm/gxg-tab_4.entry.js +97 -17
  111. package/dist/esm/gxg-tab_4.entry.js.map +1 -1
  112. package/dist/esm/gxg-window-v2.entry.js +24 -0
  113. package/dist/esm/gxg-window-v2.entry.js.map +1 -0
  114. package/dist/esm/loader.js +1 -1
  115. package/dist/genexus-ide-ui/genexus-ide-ui.css +74 -7
  116. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  117. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  118. package/dist/genexus-ide-ui/icon-assets/mercury/tests/balanza-path.svg +3 -0
  119. package/dist/genexus-ide-ui/icon-assets/mercury/tests/balanza-stroke.svg +9 -0
  120. package/dist/genexus-ide-ui/icon-assets/mercury/tests/folder-2.svg +3 -0
  121. package/dist/genexus-ide-ui/{p-b8fc93f4.entry.js → p-2c8afaa6.entry.js} +147 -112
  122. package/dist/genexus-ide-ui/p-2c8afaa6.entry.js.map +1 -0
  123. package/dist/genexus-ide-ui/{p-5ca84a03.entry.js → p-4e155cd5.entry.js} +27 -4
  124. package/dist/genexus-ide-ui/p-4e155cd5.entry.js.map +1 -0
  125. package/dist/genexus-ide-ui/p-4fc6d6a7.entry.js +24 -0
  126. package/dist/genexus-ide-ui/p-4fc6d6a7.entry.js.map +1 -0
  127. package/dist/genexus-ide-ui/p-54e4b362.entry.js +270 -0
  128. package/dist/genexus-ide-ui/p-54e4b362.entry.js.map +1 -0
  129. package/dist/genexus-ide-ui/{p-73aa4e69.entry.js → p-71f8aba2.entry.js} +13 -13
  130. package/dist/genexus-ide-ui/{p-73aa4e69.entry.js.map → p-71f8aba2.entry.js.map} +1 -1
  131. package/dist/genexus-ide-ui/{p-545291ad.entry.js → p-7dc3a137.entry.js} +4 -3
  132. package/dist/genexus-ide-ui/{p-545291ad.entry.js.map → p-7dc3a137.entry.js.map} +1 -1
  133. package/dist/genexus-ide-ui/{p-f186adfd.entry.js → p-85639fa5.entry.js} +100 -22
  134. package/dist/genexus-ide-ui/p-85639fa5.entry.js.map +1 -0
  135. package/dist/genexus-ide-ui/{p-30365c44.entry.js → p-a3e07b86.entry.js} +6 -7
  136. package/dist/genexus-ide-ui/p-a3e07b86.entry.js.map +1 -0
  137. package/dist/genexus-ide-ui/{p-9c6c5a61.entry.js → p-a592930e.entry.js} +37 -32
  138. package/dist/genexus-ide-ui/p-a592930e.entry.js.map +1 -0
  139. package/dist/genexus-ide-ui/p-b0e539fe.entry.js +41 -0
  140. package/dist/genexus-ide-ui/p-b0e539fe.entry.js.map +1 -0
  141. package/dist/genexus-ide-ui/{p-a439149b.entry.js → p-bff2603a.entry.js} +8 -3
  142. package/dist/genexus-ide-ui/p-bff2603a.entry.js.map +1 -0
  143. package/dist/genexus-ide-ui/{p-050bc199.entry.js → p-e0924e3f.entry.js} +96 -6
  144. package/dist/genexus-ide-ui/p-e0924e3f.entry.js.map +1 -0
  145. package/dist/genexus-ide-ui/{p-58cad79d.entry.js → p-e240361a.entry.js} +58 -68
  146. package/dist/genexus-ide-ui/p-e240361a.entry.js.map +1 -0
  147. package/dist/genexus-ide-ui/{p-e585f550.entry.js → p-e3925761.entry.js} +4 -5
  148. package/dist/genexus-ide-ui/{p-e585f550.entry.js.map → p-e3925761.entry.js.map} +1 -1
  149. package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +13 -1
  150. package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pill.css +16 -51
  151. package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pills.css +1 -8
  152. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +7 -0
  153. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +18 -0
  154. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +17 -0
  155. package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +64 -13
  156. package/dist/node_modules/@genexus/gemini/dist/collection/components/top-state-bar/gxg-top-state-bar.css +120 -43
  157. package/dist/node_modules/@genexus/gemini/dist/collection/components/window-v2/window.css +3 -0
  158. package/dist/types/components/_helpers/empty-state/gx-ide-empty-state.d.ts +34 -0
  159. package/dist/types/components/import-from-design/import-from-design.d.ts +1 -3
  160. package/dist/types/components.d.ts +61 -0
  161. package/package.json +3 -3
  162. package/dist/cjs/gx-ide-recent-news.cjs.entry.js.map +0 -1
  163. package/dist/cjs/reposition-scroll-86d8fac5.js +0 -33
  164. package/dist/cjs/reposition-scroll-86d8fac5.js.map +0 -1
  165. package/dist/components/reposition-scroll.js +0 -31
  166. package/dist/components/reposition-scroll.js.map +0 -1
  167. package/dist/esm/gx-ide-recent-news.entry.js.map +0 -1
  168. package/dist/esm/reposition-scroll-cfff7017.js +0 -31
  169. package/dist/esm/reposition-scroll-cfff7017.js.map +0 -1
  170. package/dist/genexus-ide-ui/p-050bc199.entry.js.map +0 -1
  171. package/dist/genexus-ide-ui/p-30365c44.entry.js.map +0 -1
  172. package/dist/genexus-ide-ui/p-3e87257c.entry.js +0 -41
  173. package/dist/genexus-ide-ui/p-3e87257c.entry.js.map +0 -1
  174. package/dist/genexus-ide-ui/p-58cad79d.entry.js.map +0 -1
  175. package/dist/genexus-ide-ui/p-5ca84a03.entry.js.map +0 -1
  176. package/dist/genexus-ide-ui/p-9c6c5a61.entry.js.map +0 -1
  177. package/dist/genexus-ide-ui/p-a439149b.entry.js.map +0 -1
  178. package/dist/genexus-ide-ui/p-b8fc93f4.entry.js.map +0 -1
  179. package/dist/genexus-ide-ui/p-efa273d7.js +0 -27
  180. package/dist/genexus-ide-ui/p-efa273d7.js.map +0 -1
  181. package/dist/genexus-ide-ui/p-f186adfd.entry.js.map +0 -1
  182. package/dist/genexus-ide-ui/p-f5034221.entry.js +0 -258
  183. package/dist/genexus-ide-ui/p-f5034221.entry.js.map +0 -1
@@ -0,0 +1,9 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11.5411 9.70587C11.6353 11.1176 12.8588 12.247 14.2705 12.247C15.6823 12.247 16.9058 11.1176 17 9.70587H11.5411Z" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
3
+ <path d="M17 9.61173L14.2705 2.83527L11.5411 9.61173" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
4
+ <path d="M1 9.70587C1.09412 11.1176 2.31765 12.247 3.72941 12.247C5.14118 12.247 6.3647 11.1176 6.45882 9.70587H1Z" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
5
+ <path d="M6.55294 9.61173L3.82353 2.83527L1 9.61173" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
6
+ <path d="M9 2.17645V15.9176" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
7
+ <path d="M3.44702 1.70587H14.5529" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/>
8
+ <path d="M2.41174 16.2941H15.5882" stroke="#999999" stroke-width="1.2" stroke-miterlimit="10"/>
9
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1 3.3V14.7C1 14.9 1.1 15 1.3 15H16.7C16.9 15 17 14.9 17 14.7V5.3C17 5.1 16.9 5 16.7 5H8.3C8.2 5 8.1 5 8.1 4.9L6.3 3.1C6.2 3 6.1 3 6 3H1.3C1.1 3 1 3.1 1 3.3Z" stroke="#999999" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,54 +1,52 @@
1
- import { r as t, c as e, g as o, h as i, H as s } from "./p-2776d2f9.js";
1
+ import { r as t, c as e, g as i, h as o, H as s } from "./p-2776d2f9.js";
2
2
 
3
3
  import { f as r, a as n } from "./p-13a818ba.js";
4
4
 
5
- import { r as a } from "./p-efa273d7.js";
5
+ import { K as a } from "./p-a78773a3.js";
6
6
 
7
- import { K as l } from "./p-a78773a3.js";
7
+ import { e as l } from "./p-1a098c4f.js";
8
8
 
9
- import { e as c } from "./p-1a098c4f.js";
9
+ import { s as c } from "./p-12e3a3de.js";
10
10
 
11
- import { s as h } from "./p-12e3a3de.js";
12
-
13
- import { c as d } from "./p-537654ad.js";
11
+ import { c as h } from "./p-537654ad.js";
14
12
 
15
13
  function mutationObserverRemoved(t, e) {
16
- const o = new MutationObserver((t => {
17
- for (const o of t) {
18
- if (o.type === "childList") {
19
- const t = Array.from(o.removedNodes);
20
- for (const o of t) {
21
- if (o.nodeType === Node.ELEMENT_NODE) {
22
- e.removedItem = o;
14
+ const i = new MutationObserver((t => {
15
+ for (const i of t) {
16
+ if (i.type === "childList") {
17
+ const t = Array.from(i.removedNodes);
18
+ for (const i of t) {
19
+ if (i.nodeType === Node.ELEMENT_NODE) {
20
+ e.removedItem = i;
23
21
  }
24
22
  }
25
23
  }
26
24
  }
27
25
  }));
28
- o.observe(t, {
26
+ i.observe(t, {
29
27
  childList: true
30
28
  });
31
- return o;
29
+ return i;
32
30
  // Return the observer instance if needed
33
31
  }
34
32
 
35
- const f = "/*! 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(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host{font-family:var(--ds-base-font-family-primary);display:block}:host .main-container{width:100%;position:relative;}:host .main-container .outer-wrapper{display:flex;align-items:center}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;display:flex;align-items:center;height:100%;top:0;inset-inline-end:var(--gxg-combo-box-items-buttons-wrapper--iie)}:host .main-container .items-container{color:var(--gxg-combo-box-items-container_color);font-size:var(--gxg-combo-box-items-container_font-size);border:var(--ds-border-common-styles);border-radius:var(--ds-form-control-border-radius);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--gxg-combo-box-items-container_background-color);position:fixed;width:inherit;box-sizing:border-box;z-index:999;box-sizing:border-box;padding:var(--gxg-combo-box-items-container_padding);}:host .main-container .items-container--not-popover{display:none}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-size:var(--gxg-combo-box-no-occurrences_font-size);color:var(--gxg-combo-box-no-occurrences_color);padding:var(--gxg-combo-box-no-occurrences_padding);background-color:var(--gxg-combo-box-no-occurrences_background-color)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gxg-combo-box-no-occurrences_command-color)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--popover{padding:0;margin:0}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--ds-form-control-border-radius);border-top-right-radius:var(--ds-form-control-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.items-container{}.items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.items-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.items-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.items-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}";
33
+ const d = "/*! 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(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host{font-family:var(--ds-base-font-family-primary);display:block}:host .main-container{width:100%;position:relative;}:host .main-container .outer-wrapper{display:flex;align-items:center}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;display:flex;align-items:center;height:100%;top:0;inset-inline-end:var(--gxg-combo-box-items-buttons-wrapper--iie)}:host .main-container .items-container{color:var(--gxg-combo-box-items-container_color);font-size:var(--gxg-combo-box-items-container_font-size);border:var(--ds-border-common-styles);border-radius:var(--ds-form-control-border-radius);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--gxg-combo-box-items-container_background-color);position:fixed;width:inherit;box-sizing:border-box;z-index:999;box-sizing:border-box;padding:var(--gxg-combo-box-items-container_padding);}:host .main-container .items-container--not-popover{display:none}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-size:var(--gxg-combo-box-no-occurrences_font-size);color:var(--gxg-combo-box-no-occurrences_color);padding:var(--gxg-combo-box-no-occurrences_padding);background-color:var(--gxg-combo-box-no-occurrences_background-color)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gxg-combo-box-no-occurrences_command-color)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--popover{padding:0;margin:0}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--ds-form-control-border-radius);border-top-right-radius:var(--ds-form-control-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.items-container{}.items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.items-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.items-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.items-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}";
36
34
 
37
- const g = class {
38
- constructor(o) {
35
+ const f = class {
36
+ constructor(i) {
39
37
  this.parts = {
40
38
  input: "input",
41
39
  clearButton: "clear-button",
42
40
  toggleButton: "toggle-button"
43
41
  };
44
- this.componentDidLoadFlag = false;
42
+ this.prevEmittedValue = null;
45
43
  this.userTyped = false;
46
44
  this.formMessageLogic = r;
47
45
  this.detectClickOutsideCombo = this.detectClickOutsideComboFunc.bind(this);
48
46
  this.detectMouseScroll = this.detectMouseScrollFunc.bind(this);
49
47
  this.attachExportParts = () => {
50
48
  const t = this.el.getAttribute("part");
51
- const e = c(t, this.parts);
49
+ const e = l(t, this.parts);
52
50
  e.length && (this.exportparts = e);
53
51
  };
54
52
  this.mutationRemoveObserver = () => {
@@ -59,43 +57,68 @@ const g = class {
59
57
  *********************************/ this.inputHandler = t => {
60
58
  this.userTyped = true;
61
59
  const e = this.sanitizeString(t.detail);
62
- const o = this.filterList(e);
60
+ this.filterList(e);
63
61
  if (!this.strict) {
64
62
  this.value = e;
65
- } else if (o.length === 1) {
66
- /*on strict mode, only set value if there is an exact match*/
67
- this.value = o[0].value;
63
+ } else {
64
+ const t = this.getItemByValue(e);
65
+ if (t) {
66
+ this.value = e;
67
+ } else {
68
+ this.value = undefined;
69
+ }
68
70
  }
69
71
  };
70
72
  this.keyDownHandler = t => {
71
- if (t.code === l.ARROW_DOWN || t.code === l.ARROW_UP) {
73
+ if (t.code === a.ARROW_DOWN || t.code === a.ARROW_UP) {
72
74
  t.preventDefault();
73
75
  }
74
76
  let e;
75
- if (t.code === l.ARROW_DOWN) {
77
+ if (t.code === a.ARROW_DOWN) {
76
78
  e = this.getNewItem("next");
77
79
  (e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
78
- a(this.itemsContainer, this.selectedItem, l.ARROW_DOWN);
79
80
  t.altKey && this.showList();
80
- } else if (t.code === l.ARROW_UP) {
81
+ } else if (t.code === a.ARROW_UP) {
81
82
  e = this.getNewItem("prev");
82
83
  (e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
83
- a(this.itemsContainer, this.selectedItem, l.ARROW_UP);
84
- } else if (t.code === l.ENTER) {
84
+ } else if (t.code === a.ENTER) {
85
85
  if (this.preventEnterPropagation && this.listIsOpen) {
86
86
  t.stopPropagation();
87
87
  }
88
88
  this.hideList();
89
89
  this.showAllItems();
90
- } else if (t.code === l.SPACE) {
90
+ this.evaluateValueChangedEmit();
91
+ } else if (t.code === a.SPACE) {
91
92
  this.showList();
92
- } else if (t.code === l.ESCAPE) {
93
+ } else if (t.code === a.ESCAPE) {
93
94
  this.showAllItems();
94
95
  this.hideList();
95
- } else if (t.code === l.TAB && this.showList) {
96
+ } else if (t.code === a.TAB && this.showList) {
96
97
  this.hideList();
97
98
  }
98
99
  };
100
+ this.evaluateValueChangedEmit = () => {
101
+ if (this.strict && this.value === undefined) {
102
+ this.text = "";
103
+ this.value = this.prevEmittedValue;
104
+ } else if (this.value !== this.prevEmittedValue) {
105
+ this.valueChanged.emit(this.value);
106
+ this.prevEmittedValue = this.value;
107
+ }
108
+ };
109
+ this.evaluateScroll = () => {
110
+ if (this.selectedItem) {
111
+ const t = this.selectedItem.getBoundingClientRect().top;
112
+ const e = this.selectedItem.getBoundingClientRect().bottom;
113
+ const i = this.itemsContainer.getBoundingClientRect().top;
114
+ const o = this.itemsContainer.getBoundingClientRect().bottom;
115
+ if (t < i || e > o) {
116
+ this.selectedItem.scrollIntoView({
117
+ behavior: "smooth"
118
+ });
119
+ }
120
+ }
121
+ };
99
122
  this.handleValueChangeFormText = t => {
100
123
  this.value = t.detail;
101
124
  };
@@ -110,24 +133,24 @@ const g = class {
110
133
  t = this.sanitizeString(t);
111
134
  !this.caseSensitive && (t = t.toLowerCase());
112
135
  const e = this.getEnabledItems();
113
- const o = [];
136
+ const i = [];
114
137
  if (e.length) {
115
138
  e.forEach((e => {
116
- const i = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
117
- if (!e.disabled && i.includes(t)) {
118
- o.push(e);
139
+ const o = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
140
+ if (!e.disabled && o.includes(t)) {
141
+ i.push(e);
119
142
  e.hidden = false;
120
143
  } else {
121
144
  e.hidden = true;
122
145
  }
123
146
  }));
124
147
  }
125
- if (o.length >= 1) {
148
+ if (i.length >= 1) {
126
149
  this.showList();
127
150
  } else {
128
151
  this.hideList();
129
152
  }
130
- return o;
153
+ return i;
131
154
  };
132
155
  this.showAllItems = () => {
133
156
  const t = this.getEnabledItems();
@@ -178,8 +201,8 @@ const g = class {
178
201
  this.getItemByValue = t => {
179
202
  let e;
180
203
  if (t) {
181
- const o = this.getEnabledItems();
182
- e = o.find((e => !e.disabled && (e === null || e === void 0 ? void 0 : e.value) && e.value === t));
204
+ const i = this.getEnabledItems();
205
+ e = i.find((e => !e.disabled && (e === null || e === void 0 ? void 0 : e.value) && e.value === t));
183
206
  }
184
207
  return e;
185
208
  };
@@ -192,26 +215,30 @@ const g = class {
192
215
  this.clearIcon();
193
216
  };
194
217
  this.getValueByText = t => {
195
- !this.caseSensitive && (t = t.toLowerCase());
196
- const e = this.getEnabledItems();
197
- const o = e === null || e === void 0 ? void 0 : e.find((e => {
198
- const o = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
199
- return !e.disabled && o === t;
200
- }));
201
- return o === null || o === void 0 ? void 0 : o.value;
218
+ if (t) {
219
+ !this.caseSensitive && (t = t.toLowerCase());
220
+ const e = this.getEnabledItems();
221
+ const i = e === null || e === void 0 ? void 0 : e.find((e => {
222
+ const i = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
223
+ return !e.disabled && i === t;
224
+ }));
225
+ return i === null || i === void 0 ? void 0 : i.value;
226
+ } else {
227
+ return undefined;
228
+ }
202
229
  };
203
230
  this.getNewItem = t => {
204
231
  const e = this.getFilteredItems();
205
- const o = e === null || e === void 0 ? void 0 : e.findIndex((t => t.selected));
232
+ const i = e === null || e === void 0 ? void 0 : e.findIndex((t => t.selected));
206
233
  if (t === "next") {
207
- if (o === -1) {
234
+ if (i === -1) {
208
235
  /*no selectedItem at the time*/
209
236
  return e[0];
210
237
  }
211
- return e[o + 1];
238
+ return e[i + 1];
212
239
  } else if (t === "prev") {
213
- if (o !== -1) {
214
- return e[o - 1];
240
+ if (i !== -1) {
241
+ return e[i - 1];
215
242
  }
216
243
  }
217
244
  };
@@ -255,6 +282,10 @@ const g = class {
255
282
  }
256
283
  }
257
284
  }
285
+ this.prevEmittedValue = this.value;
286
+ };
287
+ this.onBlurHandler = () => {
288
+ this.evaluateValueChangedEmit();
258
289
  };
259
290
  this.toggleListButtonClickHandler = () => {
260
291
  if (!this.disabled) {
@@ -288,7 +319,7 @@ const g = class {
288
319
  this.inputTextIcon = null;
289
320
  }
290
321
  };
291
- t(this, o);
322
+ t(this, i);
292
323
  this.valueChanged = e(this, "valueChanged", 7);
293
324
  this.opened = e(this, "opened", 7);
294
325
  this.closed = e(this, "closed", 7);
@@ -331,7 +362,7 @@ const g = class {
331
362
  this.removedItem = undefined;
332
363
  }
333
364
  get el() {
334
- return o(this);
365
+ return i(this);
335
366
  }
336
367
  componentDidUpdate() {
337
368
  const t = this.itemsContainerBottomOverflows();
@@ -344,7 +375,6 @@ const g = class {
344
375
  }
345
376
  componentDidLoad() {
346
377
  this.resizeObserver();
347
- this.componentDidLoadFlag = true;
348
378
  this.evaluatePopOver();
349
379
  }
350
380
  disconnectedCallback() {
@@ -360,14 +390,14 @@ const g = class {
360
390
  }
361
391
  async getValueByIndex(t) {
362
392
  const e = this.getEnabledItems();
363
- const o = e.filter((e => e.index === t))[0];
364
- return o === null || o === void 0 ? void 0 : o.value;
393
+ const i = e.filter((e => e.index === t))[0];
394
+ return i === null || i === void 0 ? void 0 : i.value;
365
395
  }
366
396
  async setValueByIndex(t) {
367
397
  const e = this.getEnabledItems();
368
- const o = e.filter((e => e.index === t))[0];
369
- if (o && o.value) {
370
- this.value = o.value;
398
+ const i = e.filter((e => e.index === t))[0];
399
+ if (i && i.value) {
400
+ this.value = i.value;
371
401
  return true;
372
402
  }
373
403
  return false;
@@ -398,27 +428,28 @@ const g = class {
398
428
  WATCH
399
429
  *********************************/ onValueChanged(t) {
400
430
  setTimeout((() => {
401
- if (this.componentDidLoadFlag) {
402
- this.valueChanged.emit(t);
403
- }
404
431
  this.clearSelectedItem();
405
432
  let e;
406
- let o = undefined;
433
+ let i = undefined;
407
434
  if (this.userTyped) {
408
435
  e = this.getValueByText(t);
409
436
  } else {
410
437
  !this.listIsOpen && this.showAllItems();
411
438
  e = t;
412
439
  }
413
- o = this.getItemByValue(e);
414
- if (o) {
415
- this.setSelectedItem(o);
416
- this.setIcon(o.icon);
417
- (o === null || o === void 0 ? void 0 : o.textContent) && (this.text = o.textContent);
440
+ i = this.getItemByValue(e);
441
+ if (i) {
442
+ this.setSelectedItem(i);
443
+ this.setIcon(i.icon);
444
+ const t = i.textContent;
445
+ if (t.length > 0) {
446
+ this.text = t;
447
+ } else {
448
+ this.text = i.value;
449
+ }
418
450
  } else {
419
451
  //this.setIcon(undefined);
420
452
  if (this.strict) {
421
- this.text = undefined;
422
453
  this.value = undefined;
423
454
  } else {
424
455
  this.text = t;
@@ -453,6 +484,9 @@ const g = class {
453
484
  }
454
485
  selectedItemHandler(t) {
455
486
  t && (t.selected = true);
487
+ if (this.listIsOpen) {
488
+ this.evaluateScroll();
489
+ }
456
490
  }
457
491
  removedItemHandler(t) {
458
492
  const e = t.value;
@@ -473,11 +507,11 @@ const g = class {
473
507
  }
474
508
  detectClickOutsideComboFunc(t) {
475
509
  const e = this.el.shadowRoot.querySelector(".main-container");
476
- const o = t.x;
477
- const i = t.y;
510
+ const i = t.x;
511
+ const o = t.y;
478
512
  //Contextual menu coordinates
479
513
  const s = e.getBoundingClientRect();
480
- if (o > s.left && o < s.right && i > s.top && i < s.bottom || t.screenX === 0 && t.screenY === 0 && t.clientX === 0 && t.clientY === 0) ; else {
514
+ if (i > s.left && i < s.right && o > s.top && o < s.bottom || t.screenX === 0 && t.screenY === 0 && t.clientX === 0 && t.clientY === 0) ; else {
481
515
  this.listIsOpen = false;
482
516
  //Click happened outside the combo
483
517
  }
@@ -507,60 +541,61 @@ const g = class {
507
541
  const e = t.clientWidth;
508
542
  this.itemsContainer.style.width = e + "px";
509
543
  //redefine .items-container "top" value
510
- const o = t.getBoundingClientRect();
511
- const i = o.y;
512
- const s = o.height;
513
- this.itemsContainer.style.top = i + s + "px";
544
+ const i = t.getBoundingClientRect();
545
+ const o = i.y;
546
+ const s = i.height;
547
+ this.itemsContainer.style.top = o + s + "px";
514
548
  if (this.popOver) {
515
549
  //redefine .items-container "left" value
516
- const t = o.x;
550
+ const t = i.x;
517
551
  this.itemsContainer.style.left = t + "px";
518
552
  }
519
553
  }
520
554
  itemsContainerBottomOverflows() {
521
555
  const t = window.innerHeight;
522
556
  const e = this.el.getBoundingClientRect().bottom;
523
- const o = this.itemsContainer.clientHeight;
524
- const i = e + o;
525
- const s = i > t;
557
+ const i = this.itemsContainer.clientHeight;
558
+ const o = e + i;
559
+ const s = o > t;
526
560
  return s;
527
561
  }
528
562
  render() {
529
563
  const t = this.value && !this.disableFilter && !this.disableClear;
530
- return i(s, {
564
+ return o(s, {
531
565
  class: {
532
566
  "gxg-combo-box--disabled": this.disableFilter,
533
567
  tooltip: this.toolTip,
534
- large: h.large
568
+ large: c.large
535
569
  },
536
570
  style: {
537
571
  maxWidth: this.maxWidth,
538
572
  minWidth: this.minWidth
539
573
  },
540
574
  exportParts: this.exportparts ? this.exportparts : null
541
- }, i("div", {
575
+ }, o("div", {
542
576
  class: {
543
577
  "main-container": true
544
578
  },
545
579
  ref: t => this.mainContainer = t
546
- }, this.label ? i("gxg-label", {
580
+ }, this.label ? o("gxg-label", {
547
581
  labelPosition: this.labelPosition,
548
582
  center: this.centerLabel,
549
583
  width: this.labelWidth
550
- }, this.label) : null, i("div", {
584
+ }, this.label) : null, o("div", {
551
585
  class: "outer-wrapper"
552
- }, i("div", {
586
+ }, o("div", {
553
587
  class: "search-and-items-container",
554
588
  ref: t => this.searchItemsContainer = t
555
- }, i("div", {
589
+ }, o("div", {
556
590
  class: {
557
591
  "search-container": true
558
592
  }
559
- }, i("gxg-form-text", {
593
+ }, o("gxg-form-text", {
560
594
  placeholder: this.placeholder,
561
595
  onInput: this.inputHandler.bind(this),
562
596
  onKeyDown: this.keyDownHandler,
563
597
  onClick: this.inputTextClickHandler,
598
+ onBlur: this.onBlurHandler,
564
599
  value: this.text,
565
600
  icon: this.fixedIcon || this.inputTextIcon,
566
601
  iconPosition: "start",
@@ -576,9 +611,9 @@ const g = class {
576
611
  "icon-end": !t
577
612
  },
578
613
  part: this.parts.input
579
- }), i("div", {
614
+ }), o("div", {
580
615
  class: "buttons-wrapper"
581
- }, t ? i("gxg-button", {
616
+ }, t ? o("gxg-button", {
582
617
  class: {
583
618
  "button-icon delete-icon": true
584
619
  },
@@ -589,7 +624,7 @@ const g = class {
589
624
  disabled: this.disabled,
590
625
  part: this.parts.clearButton,
591
626
  small: true
592
- }) : null, i("gxg-button", {
627
+ }) : null, o("gxg-button", {
593
628
  class: {
594
629
  "button-icon": true
595
630
  },
@@ -600,7 +635,7 @@ const g = class {
600
635
  tabindex: "-1",
601
636
  part: this.parts.toggleButton,
602
637
  small: true
603
- }))), i("div", {
638
+ }))), o("div", {
604
639
  class: {
605
640
  "items-container": true,
606
641
  "items-container--not-popover": !this.popOver,
@@ -614,7 +649,7 @@ const g = class {
614
649
  maxHeight: this.listMaxHeight
615
650
  },
616
651
  ref: t => this.itemsContainer = t
617
- }, i("slot", null), null)), this.toolTip ? n(this, false) : null)), !this.toolTip ? r(this) : null);
652
+ }, o("slot", null), null)), this.toolTip ? n(this, false) : null)), !this.toolTip ? r(this) : null);
618
653
  }
619
654
  static get delegatesFocus() {
620
655
  return true;
@@ -629,12 +664,12 @@ const g = class {
629
664
  }
630
665
  };
631
666
 
632
- g.style = f;
667
+ f.style = d;
633
668
 
634
- const b = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--ds-background-color-disabled) !important;color:var(--ds-color--disabled) !important;border-color:var(--ds-border-color-disabled) !important;cursor:default !important}:host{--ds-icon-size--small:var(--gxg-combo-box-item_icon-size);display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-size:inherit;color:inherit;opacity:1;overflow:hidden;border-radius:var(--gxg-combo-box-item_border-radius)}:host .container{display:flex;align-items:center;padding:var(--gxg-combo-box-item_padding);width:100%;height:var(--ds-list-item-height--spaced);box-sizing:border-box;gap:var(--gxg-combo-box-item_container-gap)}:host gxg-icon{flex-shrink:0;--gxg-icon-color:var(--gxg-combo-box-item--active_icon-color)}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-inline-start:var(--gxg-combo-box-item_container-no-icon-pis)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--ds-item-background-color--hover)}:host(:hover) .container{color:var(--gxg-combo-box-item_container-color--hover)}:host([selected]){background-color:var(--ds-item-background-color--selected);color:var(--gxg-combo-box-item--selected_color)}:host([selected]:hover){background-color:var(--ds-item-background-color--selected-hover);color:var(--gxg-combo-box-item--selected_color)}";
669
+ const g = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--ds-background-color-disabled) !important;color:var(--ds-color--disabled) !important;border-color:var(--ds-border-color-disabled) !important;cursor:default !important}:host{--ds-icon-size--small:var(--gxg-combo-box-item_icon-size);display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-size:inherit;color:inherit;opacity:1;overflow:hidden;border-radius:var(--gxg-combo-box-item_border-radius)}:host .container{display:flex;align-items:center;padding:var(--gxg-combo-box-item_padding);width:100%;height:var(--ds-list-item-height--spaced);box-sizing:border-box;gap:var(--gxg-combo-box-item_container-gap)}:host gxg-icon{flex-shrink:0;--gxg-icon-color:var(--gxg-combo-box-item--active_icon-color)}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-inline-start:var(--gxg-combo-box-item_container-no-icon-pis)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--ds-item-background-color--hover)}:host(:hover) .container{color:var(--gxg-combo-box-item_container-color--hover)}:host([selected]){background-color:var(--ds-item-background-color--selected);color:var(--gxg-combo-box-item--selected_color)}:host([selected]:hover){background-color:var(--ds-item-background-color--selected-hover);color:var(--gxg-combo-box-item--selected_color)}";
635
670
 
636
- const m = class {
637
- constructor(o) {
671
+ const b = class {
672
+ constructor(i) {
638
673
  /*********************************
639
674
  WATCH
640
675
  *********************************/
@@ -651,7 +686,7 @@ const m = class {
651
686
  icon: this.icon
652
687
  });
653
688
  };
654
- t(this, o);
689
+ t(this, i);
655
690
  this.itemSelected = e(this, "itemSelected", 7);
656
691
  this.itemDidLoad = e(this, "itemDidLoad", 7);
657
692
  this.keyDownPressed = e(this, "keyDownPressed", 7);
@@ -665,7 +700,7 @@ const m = class {
665
700
  this.iconColor = undefined;
666
701
  }
667
702
  get el() {
668
- return o(this);
703
+ return i(this);
669
704
  }
670
705
  componentWillLoad() {
671
706
  this.setup();
@@ -689,29 +724,29 @@ const m = class {
689
724
  }
690
725
  }
691
726
  render() {
692
- return i(s, {
727
+ return o(s, {
693
728
  onClick: this.clickHandler,
694
729
  class: {
695
- large: h.large,
730
+ large: c.large,
696
731
  "no-icon": !this.icon,
697
- [d["DISABLED_CLASS"]]: this.disabled
732
+ [h["DISABLED_CLASS"]]: this.disabled
698
733
  }
699
- }, i("div", {
734
+ }, o("div", {
700
735
  class: {
701
736
  container: true,
702
737
  "form-element": true
703
738
  }
704
- }, this.icon ? i("gxg-icon", {
739
+ }, this.icon ? o("gxg-icon", {
705
740
  color: this.iconColorHandler(),
706
741
  size: "small",
707
742
  type: this.icon
708
- }) : null, i("div", {
743
+ }) : null, o("div", {
709
744
  class: "description"
710
- }, i("slot", null))));
745
+ }, o("slot", null))));
711
746
  }
712
747
  };
713
748
 
714
- m.style = b;
749
+ b.style = g;
715
750
 
716
- export { g as gxg_combo_box, m as gxg_combo_box_item };
717
- //# sourceMappingURL=p-b8fc93f4.entry.js.map
751
+ export { f as gxg_combo_box, b as gxg_combo_box_item };
752
+ //# sourceMappingURL=p-2c8afaa6.entry.js.map