ninegrid2 6.372.0 → 6.373.0

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.
@@ -48,17 +48,15 @@ class aiMessage extends HTMLElement
48
48
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
49
49
 
50
50
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
51
- const grd = document.querySelector("nine-grid");
52
- grd.filtering.set(this.#data);
51
+ this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
53
52
  });
54
53
 
55
54
  this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
56
- console.log(e);
55
+ this.shadowRoot.querySelector("nine-grid").maximize();
57
56
  });
58
57
 
59
58
  this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
60
- const grd = document.querySelector("nine-grid");
61
- grd.export();
59
+ this.shadowRoot.querySelector("nine-grid").export();
62
60
  });
63
61
 
64
62
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
@@ -19319,9 +19319,12 @@ class ngMenu extends HTMLElement
19319
19319
  this.#importer.importExcel();
19320
19320
  break;
19321
19321
  case "export-excel":
19322
+ /*
19322
19323
  $('ng-export', this.#owner.shadowRoot).remove();
19323
19324
  $(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
19324
19325
  this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
19326
+ */
19327
+ this.#owner.export();
19325
19328
  break;
19326
19329
  case "export-pdf":
19327
19330
  $('ng-export', this.#owner.shadowRoot).remove();
@@ -24288,18 +24291,33 @@ class ninegridContainer extends HTMLElement
24288
24291
 
24289
24292
  }
24290
24293
 
24291
- export = (v) => {
24292
- const existingExport = this.shadowRoot.querySelector("ng-export");
24294
+ export = () => {
24295
+ const el = this.shadowRoot.querySelector("ng-export");
24296
+
24297
+ if (el) {
24298
+ el.remove();
24299
+ }
24300
+
24301
+ const newEl = document.createElement("ng-export");
24302
+ this.shadowRoot.appendChild(newEl);
24303
+
24304
+ setTimeout(() => { // DOM에 추가된 후 실행 보장
24305
+ newEl.exportExcel();
24306
+ });
24307
+ };
24308
+
24309
+ maximize = () => {
24310
+ const el = this.shadowRoot.querySelector("ng-max-popup");
24293
24311
 
24294
- if (existingExport) {
24295
- existingExport.remove();
24312
+ if (el) {
24313
+ el.remove();
24296
24314
  }
24297
24315
 
24298
- const newExport = document.createElement("ng-export");
24299
- this.shadowRoot.appendChild(newExport);
24316
+ const newEl = document.createElement("ng-max-popup");
24317
+ this.shadowRoot.appendChild(newEl);
24300
24318
 
24301
24319
  setTimeout(() => { // DOM에 추가된 후 실행 보장
24302
- newExport.exportExcel();
24320
+ newEl.popup();
24303
24321
  });
24304
24322
  };
24305
24323
 
@@ -27372,17 +27390,15 @@ class aiMessage extends HTMLElement
27372
27390
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27373
27391
 
27374
27392
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27375
- const grd = document.querySelector("nine-grid");
27376
- grd.filtering.set(this.#data);
27393
+ this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
27377
27394
  });
27378
27395
 
27379
27396
  this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
27380
- console.log(e);
27397
+ this.shadowRoot.querySelector("nine-grid").maximize();
27381
27398
  });
27382
27399
 
27383
27400
  this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
27384
- const grd = document.querySelector("nine-grid");
27385
- grd.export();
27401
+ this.shadowRoot.querySelector("nine-grid").export();
27386
27402
  });
27387
27403
 
27388
27404
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
@@ -19317,9 +19317,12 @@ class ngMenu extends HTMLElement
19317
19317
  this.#importer.importExcel();
19318
19318
  break;
19319
19319
  case "export-excel":
19320
+ /*
19320
19321
  $('ng-export', this.#owner.shadowRoot).remove();
19321
19322
  $(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
19322
19323
  this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
19324
+ */
19325
+ this.#owner.export();
19323
19326
  break;
19324
19327
  case "export-pdf":
19325
19328
  $('ng-export', this.#owner.shadowRoot).remove();
@@ -24286,18 +24289,33 @@ class ninegridContainer extends HTMLElement
24286
24289
 
24287
24290
  }
24288
24291
 
24289
- export = (v) => {
24290
- const existingExport = this.shadowRoot.querySelector("ng-export");
24292
+ export = () => {
24293
+ const el = this.shadowRoot.querySelector("ng-export");
24294
+
24295
+ if (el) {
24296
+ el.remove();
24297
+ }
24298
+
24299
+ const newEl = document.createElement("ng-export");
24300
+ this.shadowRoot.appendChild(newEl);
24301
+
24302
+ setTimeout(() => { // DOM에 추가된 후 실행 보장
24303
+ newEl.exportExcel();
24304
+ });
24305
+ };
24306
+
24307
+ maximize = () => {
24308
+ const el = this.shadowRoot.querySelector("ng-max-popup");
24291
24309
 
24292
- if (existingExport) {
24293
- existingExport.remove();
24310
+ if (el) {
24311
+ el.remove();
24294
24312
  }
24295
24313
 
24296
- const newExport = document.createElement("ng-export");
24297
- this.shadowRoot.appendChild(newExport);
24314
+ const newEl = document.createElement("ng-max-popup");
24315
+ this.shadowRoot.appendChild(newEl);
24298
24316
 
24299
24317
  setTimeout(() => { // DOM에 추가된 후 실행 보장
24300
- newExport.exportExcel();
24318
+ newEl.popup();
24301
24319
  });
24302
24320
  };
24303
24321
 
@@ -27370,17 +27388,15 @@ class aiMessage extends HTMLElement
27370
27388
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27371
27389
 
27372
27390
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27373
- const grd = document.querySelector("nine-grid");
27374
- grd.filtering.set(this.#data);
27391
+ this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
27375
27392
  });
27376
27393
 
27377
27394
  this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
27378
- console.log(e);
27395
+ this.shadowRoot.querySelector("nine-grid").maximize();
27379
27396
  });
27380
27397
 
27381
27398
  this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
27382
- const grd = document.querySelector("nine-grid");
27383
- grd.export();
27399
+ this.shadowRoot.querySelector("nine-grid").export();
27384
27400
  });
27385
27401
 
27386
27402
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
@@ -143,9 +143,12 @@ class ngMenu extends HTMLElement
143
143
  this.#importer.importExcel();
144
144
  break;
145
145
  case "export-excel":
146
+ /*
146
147
  $('ng-export', this.#owner.shadowRoot).remove();
147
148
  $(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
148
149
  this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
150
+ */
151
+ this.#owner.export();
149
152
  break;
150
153
  case "export-pdf":
151
154
  $('ng-export', this.#owner.shadowRoot).remove();
@@ -235,18 +235,33 @@ class ninegridContainer extends HTMLElement
235
235
 
236
236
  }
237
237
 
238
- export = (v) => {
239
- const existingExport = this.shadowRoot.querySelector("ng-export");
238
+ export = () => {
239
+ const el = this.shadowRoot.querySelector("ng-export");
240
240
 
241
- if (existingExport) {
242
- existingExport.remove();
241
+ if (el) {
242
+ el.remove();
243
243
  }
244
244
 
245
- const newExport = document.createElement("ng-export");
246
- this.shadowRoot.appendChild(newExport);
245
+ const newEl = document.createElement("ng-export");
246
+ this.shadowRoot.appendChild(newEl);
247
247
 
248
248
  setTimeout(() => { // DOM에 추가된 후 실행 보장
249
- newExport.exportExcel();
249
+ newEl.exportExcel();
250
+ });
251
+ };
252
+
253
+ maximize = () => {
254
+ const el = this.shadowRoot.querySelector("ng-max-popup");
255
+
256
+ if (el) {
257
+ el.remove();
258
+ }
259
+
260
+ const newEl = document.createElement("ng-max-popup");
261
+ this.shadowRoot.appendChild(newEl);
262
+
263
+ setTimeout(() => { // DOM에 추가된 후 실행 보장
264
+ newEl.popup();
250
265
  });
251
266
  };
252
267
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.372.0",
4
+ "version": "6.373.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -48,17 +48,15 @@ class aiMessage extends HTMLElement
48
48
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
49
49
 
50
50
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
51
- const grd = document.querySelector("nine-grid");
52
- grd.filtering.set(this.#data);
51
+ this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
53
52
  });
54
53
 
55
54
  this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
56
- console.log(e);
55
+ this.shadowRoot.querySelector("nine-grid").maximize();
57
56
  });
58
57
 
59
58
  this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
60
- const grd = document.querySelector("nine-grid");
61
- grd.export();
59
+ this.shadowRoot.querySelector("nine-grid").export();
62
60
  });
63
61
 
64
62
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
package/src/etc/ngMenu.js CHANGED
@@ -143,9 +143,12 @@ class ngMenu extends HTMLElement
143
143
  this.#importer.importExcel();
144
144
  break;
145
145
  case "export-excel":
146
+ /*
146
147
  $('ng-export', this.#owner.shadowRoot).remove();
147
148
  $(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
148
149
  this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
150
+ */
151
+ this.#owner.export();
149
152
  break;
150
153
  case "export-pdf":
151
154
  $('ng-export', this.#owner.shadowRoot).remove();
@@ -235,18 +235,33 @@ class ninegridContainer extends HTMLElement
235
235
 
236
236
  }
237
237
 
238
- export = (v) => {
239
- const existingExport = this.shadowRoot.querySelector("ng-export");
238
+ export = () => {
239
+ const el = this.shadowRoot.querySelector("ng-export");
240
240
 
241
- if (existingExport) {
242
- existingExport.remove();
241
+ if (el) {
242
+ el.remove();
243
243
  }
244
244
 
245
- const newExport = document.createElement("ng-export");
246
- this.shadowRoot.appendChild(newExport);
245
+ const newEl = document.createElement("ng-export");
246
+ this.shadowRoot.appendChild(newEl);
247
247
 
248
248
  setTimeout(() => { // DOM에 추가된 후 실행 보장
249
- newExport.exportExcel();
249
+ newEl.exportExcel();
250
+ });
251
+ };
252
+
253
+ maximize = () => {
254
+ const el = this.shadowRoot.querySelector("ng-max-popup");
255
+
256
+ if (el) {
257
+ el.remove();
258
+ }
259
+
260
+ const newEl = document.createElement("ng-max-popup");
261
+ this.shadowRoot.appendChild(newEl);
262
+
263
+ setTimeout(() => { // DOM에 추가된 후 실행 보장
264
+ newEl.popup();
250
265
  });
251
266
  };
252
267