@genexus/genexus-ide-ui 0.0.10 → 0.0.11

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 (89) hide show
  1. package/README.md +18 -256
  2. package/dist/cjs/ch-grid-row-actions.cjs.entry.js +30 -1
  3. package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +16 -3
  4. package/dist/cjs/ch-grid_9.cjs.entry.js +292 -247
  5. package/dist/cjs/ch-suggest.cjs.entry.js +9 -8
  6. package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
  7. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  8. package/dist/cjs/gx-ide-test.cjs.entry.js +3 -2
  9. package/dist/cjs/gxg-combo-box_8.cjs.entry.js +69 -54
  10. package/dist/cjs/gxg-form-text.cjs.entry.js +23 -13
  11. package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
  12. package/dist/cjs/gxg-list-box-item.cjs.entry.js +5 -2
  13. package/dist/cjs/gxg-list-box.cjs.entry.js +1 -1
  14. package/dist/cjs/gxg-test.cjs.entry.js +5 -3
  15. package/dist/cjs/gxg-tree-item.cjs.entry.js +1 -1
  16. package/dist/cjs/gxg-tree.cjs.entry.js +2 -1
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/collection/common/render-tree.js +2 -1
  19. package/dist/collection/components/_test/test.js +1 -1
  20. package/dist/components/ch-grid-row-actions.js +52 -4
  21. package/dist/components/ch-grid-rowset-legend.js +32 -1
  22. package/dist/components/ch-grid2.js +295 -249
  23. package/dist/components/ch-suggest.js +10 -9
  24. package/dist/components/ch-tree-item.js +1 -1
  25. package/dist/components/combo-box-item.js +18 -18
  26. package/dist/components/combo-box.js +51 -36
  27. package/dist/components/form-text.js +25 -13
  28. package/dist/components/gx-ide-test.js +3 -2
  29. package/dist/components/gxg-form-textarea.js +1 -1
  30. package/dist/components/gxg-list-box-item.js +5 -2
  31. package/dist/components/gxg-list-box.js +1 -1
  32. package/dist/components/gxg-test.js +5 -3
  33. package/dist/components/gxg-tree-item2.js +1 -2
  34. package/dist/components/gxg-tree2.js +2 -1
  35. package/dist/esm/ch-grid-row-actions.entry.js +31 -2
  36. package/dist/esm/ch-grid-rowset-legend.entry.js +19 -2
  37. package/dist/esm/ch-grid_9.entry.js +292 -247
  38. package/dist/esm/ch-suggest.entry.js +9 -8
  39. package/dist/esm/ch-tree-item.entry.js +1 -1
  40. package/dist/esm/genexus-ide-ui.js +1 -1
  41. package/dist/esm/gx-ide-test.entry.js +3 -2
  42. package/dist/esm/gxg-combo-box_8.entry.js +69 -54
  43. package/dist/esm/gxg-form-text.entry.js +23 -13
  44. package/dist/esm/gxg-form-textarea.entry.js +1 -1
  45. package/dist/esm/gxg-list-box-item.entry.js +5 -2
  46. package/dist/esm/gxg-list-box.entry.js +1 -1
  47. package/dist/esm/gxg-test.entry.js +5 -3
  48. package/dist/esm/gxg-tree-item.entry.js +1 -1
  49. package/dist/esm/gxg-tree.entry.js +2 -1
  50. package/dist/esm/loader.js +1 -1
  51. package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
  52. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  53. package/dist/genexus-ide-ui/p-01795e05.entry.js +1 -0
  54. package/dist/genexus-ide-ui/p-1367be09.entry.js +1 -0
  55. package/dist/genexus-ide-ui/p-18c86754.entry.js +1 -0
  56. package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +1 -0
  57. package/dist/genexus-ide-ui/p-3c6099ff.entry.js +1 -0
  58. package/dist/genexus-ide-ui/p-4144fe18.entry.js +1 -0
  59. package/dist/genexus-ide-ui/p-421bd2fb.entry.js +1 -0
  60. package/dist/genexus-ide-ui/p-5faaf0e5.entry.js +1 -0
  61. package/dist/genexus-ide-ui/{p-45bf6aaf.entry.js → p-7b79281c.entry.js} +1 -1
  62. package/dist/genexus-ide-ui/p-7dead490.entry.js +1 -0
  63. package/dist/genexus-ide-ui/p-8f89e354.entry.js +1 -0
  64. package/dist/genexus-ide-ui/{p-bb9e6db0.entry.js → p-a04ce551.entry.js} +1 -1
  65. package/dist/genexus-ide-ui/{p-3546b5f7.entry.js → p-c0360787.entry.js} +1 -1
  66. package/dist/genexus-ide-ui/{p-4c6b4be3.entry.js → p-f23610f0.entry.js} +1 -1
  67. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/ch-grid.css +0 -9
  68. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-row-actions/ch-grid-row-actions.css +3 -0
  69. package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css +14 -14
  70. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
  71. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
  72. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
  73. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +12 -9
  74. package/dist/types/common/render-tree.d.ts +1 -1
  75. package/package.json +2 -2
  76. package/dist/cjs/ch-grid-rowset-legend-d29e1c7d.js +0 -22
  77. package/dist/components/ch-grid-rowset-legend2.js +0 -35
  78. package/dist/esm/ch-grid-rowset-legend-d6a0dd68.js +0 -20
  79. package/dist/genexus-ide-ui/p-17827fd8.js +0 -1
  80. package/dist/genexus-ide-ui/p-4298cd04.entry.js +0 -1
  81. package/dist/genexus-ide-ui/p-5aa4d5cc.entry.js +0 -1
  82. package/dist/genexus-ide-ui/p-715bf2d4.entry.js +0 -1
  83. package/dist/genexus-ide-ui/p-761e8fa3.entry.js +0 -1
  84. package/dist/genexus-ide-ui/p-93f9f73b.entry.js +0 -1
  85. package/dist/genexus-ide-ui/p-b218be5e.entry.js +0 -1
  86. package/dist/genexus-ide-ui/p-c0a96223.entry.js +0 -1
  87. package/dist/genexus-ide-ui/p-c132ce73.entry.js +0 -1
  88. package/dist/genexus-ide-ui/p-d3e6590c.entry.js +0 -1
  89. package/dist/genexus-ide-ui/p-d57c8f13.entry.js +0 -1
@@ -7,7 +7,7 @@ import { d as defineCustomElement$4 } from './icon.js';
7
7
  import { d as defineCustomElement$3 } from './button.js';
8
8
  import { d as defineCustomElement$2 } from './icon2.js';
9
9
 
10
- const listBoxCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default}: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)}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background)}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:0}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";
10
+ const listBoxCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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)}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background)}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:0}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";
11
11
 
12
12
  const GxgListBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
13
  constructor() {
@@ -24,7 +24,7 @@ const renderTreeItem = (item) => {
24
24
  const childrenLength = item.items ? item.items.length : 0;
25
25
  const isLeaf = childrenLength === 0 || item.leaf ? true : false;
26
26
  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, itemId: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [
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
28
  item.label,
29
29
  ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false, item.id),
30
30
  ]));
@@ -51,12 +51,14 @@ const GxgTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
51
51
  };
52
52
  this.getSelectedItemsHandler = () => {
53
53
  (async () => {
54
- await this.tree.getSelectedItems();
54
+ const selected = await this.tree.getSelectedItems();
55
+ console.log(selected);
55
56
  })();
56
57
  };
57
58
  this.getCheckedItemsHandler = () => {
58
59
  (async () => {
59
- await this.tree.getCheckedItems();
60
+ const checked = await this.tree.getCheckedItems();
61
+ console.log(checked);
60
62
  })();
61
63
  };
62
64
  this.deleteNodeHandler = () => {
@@ -267,7 +267,7 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
267
267
  toggleTreeIconClicked() {
268
268
  if (this.lazy) {
269
269
  this.downloading = true;
270
- this.loadLazyChildren.emit({ id: this.itemId });
270
+ this.loadLazyChildren.emit({ id: this.id });
271
271
  }
272
272
  else {
273
273
  this.opened = !this.opened;
@@ -530,7 +530,6 @@ const GxgTreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
530
530
  "label": [1],
531
531
  "leaf": [1028],
532
532
  "selected": [1028],
533
- "itemId": [1, "item-id"],
534
533
  "icon": [1],
535
534
  "treeModel": [16],
536
535
  "numberOfChildren": [2, "number-of-children"],
@@ -118,6 +118,7 @@ const GxgTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
118
118
  const allItems = this.el.querySelectorAll("gxg-tree-item");
119
119
  if (allItems === null || allItems === void 0 ? void 0 : allItems.length) {
120
120
  Array.from(allItems).forEach((item) => {
121
+ console.log(item);
121
122
  if (item.selected) {
122
123
  selectedItems.push({
123
124
  id: item.id,
@@ -143,7 +144,7 @@ const GxgTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
143
144
  const allTreeItems = Array.from(this.el.querySelectorAll("gxg-tree-item"));
144
145
  const toggledTreeItems = [];
145
146
  ids.forEach((id) => {
146
- const found = allTreeItems.find((item) => id === item.itemId);
147
+ const found = allTreeItems.find((item) => id === item.id);
147
148
  if (found && open === undefined) {
148
149
  found.opened = !found.opened;
149
150
  }
@@ -1,11 +1,40 @@
1
- import { r as registerInstance } from './index-4f0a5746.js';
1
+ import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
2
2
 
3
- const chGridRowActionsCss = "";
3
+ const chGridRowActionsCss = ":host{display:contents}";
4
4
 
5
5
  const ChGridRowActions = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  }
9
+ /**
10
+ * Opens the row actions on row hover.
11
+ */
12
+ async openRowHover(row) {
13
+ this.window.container = row;
14
+ this.window.xAlign = "inside-end";
15
+ this.window.yAlign = "center";
16
+ this.window.closeOnOutsideClick = false;
17
+ this.window.hidden = false;
18
+ }
19
+ /**
20
+ * Opens the row actions on the row-actions-button cell.
21
+ */
22
+ async openRowActions(cell) {
23
+ this.window.container = cell;
24
+ this.window.xAlign = "outside-start";
25
+ this.window.yAlign = "outside-end";
26
+ this.window.closeOnOutsideClick = true;
27
+ this.window.hidden = false;
28
+ }
29
+ /**
30
+ * Closes the row actions window.
31
+ */
32
+ async close() {
33
+ this.window.hidden = true;
34
+ }
35
+ render() {
36
+ return (h(Host, { slot: "row-actions" }, h("ch-window", { ref: el => (this.window = el), xAlign: "inside-end", modal: false, showHeader: false, showFooter: false, exportparts: "main:box" }, h("slot", null))));
37
+ }
9
38
  };
10
39
  ChGridRowActions.style = chGridRowActionsCss;
11
40
 
@@ -1,2 +1,19 @@
1
- export { C as ch_grid_rowset_legend } from './ch-grid-rowset-legend-d6a0dd68.js';
2
- import './index-4f0a5746.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-4f0a5746.js';
2
+
3
+ const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
4
+
5
+ const ChGridRowsetLegend = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
9
+ }
10
+ clickHandler() {
11
+ this.rowsetLegendClicked.emit();
12
+ }
13
+ render() {
14
+ return (h(Host, null, h("div", { part: "caret" }), h("label", { part: "selector-label" }, h("input", { type: "checkbox", part: "selector" })), h("div", { part: "icon" }), h("slot", null)));
15
+ }
16
+ };
17
+ ChGridRowsetLegend.style = chGridRowsetLegendCss;
18
+
19
+ export { ChGridRowsetLegend as ch_grid_rowset_legend };