@genexus/genexus-ide-ui 1.1.24 → 1.1.25

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 (31) hide show
  1. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  2. package/dist/cjs/gx-ide-ww-files.cjs.entry.js +235 -211
  3. package/dist/cjs/gx-ide-ww-files.cjs.entry.js.map +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/ww-files/gx-ide-assets/ww-files/langs/ww-files.lang.en.json +10 -1
  6. package/dist/collection/components/ww-files/gx-ide-assets/ww-files/langs/ww-files.lang.ja.json +9 -0
  7. package/dist/collection/components/ww-files/gx-ide-assets/ww-files/langs/ww-files.lang.zh.json +9 -0
  8. package/dist/collection/components/ww-files/helpers.js +12 -0
  9. package/dist/collection/components/ww-files/helpers.js.map +1 -1
  10. package/dist/collection/components/ww-files/ww-files.css +49 -63
  11. package/dist/collection/components/ww-files/ww-files.js +270 -421
  12. package/dist/collection/components/ww-files/ww-files.js.map +1 -1
  13. package/dist/components/gx-ide-ww-files.js +258 -233
  14. package/dist/components/gx-ide-ww-files.js.map +1 -1
  15. package/dist/esm/genexus-ide-ui.js +1 -1
  16. package/dist/esm/gx-ide-ww-files.entry.js +236 -212
  17. package/dist/esm/gx-ide-ww-files.entry.js.map +1 -1
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  20. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  21. package/dist/genexus-ide-ui/gx-ide-assets/ww-files/langs/ww-files.lang.en.json +10 -1
  22. package/dist/genexus-ide-ui/gx-ide-assets/ww-files/langs/ww-files.lang.ja.json +9 -0
  23. package/dist/genexus-ide-ui/gx-ide-assets/ww-files/langs/ww-files.lang.zh.json +9 -0
  24. package/dist/genexus-ide-ui/p-163bfc6a.entry.js +611 -0
  25. package/dist/genexus-ide-ui/p-163bfc6a.entry.js.map +1 -0
  26. package/dist/types/components/ww-files/helpers.d.ts +1 -0
  27. package/dist/types/components/ww-files/ww-files.d.ts +36 -76
  28. package/dist/types/components.d.ts +10 -89
  29. package/package.json +1 -1
  30. package/dist/genexus-ide-ui/p-385c9544.entry.js +0 -564
  31. package/dist/genexus-ide-ui/p-385c9544.entry.js.map +0 -1
@@ -0,0 +1,611 @@
1
+ import { h as e, r as t, H as i, a } from "./p-25a9f1d7.js";
2
+
3
+ import { g as s } from "./p-401bfc97.js";
4
+
5
+ import { L as l } from "./p-311eedf3.js";
6
+
7
+ import { c as n } from "./p-13738332.js";
8
+
9
+ import { f as r } from "./p-957046fd.js";
10
+
11
+ const mapOptionsToComboBoxItemModel = e => e.map((e => {
12
+ var t;
13
+ return {
14
+ value: e.id,
15
+ caption: e.label,
16
+ startImgSrc: (t = e.iconName) !== null && t !== void 0 ? t : ""
17
+ };
18
+ }));
19
+
20
+ const escapeRegExp = e => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
21
+
22
+ const hiChar = (t, i) => {
23
+ if (!i) {
24
+ return t;
25
+ }
26
+ const a = escapeRegExp(i);
27
+ const s = t.split(new RegExp(`(${a})`, "gi"));
28
+ return s.map(((t, a) => t.toLowerCase() === i.toLowerCase() ? e("span", {
29
+ key: a,
30
+ class: "hiChar"
31
+ }, t) : t));
32
+ };
33
+
34
+ const o = ':host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:16px;align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--mer-spacing--2xs)}.label-date-time{display:flex;align-items:center;gap:6px;grid-area:label-date-time}.label-date-time .icon-md{--mer-icon__box--md:16.8px}.input-date-time{block-size:31.98px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--mer-spacing--xs);position:relative;z-index:1}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(4)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.tabular-grid-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}';
35
+
36
+ var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, a, s) {
37
+ if (a === "m") throw new TypeError("Private method is not writable");
38
+ if (a === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
39
+ if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
40
+ return a === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
41
+ };
42
+
43
+ var c = undefined && undefined.__classPrivateFieldGet || function(e, t, i, a) {
44
+ if (i === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
45
+ if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
46
+ return i === "m" ? a : i === "a" ? a.call(e) : a ? a.value : t.get(e);
47
+ };
48
+
49
+ var h, f, u, m, p, b, g, w, v, k, y, x, M, W, _, C, z, N, T, D, I, j, E, H, V, F, $, A, L, P, B, S, O, R;
50
+
51
+ const U = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/accordion", "components/edit", "components/icon", "components/tooltip", "components/tabular-grid", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
52
+
53
+ const X = s({
54
+ category: "system",
55
+ name: "close",
56
+ colorType: "neutral"
57
+ });
58
+
59
+ const Y = s({
60
+ category: "window-tools",
61
+ name: "filter",
62
+ colorType: "on-elevation"
63
+ });
64
+
65
+ const q = s({
66
+ category: "system",
67
+ name: "information",
68
+ colorType: "on-elevation"
69
+ });
70
+
71
+ const G = "advanced-filter";
72
+
73
+ const J = "afterDateTime";
74
+
75
+ const K = "afterLastBuild";
76
+
77
+ const Q = "afterImport";
78
+
79
+ const Z = "checked";
80
+
81
+ const ee = "unchecked";
82
+
83
+ const te = class {
84
+ constructor(i) {
85
+ t(this, i);
86
+ h.set(this, void 0);
87
+ f.set(this, []);
88
+ // Filter Values
89
+ u.set(this, void 0);
90
+ m.set(this, void 0);
91
+ // Advanced Filter Values
92
+ p.set(this, void 0);
93
+ b.set(this, void 0);
94
+ g.set(this, void 0);
95
+ w.set(this, void 0);
96
+ // Other
97
+ v.set(this, []);
98
+ k.set(this, void 0);
99
+ y.set(this, void 0);
100
+ x.set(this, (() => {
101
+ d(this, u, "", "f");
102
+ d(this, m, Object.assign({}, this.defaultModule), "f");
103
+ d(this, p, "", "f");
104
+ d(this, b, this.defaultCategory || this.categoriesComboBoxModel[0].value, "f");
105
+ d(this, g, ee, "f");
106
+ this.afterValue = this.filterAfterComboBoxModel[0].value;
107
+ d(this, w, "", "f");
108
+ this.dateTimeValue = undefined;
109
+ }));
110
+ M.set(this, (e => {
111
+ d(this, g, e.detail === Z ? Z : ee, "f");
112
+ c(this, E, "f").call(this);
113
+ }));
114
+ W.set(this, (() => {
115
+ c(this, k, "f").addEventListener("selectionChanged", (e => {
116
+ d(this, v, e.detail.rowsId, "f");
117
+ this.selectionChangeCallback(c(this, v, "f"));
118
+ }));
119
+ c(this, k, "f").addEventListener("rowDoubleClicked", (() => {
120
+ c(this, L, "f").call(this);
121
+ }));
122
+ c(this, k, "f").addEventListener("rowContextMenu", (e => {
123
+ e.preventDefault();
124
+ e.stopPropagation();
125
+ this.contextMenuCallback({
126
+ selection: e.detail.selectedRowsId,
127
+ clientX: e.detail.clientX,
128
+ clientY: e.detail.clientY
129
+ });
130
+ }));
131
+ }));
132
+ _.set(this, (async e => {
133
+ d(this, b, e.detail, "f");
134
+ c(this, E, "f").call(this);
135
+ }));
136
+ C.set(this, (() => {
137
+ this.dateTimeValue = undefined;
138
+ }));
139
+ z.set(this, (e => {
140
+ this.dateTimeValue = e.detail;
141
+ c(this, E, "f").call(this);
142
+ }));
143
+ N.set(this, (() => {
144
+ this.deleteSelectionCallback(c(this, v, "f"));
145
+ }));
146
+ T.set(this, (() => {
147
+ c(this, k, "f").selectAllRows(false);
148
+ }));
149
+ D.set(this, ((t, i) => {
150
+ const a = new Date(i);
151
+ if (a >= t) {
152
+ // Object modifed date matches with filter date, or was modified after that date.
153
+ // Highlight to show that it matches.
154
+ return e("span", {
155
+ class: "hiChar"
156
+ }, c(this, j, "f").call(this, t));
157
+ } else {
158
+ return c(this, j, "f").call(this, t);
159
+ }
160
+ }));
161
+ I.set(this, (e => {
162
+ this.afterValue = e.detail;
163
+ c(this, E, "f").call(this);
164
+ }));
165
+ j.set(this, (e => r(e, "date-time-short")));
166
+ E.set(this, (() => {
167
+ c(this, B, "f").call(this);
168
+ const e = {
169
+ name: c(this, u, "f"),
170
+ searchContents: c(this, p, "f"),
171
+ category: c(this, b, "f"),
172
+ parent: c(this, y, "f").value.id,
173
+ allDescendants: c(this, g, "f") === Z,
174
+ modifiedAfter: this.showModified ? this.afterValue : undefined,
175
+ modifiedBy: this.showModified ? c(this, w, "f") : undefined,
176
+ modifiedDate: this.showModified ? new Date(this.dateTimeValue) : undefined
177
+ };
178
+ this.loadCallback(e).then((e => {
179
+ this.objects = e;
180
+ d(this, v, [], "f");
181
+ c(this, T, "f").call(this);
182
+ this.isLoading = false;
183
+ }));
184
+ }));
185
+ H.set(this, (() => [ e("div", {
186
+ // Name
187
+ class: "field field-block field-name"
188
+ }, e("label", {
189
+ class: "label",
190
+ htmlFor: "name"
191
+ }, c(this, h, "f").filter.name), e("ch-edit", {
192
+ id: "name",
193
+ class: "input",
194
+ value: c(this, u, "f"),
195
+ onInput: c(this, $, "f"),
196
+ part: "filter-files",
197
+ debounce: n.inputDebounce,
198
+ disabled: this.isLoading
199
+ })), e("div", {
200
+ // Module
201
+ class: "field field-block field-module-folder"
202
+ }, e("label", {
203
+ class: "label",
204
+ htmlFor: "module-folder"
205
+ }, c(this, h, "f").filter.moduleFolder), e("gx-ide-entity-selector", {
206
+ part: "filter-module-folder",
207
+ id: "module/folder",
208
+ labelPosition: "none",
209
+ value: c(this, m, "f"),
210
+ defaultValue: this.defaultModule,
211
+ selectEntityCallback: this.selectModuleCallback,
212
+ ref: e => d(this, y, e, "f"),
213
+ onValueChanged: c(this, F, "f"),
214
+ disabled: this.isLoading
215
+ })), e("ch-accordion-render", {
216
+ class: "accordion-outlined advanced-filter",
217
+ model: c(this, f, "f")
218
+ }, e("div", {
219
+ slot: G,
220
+ class: "spacing-body field-group advanced-filter__container"
221
+ }, this.showSearchContents && e("div", {
222
+ // Search contents
223
+ class: "field field-block field-search-contents"
224
+ }, e("label", {
225
+ class: "label",
226
+ htmlFor: "filter-content"
227
+ }, c(this, h, "f").filter.content), e("ch-edit", {
228
+ id: "filter-content",
229
+ class: "input",
230
+ onInput: c(this, P, "f"),
231
+ part: "filter-content"
232
+ })), e("div", {
233
+ class: "field-group advanced-filter__first-row"
234
+ }, e("div", {
235
+ // Category
236
+ class: "field field-block field-category"
237
+ }, e("label", {
238
+ class: "label",
239
+ htmlFor: "filter-category"
240
+ }, c(this, h, "f").filter.category), e("ch-combo-box-render", {
241
+ id: "filter-category",
242
+ class: "combo-box disabled",
243
+ value: c(this, b, "f"),
244
+ disabled: !this.categories || this.isLoading,
245
+ model: this.categoriesComboBoxModel,
246
+ part: "filter-category",
247
+ onInput: c(this, _, "f")
248
+ })), e("div", {
249
+ // All descendants / Modified
250
+ class: "all-descendants__modified field field-inline"
251
+ }, e("ch-checkbox", {
252
+ // All descendants
253
+ class: "checkbox",
254
+ caption: c(this, h, "f").filter.allDescendants,
255
+ checkedValue: Z,
256
+ unCheckedValue: ee,
257
+ value: c(this, g, "f"),
258
+ onInput: c(this, M, "f"),
259
+ part: "filter-all-descendants",
260
+ disabled: this.isLoading
261
+ }), e("ch-checkbox", {
262
+ // Modified
263
+ class: "checkbox align-center",
264
+ caption: c(this, h, "f").filter.modified,
265
+ checkedValue: Z,
266
+ unCheckedValue: ee,
267
+ value: this.showModified,
268
+ onInput: c(this, O, "f"),
269
+ part: "filter-modified"
270
+ }))), this.showModified === Z && e("div", {
271
+ class: "field-group advanced-filter__second-row"
272
+ }, e("div", {
273
+ // After
274
+ class: "field field-block field-after"
275
+ }, e("label", {
276
+ class: "label",
277
+ htmlFor: "filter-after-type"
278
+ }, c(this, h, "f").filter.after), e("ch-combo-box-render", {
279
+ id: "filter-after-type",
280
+ class: "combo-box",
281
+ value: this.afterValue,
282
+ model: this.filterAfterComboBoxModel,
283
+ onInput: c(this, I, "f"),
284
+ part: "filter-after-type",
285
+ disabled: this.isLoading
286
+ })), e("div", {
287
+ // User
288
+ class: "field field-block field-user"
289
+ }, e("label", {
290
+ class: "label",
291
+ htmlFor: "filter-user"
292
+ }, c(this, h, "f").filter.user), e("ch-edit", {
293
+ id: "filter-user",
294
+ class: "input",
295
+ value: c(this, w, "f"),
296
+ onInput: c(this, S, "f"),
297
+ part: "filter-user",
298
+ debounce: n.inputDebounce,
299
+ disabled: this.isLoading
300
+ })), this.afterValue === J && e("div", {
301
+ // Date/Time
302
+ class: {
303
+ "field field-block field-date": true,
304
+ hide: this.afterValue !== J
305
+ }
306
+ }, e("label", {
307
+ class: "label label-date-time",
308
+ htmlFor: "filter-date-time"
309
+ }, c(this, h, "f").filter.dateTime, e("ch-image", {
310
+ class: "icon-md icon-clear-date-time",
311
+ src: q
312
+ }), e("ch-tooltip", {
313
+ class: "tooltip",
314
+ actionElement: null,
315
+ blockAlign: "outside-start",
316
+ inlineAlign: "inside-start",
317
+ delay: n.tooltipSettings.delay
318
+ }, c(this, h, "f").filter.dateTimeTooltip)), e("ch-edit", {
319
+ id: "filter-date-time",
320
+ type: "datetime-local",
321
+ class: "input input-date-time",
322
+ value: this.dateTimeValue,
323
+ onInput: c(this, z, "f"),
324
+ part: "filter-date-time",
325
+ disabled: this.isLoading
326
+ }), e("button", {
327
+ class: "button-tertiary button-icon-only",
328
+ onClick: c(this, C, "f"),
329
+ disabled: this.isLoading
330
+ }, e("ch-image", {
331
+ class: "icon-md",
332
+ src: X,
333
+ type: "mask"
334
+ })))))) ]));
335
+ V.set(this, (() => {
336
+ var t;
337
+ const i = !this.objects.length;
338
+ return e("ch-tabular-grid", {
339
+ ref: e => d(this, k, e, "f"),
340
+ class: {
341
+ "tabular-grid": true,
342
+ loading: this.isLoading,
343
+ empty: this.objects.length === 0
344
+ },
345
+ rowSelectionMode: "multiple",
346
+ part: "ch-grid-files"
347
+ }, e("ch-tabular-grid-columnset", {
348
+ class: "tabular-grid-column-set"
349
+ }, e("ch-tabular-grid-column", {
350
+ columnName: "",
351
+ columnNameHidden: false,
352
+ settingable: false,
353
+ size: n.tabularGrid.colSize.maxContent,
354
+ class: "tabular-grid-column"
355
+ }), e("ch-tabular-grid-column", {
356
+ columnName: c(this, h, "f").tableHead.name,
357
+ columnNameHidden: false,
358
+ settingable: false,
359
+ size: n.tabularGrid.colSize.maxContent,
360
+ class: "tabular-grid-column"
361
+ }), e("ch-tabular-grid-column", {
362
+ columnName: c(this, h, "f").tableHead.module,
363
+ columnNameHidden: false,
364
+ settingable: false,
365
+ size: n.tabularGrid.colSize.maxContent,
366
+ class: "tabular-grid-column"
367
+ }), this.gridColumnsVisibility.description && e("ch-tabular-grid-column", {
368
+ columnName: c(this, h, "f").tableHead.description,
369
+ columnNameHidden: false,
370
+ settingable: false,
371
+ size: n.tabularGrid.colSize.auto,
372
+ class: "tabular-grid-column"
373
+ }), this.gridColumnsVisibility.modifiedDate && e("ch-tabular-grid-column", {
374
+ columnName: c(this, h, "f").tableHead.modifiedDate,
375
+ columnNameHidden: false,
376
+ settingable: false,
377
+ size: n.tabularGrid.colSize.maxContent,
378
+ class: "tabular-grid-column"
379
+ }), this.gridColumnsVisibility.lastUser && e("ch-tabular-grid-column", {
380
+ columnName: c(this, h, "f").tableHead.lastUser,
381
+ columnNameHidden: false,
382
+ settingable: false,
383
+ size: n.tabularGrid.colSize.maxContent,
384
+ class: "tabular-grid-column"
385
+ }), this.gridColumnsVisibility.importDate && e("ch-tabular-grid-column", {
386
+ columnName: c(this, h, "f").tableHead.importDate,
387
+ columnNameHidden: false,
388
+ settingable: false,
389
+ size: n.tabularGrid.colSize.maxContent,
390
+ class: "tabular-grid-column"
391
+ }), this.gridColumnsVisibility.lastBuildDate && e("ch-tabular-grid-column", {
392
+ columnName: c(this, h, "f").tableHead.lastBuildDate,
393
+ columnNameHidden: false,
394
+ settingable: false,
395
+ size: n.tabularGrid.colSize.maxContent,
396
+ class: "tabular-grid-column"
397
+ })), !i ? e("ch-tabular-grid-rowset", {
398
+ class: "tabular-grid-rowset"
399
+ }, (t = this.objects) === null || t === void 0 ? void 0 : t.map((t => {
400
+ var i;
401
+ return e("ch-tabular-grid-row", {
402
+ rowid: t.id,
403
+ class: "tabular-grid-row"
404
+ }, e("ch-tabular-grid-cell", {
405
+ class: "tabular-grid-cell"
406
+ }, e("ch-image", {
407
+ src: t.icon
408
+ })), e("ch-tabular-grid-cell", {
409
+ class: "tabular-grid-cell"
410
+ }, hiChar(t.name.toLowerCase(), c(this, u, "f").toLowerCase())), e("ch-tabular-grid-cell", {
411
+ class: "tabular-grid-cell"
412
+ }, hiChar(t.parent, c(this, m, "f").name)), this.gridColumnsVisibility.description && e("ch-tabular-grid-cell", {
413
+ class: "tabular-grid-cell tabular-grid-cell-description"
414
+ }, t.description), this.gridColumnsVisibility.modifiedDate && e("ch-tabular-grid-cell", {
415
+ class: "tabular-grid-cell"
416
+ }, c(this, D, "f").call(this, t.modifiedDate, this.dateTimeValue)), this.gridColumnsVisibility.lastUser && e("ch-tabular-grid-cell", {
417
+ class: "tabular-grid-cell"
418
+ }, hiChar((i = t.lastUser) === null || i === void 0 ? void 0 : i.toLowerCase(), c(this, w, "f"))), this.gridColumnsVisibility.importDate && e("ch-tabular-grid-cell", {
419
+ class: "tabular-grid-cell"
420
+ }, hiChar(t.importDate ? c(this, j, "f").call(this, t.importDate) : "", c(this, u, "f"))), this.gridColumnsVisibility.lastBuildDate && e("ch-tabular-grid-cell", {
421
+ class: "tabular-grid-cell"
422
+ }, hiChar(t.lastBuildDate ? c(this, j, "f").call(this, t.lastBuildDate) : "", c(this, u, "f"))));
423
+ }))) : e("ch-tabular-grid-rowset", {
424
+ class: "tabular-grid-rowset"
425
+ }, e("ch-tabular-grid-rowset-empty", null, this.isLoading ? e("gx-ide-loader", {
426
+ loaderTitle: c(this, h, "f").loader.title,
427
+ description: c(this, h, "f").loader.description,
428
+ show: true
429
+ }) : e("gx-ide-empty-state", {
430
+ isAnimated: true,
431
+ stateIconSrc: Y,
432
+ stateTitle: c(this, h, "f").emptyState.title
433
+ }))));
434
+ }));
435
+ F.set(this, (e => {
436
+ d(this, m, e.detail, "f");
437
+ c(this, E, "f").call(this);
438
+ }));
439
+ $.set(this, (e => {
440
+ d(this, u, e.detail, "f");
441
+ c(this, E, "f").call(this);
442
+ }));
443
+ A.set(this, (() => {
444
+ this.newFileCallback();
445
+ }));
446
+ L.set(this, (() => {
447
+ this.openSelectionCallback(c(this, v, "f"));
448
+ }));
449
+ P.set(this, (e => {
450
+ d(this, p, e.detail, "f");
451
+ c(this, E, "f").call(this);
452
+ }));
453
+ B.set(this, (() => {
454
+ this.objects = [];
455
+ this.isLoading = true;
456
+ }));
457
+ S.set(this, (e => {
458
+ d(this, w, e.detail, "f");
459
+ c(this, E, "f").call(this);
460
+ }));
461
+ O.set(this, (e => {
462
+ this.showModified = e.detail;
463
+ }));
464
+ R.set(this, (() => {
465
+ c(this, k, "f").selectAllRows();
466
+ }));
467
+ this.afterValue = undefined;
468
+ this.categoriesComboBoxModel = [];
469
+ this.dateTimeValue = undefined;
470
+ this.isLoading = true;
471
+ this.filterAfterComboBoxModel = undefined;
472
+ this.showModified = Z;
473
+ this.objects = [];
474
+ this.categories = undefined;
475
+ this.contextMenuCallback = undefined;
476
+ this.defaultCategory = undefined;
477
+ this.defaultModule = undefined;
478
+ this.deleteSelectionCallback = undefined;
479
+ this.gridColumnsVisibility = {
480
+ description: true,
481
+ importDate: true,
482
+ lastBuildDate: true,
483
+ lastUser: true,
484
+ modifiedDate: true
485
+ };
486
+ this.loadCallback = undefined;
487
+ this.newFileCallback = undefined;
488
+ this.openSelectionCallback = undefined;
489
+ this.selectModuleCallback = undefined;
490
+ this.selectionChangeCallback = undefined;
491
+ this.showSearchContents = false;
492
+ }
493
+ dateTimeValueChanged() {
494
+ c(this, E, "f").call(this);
495
+ }
496
+ categoriesChanged(e) {
497
+ this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(e);
498
+ }
499
+ async componentWillLoad() {
500
+ d(this, h, await l.getComponentStrings(this.el), "f");
501
+ // initialize combo-box models∂
502
+ this.categoriesChanged(this.categories);
503
+ // initialize "After" combo-box options
504
+ this.filterAfterComboBoxModel = [ {
505
+ caption: c(this, h, "f").filter[J],
506
+ value: J
507
+ }, {
508
+ caption: c(this, h, "f").filter[K],
509
+ value: K
510
+ }, {
511
+ caption: c(this, h, "f").filter[Q],
512
+ value: Q
513
+ } ];
514
+ // initialize accordion model with proper configuration
515
+ d(this, f, [ {
516
+ id: G,
517
+ caption: c(this, h, "f").filter.accordionCaption,
518
+ expanded: false
519
+ } ], "f");
520
+ c(this, x, "f").call(this);
521
+ }
522
+ componentDidLoad() {
523
+ c(this, W, "f").call(this);
524
+ c(this, E, "f").call(this);
525
+ }
526
+ keyDownHandler(e) {
527
+ if (document.activeElement === this.el) {
528
+ switch (e.key) {
529
+ case "Enter":
530
+ e.preventDefault();
531
+ c(this, L, "f").call(this);
532
+ break;
533
+
534
+ case "Delete":
535
+ e.preventDefault();
536
+ c(this, N, "f").call(this);
537
+ break;
538
+
539
+ case "Escape":
540
+ e.preventDefault();
541
+ c(this, T, "f").call(this);
542
+ break;
543
+ }
544
+ }
545
+ }
546
+ /**
547
+ * This method reload the view, refreshing the filters and the table of files.
548
+ */ async reload() {
549
+ c(this, x, "f").call(this);
550
+ c(this, E, "f").call(this);
551
+ }
552
+ render() {
553
+ var t;
554
+ return e(i, {
555
+ class: "widget"
556
+ }, e("ch-theme", {
557
+ model: U
558
+ }), e("section", {
559
+ class: "section"
560
+ }, e("header", {
561
+ class: "header control-header-with-border spacing-body-inline spacing-body-block-start field-group"
562
+ }, c(this, H, "f").call(this)), c(this, V, "f").call(this), e("footer", {
563
+ class: "control-footer-with-border control-footer-space-between spacing-body"
564
+ }, e("p", {
565
+ // matching objects
566
+ class: "text-body",
567
+ part: "objects-matching"
568
+ }, `${(t = this.objects) === null || t === void 0 ? void 0 : t.length} ${c(this, h, "f").objCount.matching}`), e("div", {
569
+ class: "buttons-spacer"
570
+ }, e("button", {
571
+ // select all button
572
+ id: "button-select-all",
573
+ class: "button-secondary",
574
+ onClick: c(this, R, "f"),
575
+ part: "button button--select-all",
576
+ disabled: this.isLoading
577
+ }, c(this, h, "f").footer.btnSelectAll), e("button", {
578
+ // new file button
579
+ id: "button-new-file",
580
+ class: "button-primary button-icon-and-text",
581
+ onClick: c(this, A, "f"),
582
+ part: "button button--new-file",
583
+ disabled: this.isLoading
584
+ }, c(this, h, "f").footer.btnNew)))));
585
+ }
586
+ static get assetsDirs() {
587
+ return [ "gx-ide-assets/ww-files" ];
588
+ }
589
+ get el() {
590
+ return a(this);
591
+ }
592
+ static get watchers() {
593
+ return {
594
+ dateTimeValue: [ "dateTimeValueChanged" ],
595
+ categories: [ "categoriesChanged" ]
596
+ };
597
+ }
598
+ };
599
+
600
+ h = new WeakMap, f = new WeakMap, u = new WeakMap, m = new WeakMap, p = new WeakMap,
601
+ b = new WeakMap, g = new WeakMap, w = new WeakMap, v = new WeakMap, k = new WeakMap,
602
+ y = new WeakMap, x = new WeakMap, M = new WeakMap, W = new WeakMap, _ = new WeakMap,
603
+ C = new WeakMap, z = new WeakMap, N = new WeakMap, T = new WeakMap, D = new WeakMap,
604
+ I = new WeakMap, j = new WeakMap, E = new WeakMap, H = new WeakMap, V = new WeakMap,
605
+ F = new WeakMap, $ = new WeakMap, A = new WeakMap, L = new WeakMap, P = new WeakMap,
606
+ B = new WeakMap, S = new WeakMap, O = new WeakMap, R = new WeakMap;
607
+
608
+ te.style = o;
609
+
610
+ export { te as gx_ide_ww_files };
611
+ //# sourceMappingURL=p-163bfc6a.entry.js.map