@genexus/genexus-ide-ui 0.0.64 → 0.0.65

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 (109) hide show
  1. package/dist/cjs/ch-icon.cjs.entry.js +116 -0
  2. package/dist/cjs/{config-8634e7dd.js → config-8cf5ba3b.js} +4 -0
  3. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  4. package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +1 -1
  5. package/dist/cjs/gx-ide-container_4.cjs.entry.js +3 -0
  6. package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +30 -14
  7. package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +119 -30
  8. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +1 -1
  9. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
  10. package/dist/cjs/gx-ide-new-object.cjs.entry.js +1 -1
  11. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +1 -1
  12. package/dist/cjs/gx-ide-references.cjs.entry.js +1 -1
  13. package/dist/cjs/gx-ide-share-kb.cjs.entry.js +1 -1
  14. package/dist/cjs/{gx-ide-status-buttons_2.cjs.entry.js → gx-ide-status-buttons.cjs.entry.js} +0 -72
  15. package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +1 -1
  16. package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
  17. package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +1 -1
  18. package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +1 -1
  19. package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +1 -1
  20. package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
  21. package/dist/cjs/gx-ide-ww-images.cjs.entry.js +1 -1
  22. package/dist/cjs/{gxg-button-group.cjs.entry.js → gxg-button-group_2.cjs.entry.js} +105 -0
  23. package/dist/cjs/{gxg-button.cjs.entry.js → gxg-button_2.cjs.entry.js} +63 -0
  24. package/dist/cjs/gxg-list-box_2.cjs.entry.js +1 -1
  25. package/dist/cjs/gxg-text.cjs.entry.js +1 -1
  26. package/dist/cjs/loader.cjs.js +1 -1
  27. package/dist/collection/common/config.js +4 -0
  28. package/dist/collection/components/kb-manager-export/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +4 -0
  29. package/dist/collection/components/kb-manager-export/kb-manager-export.js +43 -28
  30. package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -1
  31. package/dist/collection/components/kb-manager-import/helpers.js +5 -3
  32. package/dist/collection/components/kb-manager-import/kb-manager-import.css +3 -0
  33. package/dist/collection/components/kb-manager-import/kb-manager-import.js +134 -25
  34. package/dist/components/config.js +4 -0
  35. package/dist/components/form-text.js +5 -1
  36. package/dist/components/gx-ide-kb-manager-export.js +77 -42
  37. package/dist/components/gx-ide-kb-manager-import.js +121 -29
  38. package/dist/components/ide-loader.js +75 -14
  39. package/dist/components/list-box-item.js +1 -1
  40. package/dist/components/text.js +1 -1
  41. package/dist/esm/ch-icon.entry.js +112 -0
  42. package/dist/esm/{config-e6f580c8.js → config-2fae16a2.js} +4 -0
  43. package/dist/esm/genexus-ide-ui.js +1 -1
  44. package/dist/esm/gx-ide-bpm-app-declaration.entry.js +1 -1
  45. package/dist/esm/gx-ide-container_4.entry.js +3 -0
  46. package/dist/esm/gx-ide-kb-manager-export.entry.js +30 -14
  47. package/dist/esm/gx-ide-kb-manager-import.entry.js +119 -30
  48. package/dist/esm/gx-ide-new-environment.entry.js +1 -1
  49. package/dist/esm/gx-ide-new-kb.entry.js +1 -1
  50. package/dist/esm/gx-ide-new-object.entry.js +1 -1
  51. package/dist/esm/gx-ide-object-selector.entry.js +1 -1
  52. package/dist/esm/gx-ide-references.entry.js +1 -1
  53. package/dist/esm/gx-ide-share-kb.entry.js +1 -1
  54. package/dist/esm/{gx-ide-status-buttons_2.entry.js → gx-ide-status-buttons.entry.js} +1 -72
  55. package/dist/esm/gx-ide-team-dev-commit.entry.js +1 -1
  56. package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
  57. package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +1 -1
  58. package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +1 -1
  59. package/dist/esm/gx-ide-team-dev-update.entry.js +1 -1
  60. package/dist/esm/gx-ide-template.entry.js +1 -1
  61. package/dist/esm/gx-ide-ww-images.entry.js +1 -1
  62. package/dist/esm/{gxg-button-group.entry.js → gxg-button-group_2.entry.js} +105 -1
  63. package/dist/esm/{gxg-button.entry.js → gxg-button_2.entry.js} +64 -2
  64. package/dist/esm/gxg-list-box_2.entry.js +1 -1
  65. package/dist/esm/gxg-text.entry.js +1 -1
  66. package/dist/esm/loader.js +1 -1
  67. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  68. package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +4 -0
  69. package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -1
  70. package/dist/genexus-ide-ui/{p-61e5b3a7.entry.js → p-00bb2aa7.entry.js} +1 -1
  71. package/dist/genexus-ide-ui/{p-34f4deb8.entry.js → p-02c50994.entry.js} +1 -1
  72. package/dist/genexus-ide-ui/{p-fa4e7177.js → p-13ffa7c0.js} +1 -1
  73. package/dist/genexus-ide-ui/p-232fe7cb.entry.js +1 -0
  74. package/dist/genexus-ide-ui/{p-eb3895cc.entry.js → p-2dc875c2.entry.js} +1 -1
  75. package/dist/genexus-ide-ui/{p-cf421c67.entry.js → p-2ec6d722.entry.js} +1 -1
  76. package/dist/genexus-ide-ui/{p-15f4ca7a.entry.js → p-3dacc147.entry.js} +1 -1
  77. package/dist/genexus-ide-ui/{p-2582e3d7.entry.js → p-4d653456.entry.js} +1 -1
  78. package/dist/genexus-ide-ui/{p-a14dde56.entry.js → p-7c64e541.entry.js} +1 -1
  79. package/dist/genexus-ide-ui/p-7dfeb944.entry.js +1 -0
  80. package/dist/genexus-ide-ui/p-81776364.entry.js +1 -0
  81. package/dist/genexus-ide-ui/{p-16aad0e4.entry.js → p-8d99e6a5.entry.js} +1 -1
  82. package/dist/genexus-ide-ui/{p-c0532785.entry.js → p-a05224f3.entry.js} +1 -1
  83. package/dist/genexus-ide-ui/{p-0cc3af0d.entry.js → p-a06d0915.entry.js} +1 -1
  84. package/dist/genexus-ide-ui/p-a8d037cf.entry.js +1 -0
  85. package/dist/genexus-ide-ui/{p-285f0790.entry.js → p-baabb0be.entry.js} +1 -1
  86. package/dist/genexus-ide-ui/{p-1ad41f2e.entry.js → p-bf5c0727.entry.js} +1 -1
  87. package/dist/genexus-ide-ui/{p-57327cd3.entry.js → p-c3a1a74c.entry.js} +1 -1
  88. package/dist/genexus-ide-ui/{p-4f63438d.entry.js → p-cd285670.entry.js} +1 -1
  89. package/dist/genexus-ide-ui/{p-6fb33e4c.entry.js → p-cd74a437.entry.js} +1 -1
  90. package/dist/genexus-ide-ui/{p-9d73a85c.entry.js → p-d192b1e9.entry.js} +1 -1
  91. package/dist/genexus-ide-ui/{p-2c5289df.entry.js → p-ec9c9f44.entry.js} +1 -1
  92. package/dist/genexus-ide-ui/{p-3b55122b.entry.js → p-eed26277.entry.js} +1 -1
  93. package/dist/genexus-ide-ui/p-fae07693.entry.js +1 -0
  94. package/dist/node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.css +17 -9
  95. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +2 -2
  96. package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +1 -0
  97. package/dist/types/common/config.d.ts +3 -0
  98. package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +9 -6
  99. package/dist/types/components/kb-manager-import/helpers.d.ts +1 -0
  100. package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +17 -2
  101. package/dist/types/components.d.ts +17 -10
  102. package/package.json +3 -3
  103. package/dist/cjs/ch-icon_2.cjs.entry.js +0 -179
  104. package/dist/esm/ch-icon_2.entry.js +0 -174
  105. package/dist/genexus-ide-ui/p-0371daa4.entry.js +0 -1
  106. package/dist/genexus-ide-ui/p-0d7c0cd1.entry.js +0 -1
  107. package/dist/genexus-ide-ui/p-1bf68774.entry.js +0 -1
  108. package/dist/genexus-ide-ui/p-a99c17b1.entry.js +0 -1
  109. package/dist/genexus-ide-ui/p-c74f5d08.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
 
5
5
  const KB_PROPERTY = "property";
6
6
  const KB_OBJECT = "object";
@@ -160,7 +160,6 @@ const GxIdeKbManagerExport = class {
160
160
  registerInstance(this, hostRef);
161
161
  this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
162
162
  this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
163
- this.checkedObjectsIds = [];
164
163
  this.checkedPropertiesIds = [];
165
164
  this.renderedFirstTime = false;
166
165
  this.flattenedObjectTypes = new Map();
@@ -237,6 +236,7 @@ const GxIdeKbManagerExport = class {
237
236
  };
238
237
  this.exportCallbackHandler = async () => {
239
238
  if (this.exportCallback) {
239
+ this.exportingIsInProcess = true;
240
240
  const exportAllChecked = this.exportAllCheckboxEl.checked;
241
241
  const fileName = this.fileNameEl.value;
242
242
  const checkedKbPropertiesIds = this.addKbPropertiesIsChecked
@@ -245,7 +245,9 @@ const GxIdeKbManagerExport = class {
245
245
  const checkedObjectIds = exportAllChecked
246
246
  ? undefined
247
247
  : this.checkedObjectsIds;
248
- this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds);
248
+ this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds).then(() => {
249
+ this.exportingIsInProcess = false;
250
+ });
249
251
  // returns Promise<boolean> but no procedure was detailed on the spec.
250
252
  }
251
253
  };
@@ -293,14 +295,23 @@ const GxIdeKbManagerExport = class {
293
295
  h("gxg-text", { type: "text-link-no-line", textAlign: "center", onClick: this.addObjectsCallbackHandler }, this._componentLocale.main.beginByADdingSomeObjects)
294
296
  ]) : (h("span", null, this._componentLocale.main.exportAllMessage))));
295
297
  };
298
+ this.clearButtonDisabledConditions = () => {
299
+ return this.noObjects || this.checkedObjectsIds.length === 0;
300
+ };
301
+ this.loaderCancelCallbackHandler = () => {
302
+ if (this.cancelCallback) {
303
+ this.cancelCallback();
304
+ }
305
+ };
296
306
  this.exportAllIsChecked = false;
297
- this.exportingIsInProcess = false;
298
307
  this.addKbPropertiesIsChecked = false;
308
+ this.checkedObjectsIds = [];
299
309
  this.fileName = "";
300
310
  this.exportFilePathName = undefined;
301
311
  this.noObjects = undefined;
302
312
  this.treeModel = [];
303
- this.dummyInitialTree = undefined;
313
+ this.exportingIsInProcess = false;
314
+ this.loader = false;
304
315
  this.kbPropertiesTypes = undefined;
305
316
  this.objectTypes = undefined;
306
317
  this.exportFileDirectoryCallback = undefined;
@@ -314,10 +325,15 @@ const GxIdeKbManagerExport = class {
314
325
  watchTreeModelHandler(newState) {
315
326
  this.noObjects = !!(newState.length === 0 || !newState);
316
327
  }
317
- watchDummyInitialTreeHandler(newTree) {
318
- this.treeModel = newTree;
328
+ watchExportingIsInProcessHandler(isExporting) {
329
+ if (isExporting && this.loader) {
330
+ this.loaderEl.show = true;
331
+ }
332
+ else if (!isExporting && this.loader) {
333
+ this.loaderEl.show = true;
334
+ }
319
335
  }
320
- watchObjectTypeslHandler(newState) {
336
+ watchObjectTypesHandler(newState) {
321
337
  this.flattenObjectTypes(newState);
322
338
  }
323
339
  // 6.COMPONENT LIFECYCLE EVENTS //
@@ -340,9 +356,9 @@ const GxIdeKbManagerExport = class {
340
356
  }
341
357
  // 10.RENDER() FUNCTION //
342
358
  render() {
343
- // console.log("checkedObjectsIds", this.checkedObjectsIds);
344
- // console.log("checkedPropertiesIds", this.checkedPropertiesIds);
345
- return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this._componentLocale.componentName, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("header", { slot: "header", class: "header" }, h("div", { class: "header__top" }, h("gx-ide-directory-selector", { class: { "select-file-input": true }, value: this.exportFilePathName, part: "xpz-file", label: this._componentLocale.header.exportFileName, ref: el => (this.fileNameEl = el), selectDirectoryCallback: this.exportFileDirectoryCallback }), h("gxg-button-group", { class: "export-cancel-buttons-group", "default-selected-btn-id": "responsive-tablet-btn" }, h("button", { id: "export-kb-btn", part: "export-btn", onClick: this.exportCallbackHandler, disabled: this.noObjects }, this._componentLocale.header.exportButton), h("button", { id: "cancel-kb-export-btn", part: "cancel-button", onClick: this.cancelCallbackHandler, disabled: this.noObjects || this.exportingIsInProcess }, this._componentLocale.header.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", part: "select-kb-btn", class: { "options-btn": true }, onClick: this.optionsCallbackHandler }, this._componentLocale.header.optionsButton)), h("div", { class: "header__bottom" }, h("div", { class: { "checkboxes-wrapper": true } }, h("gxg-form-checkbox", { label: this._componentLocale.main.addKnowledgeBaseDescription, onChange: this.addKBPropertiesCallbackHandler, part: "add-kb-checkbox" }), h("gxg-form-checkbox", { label: this._componentLocale.main.exportAll, part: "export-all-checkbox", ref: el => (this.exportAllCheckboxEl =
359
+ console.log("this.noObjects", this.noObjects);
360
+ console.log("this.exportingIsInProcess", this.exportingIsInProcess);
361
+ return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this._componentLocale.componentName, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("header", { slot: "header", class: "header" }, h("div", { class: "header__top" }, h("gx-ide-directory-selector", { class: { "select-file-input": true }, value: this.exportFilePathName, part: "xpz-file", label: this._componentLocale.header.exportFileName, ref: el => (this.fileNameEl = el), selectDirectoryCallback: this.exportFileDirectoryCallback }), h("gxg-button-group", { class: "export-cancel-buttons-group" }, h("button", { id: "export-kb-btn", part: "export-btn", onClick: this.exportCallbackHandler, disabled: this.noObjects }, this._componentLocale.header.exportButton), h("button", { id: "cancel-kb-export-btn", part: "cancel-button", onClick: this.cancelCallbackHandler, disabled: !this.exportingIsInProcess || this.noObjects }, this._componentLocale.header.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", part: "select-kb-btn", class: { "options-btn": true }, onClick: this.optionsCallbackHandler }, this._componentLocale.header.optionsButton)), h("div", { class: "header__bottom" }, h("div", { class: { "checkboxes-wrapper": true } }, h("gxg-form-checkbox", { label: this._componentLocale.main.addKnowledgeBaseDescription, onChange: this.addKBPropertiesCallbackHandler, part: "add-kb-checkbox" }), h("gxg-form-checkbox", { label: this._componentLocale.main.exportAll, part: "export-all-checkbox", ref: el => (this.exportAllCheckboxEl =
346
362
  el), disabled: this.noObjects, onChange: this.exportAllChangedHandler })))), h("div", { class: {
347
363
  "tree-container": true,
348
364
  "tree-container--empty": this.noObjects ||
@@ -350,14 +366,14 @@ const GxIdeKbManagerExport = class {
350
366
  this.exportAllIsChecked &&
351
367
  !this.addKbPropertiesIsChecked)
352
368
  // "tree-container--export-all": this.exportAllIsChecked
353
- } }, this.evaluateContentToDisplay()), h("gxg-text", { type: "button-like", part: "export-button", slot: "footer-start", onClick: this.clearButtonHandler }, this._componentLocale.footer.clearButton), h("div", { class: { "footer-right-wrapper": true }, slot: "footer-end" }, h("gxg-button", { onClick: this.addReferencesCallbackHandler, type: "outlined-text-icon", icon: "general/references", part: "export-button", class: { "cancel-btn": true }, disabled: this.exportAllIsChecked }, this._componentLocale.footer.referencesButton), h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", part: "export-button", class: { "cancel-btn": true }, onClick: this.addObjectsCallbackHandler, disabled: this.exportAllIsChecked }, this._componentLocale.footer.addButton))))));
369
+ } }, this.evaluateContentToDisplay()), h("gxg-text", { type: "button-like", part: "export-button", slot: "footer-start", onClick: this.clearButtonHandler, disabled: this.clearButtonDisabledConditions() }, this._componentLocale.footer.clearButton), h("div", { class: { "footer-right-wrapper": true }, slot: "footer-end" }, h("gxg-button", { onClick: this.addReferencesCallbackHandler, type: "outlined-text-icon", icon: "general/references", part: "export-button", class: { "cancel-btn": true }, disabled: this.exportAllIsChecked }, this._componentLocale.footer.referencesButton), h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", part: "export-button", class: { "cancel-btn": true }, onClick: this.addObjectsCallbackHandler, disabled: this.exportAllIsChecked }, this._componentLocale.footer.addButton)))), this.loader ? (h("gxg-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, container: this.el, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
354
370
  }
355
371
  static get assetsDirs() { return ["gx-ide-assets/kb-manager-export"]; }
356
372
  get el() { return getElement(this); }
357
373
  static get watchers() { return {
358
374
  "treeModel": ["watchTreeModelHandler"],
359
- "dummyInitialTree": ["watchDummyInitialTreeHandler"],
360
- "objectTypes": ["watchObjectTypeslHandler"]
375
+ "exportingIsInProcess": ["watchExportingIsInProcessHandler"],
376
+ "objectTypes": ["watchObjectTypesHandler"]
361
377
  }; }
362
378
  };
363
379
  GxIdeKbManagerExport.style = kbManagerExportCss;
@@ -1,9 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { c as countTreeItems } from './helpers-c29a9591.js';
5
5
 
6
+ /* objects in file metadata*/
6
7
  const KB_OBJECT = "object";
8
+ const KB_CATEGORY = "category";
7
9
  const convertImportItemToTreeItem = (importCatIcon, importItems) => {
8
10
  const importTreeItems = [];
9
11
  importItems.forEach(importItem => {
@@ -11,7 +13,6 @@ const convertImportItemToTreeItem = (importCatIcon, importItems) => {
11
13
  id: importItem.id,
12
14
  caption: importItem.name,
13
15
  leftImgSrc: importCatIcon,
14
- checkbox: true,
15
16
  expanded: true,
16
17
  leaf: true,
17
18
  class: "object tree-view-item",
@@ -31,12 +32,13 @@ const convertImportCategoryToTreeView = (importCategoryData) => {
31
32
  importCategoryData.forEach(importCat => {
32
33
  const importCategoryTreeItem = {
33
34
  id: importCat.id,
35
+ // caption: importCat.name,
34
36
  caption: `${importCat.name} (${importCat.items.length})`,
35
37
  leftImgSrc: importCat.icon,
36
- checkbox: true,
37
38
  expanded: true,
38
39
  leaf: false,
39
40
  class: "category tree-view-item",
41
+ metadata: KB_CATEGORY,
40
42
  items: convertImportItemToTreeItem(importCat.icon, importCat.items)
41
43
  };
42
44
  treeData.push(importCategoryTreeItem);
@@ -67,7 +69,7 @@ const updateImportStatusTree = (importItemResultFullData, importTreeActualState)
67
69
  // the count is (1), because this is the first item for this category
68
70
  caption: `${importItemResultFullData.categoryName} (1)`,
69
71
  leftImgSrc: importItemResultFullData.categoryIcon,
70
- class: `tree-view-item tree-view-item--${importItemResultFullData.status}`,
72
+ class: `tree-view-item`,
71
73
  expanded: true,
72
74
  items: [
73
75
  {
@@ -134,7 +136,7 @@ const addImportItemResultDataItem = (importItemResultData, importCategoryData, i
134
136
  return updatedImportStatusTree;
135
137
  };
136
138
 
137
- const kbManagerImportCss = ".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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}";
139
+ const kbManagerImportCss = ".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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}";
138
140
 
139
141
  const GxIdeKbManagerImport = class {
140
142
  constructor(hostRef) {
@@ -146,6 +148,34 @@ const GxIdeKbManagerImport = class {
146
148
  this.importCategoryData = [];
147
149
  this.objectsInFileTotalNodes = 0;
148
150
  // 9.LOCAL METHODS //
151
+ this.evaluateImportStatusMessage = () => {
152
+ this.someStatusVisible =
153
+ this.statusInfo.error.display ||
154
+ this.statusInfo.warning.display ||
155
+ this.statusInfo.success.display;
156
+ };
157
+ this.countMessages = () => {
158
+ /* totally inefficient way to count. This has to be improved*/
159
+ let errors = 0;
160
+ let warnings = 0;
161
+ let successes = 0;
162
+ this.importTreeState.forEach(category => {
163
+ category.items.forEach(object => {
164
+ if (object.class.includes("tree-view-item--error")) {
165
+ errors += object.items.length;
166
+ }
167
+ else if (object.class.includes("tree-view-item--warning")) {
168
+ warnings += object.items.length;
169
+ }
170
+ else if (object.class.includes("tree-view-item--success")) {
171
+ successes += object.items.length;
172
+ }
173
+ });
174
+ });
175
+ this.statusInfo.error.number = errors;
176
+ this.statusInfo.warning.number = warnings;
177
+ this.statusInfo.success.number = successes;
178
+ };
149
179
  this.evaluateObjects = () => {
150
180
  var _a;
151
181
  this.noObjects = !!(((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.objectsTreeState);
@@ -174,7 +204,7 @@ const GxIdeKbManagerImport = class {
174
204
  this.evaluateHeaderActiveButton = () => {
175
205
  if (!this.selectedFile) {
176
206
  this.headerButtonsGroup.activeButtonId = "select-file-btn";
177
- this.fileInputEl.value = undefined;
207
+ this.fileInputEl.clearInput();
178
208
  }
179
209
  else {
180
210
  this.headerButtonsGroup.activeButtonId = "load-file-btn";
@@ -192,7 +222,7 @@ const GxIdeKbManagerImport = class {
192
222
  }
193
223
  };
194
224
  this.objectsTreeCheckedItemsChangedHandler = (event) => {
195
- /* Begin of evaluate 'select/unselect checkbox' state*/
225
+ /* 1. Begin of evaluate 'select/unselect checkbox' state*/
196
226
  if (event.detail == null) {
197
227
  this.toggleObjectsCheckboxEl.checked = false;
198
228
  this.toggleObjectsCheckboxEl.indeterminate = false;
@@ -209,19 +239,56 @@ const GxIdeKbManagerImport = class {
209
239
  this.toggleObjectsCheckboxEl.checked = firstItemCheckedValue;
210
240
  this.toggleObjectsCheckboxEl.indeterminate =
211
241
  !allItemsHaveTheSameCheckedValue;
212
- /* End of evaluate 'select/unselect checkbox' state*/
242
+ /* /End of evaluate 'select/unselect checkbox' state*/
243
+ /* 2. Begin of checked items evaluation*/
213
244
  const checkedItems = allItemsWithCheckbox.filter(node => node.item.checked);
214
245
  // objects checked
215
246
  const checkedObjects = checkedItems.filter(node => node.item.metadata === KB_OBJECT);
216
- console.log("checkedObjects", checkedObjects);
217
247
  const checkedObjectsIds = [];
218
248
  if (checkedObjects.length > 0) {
219
249
  checkedObjects.forEach(objectChecked => {
220
250
  checkedObjectsIds.push(objectChecked.item.id);
221
251
  });
222
252
  }
253
+ /* /End of checked items evaluation*/
254
+ /* 3. Begin of caption update*/
255
+ /* TO DO (when we can differentiate the caption from the number of children)*/
256
+ // const categoryItems = allItemsWithCheckbox.filter(
257
+ // node => node.item.metadata === KB_CATEGORY
258
+ // );
259
+ // categoryItems.forEach(category => {
260
+ // const itemInfo = category.item;
261
+ // // Update the amount of checked values
262
+ // if (itemInfo.leaf !== true) {
263
+ // const totalItems = itemInfo.items.length;
264
+ // const totalItemsChecked = itemInfo.items.filter(
265
+ // itemUIModel => itemUIModel.checked
266
+ // ).length;
267
+ // const newItemCaption =
268
+ // totalItems !== totalItemsChecked
269
+ // ? `${itemInfo.caption} (${totalItemsChecked}/${totalItems})`
270
+ // : `${itemInfo.caption} (${totalItems})`;
271
+ // // Only update the item caption if needed
272
+ // if (newItemCaption !== itemInfo.caption) {
273
+ // this.objectsTreeEl.updateItemsProperties([itemInfo.id], {
274
+ // id: itemInfo.id,
275
+ // caption: newItemCaption
276
+ // });
277
+ // }
278
+ // }
279
+ // });
280
+ /* /End of caption update*/
223
281
  this.checkedObjectsIds = checkedObjectsIds;
224
282
  };
283
+ this.objectsTreeContextMenuHandler = (event) => {
284
+ if (this.objectContextMenuCallback && event.detail.metadata === KB_OBJECT) {
285
+ this.objectContextMenuCallback({
286
+ objectId: event.detail.id,
287
+ screenX: event.detail.contextmenuEvent.screenX,
288
+ screenY: event.detail.contextmenuEvent.screenY
289
+ });
290
+ }
291
+ };
225
292
  this.cancelImportHandler = () => {
226
293
  if (this.cancelCallback) {
227
294
  this.cancelCallback();
@@ -240,23 +307,31 @@ const GxIdeKbManagerImport = class {
240
307
  this.statusInfo.warning.number = 0;
241
308
  this.statusInfo.success.number = 0;
242
309
  };
243
- this.toggleSelectionHandler = (e) => {
244
- const checked = e.detail.value;
310
+ this.toggleSelectionClickHandler = (e) => {
311
+ const checked = e.target.checked;
245
312
  this.toggleObjectsCheckboxEl.indeterminate = false;
246
313
  this.objectsTreeEl.updateAllItemsProperties({ checked: checked });
247
314
  };
248
315
  this.statusButtonsSelectionChangedHandler = (e) => {
249
316
  const activeStates = e.detail;
250
- const newStatusInfo = Object.assign({}, this.statusInfo);
251
- newStatusInfo.warning.display = false;
252
- newStatusInfo.error.display = false;
253
- newStatusInfo.success.display = false;
254
- activeStates.forEach(activeState => {
255
- const status = activeState.itemId;
256
- newStatusInfo[status].display = true;
257
- this.statusInfo = newStatusInfo;
258
- });
259
- this.evaluateHiddenImportsMessage();
317
+ const errorIndex = activeStates.findIndex(state => state.itemId === "error");
318
+ const warningIndex = activeStates.findIndex(state => state.itemId === "warning");
319
+ const successIndex = activeStates.findIndex(state => state.itemId === "success");
320
+ this.statusInfo = {
321
+ error: {
322
+ display: errorIndex !== -1,
323
+ number: this.statusInfo.error.number
324
+ },
325
+ warning: {
326
+ display: warningIndex !== -1,
327
+ number: this.statusInfo.warning.number
328
+ },
329
+ success: {
330
+ display: successIndex !== -1,
331
+ number: this.statusInfo.success.number
332
+ }
333
+ };
334
+ this.evaluateImportStatusMessage();
260
335
  };
261
336
  this.evaluateCheckAllValue = () => {
262
337
  let checked = true;
@@ -267,8 +342,8 @@ const GxIdeKbManagerImport = class {
267
342
  }
268
343
  return checked;
269
344
  };
270
- this.evaluateHiddenImportsMessage = () => {
271
- /* to do*/
345
+ this.fileClearedHandler = () => {
346
+ this.selectedFile = null;
272
347
  };
273
348
  this.checkedObjectsIds = [];
274
349
  this.noObjects = undefined;
@@ -288,6 +363,8 @@ const GxIdeKbManagerImport = class {
288
363
  }
289
364
  };
290
365
  this.objectsTreeState = [];
366
+ this.importStatusMessage = undefined;
367
+ this.someStatusVisible = undefined;
291
368
  this.noImport = undefined;
292
369
  this.importTreeState = [];
293
370
  this.importingObjects = false;
@@ -297,6 +374,7 @@ const GxIdeKbManagerImport = class {
297
374
  this.loadCallback = undefined;
298
375
  this.cancelCallback = undefined;
299
376
  this.statusMinimal = false;
377
+ this.objectContextMenuCallback = undefined;
300
378
  }
301
379
  watchObjectsTreeStateHandler(newState) {
302
380
  this.noObjects = !!(newState.length === 0 || !newState);
@@ -304,6 +382,14 @@ const GxIdeKbManagerImport = class {
304
382
  }
305
383
  watchImportTreeStateHandler(newState) {
306
384
  this.noImport = !!(newState.length === 0 || !newState);
385
+ if (this.noImport) {
386
+ this.importStatusMessage =
387
+ this._componentLocale.main.importStatus.noImportedFiles;
388
+ }
389
+ else {
390
+ this.importStatusMessage =
391
+ this._componentLocale.main.importStatus.importedButHidden;
392
+ }
307
393
  }
308
394
  watchSelectedFileHandler() {
309
395
  this.evaluateHeaderActiveButton();
@@ -314,6 +400,9 @@ const GxIdeKbManagerImport = class {
314
400
  this.componentDidLoadEvent.emit(true);
315
401
  this.evaluateObjects();
316
402
  this.evaluateImport();
403
+ this.importStatusMessage =
404
+ this._componentLocale.main.importStatus.noImportedFiles;
405
+ this.evaluateImportStatusMessage();
317
406
  }
318
407
  componentDidRender() {
319
408
  if (!this.renderedFirstTime) {
@@ -328,27 +417,27 @@ const GxIdeKbManagerImport = class {
328
417
  */
329
418
  async addResultItem(item) {
330
419
  this.importTreeState = addImportItemResultDataItem(item, this.importCategoryData, this.importTreeState);
331
- this.statusInfo[`${item.status}`].number += item.messages.length;
420
+ this.countMessages();
332
421
  }
333
422
  // 10.RENDER() FUNCTION //
334
423
  render() {
335
- return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this._componentLocale.componentName }, h("header", { class: "header", slot: "header" }, h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, ref: (el) => (this.fileInputEl = el) }), h("gxg-button-group", {
424
+ return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this._componentLocale.componentName }, h("header", { class: "header", slot: "header" }, h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, onClearButtonClicked: this.fileClearedHandler, ref: (el) => (this.fileInputEl = el) }), h("gxg-button-group", {
336
425
  // default-selected-btn-id="select-file-btn"
337
426
  ref: (el) => (this.headerButtonsGroup = el)
338
- }, h("button", { id: "select-file-btn", part: "select-file-button", onClick: this.selectFileHandler }, this._componentLocale.header.selectFileButton), h("button", { id: "load-file-btn", part: "load-file-button", disabled: !this.selectedFile, onClick: this.loadFileHandler }, this._componentLocale.header.loadButton))), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, h("div", { class: {
427
+ }, h("button", { id: "select-file-btn", part: "select-file-button", onClick: this.selectFileHandler, disabled: this.importingObjects }, this._componentLocale.header.selectFileButton), h("button", { id: "load-file-btn", part: "load-file-button", disabled: !this.selectedFile || this.importingObjects, onClick: this.loadFileHandler }, this._componentLocale.header.loadButton))), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, h("div", { class: {
339
428
  "tree-container": true,
340
429
  "tree-container--objects-in-file": true,
341
430
  "tree-container--empty": this.noObjects
342
- } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingObjects || this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onChange: this.toggleSelectionHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
431
+ } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, onItemContextmenu: this.objectsTreeContextMenuHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingObjects || this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onClick: this.toggleSelectionClickHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
343
432
  el) }), h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, h("button", { id: "import-btn", part: "import-button", disabled: this.importingObjects ||
344
433
  this.checkedObjectsIds.length === 0, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingObjects, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, h("div", { class: {
345
434
  "tree-container": true,
346
435
  "tree-container--import-status": true,
347
- "tree-container--empty": this.noImport,
436
+ "tree-container--empty": this.noImport || !this.someStatusVisible,
348
437
  "tree-container--no-warnings": !this.statusInfo.warning.display,
349
438
  "tree-container--no-errors": !this.statusInfo.error.display,
350
- "tree-container--no-successes": this.statusInfo.success.display === false
351
- } }, !this.noImport ? (h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, "There are no Imported files."))), h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport }, this._componentLocale.main.importStatus.clearButton), h("span", { class: "ghost-element", slot: "footer-start" }))), h("footer", { slot: "footer-start" }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), h("gxg-ide-loader", { description: "Importing objects..." }))));
439
+ "tree-container--no-successes": !this.statusInfo.success.display
440
+ } }, !this.noImport && this.someStatusVisible ? (h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, this.importStatusMessage))), h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport || this.importingObjects }, this._componentLocale.main.importStatus.clearButton), h("span", { class: "ghost-element", slot: "footer-start" }))), h("footer", { slot: "footer-start" }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), h("gxg-ide-loader", { description: "Importing objects..." }))));
352
441
  }
353
442
  static get assetsDirs() { return ["gx-ide-assets/kb-manager-import"]; }
354
443
  get el() { return getElement(this); }
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { r as renderFormItems } from './common-202491f0.js';
5
5
  import { f as formSubmitValidation } from './form-validation-09bd4504.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { g as getSelectedGxOption, r as renderFormItems } from './common-202491f0.js';
5
5
  import { f as formSubmitValidation } from './form-validation-09bd4504.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
 
5
5
  const newObjectCss = ".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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.categories-types-container{max-height:200px;display:flex;flex-direction:row;flex-shrink:1;overflow:hidden;border-bottom:1px solid var(--gx-ide-container-border-color)}.categories-types-container .categories{flex:1}.categories-types-container .types{flex:2}.api-description{display:flex;flex-direction:column;flex-shrink:0;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-grid-row-gap)}.form{display:grid;grid-template-columns:minmax(95px, auto) 1fr;grid-template-areas:\"name-label name-input\" \"description-label description-input\" \"module-label module-input\";gap:var(--gx-ide-grid-row-gap);column-gap:0}.form .name-label{grid-area:\"name-label\"}.form .name-input{grid-area:\"name-input\"}.form .description-label{grid-area:\"description-label\"}.form .description-input{grid-area:\"description-input\"}.form .module-label{grid-area:\"module-label\"}.form .module-input{grid-area:\"module-input\"}";
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { r as renderComboItems } from './render-combo-items-ede5de19.js';
5
5
  import { f as formatDate } from './helpers-c29a9591.js';
6
6
  import { g as gridCommon } from './grid-9988c857.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { r as renderSuggestLists } from './render-suggest-f3af661b.js';
5
5
 
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { f as formSubmitValidation } from './form-validation-09bd4504.js';
5
5
  import { r as renderFormItems } from './common-202491f0.js';
6
6
 
@@ -69,75 +69,4 @@ const GxIdeStatusButtons = class {
69
69
  };
70
70
  GxIdeStatusButtons.style = gxIdeStatusButtonsCss;
71
71
 
72
- const ideLoaderCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block}ch-window::part(mask){overflow:hidden}ch-window::part(main){height:100%}ch-window::part(window){width:100%;height:100%}.loader-wrapper{opacity:0;transition:var(--show-transition) opacity;width:100%;height:100%;display:flex;background-color:rgba(var(--color-background--rgb), 0.45);backdrop-filter:blur(15px);padding:var(--spacing-comp-05);flex-direction:column;gap:var(--spacing-comp-04);align-items:center;justify-content:center;box-sizing:border-box;-webkit-animation:wrapper 0.6s infinite alternate;animation:wrapper 0.6s infinite alternate;color:var(--color-on-secondary)}.loader-wrapper--visible{opacity:1}.loader-spinner{border:2px var(--gray-01) solid;border-top:2px var(--color-primary-enabled) solid;border-radius:50%;-webkit-animation:spinner 0.6s infinite linear;animation:spinner 0.6s infinite linear;width:30px;height:30px}.loader-description{max-width:400px;text-align:center}@keyframes wrapper{from{background-color:rgba(var(--color-background--rgb), 0.45)}to{background-color:rgba(var(--gray-02--rgb), 0.25)}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}";
73
-
74
- const IdeLoader = class {
75
- constructor(hostRef) {
76
- registerInstance(this, hostRef);
77
- /*
78
- INDEX:
79
- 1.OWN PROPERTIES
80
- 2.REFERENCE TO ELEMENTS
81
- 3.STATE() VARIABLES
82
- 4.PUBLIC PROPERTY API | WATCH'S
83
- 5.EVENTS (EMIT)
84
- 6.COMPONENT LIFECYCLE EVENTS
85
- 7.LISTENERS
86
- 8.PUBLIC METHODS API
87
- 9.LOCAL METHODS
88
- 10.RENDER() FUNCTION
89
- */
90
- // 1.OWN PROPERTIES //
91
- /**
92
- * The transition speed for displaying/hiding the ch-window
93
- */
94
- this.showTransition = 200;
95
- // 3.STATE() VARIABLES //
96
- /**
97
- * shows the ch-window
98
- */
99
- this.showWindow = false;
100
- /**
101
- * shows the '.loader-wrapper'
102
- */
103
- this.showWrapper = false;
104
- /**
105
- * It shows the loader
106
- */
107
- this.show = false;
108
- }
109
- showHandler(show) {
110
- const timeout = 50;
111
- if (show) {
112
- this.showWindow = true;
113
- setTimeout(() => {
114
- this.showWrapper = true;
115
- }, timeout);
116
- }
117
- else {
118
- this.showWrapper = false;
119
- setTimeout(() => {
120
- this.showWindow = false;
121
- }, this.showTransition);
122
- }
123
- }
124
- // 5.EVENTS (EMIT) //
125
- // 6.COMPONENT LIFECYCLE EVENTS //
126
- // 7.LISTENERS //
127
- // 8.PUBLIC METHODS API //
128
- // 9.LOCAL METHODS //
129
- // 10.RENDER() FUNCTION //
130
- render() {
131
- return (h(Host, null, h("ch-window", { closeOnEscape: false, closeOnOutsideClick: false, container: this.container, hidden: !this.showWindow, modal: false, showFooter: false, showHeader: false, style: { "--show-transition": `${this.showTransition}ms` } }, h("div", { class: {
132
- "loader-wrapper": true,
133
- "loader-wrapper--visible": this.showWrapper,
134
- } }, h("div", { class: "loader-spinner" }), this.description ? (h("gxg-title", { class: "loader-description", type: "title-04", alignment: "center" }, this.description)) : // <gxg-title>{this.description}</gxg-title>
135
- null))));
136
- }
137
- static get watchers() { return {
138
- "show": ["showHandler"]
139
- }; }
140
- };
141
- IdeLoader.style = ideLoaderCss;
142
-
143
- export { GxIdeStatusButtons as gx_ide_status_buttons, IdeLoader as gxg_ide_loader };
72
+ export { GxIdeStatusButtons as gx_ide_status_buttons };
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { g as gridCommon } from './grid-9988c857.js';
5
5
  import { r as renderComboItems } from './render-combo-items-ede5de19.js';
6
6
  import { f as formatDate } from './helpers-c29a9591.js';
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
 
5
5
  /* STENCIL IMPORTS */
6
6
  const renderListItems = (itemsData) => {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { g as gridCommon } from './grid-9988c857.js';
5
5
 
6
6
  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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.top-actions{display:flex;gap:var(--gx-ide-grid-column-gap);padding:var(--spacing-comp-02) var(--gxg-container--padding);flex-direction:row-reverse;border-bottom:1px solid var(--gx-ide-container-border-color)}";
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
 
5
5
  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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.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)}";
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
2
2
  import { L as Locale } from './locale-e183487a.js';
3
- import { c as config } from './config-e6f580c8.js';
3
+ import { c as config } from './config-2fae16a2.js';
4
4
  import { g as gridCommon } from './grid-9988c857.js';
5
5
  import { r as renderComboItems } from './render-combo-items-ede5de19.js';
6
6
  import { f as formatDate } from './helpers-c29a9591.js';