@genexus/genexus-ide-ui 1.1.61 → 1.1.62

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 (115) hide show
  1. package/dist/cjs/{common-f2540d3e.js → common-51d68918.js} +1 -31
  2. package/dist/cjs/common-51d68918.js.map +1 -0
  3. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  4. package/dist/cjs/gx-ide-edit-module-server.cjs.entry.js +111 -49
  5. package/dist/cjs/gx-ide-edit-module-server.cjs.entry.js.map +1 -1
  6. package/dist/cjs/gx-ide-empty-state.cjs.entry.js +1 -1
  7. package/dist/cjs/gx-ide-empty-state.cjs.entry.js.map +1 -1
  8. package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js +358 -266
  9. package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js.map +1 -1
  10. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +1 -1
  11. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
  12. package/dist/cjs/gx-ide-progress-bar.cjs.entry.js +141 -0
  13. package/dist/cjs/gx-ide-progress-bar.cjs.entry.js.map +1 -0
  14. package/dist/cjs/gx-ide-splash.cjs.entry.js +1 -1
  15. package/dist/cjs/gx-ide-ww-images.cjs.entry.js +1 -1
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/collection/collection-manifest.json +1 -0
  18. package/dist/collection/common/common.js +0 -21
  19. package/dist/collection/common/common.js.map +1 -1
  20. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.css +1 -1
  21. package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.en.json +5 -0
  22. package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.ja.json +5 -0
  23. package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.zh.json +5 -0
  24. package/dist/collection/components/_helpers/progress-bar/progress-bar.css +210 -0
  25. package/dist/collection/components/_helpers/progress-bar/progress-bar.js +320 -0
  26. package/dist/collection/components/_helpers/progress-bar/progress-bar.js.map +1 -0
  27. package/dist/collection/components/modules/edit-module-server/edit-module-server.css +30 -639
  28. package/dist/collection/components/modules/edit-module-server/edit-module-server.js +179 -110
  29. package/dist/collection/components/modules/edit-module-server/edit-module-server.js.map +1 -1
  30. package/dist/collection/components/modules/edit-module-server/gx-ide-assets/edit-module-server/shortcuts.json +15 -0
  31. package/dist/collection/components/modules/edit-module-server/helpers.js +12 -0
  32. package/dist/collection/components/modules/edit-module-server/helpers.js.map +1 -0
  33. package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.en.json +6 -2
  34. package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.ja.json +6 -2
  35. package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.zh.json +6 -2
  36. package/dist/collection/components/modules/manage-module-references/helpers.js +32 -0
  37. package/dist/collection/components/modules/manage-module-references/helpers.js.map +1 -0
  38. package/dist/collection/components/modules/manage-module-references/manage-module-references.css +116 -789
  39. package/dist/collection/components/modules/manage-module-references/manage-module-references.js +378 -373
  40. package/dist/collection/components/modules/manage-module-references/manage-module-references.js.map +1 -1
  41. package/dist/collection/testing/locale.e2e.js +1 -0
  42. package/dist/collection/testing/locale.e2e.js.map +1 -1
  43. package/dist/components/common.js +1 -30
  44. package/dist/components/common.js.map +1 -1
  45. package/dist/components/gx-ide-edit-module-server.js +118 -68
  46. package/dist/components/gx-ide-edit-module-server.js.map +1 -1
  47. package/dist/components/gx-ide-empty-state2.js +1 -1
  48. package/dist/components/gx-ide-empty-state2.js.map +1 -1
  49. package/dist/components/gx-ide-manage-module-references.js +384 -291
  50. package/dist/components/gx-ide-manage-module-references.js.map +1 -1
  51. package/dist/components/gx-ide-progress-bar.d.ts +11 -0
  52. package/dist/components/gx-ide-progress-bar.js +8 -0
  53. package/dist/components/gx-ide-progress-bar.js.map +1 -0
  54. package/dist/components/gx-ide-ww-images.js +1 -1
  55. package/dist/components/progress-bar.js +166 -0
  56. package/dist/components/progress-bar.js.map +1 -0
  57. package/dist/esm/{common-b811a822.js → common-dc966e64.js} +2 -31
  58. package/dist/esm/common-dc966e64.js.map +1 -0
  59. package/dist/esm/genexus-ide-ui.js +1 -1
  60. package/dist/esm/gx-ide-edit-module-server.entry.js +112 -50
  61. package/dist/esm/gx-ide-edit-module-server.entry.js.map +1 -1
  62. package/dist/esm/gx-ide-empty-state.entry.js +1 -1
  63. package/dist/esm/gx-ide-empty-state.entry.js.map +1 -1
  64. package/dist/esm/gx-ide-manage-module-references.entry.js +359 -267
  65. package/dist/esm/gx-ide-manage-module-references.entry.js.map +1 -1
  66. package/dist/esm/gx-ide-new-environment.entry.js +1 -1
  67. package/dist/esm/gx-ide-new-kb.entry.js +1 -1
  68. package/dist/esm/gx-ide-progress-bar.entry.js +137 -0
  69. package/dist/esm/gx-ide-progress-bar.entry.js.map +1 -0
  70. package/dist/esm/gx-ide-splash.entry.js +1 -1
  71. package/dist/esm/gx-ide-ww-images.entry.js +1 -1
  72. package/dist/esm/loader.js +1 -1
  73. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  74. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  75. package/dist/genexus-ide-ui/gx-ide-assets/edit-module-server/shortcuts.json +15 -0
  76. package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.en.json +6 -2
  77. package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.ja.json +6 -2
  78. package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.zh.json +6 -2
  79. package/dist/genexus-ide-ui/gx-ide-assets/progress-bar/langs/progress-bar.lang.en.json +5 -0
  80. package/dist/genexus-ide-ui/gx-ide-assets/progress-bar/langs/progress-bar.lang.ja.json +5 -0
  81. package/dist/genexus-ide-ui/gx-ide-assets/progress-bar/langs/progress-bar.lang.zh.json +5 -0
  82. package/dist/genexus-ide-ui/p-29ac6b13.entry.js +582 -0
  83. package/dist/genexus-ide-ui/p-29ac6b13.entry.js.map +1 -0
  84. package/dist/genexus-ide-ui/p-3a22af5d.entry.js +249 -0
  85. package/dist/genexus-ide-ui/p-3a22af5d.entry.js.map +1 -0
  86. package/dist/genexus-ide-ui/p-45d9dcbc.entry.js +166 -0
  87. package/dist/genexus-ide-ui/p-45d9dcbc.entry.js.map +1 -0
  88. package/dist/genexus-ide-ui/{p-84d39fc6.entry.js → p-5f7de718.entry.js} +2 -2
  89. package/dist/genexus-ide-ui/{p-84d39fc6.entry.js.map → p-5f7de718.entry.js.map} +1 -1
  90. package/dist/genexus-ide-ui/{p-f5734cc7.entry.js → p-630581df.entry.js} +2 -2
  91. package/dist/genexus-ide-ui/{p-d41d52f6.entry.js → p-70038e09.entry.js} +2 -2
  92. package/dist/genexus-ide-ui/{p-b5aadc8d.entry.js → p-8f2f8995.entry.js} +2 -2
  93. package/dist/genexus-ide-ui/{p-ae33da9a.entry.js → p-9606ebed.entry.js} +19 -19
  94. package/dist/genexus-ide-ui/p-97bbd54c.js +132 -0
  95. package/dist/genexus-ide-ui/p-97bbd54c.js.map +1 -0
  96. package/dist/types/common/common.d.ts +0 -2
  97. package/dist/types/components/_helpers/progress-bar/progress-bar.d.ts +61 -0
  98. package/dist/types/components/modules/edit-module-server/edit-module-server.d.ts +15 -30
  99. package/dist/types/components/modules/edit-module-server/helpers.d.ts +3 -0
  100. package/dist/types/components/modules/manage-module-references/helpers.d.ts +5 -0
  101. package/dist/types/components/modules/manage-module-references/manage-module-references.d.ts +43 -88
  102. package/dist/types/components.d.ts +109 -42
  103. package/package.json +1 -1
  104. package/dist/cjs/common-f2540d3e.js.map +0 -1
  105. package/dist/esm/common-b811a822.js.map +0 -1
  106. package/dist/genexus-ide-ui/p-67e3486a.entry.js +0 -498
  107. package/dist/genexus-ide-ui/p-67e3486a.entry.js.map +0 -1
  108. package/dist/genexus-ide-ui/p-714b37c0.js +0 -159
  109. package/dist/genexus-ide-ui/p-714b37c0.js.map +0 -1
  110. package/dist/genexus-ide-ui/p-e13998a5.entry.js +0 -141
  111. package/dist/genexus-ide-ui/p-e13998a5.entry.js.map +0 -1
  112. /package/dist/genexus-ide-ui/{p-f5734cc7.entry.js.map → p-630581df.entry.js.map} +0 -0
  113. /package/dist/genexus-ide-ui/{p-d41d52f6.entry.js.map → p-70038e09.entry.js.map} +0 -0
  114. /package/dist/genexus-ide-ui/{p-b5aadc8d.entry.js.map → p-8f2f8995.entry.js.map} +0 -0
  115. /package/dist/genexus-ide-ui/{p-ae33da9a.entry.js.map → p-9606ebed.entry.js.map} +0 -0
@@ -0,0 +1,582 @@
1
+ import { h as e, r as s, H as t, a as i } from "./p-9b9ccd0c.js";
2
+
3
+ import { g as r } from "./p-d42e842b.js";
4
+
5
+ import "./p-d4ecd3bb.js";
6
+
7
+ import "lit";
8
+
9
+ import "lit/directives/when.js";
10
+
11
+ import "lit/directives/if-defined.js";
12
+
13
+ import { c as a } from "./p-c5196b3b.js";
14
+
15
+ import { L as o } from "./p-311eedf3.js";
16
+
17
+ import { h as n } from "./p-5bab65ea.js";
18
+
19
+ const mapModuleServerDataToComboBoxModel = e => e.map((e => ({
20
+ value: e.id,
21
+ caption: e.name
22
+ })));
23
+
24
+ const mapModuleVersionDataToComboBoxModel = e => e.map((e => ({
25
+ value: e.id,
26
+ caption: e.name
27
+ })));
28
+
29
+ const renderModuleDataProperties = s => {
30
+ if (s.length) {
31
+ const t = [];
32
+ s.forEach((s => {
33
+ const i = Array.isArray(s.value);
34
+ if (i && s.value.length) {
35
+ const i = e("div", {
36
+ class: "md-property__list-container"
37
+ }, e("p", {
38
+ class: "md-property__key subtitle-semi-bold-xs"
39
+ }, s.name, " :"), e("ul", {
40
+ class: "md-property__list"
41
+ }, s.value.map((s => e("li", {
42
+ class: "md-property__list-item body-regular-s"
43
+ }, s)))));
44
+ t.push(i);
45
+ } else if (!i) {
46
+ const i = e("div", {
47
+ class: s.inline ? "md-property md-property--inline" : "md-property md-property--block"
48
+ }, e("p", {
49
+ class: "md-property__key subtitle-semi-bold-xs"
50
+ }, s.name, " :"), e("p", {
51
+ class: "md-property__value body-regular-s"
52
+ }, s.value));
53
+ t.push(i);
54
+ }
55
+ }));
56
+ return t;
57
+ }
58
+ return null;
59
+ };
60
+
61
+ const l = '.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}:host{display:grid;block-size:100%;overflow:auto;grid-template-areas:"modules-container module-info" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:1fr max-content}.main{display:contents}.modules__container{padding-inline-end:var(--mer-spacing--sm);grid-area:modules-container;grid-template-rows:max-content 1fr;overflow:auto}.combo-box-servers{flex-shrink:0;flex-grow:1}.modules__main{display:grid;grid-template-rows:max-content 1fr;overflow:auto}.modules__main-header{display:grid;gap:var(--mer-spacing--xs)}.browse-modules button{flex-grow:1}.module-icon{margin-block-start:var(--mer-spacing--xs);transform:scale(1) translateX(var(--mer-spacing--2xs))}.module-grid-item-info{grid-template-columns:max-content 1fr}.grid-or-loader-container{display:grid;position:relative;overflow:hidden;margin-block-start:var(--mer-spacing--sm)}.tabular-grid{overflow:hidden}.tabular-grid-column-set{display:none}.tabular-grid-cell-icon{pointer-events:none}gx-ide-empty-state{position:absolute}.module-info{padding-inline-start:var(--mer-spacing--sm);grid-area:module-info;position:relative}.modules-container,.module-info{overflow:auto}.module-info{display:grid;grid-template-rows:max-content 1fr;overflow:auto}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:"";inline-size:var(--mer-spacing--xs);block-size:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed{color:var(--mer-text__success)}.module-info__action-container--installed:before{background-color:var(--mer-text__success)}.module-info__action-container--uninstallable:before{background-color:var(--mer-icon__warning)}.module-info__header{display:grid;gap:var(--mer-spacing--xs)}.module-info__title{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--mer-spacing--md)}.module-info__icon{transform:scale(1) translateX(var(--mer-spacing--2xs))}.module-info__alert-message{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);border-radius:var(--mer-border__radius--sm);background-color:var(--mer-color__tinted-yellow--5);color:var(--mer-text__bright);border:var(--mer-border__width--sm) solid var(--mer-border-color__warning);text-align:center;line-height:var(--mer-line-height--spaced)}.module-info__properties{display:grid;overflow:auto;grid-auto-rows:max-content}.md-property,.md-property__list-container{padding-block:var(--mer-spacing--xs);display:grid;gap:var(--mer-spacing--2xs);border-block-end:var(--mer-border__width--sm) solid var(--elevation-border-color, var(--mer-border-color__on-surface))}.md-property:last-child,.md-property__list-container:last-child{border-block-end:0}.md-property__list{margin:0;list-style-type:none;display:inline-flex;padding:0;gap:var(--mer-spacing--2xs);flex-wrap:wrap}.md-property__list-item{background-color:var(--mer-surface__elevation--02);padding:var(--mer-spacing--3xs) var(--mer-spacing--xs);border-radius:var(--mer-border__radius--sm);text-transform:lowercase}.md-property--inline{grid-template-columns:max-content 1fr;align-items:start;gap:var(--mer-spacing--xs)}.available-versions .versions{flex:1}.available-versions .button-status{min-inline-size:var(--mer-spacing--3xl);inline-size:max-content;box-sizing:border-box}.footer{grid-area:footer}p.body-regular-s,li.body-regular-s{line-height:var(--mer-line-height--regular)}';
62
+
63
+ var c = undefined && undefined.__classPrivateFieldGet || function(e, s, t, i) {
64
+ if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
65
+ if (typeof s === "function" ? e !== s || !i : !s.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
66
+ return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : s.get(e);
67
+ };
68
+
69
+ var d = undefined && undefined.__classPrivateFieldSet || function(e, s, t, i, r) {
70
+ if (i === "m") throw new TypeError("Private method is not writable");
71
+ if (i === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
72
+ if (typeof s === "function" ? e !== s || !r : !s.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
73
+ return i === "a" ? r.call(e, t) : r ? r.value = t : s.set(e, t), t;
74
+ };
75
+
76
+ var h, m, f, p, u, g, b, v, _, w, y, x, k, M, W, $, C, j, T, z, I, S, A, D, E, F, L, P;
77
+
78
+ const V = [ "resets/box-sizing", "utils/form", "utils/layout", "utils/typography", "components/button", "components/icon", "components/combo-box", "components/edit", "components/tabular-grid", "components/segmented-control", "chameleon/scrollbar", "utils/spacing" ];
79
+
80
+ // icons
81
+ const X = r({
82
+ category: "gemini-tools",
83
+ name: "show-more-horizontal",
84
+ colorType: "primary"
85
+ });
86
+
87
+ const B = r({
88
+ category: "gemini-tools",
89
+ name: "reset",
90
+ colorType: "primary"
91
+ });
92
+
93
+ const H = r({
94
+ category: "objects",
95
+ name: "module"
96
+ });
97
+
98
+ const O = r({
99
+ category: "system",
100
+ name: "filters",
101
+ colorType: "on-elevation"
102
+ });
103
+
104
+ const R = "__";
105
+
106
+ // The separator between module-id, and module-version-id
107
+ const Y = class {
108
+ constructor(t) {
109
+ s(this, t);
110
+ h.set(this, void 0);
111
+ /**
112
+ * #moduleVersionsMap maps a module version (identified as module-id + version-id), with the ModuleVersionData
113
+ */
114
+ // eslint-disable-next-line @stencil-community/own-props-must-be-private
115
+ m.set(this, new Map);
116
+ /**
117
+ * maps a module-id, with the module current installed version, and the list of versions as a ComboBoxModel representation.
118
+ */
119
+ // eslint-disable-next-line @stencil-community/own-props-must-be-private
120
+ f.set(this, new Map);
121
+ // #modulesJustFetched is used to select the current module on componentDidRender
122
+ p.set(this, false);
123
+ u.set(this, void 0);
124
+ g.set(this, void 0);
125
+ b.set(this, void 0);
126
+ v.set(this, []);
127
+ _.set(this, (() => {
128
+ c(this, f, "f").clear();
129
+ c(this, m, "f").clear();
130
+ }));
131
+ w.set(this, (() => {
132
+ let e;
133
+ // 1. Filter by type first
134
+ // browse
135
+ if (this.selectedModuleType === "browse") {
136
+ e = this.modulesAll;
137
+ }
138
+ // installed
139
+ else if (this.selectedModuleType === "installed") {
140
+ e = this.modulesAll.filter((e => e.currentVersion));
141
+ } else if (this.selectedModuleType === "updates") {
142
+ e = this.modulesAll.filter((e => e.versions.find((e => e.action === "update"))));
143
+ }
144
+ // 2. Then filter by user input
145
+ if (c(this, u, "f")) {
146
+ e = e.filter((e => {
147
+ const s = c(this, m, "f").get(`${e.id}${R}${c(this, f, "f").get(e.id).currentSelectedVersion}`);
148
+ const t = s.name.toLowerCase();
149
+ const i = s.description.toLowerCase();
150
+ return (t === null || t === void 0 ? void 0 : t.includes(c(this, u, "f"))) || (i === null || i === void 0 ? void 0 : i.includes(c(this, u, "f")));
151
+ }));
152
+ }
153
+ this.filteredModules = e;
154
+ }));
155
+ y.set(this, (() => {
156
+ const e = c(this, m, "f").get(`${this.selectedModuleId}${R}${c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion}`).action;
157
+ return e || "install";
158
+ }));
159
+ x.set(this, (e => {
160
+ const s = e.detail.trim().toLowerCase();
161
+ d(this, u, s, "f");
162
+ c(this, w, "f").call(this);
163
+ }));
164
+ k.set(this, (e => {
165
+ this.selectedModuleId = e.detail.rowsId[0];
166
+ // update selected versions comboBox model
167
+ const s = c(this, f, "f").get(this.selectedModuleId).comboBoxVersionsModel;
168
+ this.selectedModuleVersions = s.map((e => ({
169
+ caption: e.value,
170
+ value: e.value
171
+ })));
172
+ }));
173
+ /**
174
+ * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
175
+ */
176
+ // eslint-disable-next-line @stencil-community/own-props-must-be-private
177
+ M.set(this, (e => async () => {
178
+ await c(this, b, "f").reset();
179
+ // sets the progress bar to 0
180
+ this.executeActionCallbackInProgress = true;
181
+ this.actionInProgress = true;
182
+ const s = c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion;
183
+ const t = await this.executeActionCallback(this.selectedServerId, e.id, s, c(this, y, "f").call(this), c(this, C, "f"));
184
+ this.executeActionCallbackInProgress = false;
185
+ if (t) {
186
+ c(this, F, "f").call(this, this.selectedServerId, false);
187
+ }
188
+ }));
189
+ W.set(this, (e => {
190
+ this.selectedModuleType = e.detail;
191
+ c(this, w, "f").call(this);
192
+ }));
193
+ $.set(this, (e => {
194
+ const s = e.detail;
195
+ const t = c(this, f, "f").get(this.selectedModuleId);
196
+ t.currentSelectedVersion = s.toString();
197
+ c(this, f, "f").set(this.selectedModuleId, t);
198
+ this.reRenderCounter++;
199
+ }));
200
+ /**
201
+ * Callback invoked to get the progress when module is performing an action
202
+ */
203
+ // eslint-disable-next-line @stencil-community/own-props-must-be-private
204
+ C.set(this, ((e, s, t) => {
205
+ const i = {
206
+ message: e,
207
+ progress: s,
208
+ state: t
209
+ };
210
+ this.selectedModuleAction = Object.assign({}, i);
211
+ this.progressValue = this.selectedModuleAction.progress;
212
+ this.progressState = this.selectedModuleAction.state;
213
+ }));
214
+ j.set(this, (() => {}));
215
+ T.set(this, (() => {
216
+ c(this, F, "f").call(this, this.selectedServerId, true);
217
+ }));
218
+ z.set(this, (() => e("gx-ide-empty-state", {
219
+ isAnimated: true,
220
+ stateIconSrc: O,
221
+ stateTitle: c(this, h, "f").modules.noModulesFilter
222
+ })));
223
+ I.set(this, (() => {
224
+ const s = c(this, f, "f").get(this.selectedModuleId).currentInstalledVersion;
225
+ let t;
226
+ let i = "module-info__action-container";
227
+ if (s) {
228
+ t = `${c(this, h, "f").modulesInformation.moduleProperties.installed}: ${s}`;
229
+ i += ` module-info__action-container--installed`;
230
+ } else {
231
+ t = c(this, h, "f").modulesInformation.moduleProperties.notInstalled;
232
+ }
233
+ return e("div", {
234
+ class: i
235
+ }, e("p", {
236
+ class: "body-regular-m"
237
+ }, t));
238
+ }));
239
+ S.set(this, (() => {
240
+ const s = c(this, f, "f").get(this.selectedModuleId);
241
+ const t = s.currentSelectedVersion;
242
+ const i = c(this, m, "f").get(`${this.selectedModuleId}${R}${c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion}`);
243
+ const r = i.action;
244
+ return e("div", {
245
+ class: "field field-block available-versions"
246
+ }, e("label", {
247
+ class: "label",
248
+ htmlFor: "available-versions"
249
+ }, c(this, h, "f").availableVersions), e("div", {
250
+ class: "buttons-spacer combo-and-button"
251
+ }, e("ch-combo-box-render", {
252
+ id: "available-versions",
253
+ class: "combo-box versions",
254
+ value: t,
255
+ onInput: c(this, $, "f"),
256
+ disabled: this.loadingServer,
257
+ model: this.selectedModuleVersions
258
+ }), e("button", {
259
+ class: "button-primary button-status",
260
+ disabled: this.executeActionCallbackInProgress || r === "incompatible" || r === "not-installable",
261
+ onClick: c(this, M, "f").call(this, s.moduleData)
262
+ }, c(this, y, "f").call(this))));
263
+ }));
264
+ A.set(this, (() => e("ch-tabular-grid", {
265
+ // TODO: Evaluate if the tabular-grid is the right tool for this job.
266
+ rowSelectionMode: "single",
267
+ part: "ch-grid-pending-commits",
268
+ class: "tabular-grid scrollable",
269
+ onSelectionChanged: c(this, k, "f"),
270
+ ref: e => d(this, g, e, "f")
271
+ }, e("ch-tabular-grid-columnset", {
272
+ class: "tabular-grid-column-set"
273
+ }, e("ch-tabular-grid-column", {
274
+ class: "tabular-grid-column",
275
+ settingable: false,
276
+ size: a.tabularGrid.colSize.common
277
+ })), this.filteredModules.length ? e("ch-tabular-grid-rowset", {
278
+ class: "tabular-grid-rowset"
279
+ }, this.filteredModules.map((s => {
280
+ const t = s.currentVersion;
281
+ const i = c(this, m, "f").get(`${s.id}${R}${c(this, f, "f").get(s.id).currentSelectedVersion}`);
282
+ const r = i.name;
283
+ const a = i.description;
284
+ return e("ch-tabular-grid-row", {
285
+ // TODO: Replace tabular grid with other control, since it does not makes sense to use a grid with only one column.
286
+ class: "tabular-grid-row",
287
+ rowid: s.id,
288
+ key: s.id
289
+ }, e("ch-tabular-grid-cell", {
290
+ class: "tabular-grid-cell"
291
+ }, e("div", {
292
+ class: "module-grid-item-info field-group"
293
+ }, e("ch-image", {
294
+ class: "icon-md module-icon",
295
+ src: H,
296
+ disabled: !t
297
+ }), e("div", {
298
+ class: "field field-block"
299
+ }, e("h6", {
300
+ class: "subtitle-semi-bold-xs"
301
+ }, n(r, c(this, u, "f"))), e("p", {
302
+ class: "body-regular-s"
303
+ }, n(a, c(this, u, "f")))))));
304
+ }))) : e("ch-tabular-grid-rowset", {
305
+ class: "tabular-grid-rowset"
306
+ }, e("ch-tabular-grid-rowset-empty", null, c(this, z, "f").call(this))))));
307
+ /* module details/information renders*/ D.set(this, (() => {
308
+ const s = c(this, m, "f").get(`${this.selectedModuleId}${R}${c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion}`);
309
+ const t = c(this, f, "f").get(this.selectedModuleId);
310
+ const i = t.currentInstalledVersion;
311
+ return e("div", {
312
+ class: "module-info__title"
313
+ }, e("ch-image", {
314
+ class: "icon-md module-info__icon",
315
+ src: H,
316
+ disabled: !i
317
+ }), e("h6", {
318
+ class: "subtitle-semi-bold-xs"
319
+ }, s.name));
320
+ }));
321
+ E.set(this, (() => {
322
+ const s = c(this, m, "f").get(`${this.selectedModuleId}${R}${c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion}`).warningMessage;
323
+ if (s) {
324
+ return e("p", {
325
+ class: "module-info__alert-message"
326
+ }, s);
327
+ }
328
+ }));
329
+ F.set(this, (async (e, s) => {
330
+ if (this.serverSelectedCallback) {
331
+ this.selectedServerId = e;
332
+ this.loadingServer = true;
333
+ const t = await this.serverSelectedCallback(e, s);
334
+ this.modulesAll = [ ...t ];
335
+ this.loadingServer = false;
336
+ }
337
+ }));
338
+ L.set(this, (e => {
339
+ this.selectedModuleId = undefined;
340
+ // clear selected module
341
+ d(this, u, "", "f");
342
+ // clear filter
343
+ this.selectedModuleType = "browse";
344
+ // set "browse" as the default selected type
345
+ const s = e.detail;
346
+ c(this, F, "f").call(this, s, false);
347
+ }));
348
+ P.set(this, (async e => {
349
+ if (this.serverContextMenuCallback) {
350
+ const s = e.target.getBoundingClientRect();
351
+ await this.serverContextMenuCallback({
352
+ selection: [ this.selectedServerId ],
353
+ clientX: s.x,
354
+ clientY: s.y
355
+ });
356
+ }
357
+ }));
358
+ this.actionInProgress = false;
359
+ this.executeActionCallbackInProgress = false;
360
+ this.filteredModules = [];
361
+ this.loadingServer = false;
362
+ this.modulesAll = [];
363
+ this.progressState = "in-progress";
364
+ this.progressValue = 0;
365
+ this.reRenderCounter = 0;
366
+ this.selectedModuleAction = {
367
+ message: "",
368
+ progress: 0,
369
+ state: "in-progress"
370
+ };
371
+ this.selectedModuleId = undefined;
372
+ this.selectedModuleType = "browse";
373
+ this.selectedServerId = undefined;
374
+ this.selectedServerValue = undefined;
375
+ this.serversComboBoxModel = [];
376
+ this.selectedModuleVersions = [];
377
+ this.autoCloseProgressBar = false;
378
+ this.executeActionCallback = undefined;
379
+ this.serverContextMenuCallback = undefined;
380
+ this.serverSelectedCallback = undefined;
381
+ this.servers = [];
382
+ this.showServerCommands = false;
383
+ }
384
+ modulesAllChanged(e) {
385
+ let s;
386
+ if (this.selectedModuleId) {
387
+ // If this.selectedModuleId has a value, serverSelectedCallback was called
388
+ // but the server is the same. This occurs when a user action (e.g., install
389
+ // or restore) requires modules to update. The selected module and version
390
+ // remain unchanged. We must save the current version before #clearAll().
391
+ s = c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion;
392
+ }
393
+ c(this, _, "f").call(this);
394
+ e.forEach((e => {
395
+ let t = e.versions[0].id;
396
+ if (s && this.selectedModuleId === e.id) {
397
+ t = s;
398
+ }
399
+ // fulfill #modulesMap
400
+ const i = mapModuleVersionDataToComboBoxModel(e.versions);
401
+ c(this, f, "f").set(e.id, {
402
+ moduleData: e,
403
+ currentInstalledVersion: e.currentVersion,
404
+ currentSelectedVersion: t,
405
+ comboBoxVersionsModel: i
406
+ });
407
+ // fulfill #moduleVersionsMap.
408
+ e.versions.forEach((s => {
409
+ const t = `${e.id}${R}${s.id}`;
410
+ c(this, m, "f").set(t, {
411
+ id: s.id,
412
+ action: s.action,
413
+ description: s.description,
414
+ properties: s.properties,
415
+ name: s.name,
416
+ warningMessage: s.warningMessage
417
+ });
418
+ }));
419
+ }));
420
+ d(this, p, true, "f");
421
+ c(this, w, "f").call(this);
422
+ }
423
+ serversChanged(e) {
424
+ if (e.length) {
425
+ this.serversComboBoxModel = mapModuleServerDataToComboBoxModel(e);
426
+ this.selectedServerValue = this.serversComboBoxModel[0].value;
427
+ }
428
+ }
429
+ async componentWillLoad() {
430
+ d(this, h, await o.getComponentStrings(this.el), "f");
431
+ this.serversChanged(this.servers);
432
+ // map ModuleServerData to ComboBoxModel
433
+ d(this, v, [ {
434
+ id: "browse",
435
+ caption: c(this, h, "f").modules.buttonsContainer.browse
436
+ }, {
437
+ id: "installed",
438
+ caption: c(this, h, "f").modules.buttonsContainer.installed
439
+ }, {
440
+ id: "updates",
441
+ caption: c(this, h, "f").modules.buttonsContainer.updates
442
+ } ], "f");
443
+ }
444
+ async componentDidLoad() {
445
+ await c(this, F, "f").call(this, this.servers[0].id, false);
446
+ }
447
+ componentDidRender() {
448
+ if (c(this, p, "f") && this.selectedModuleId) {
449
+ // set selected module as selected on the grid after server reload.
450
+ c(this, g, "f").selectRow(this.selectedModuleId, true);
451
+ d(this, p, false, "f");
452
+ }
453
+ }
454
+ progressBarClosedHandler() {
455
+ // set it to false, to fire a re-render the next time the progress-bar is active.
456
+ this.actionInProgress = false;
457
+ }
458
+ render() {
459
+ return e(t, {
460
+ class: "widget"
461
+ }, e("ch-theme", {
462
+ model: V
463
+ }), e("section", {
464
+ class: "main"
465
+ }, e("div", {
466
+ class: "modules__container field-group"
467
+ }, e("header", {
468
+ class: "modules__header field-group"
469
+ }, e("div", {
470
+ class: "field field-block"
471
+ }, e("label", {
472
+ class: "label",
473
+ htmlFor: "servers-list"
474
+ }, c(this, h, "f").modules.selectServer), e("div", {
475
+ class: "modules__header-controls buttons-spacer"
476
+ }, e("ch-combo-box-render", {
477
+ // select server
478
+ id: "servers-list",
479
+ class: "combo-box combo-box-servers",
480
+ model: this.serversComboBoxModel,
481
+ value: this.selectedServerValue,
482
+ disabled: this.loadingServer,
483
+ onInput: c(this, L, "f")
484
+ }), e("div", null, this.showServerCommands && e("button", {
485
+ // server context menu button
486
+ class: "button-tertiary button-icon-only",
487
+ onClick: c(this, P, "f"),
488
+ "aria-label": c(this, h, "f").showServerMenu,
489
+ title: c(this, h, "f").showServerMenu
490
+ }, e("ch-image", {
491
+ src: X,
492
+ class: "icon-md"
493
+ })), e("button", {
494
+ // reload server selected button
495
+ class: "button-tertiary button-icon-only",
496
+ onClick: c(this, T, "f"),
497
+ "aria-label": c(this, h, "f").reloadModules,
498
+ title: c(this, h, "f").reloadModules
499
+ }, e("ch-image", {
500
+ src: B,
501
+ class: "icon-md"
502
+ })))))), e("div", {
503
+ // Modules main
504
+ class: "modules__main"
505
+ }, e("div", {
506
+ class: "modules__main-header"
507
+ }, e("div", {
508
+ // search modules
509
+ class: "field field-block"
510
+ }, e("label", {
511
+ class: "label",
512
+ htmlFor: "search-modules"
513
+ }, c(this, h, "f").modules.searchModules), e("ch-edit", {
514
+ class: "input",
515
+ value: c(this, u, "f"),
516
+ onInput: c(this, x, "f"),
517
+ disabled: this.loadingServer
518
+ })), e("div", {
519
+ class: "browse-modules"
520
+ }, e("ch-segmented-control-render", {
521
+ class: "segmented-control-filled",
522
+ model: c(this, v, "f"),
523
+ selectedId: this.selectedModuleType,
524
+ onSelectedItemChange: c(this, W, "f")
525
+ }))), e("div", {
526
+ class: "grid-or-loader-container"
527
+ }, this.loadingServer ? e("gx-ide-loader", {
528
+ loaderTitle: c(this, h, "f").servers.loading,
529
+ show: true
530
+ }) : c(this, A, "f").call(this)))), e("div", {
531
+ class: "module-info field-group"
532
+ }, this.selectedModuleId ? [ e("header", {
533
+ class: "module-info__header"
534
+ }, c(this, D, "f").call(this), c(this, I, "f").call(this), c(this, S, "f").call(this), c(this, E, "f").call(this)), e("div", {
535
+ class: "module-info__properties scrollable"
536
+ }, e("div", {
537
+ class: "module-info__properties-inner-wrapper"
538
+ }, renderModuleDataProperties(c(this, m, "f").get(`${this.selectedModuleId}__${c(this, f, "f").get(this.selectedModuleId).currentSelectedVersion}`).properties))) ] : e("gx-ide-empty-state", {
539
+ class: "recent-objects__empty-state",
540
+ stateIconSrc: H,
541
+ stateTitle: c(this, h, "f").modulesInformation.emptyState.title,
542
+ stateDescription: c(this, h, "f").modulesInformation.emptyState.description
543
+ })), e("footer", {
544
+ class: "footer"
545
+ }, e("gx-ide-progress-bar", {
546
+ class: "border-block-start",
547
+ slot: "footer-above",
548
+ part: "progress-bar",
549
+ stateType: this.progressState,
550
+ caption: this.selectedModuleAction.message || c(this, h, "f").progressBar.defaultCaption,
551
+ progress: this.progressValue,
552
+ active: this.actionInProgress,
553
+ closeType: this.autoCloseProgressBar ? "auto-close" : "button",
554
+ closedCallback: c(this, j, "f"),
555
+ ref: e => d(this, b, e, "f")
556
+ }))));
557
+ }
558
+ static get assetsDirs() {
559
+ return [ "gx-ide-assets/manage-module-references" ];
560
+ }
561
+ get el() {
562
+ return i(this);
563
+ }
564
+ static get watchers() {
565
+ return {
566
+ modulesAll: [ "modulesAllChanged" ],
567
+ servers: [ "serversChanged" ]
568
+ };
569
+ }
570
+ };
571
+
572
+ h = new WeakMap, m = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap,
573
+ g = new WeakMap, b = new WeakMap, v = new WeakMap, _ = new WeakMap, w = new WeakMap,
574
+ y = new WeakMap, x = new WeakMap, k = new WeakMap, M = new WeakMap, W = new WeakMap,
575
+ $ = new WeakMap, C = new WeakMap, j = new WeakMap, T = new WeakMap, z = new WeakMap,
576
+ I = new WeakMap, S = new WeakMap, A = new WeakMap, D = new WeakMap, E = new WeakMap,
577
+ F = new WeakMap, L = new WeakMap, P = new WeakMap;
578
+
579
+ Y.style = l;
580
+
581
+ export { Y as gx_ide_manage_module_references };
582
+ //# sourceMappingURL=p-29ac6b13.entry.js.map