@genexus/genexus-ide-ui 0.0.42 → 0.0.44

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 (165) hide show
  1. package/dist/cjs/ch-grid_8.cjs.entry.js +2 -1
  2. package/dist/cjs/ch-icon_2.cjs.entry.js +177 -0
  3. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  4. package/dist/cjs/grid-be8c3413.js +11 -0
  5. package/dist/cjs/{gxg-tab_4.cjs.entry.js → gx-ide-container_5.cjs.entry.js} +136 -2
  6. package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
  7. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +4 -5
  8. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +6 -6
  9. package/dist/cjs/gx-ide-new-object.cjs.entry.js +3 -3
  10. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +9 -12
  11. package/dist/cjs/gx-ide-references.cjs.entry.js +4 -4
  12. package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +8 -5
  13. package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
  14. package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +1 -1
  15. package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +1 -1
  16. package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +11 -9
  17. package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
  18. package/dist/cjs/gx-ide-ww-images.cjs.entry.js +19 -18
  19. package/dist/cjs/{gxg-button_2.cjs.entry.js → gxg-button.cjs.entry.js} +0 -61
  20. package/dist/cjs/gxg-menu-item.cjs.entry.js +11 -59
  21. package/dist/cjs/gxg-menu-slim-item.cjs.entry.js +78 -0
  22. package/dist/cjs/gxg-menu-slim-list.cjs.entry.js +28 -0
  23. package/dist/cjs/gxg-menu-slim.cjs.entry.js +251 -0
  24. package/dist/cjs/gxg-menu.cjs.entry.js +12 -228
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/collection/collection-manifest.json +3 -1
  27. package/dist/collection/components/_template/template.css +24 -0
  28. package/dist/collection/components/container/container.css +7 -11
  29. package/dist/collection/components/container/container.js +45 -40
  30. package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +24 -0
  31. package/dist/collection/components/new-environment/new-environment.css +25 -0
  32. package/dist/collection/components/new-environment/new-environment.js +3 -22
  33. package/dist/collection/components/new-kb/new-kb.css +24 -0
  34. package/dist/collection/components/new-kb/new-kb.js +5 -5
  35. package/dist/collection/components/new-object/new-object.css +24 -0
  36. package/dist/collection/components/new-object/new-object.js +2 -2
  37. package/dist/collection/components/object-selector/object-selector.css +24 -0
  38. package/dist/collection/components/object-selector/object-selector.js +21 -3
  39. package/dist/collection/components/references/references.css +24 -0
  40. package/dist/collection/components/references/references.js +3 -3
  41. package/dist/collection/components/team-dev-commit/team-dev-commit.css +33 -10
  42. package/dist/collection/components/team-dev-commit/team-dev-commit.js +21 -4
  43. package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.css +24 -0
  44. package/dist/collection/components/team-dev-update/team-dev-update.css +24 -0
  45. package/dist/collection/components/team-dev-update/team-dev-update.js +24 -8
  46. package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.css +24 -0
  47. package/dist/collection/components/team-dev-update-to-revision/team-dev-update-to-revision.css +24 -0
  48. package/dist/collection/components/ww-images/ww-images.css +24 -0
  49. package/dist/collection/components/ww-images/ww-images.js +22 -22
  50. package/dist/collection/pages/assets/common.js +21 -21
  51. package/dist/components/container.js +12 -24
  52. package/dist/components/grid.js +9 -0
  53. package/dist/components/gx-ide-create-kb-from-server.js +1 -1
  54. package/dist/components/gx-ide-new-environment.js +8 -16
  55. package/dist/components/gx-ide-new-kb.js +6 -6
  56. package/dist/components/gx-ide-new-object.js +3 -3
  57. package/dist/components/gx-ide-object-selector.js +9 -12
  58. package/dist/components/gx-ide-references.js +4 -4
  59. package/dist/components/gx-ide-team-dev-commit.js +17 -14
  60. package/dist/components/gx-ide-team-dev-select-recent-comment.js +1 -1
  61. package/dist/components/gx-ide-team-dev-update-partial-selection.js +1 -1
  62. package/dist/components/gx-ide-team-dev-update-to-revision.js +1 -1
  63. package/dist/components/gx-ide-team-dev-update.js +20 -18
  64. package/dist/components/gx-ide-template.js +1 -1
  65. package/dist/components/gx-ide-top-bar.js +72 -1
  66. package/dist/components/gx-ide-ww-images.js +20 -19
  67. package/dist/components/gxg-grid2.js +4 -2
  68. package/dist/components/gxg-menu-item.js +14 -65
  69. package/dist/components/gxg-menu-slim-item.js +111 -0
  70. package/dist/components/gxg-menu-slim-list.js +50 -0
  71. package/dist/components/gxg-menu-slim.js +271 -0
  72. package/dist/components/gxg-menu.js +14 -233
  73. package/dist/components/index.js +3 -1
  74. package/dist/components/tab-bar.js +7 -1
  75. package/dist/components/tab.js +13 -1
  76. package/dist/components/tabs.js +2 -0
  77. package/dist/esm/ch-grid_8.entry.js +2 -1
  78. package/dist/esm/ch-icon_2.entry.js +172 -0
  79. package/dist/esm/genexus-ide-ui.js +1 -1
  80. package/dist/esm/grid-1354bf8f.js +9 -0
  81. package/dist/esm/{gxg-tab_4.entry.js → gx-ide-container_5.entry.js} +136 -3
  82. package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
  83. package/dist/esm/gx-ide-new-environment.entry.js +4 -5
  84. package/dist/esm/gx-ide-new-kb.entry.js +6 -6
  85. package/dist/esm/gx-ide-new-object.entry.js +3 -3
  86. package/dist/esm/gx-ide-object-selector.entry.js +9 -12
  87. package/dist/esm/gx-ide-references.entry.js +4 -4
  88. package/dist/esm/gx-ide-team-dev-commit.entry.js +8 -5
  89. package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
  90. package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +1 -1
  91. package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +1 -1
  92. package/dist/esm/gx-ide-team-dev-update.entry.js +11 -9
  93. package/dist/esm/gx-ide-template.entry.js +1 -1
  94. package/dist/esm/gx-ide-ww-images.entry.js +19 -18
  95. package/dist/esm/{gxg-button_2.entry.js → gxg-button.entry.js} +2 -62
  96. package/dist/esm/gxg-menu-item.entry.js +12 -60
  97. package/dist/esm/gxg-menu-slim-item.entry.js +74 -0
  98. package/dist/esm/gxg-menu-slim-list.entry.js +24 -0
  99. package/dist/esm/gxg-menu-slim.entry.js +247 -0
  100. package/dist/esm/gxg-menu.entry.js +12 -228
  101. package/dist/esm/loader.js +1 -1
  102. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  103. package/dist/genexus-ide-ui/p-04f69ecc.entry.js +1 -0
  104. package/dist/genexus-ide-ui/p-098a1397.entry.js +1 -0
  105. package/dist/genexus-ide-ui/p-0f85cf00.entry.js +1 -0
  106. package/dist/genexus-ide-ui/{p-38fa6211.entry.js → p-19d9c08c.entry.js} +1 -1
  107. package/dist/genexus-ide-ui/p-1bcabe1c.entry.js +1 -0
  108. package/dist/genexus-ide-ui/{p-fcdcb919.entry.js → p-1ccf523f.entry.js} +1 -1
  109. package/dist/genexus-ide-ui/p-2bd01c9e.entry.js +1 -0
  110. package/dist/genexus-ide-ui/p-42901fd7.entry.js +1 -0
  111. package/dist/genexus-ide-ui/p-4b65669b.entry.js +1 -0
  112. package/dist/genexus-ide-ui/p-6afc6187.entry.js +1 -0
  113. package/dist/genexus-ide-ui/p-73f61127.entry.js +1 -0
  114. package/dist/genexus-ide-ui/p-9014609e.entry.js +1 -0
  115. package/dist/genexus-ide-ui/{p-508cf8b0.entry.js → p-917c5696.entry.js} +1 -1
  116. package/dist/genexus-ide-ui/p-a708db45.entry.js +1 -0
  117. package/dist/genexus-ide-ui/p-b456483d.entry.js +1 -0
  118. package/dist/genexus-ide-ui/p-b74dd891.entry.js +1 -0
  119. package/dist/genexus-ide-ui/p-c38c6957.entry.js +1 -0
  120. package/dist/genexus-ide-ui/p-c61bf417.entry.js +1 -0
  121. package/dist/genexus-ide-ui/p-c6a7b93c.js +1 -0
  122. package/dist/genexus-ide-ui/p-e1cd9135.entry.js +1 -0
  123. package/dist/genexus-ide-ui/{p-22e142e8.entry.js → p-e4eb3828.entry.js} +1 -1
  124. package/dist/genexus-ide-ui/p-e5a3e3b9.entry.js +1 -0
  125. package/dist/genexus-ide-ui/{p-6073c264.entry.js → p-f1116ac5.entry.js} +1 -1
  126. package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +1 -5
  127. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu/menu.css +724 -0
  128. package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu-item/menu-item.css +711 -0
  129. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +8 -0
  130. package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +3 -0
  131. package/dist/types/components/container/container.d.ts +8 -5
  132. package/dist/types/components/new-environment/new-environment.d.ts +0 -4
  133. package/dist/types/components/object-selector/object-selector.d.ts +10 -6
  134. package/dist/types/components/team-dev-commit/team-dev-commit.d.ts +4 -0
  135. package/dist/types/components/team-dev-update/team-dev-update.d.ts +4 -0
  136. package/dist/types/components/ww-images/ww-images.d.ts +13 -14
  137. package/dist/types/components.d.ts +27 -15
  138. package/package.json +3 -3
  139. package/dist/cjs/ch-icon.cjs.entry.js +0 -116
  140. package/dist/cjs/gx-ide-container.cjs.entry.js +0 -137
  141. package/dist/cjs/gxg-menu-list.cjs.entry.js +0 -28
  142. package/dist/components/gxg-menu-list.js +0 -50
  143. package/dist/components/top-bar.js +0 -74
  144. package/dist/esm/ch-icon.entry.js +0 -112
  145. package/dist/esm/gx-ide-container.entry.js +0 -133
  146. package/dist/esm/gxg-menu-list.entry.js +0 -24
  147. package/dist/genexus-ide-ui/p-07e89cdd.entry.js +0 -1
  148. package/dist/genexus-ide-ui/p-1770fa36.entry.js +0 -1
  149. package/dist/genexus-ide-ui/p-179713ef.entry.js +0 -1
  150. package/dist/genexus-ide-ui/p-181ee8a8.entry.js +0 -1
  151. package/dist/genexus-ide-ui/p-35fc1102.entry.js +0 -1
  152. package/dist/genexus-ide-ui/p-4d39c34a.entry.js +0 -1
  153. package/dist/genexus-ide-ui/p-55d98662.entry.js +0 -1
  154. package/dist/genexus-ide-ui/p-5ad757f4.entry.js +0 -1
  155. package/dist/genexus-ide-ui/p-764ab316.entry.js +0 -1
  156. package/dist/genexus-ide-ui/p-7a83018d.entry.js +0 -1
  157. package/dist/genexus-ide-ui/p-7a90def4.entry.js +0 -1
  158. package/dist/genexus-ide-ui/p-7c38776f.entry.js +0 -1
  159. package/dist/genexus-ide-ui/p-82228c39.entry.js +0 -1
  160. package/dist/genexus-ide-ui/p-8afbdbc9.entry.js +0 -1
  161. package/dist/genexus-ide-ui/p-cab184a7.entry.js +0 -1
  162. package/dist/genexus-ide-ui/p-d376dada.entry.js +0 -1
  163. /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu-item/menu-item.css → menu-slim/item/item.css} +0 -0
  164. /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu-list/menu-list.css → menu-slim/list/list.css} +0 -0
  165. /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu → menu-slim/menu}/menu.css +0 -0
@@ -82,7 +82,7 @@ const convertReferenceDataToTreeData = (referencedBy) => {
82
82
  return treeData;
83
83
  };
84
84
 
85
- const referencesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:\"hide-bar-button suggest-label gxg-suggest selector-dialog-button\"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:\"is-referenced has-references\";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}";
85
+ const referencesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:\"hide-bar-button suggest-label gxg-suggest selector-dialog-button\"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:\"is-referenced has-references\";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}";
86
86
 
87
87
  const GxIdeReferences = class {
88
88
  constructor(hostRef) {
@@ -284,12 +284,12 @@ const GxIdeReferences = class {
284
284
  // 10.RENDER() FUNCTION //
285
285
  render() {
286
286
  var _a, _b, _c, _d, _e, _f;
287
- return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gx-ide-container", { displayBorderBottom: true }, index.h("header", { class: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown" }, renderSuggestLists(this.objectsSuggestions))), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), index.h("div", { class: {
287
+ return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { displayBorderBottom: true }, index.h("header", { class: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown" }, renderSuggestLists(this.objectsSuggestions))), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), index.h("div", { class: {
288
288
  "header__bottom": true,
289
289
  "header__bottom--hidden": this.barHidden
290
- } }, index.h("div", { class: "outer-wrapper" }, index.h("div", { class: "inner-wrapper" }, index.h("div", { class: "inner-wrapper__left" }, index.h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), index.h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), index.h("div", { class: "inner-wrapper__right gxi-hidden" }, index.h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" }))))))), index.h("main", { class: "main grid" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, justifyContent: "center", fullHeight: true, part: "referenced-by-container" }, index.h("gxg-tree", { class: { "gxi-hidden": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(false), part: "referenced-by-tree" }, updateTreeModel.renderTreeItems(this.referencedByTreeData)), !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length) && (index.h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "referenced-by-text" }, ((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) === 0
290
+ } }, index.h("div", { class: "outer-wrapper" }, index.h("div", { class: "inner-wrapper" }, index.h("div", { class: "inner-wrapper__left" }, index.h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), index.h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), index.h("div", { class: "inner-wrapper__right gxi-hidden" }, index.h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" }))))))), index.h("main", { class: "main grid gxi-full-height gxi-overflow-auto" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, fullHeight: true, noContentPadding: true, class: "gxi-overflow-auto", part: "referenced-by-container" }, index.h("gxg-tree", { class: { "gxi-hidden": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(false), part: "referenced-by-tree" }, updateTreeModel.renderTreeItems(this.referencedByTreeData)), !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length) && (index.h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "referenced-by-text" }, ((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) === 0
291
291
  ? this._componentLocale.main.isReferencedByEmpty
292
- : this._componentLocale.main.isReferencedByError))), index.h("gx-ide-container", { containerTitle: this._componentLocale.main.hasReferencesTo, justifyContent: "center", fullHeight: true, part: "references-to-container" }, index.h("gxg-tree", { class: { "gxi-hidden": !((_d = this.referencesToTreeData) === null || _d === void 0 ? void 0 : _d.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(true), part: "references-to-tree" }, updateTreeModel.renderTreeItems(this.referencesToTreeData)), !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length) && (index.h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "references-to-text" }, ((_f = this.referencesToTreeData) === null || _f === void 0 ? void 0 : _f.length) === 0
292
+ : this._componentLocale.main.isReferencedByError))), index.h("gx-ide-container", { containerTitle: this._componentLocale.main.hasReferencesTo, fullHeight: true, noContentPadding: true, class: "gxi-overflow-auto", part: "references-to-container" }, index.h("gxg-tree", { class: { "gxi-hidden": !((_d = this.referencesToTreeData) === null || _d === void 0 ? void 0 : _d.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(true), part: "references-to-tree" }, updateTreeModel.renderTreeItems(this.referencesToTreeData)), !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length) && (index.h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "references-to-text" }, ((_f = this.referencesToTreeData) === null || _f === void 0 ? void 0 : _f.length) === 0
293
293
  ? this._componentLocale.main.hasReferencesEmpty
294
294
  : this._componentLocale.main.hasReferencesToError)))))));
295
295
  }
@@ -4,14 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-5a32426a.js');
6
6
  const locale = require('./locale-c8445ea4.js');
7
+ const grid = require('./grid-be8c3413.js');
7
8
  const renderComboItems = require('./render-combo-items-ef403ec4.js');
8
9
  const formatDate = require('./format-date-c32a19bd.js');
9
10
 
10
- const teamDevCommitCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.header .header-button{height:fit-content}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
11
+ const teamDevCommitCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{grid-template-columns:4fr auto}.header .header-button{height:fit-content}.main{display:flex;flex-direction:column}ch-grid{height:auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
11
12
 
12
13
  const GxIdeTeamDevCommit = class {
13
14
  constructor(hostRef) {
14
15
  index.registerInstance(this, hostRef);
16
+ this.componentDidRenderEvent = index.createEvent(this, "componentDidRenderEvent", 7);
15
17
  this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
16
18
  this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
17
19
  // 9.LOCAL METHODS //
@@ -121,11 +123,11 @@ const GxIdeTeamDevCommit = class {
121
123
  };
122
124
  /* pending commits grid render*/
123
125
  this.renderPendingCommitsGrid = () => {
124
- return (index.h("gxg-grid", null, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", class: "no-border", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: "150px" }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: "auto" })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { color: "auto", type: obj.iconType })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${formatDate.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.localState, " "), index.h("ch-grid-cell", null, `${formatDate.formatDate(obj.lastSynchronized)}`), index.h("ch-grid-cell", null, " ", obj.user, " ")))))));
126
+ return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${formatDate.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${formatDate.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
125
127
  };
126
128
  /* ignored objects grid render*/
127
129
  this.renderIgnoredObjectsGrid = () => {
128
- return (index.h("gxg-grid", null, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true }), index.h("ch-grid-column", { columnName: "Type", settingable: false }), index.h("ch-grid-column", { columnName: "Description", settingable: false }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false }), index.h("ch-grid-column", { columnName: "Module", settingable: false }), index.h("ch-grid-column", { columnName: "Local State", settingable: false }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false }), index.h("ch-grid-column", { columnName: "User", settingable: false })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { color: "auto", type: obj.iconType })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${formatDate.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.localState, " "), index.h("ch-grid-cell", null, `${formatDate.formatDate(obj.lastSynchronized)}`), index.h("ch-grid-cell", null, " ", obj.user, " ")))))));
130
+ return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${formatDate.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${formatDate.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
129
131
  };
130
132
  this.getRecentCommentHandler = async () => {
131
133
  if (this.getRecentCommentCallback) {
@@ -189,6 +191,7 @@ const GxIdeTeamDevCommit = class {
189
191
  this.conditionToCommit();
190
192
  }
191
193
  async componentDidRender() {
194
+ this.componentDidRenderEvent.emit(this._componentLocale.componentName);
192
195
  if (this.loadDataCalledFirstTime) {
193
196
  // call this method only once
194
197
  await this.markAllPendingCommitsRows();
@@ -207,8 +210,8 @@ const GxIdeTeamDevCommit = class {
207
210
  }
208
211
  // 10.RENDER() FUNCTION //
209
212
  render() {
210
- return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gxg-container", null, index.h("header", { class: "header grid" }, index.h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitCommentEl = el), onInput: this.conditionToCommit, placeholder: this._componentLocale.topMenu.commentPlaceholder, part: "comment" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main" }, index.h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
211
- (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.changeSet)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.folders)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.categories)))))), index.h("gxg-container", null, index.h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), index.h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton))))));
213
+ return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", null, index.h("header", { class: "header grid" }, index.h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitCommentEl = el), onInput: this.conditionToCommit, placeholder: this._componentLocale.topMenu.commentPlaceholder, part: "comment" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main gxi-full-height gx-ide-overflow" }, index.h("gx-ide-container", { noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
214
+ (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.changeSet)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.folders)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.categories)))))), index.h("gx-ide-container", { noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, index.h("gxg-tabs", { class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true, flex: true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true, flex: true }, this.renderIgnoredObjectsGrid())))), index.h("gx-ide-container", { displayBorderTop: true }, index.h("gxg-button", { slot: "footer-end", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton)))));
212
215
  }
213
216
  static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
214
217
  get el() { return index.getElement(this); }
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-5a32426a.js');
6
6
  const locale = require('./locale-c8445ea4.js');
7
7
 
8
- const teamDevSelectRecentCommentCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.action-buttons{grid-template-columns:repeat(2, 1fr)}";
8
+ const teamDevSelectRecentCommentCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.action-buttons{grid-template-columns:repeat(2, 1fr)}";
9
9
 
10
10
  const GxIdeTeamDevSelectRecentComment = class {
11
11
  constructor(hostRef) {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-5a32426a.js');
6
6
  const locale = require('./locale-c8445ea4.js');
7
7
 
8
- const teamDevUpdatePartialSelectionCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gx-ide-grid-row-gap)}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
8
+ const teamDevUpdatePartialSelectionCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gx-ide-grid-row-gap)}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
9
9
 
10
10
  const GxIdeTeamDevUpdatePartialSelection = class {
11
11
  constructor(hostRef) {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-5a32426a.js');
6
6
  const locale = require('./locale-c8445ea4.js');
7
7
 
8
- const teamDevUpdateToRevisionCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
8
+ const teamDevUpdateToRevisionCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
9
9
 
10
10
  const GxIdeTeamDevUpdateToRevision = class {
11
11
  constructor(hostRef) {
@@ -7,12 +7,13 @@ const locale = require('./locale-c8445ea4.js');
7
7
  const renderComboItems = require('./render-combo-items-ef403ec4.js');
8
8
  const formatDate = require('./format-date-c32a19bd.js');
9
9
 
10
- const teamDevUpdateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
10
+ const teamDevUpdateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
11
11
 
12
12
  const GxIdeTeamDevUpdate = class {
13
13
  constructor(hostRef) {
14
14
  index.registerInstance(this, hostRef);
15
15
  this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
16
+ this.componentDidRenderEvent = index.createEvent(this, "componentDidRenderEvent", 7);
16
17
  this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
17
18
  // 9.LOCAL METHODS //
18
19
  this.onRowContextMenuHandler = (grid) => async (ev) => {
@@ -45,30 +46,30 @@ const GxIdeTeamDevUpdate = class {
45
46
  }
46
47
  };
47
48
  this.renderOptions = () => {
48
- return (index.h("gxg-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gxg-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom
49
+ return (index.h("gx-ide-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom
49
50
  ? formatDate.formatDate(this.updateFrom.lastFullUpdate)
50
- : ""))), index.h("gxg-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
51
+ : ""))), index.h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
51
52
  ? this._componentLocale.options.scopeData.revision.latest
52
53
  : this.revisionScopeText)), index.h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), index.h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
53
54
  };
54
55
  this.renderFilter = () => {
55
- return (index.h("gxg-container", { part: "filters-container" }, index.h("div", { class: "filters-container-body with-gap" }, index.h("div", { class: {
56
+ return (index.h("gx-ide-container", { part: "filters-container" }, index.h("div", { class: "filters-container-body with-gap" }, index.h("div", { class: {
56
57
  "grid": true,
57
58
  "filter-grid": true,
58
59
  "hide": !this.showFilter
59
60
  } }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), index.h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: { actions: true, close: !this.showFilter } }, index.h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
60
61
  };
61
62
  this.renderData = () => {
62
- return (index.h("gxg-container", { part: "data-container" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects" }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results" }, this.renderResults()))));
63
+ return (index.h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
63
64
  };
64
65
  this.renderPendingForUpdate = () => {
65
- return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" })), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${formatDate.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.status, " "), index.h("ch-grid-cell", null, " ", obj.action, " ")))))));
66
+ return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name, " ")), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${formatDate.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.status)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.action))))))));
66
67
  };
67
68
  this.renderIgnoredObjects = () => {
68
- return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " ")))))));
69
+ return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type))))))));
69
70
  };
70
71
  this.renderResults = () => {
71
- return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("results"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("results") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, " ", this.renderIconResult(obj.result), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" })), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, " ", obj.notes, " "), index.h("ch-grid-rowset", null, obj.messages.map(msg => {
72
+ return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", onRowContextMenu: this.onRowContextMenuHandler("results"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("results") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconResult(obj.result))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.notes)), index.h("ch-grid-rowset", null, obj.messages.map(msg => {
72
73
  let msgType;
73
74
  switch (msg.type) {
74
75
  case "info":
@@ -252,6 +253,7 @@ const GxIdeTeamDevUpdate = class {
252
253
  await this.loadData();
253
254
  }
254
255
  async componentDidRender() {
256
+ this.componentDidRenderEvent.emit(this._componentLocale.componentName);
255
257
  if (this.loadDataCalledFirstTime) {
256
258
  // call this method only once
257
259
  await this.markAllPendingToUpdateRows();
@@ -271,7 +273,7 @@ const GxIdeTeamDevUpdate = class {
271
273
  }
272
274
  // 10.RENDER() FUNCTION //
273
275
  render() {
274
- return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderOptions(), this.renderFilter(), this.renderData(), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "align-center with-gap actions" }, index.h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading }, this._componentLocale.footer.btnUpdate))))));
276
+ return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, this.renderOptions(), this.renderFilter(), this.renderData(), index.h("gx-ide-container", { displayBorderTop: true }, index.h("div", { class: "align-center with-gap actions" }, index.h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading }, this._componentLocale.footer.btnUpdate))))));
275
277
  }
276
278
  static get assetsDirs() { return ["gx-ide-assets/team-dev-update"]; }
277
279
  get el() { return index.getElement(this); }
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-5a32426a.js');
6
6
  const locale = require('./locale-c8445ea4.js');
7
7
 
8
- const templateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}";
8
+ const templateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}";
9
9
 
10
10
  const GxIdeTemplate = class {
11
11
  constructor(hostRef) {
@@ -7,7 +7,7 @@ const locale = require('./locale-c8445ea4.js');
7
7
  const common = require('./common-facb7f18.js');
8
8
  const constants = require('./constants-e63c0ad9.js');
9
9
 
10
- const wwImagesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
10
+ const wwImagesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
11
11
 
12
12
  const GxIdeWWImages = class {
13
13
  constructor(hostRef) {
@@ -17,7 +17,7 @@ const GxIdeWWImages = class {
17
17
  // Renders
18
18
  this.renderFilter = () => {
19
19
  var _a, _b, _c, _d, _e;
20
- return (index.h("gxg-container", { fieldset: true, displayBorder: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, index.h("div", { class: "grid filter-grid" }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.name, ref: (el) => (this.filterNameEl = el), part: "filter-name" }), index.h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el), part: "filter-module-folder" }), index.h("div", null, index.h("gxg-button", { id: "button-more-less", type: "primary-text-only", onClick: this.showMoreFilter, part: "gxg-button gxg-button--more-less" }, this.filterMore
20
+ return (index.h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, index.h("div", { class: "grid filter-grid" }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.name, ref: (el) => (this.filterNameEl = el), part: "filter-name" }), index.h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el), part: "filter-module-folder" }), index.h("div", null, index.h("gxg-button", { id: "button-more-less", type: "primary-text-only", onClick: this.showMoreFilter, part: "gxg-button gxg-button--more-less" }, this.filterMore
21
21
  ? this._componentLocale.filter.btnLess
22
22
  : this._componentLocale.filter.btnMore)), index.h("gxg-form-text", { class: { hide: !this.filterMore }, "label-position": "above", label: this._componentLocale.filter.search, ref: (el) => (this.filterSearchContentsEl = el), part: "filter-search" }), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, common.renderFormItems("gxg-combo-box-item", (_a = this.categories) !== null && _a !== void 0 ? _a : [])), index.h("div", { class: { hide: !this.filterMore } }, index.h("gxg-form-checkbox", { label: this._componentLocale.filter.allDescendants, class: "align-center", ref: (el) => (this.filterAllDescendantsEl = el), part: "filter-all-descendants" })), index.h("div", { class: {
23
23
  "flex": true,
@@ -51,10 +51,10 @@ const GxIdeWWImages = class {
51
51
  }, part: "filter-datetime" }, index.h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), index.h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, common.renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, common.renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, common.renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, common.renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
52
52
  };
53
53
  this.renderImages = () => {
54
- return (index.h("gxg-grid", { part: "images-table" }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.icon })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), index.h("ch-grid-cell", null, " ", obj.lastUser, " "), index.h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), index.h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
54
+ return (index.h("gxg-grid", { part: "images-table" }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.icon, color: "auto" })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), index.h("ch-grid-cell", null, " ", obj.lastUser, " "), index.h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), index.h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
55
55
  };
56
56
  this.renderImageData = () => {
57
- return (index.h("gxg-container", { fieldset: true, displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, index.h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (index.h("div", { class: "image-item" }, index.h("div", { class: "img" }, index.h("img", { src: item.url, alt: item.id })), index.h("gxg-text", { type: "text-regular" }, item.name)))))));
57
+ return (index.h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, index.h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (index.h("div", { class: "image-item" }, index.h("div", { class: "img" }, index.h("img", { src: item.url, alt: item.id })), index.h("gxg-text", { type: "text-regular" }, item.name)))))));
58
58
  };
59
59
  this.getImages = () => {
60
60
  let filters = {
@@ -74,18 +74,15 @@ const GxIdeWWImages = class {
74
74
  this.deselectAll();
75
75
  });
76
76
  };
77
- this.newObjectCallbackHandle = () => {
77
+ this.newObjectCallbackHandler = () => {
78
78
  this.newObjectCallback();
79
79
  };
80
- this.openSelectionCallBackHandle = () => {
80
+ this.openSelectionCallBackHandler = () => {
81
81
  this.openSelectionCallback(this.selectedObjectsIds);
82
82
  };
83
- this.deleteSelectionCallbackHandle = () => {
83
+ this.deleteSelectionCallbackHandler = () => {
84
84
  this.deleteSelectionCallback(this.selectedObjectsIds);
85
85
  };
86
- this.contextMenuCallbackHandle = () => {
87
- this.contextMenuCallback(this.selectedObjectsIds);
88
- };
89
86
  this.showMoreFilter = () => {
90
87
  this.filterMore = !this.filterMore;
91
88
  };
@@ -129,16 +126,20 @@ const GxIdeWWImages = class {
129
126
  });
130
127
  });
131
128
  this.chGridEl.addEventListener("rowDoubleClicked", () => {
132
- this.openSelectionCallBackHandle();
129
+ this.openSelectionCallBackHandler();
133
130
  });
134
131
  this.chGridEl.addEventListener("selectionChanged", (ev) => {
135
132
  this.selectedObjectsIds = ev.detail.rowsId;
136
- this.selectionObjectChangeCallback(this.selectedObjectsIds);
133
+ this.selectionObjectChangedCallback(this.selectedObjectsIds);
137
134
  });
138
- this.chGridEl.addEventListener("contextmenu", (ev) => {
135
+ this.chGridEl.addEventListener("rowContextMenu", (ev) => {
139
136
  ev.preventDefault();
140
137
  ev.stopPropagation();
141
- this.contextMenuCallbackHandle();
138
+ this.contextMenuCallback({
139
+ selection: ev.detail.selectedRowsId,
140
+ clientX: ev.detail.clientX,
141
+ clientY: ev.detail.clientY
142
+ });
142
143
  });
143
144
  };
144
145
  this.filterAfterType = "";
@@ -162,7 +163,7 @@ const GxIdeWWImages = class {
162
163
  this.newObjectCallback = undefined;
163
164
  this.openSelectionCallback = undefined;
164
165
  this.selectModuleCallback = undefined;
165
- this.selectionObjectChangeCallback = undefined;
166
+ this.selectionObjectChangedCallback = undefined;
166
167
  this.shadow = false;
167
168
  this.styles = undefined;
168
169
  this.types = undefined;
@@ -181,10 +182,10 @@ const GxIdeWWImages = class {
181
182
  if (document.activeElement === this.el) {
182
183
  switch (eventInfo.key) {
183
184
  case "Enter":
184
- this.openSelectionCallBackHandle();
185
+ this.openSelectionCallBackHandler();
185
186
  break;
186
187
  case "Delete":
187
- this.deleteSelectionCallbackHandle();
188
+ this.deleteSelectionCallbackHandler();
188
189
  break;
189
190
  }
190
191
  }
@@ -219,7 +220,7 @@ const GxIdeWWImages = class {
219
220
  }
220
221
  // 10.RENDER() FUNCTION //
221
222
  render() {
222
- return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), index.h("gxg-container", null, index.h("div", { class: "grid images-grid" }, this.renderImages(), this.renderImageData())), index.h("gxg-container", null, index.h("div", { class: "grid objects-count" }, index.h("div", { class: "flex with-gap" }, index.h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), index.h("gxg-button", { id: "button-new-file", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new-file" }, this._componentLocale.footer.btnNew)), index.h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.images.length} ${this._componentLocale.objCount.matching}`))))));
223
+ return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), index.h("gxg-container", null, index.h("div", { class: "grid images-grid" }, this.renderImages(), this.renderImageData())), index.h("gxg-container", null, index.h("div", { class: "grid objects-count" }, index.h("div", { class: "flex with-gap" }, index.h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), index.h("gxg-button", { id: "button-new-file", type: "primary-text-only", onClick: this.newObjectCallbackHandler, part: "gxg-button gxg-button--new-file" }, this._componentLocale.footer.btnNew)), index.h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.images.length} ${this._componentLocale.objCount.matching}`))))));
223
224
  }
224
225
  static get assetsDirs() { return ["gx-ide-assets/ww-images"]; }
225
226
  get el() { return index.getElement(this); }
@@ -206,65 +206,4 @@ const GxgButton = class {
206
206
  };
207
207
  GxgButton.style = buttonCss;
208
208
 
209
- const iconCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";
210
-
211
- /*********************************
212
- CONSTANTS
213
- *********************************/
214
- const COLOR_MAPPINGS = {
215
- alwaysblack: "color-always-black",
216
- disabled: "color-primary-disabled",
217
- ondisabled: "color-on-disabled",
218
- error: "color-error-dark",
219
- negative: "color-on-primary",
220
- onbackground: "color-on-background",
221
- "primary-enabled": "color-primary-enabled",
222
- "primary-active": "color-primary-active",
223
- "primary-hover": "color-primary-hover",
224
- success: "color-success-dark",
225
- warning: "color-warning-dark",
226
- };
227
- const GxgIcon = class {
228
- constructor(hostRef) {
229
- index.registerInstance(this, hostRef);
230
- /**
231
- * The size of the icon. Possible values: regular, small.
232
- */
233
- this.size = "regular";
234
- }
235
- /*********************************
236
- METHODS
237
- *********************************/
238
- getSrcPath() {
239
- return index.getAssetPath(`./icon-assets/${this.type}.svg`);
240
- }
241
- iconSize() {
242
- if (this.size === "regular") {
243
- return "16px";
244
- }
245
- else if (this.size === "small") {
246
- return "12px";
247
- }
248
- }
249
- render() {
250
- return (index.h(index.Host, null, index.h("ch-icon", { style: {
251
- "--icon-color": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),
252
- "--icon-size": this.iconSize(),
253
- }, "auto-color": this.color === "auto", src: this.getSrcPath(), part: "ch-icon" })));
254
- }
255
- mapColorToCssVar(color) {
256
- if (color) {
257
- return `var(--${color})`;
258
- }
259
- else {
260
- //default color
261
- return `var(--color-on-background)`;
262
- }
263
- }
264
- static get assetsDirs() { return ["icon-assets"]; }
265
- get element() { return index.getElement(this); }
266
- };
267
- GxgIcon.style = iconCss;
268
-
269
209
  exports.gxg_button = GxgButton;
270
- exports.gxg_icon = GxgIcon;