ninegrid2 6.1213.0 → 6.1215.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.
@@ -122312,7 +122312,7 @@ class nxModal extends HTMLElement
122312
122312
  };
122313
122313
 
122314
122314
  showModal = () => {
122315
- this.querySelector('.nx-modal').showModal();
122315
+ this.querySelector('dialog').showModal();
122316
122316
  };
122317
122317
 
122318
122318
  close = () => {
@@ -122323,7 +122323,7 @@ class nxModal extends HTMLElement
122323
122323
  $(document) .off('mousemove', this.#onMouseMove);
122324
122324
  $(document) .off("touchmove", this.#onTouchMove);
122325
122325
 
122326
- this.querySelector('.nx-modal').close();
122326
+ this.querySelector('dialog').close();
122327
122327
  };
122328
122328
 
122329
122329
  #init = () => {
@@ -122334,7 +122334,7 @@ class nxModal extends HTMLElement
122334
122334
  }); */
122335
122335
 
122336
122336
  $(".close", this).on("click", e => {
122337
- ninegrid.j.querySelectorAll('.nx-modal', this).addClass("out");
122337
+ ninegrid.j.querySelectorAll('dialog', this).addClass("out");
122338
122338
  setTimeout(() => { this.close(); }, 300);
122339
122339
  });
122340
122340
 
@@ -122353,7 +122353,7 @@ class nxModal extends HTMLElement
122353
122353
  if (e.target.closest("buttons")) return;
122354
122354
  if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
122355
122355
 
122356
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
122356
+ var rect = this.querySelector('dialog').getBoundingClientRect();
122357
122357
 
122358
122358
  this.#shift = {
122359
122359
  x : e.clientX - rect.x,
@@ -122365,7 +122365,7 @@ class nxModal extends HTMLElement
122365
122365
 
122366
122366
 
122367
122367
  #onMouseMove = e => {
122368
- $(this.querySelector('.nx-modal')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
122368
+ $(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
122369
122369
  };
122370
122370
 
122371
122371
  #onMouseUp = e => {
@@ -122375,7 +122375,7 @@ class nxModal extends HTMLElement
122375
122375
  #onTouchStart = e => {
122376
122376
  if (e.target.closest("buttons")) return;
122377
122377
 
122378
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
122378
+ var rect = this.querySelector('dialog').getBoundingClientRect();
122379
122379
 
122380
122380
  this.#shift = {
122381
122381
  x : e.changedTouches[0].pageX - rect.x,
@@ -122386,7 +122386,7 @@ class nxModal extends HTMLElement
122386
122386
  };
122387
122387
 
122388
122388
  #onTouchMove = e => {
122389
- $(this.querySelector('.nx-modal')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
122389
+ $(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
122390
122390
  };
122391
122391
 
122392
122392
  #onTouchEnd = e => {
@@ -122308,7 +122308,7 @@ class nxModal extends HTMLElement
122308
122308
  };
122309
122309
 
122310
122310
  showModal = () => {
122311
- this.querySelector('.nx-modal').showModal();
122311
+ this.querySelector('dialog').showModal();
122312
122312
  };
122313
122313
 
122314
122314
  close = () => {
@@ -122319,7 +122319,7 @@ class nxModal extends HTMLElement
122319
122319
  $(document) .off('mousemove', this.#onMouseMove);
122320
122320
  $(document) .off("touchmove", this.#onTouchMove);
122321
122321
 
122322
- this.querySelector('.nx-modal').close();
122322
+ this.querySelector('dialog').close();
122323
122323
  };
122324
122324
 
122325
122325
  #init = () => {
@@ -122330,7 +122330,7 @@ class nxModal extends HTMLElement
122330
122330
  }); */
122331
122331
 
122332
122332
  $(".close", this).on("click", e => {
122333
- ninegrid.j.querySelectorAll('.nx-modal', this).addClass("out");
122333
+ ninegrid.j.querySelectorAll('dialog', this).addClass("out");
122334
122334
  setTimeout(() => { this.close(); }, 300);
122335
122335
  });
122336
122336
 
@@ -122349,7 +122349,7 @@ class nxModal extends HTMLElement
122349
122349
  if (e.target.closest("buttons")) return;
122350
122350
  if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
122351
122351
 
122352
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
122352
+ var rect = this.querySelector('dialog').getBoundingClientRect();
122353
122353
 
122354
122354
  this.#shift = {
122355
122355
  x : e.clientX - rect.x,
@@ -122361,7 +122361,7 @@ class nxModal extends HTMLElement
122361
122361
 
122362
122362
 
122363
122363
  #onMouseMove = e => {
122364
- $(this.querySelector('.nx-modal')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
122364
+ $(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
122365
122365
  };
122366
122366
 
122367
122367
  #onMouseUp = e => {
@@ -122371,7 +122371,7 @@ class nxModal extends HTMLElement
122371
122371
  #onTouchStart = e => {
122372
122372
  if (e.target.closest("buttons")) return;
122373
122373
 
122374
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
122374
+ var rect = this.querySelector('dialog').getBoundingClientRect();
122375
122375
 
122376
122376
  this.#shift = {
122377
122377
  x : e.changedTouches[0].pageX - rect.x,
@@ -122382,7 +122382,7 @@ class nxModal extends HTMLElement
122382
122382
  };
122383
122383
 
122384
122384
  #onTouchMove = e => {
122385
- $(this.querySelector('.nx-modal')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
122385
+ $(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
122386
122386
  };
122387
122387
 
122388
122388
  #onTouchEnd = e => {
@@ -59,7 +59,7 @@ class nxModal extends HTMLElement
59
59
  };
60
60
 
61
61
  showModal = () => {
62
- this.querySelector('.nx-modal').showModal();
62
+ this.querySelector('dialog').showModal();
63
63
  };
64
64
 
65
65
  close = () => {
@@ -70,7 +70,7 @@ class nxModal extends HTMLElement
70
70
  $(document) .off('mousemove', this.#onMouseMove);
71
71
  $(document) .off("touchmove", this.#onTouchMove);
72
72
 
73
- this.querySelector('.nx-modal').close();
73
+ this.querySelector('dialog').close();
74
74
  };
75
75
 
76
76
  #init = () => {
@@ -81,7 +81,7 @@ class nxModal extends HTMLElement
81
81
  }); */
82
82
 
83
83
  $(".close", this).on("click", e => {
84
- ninegrid.j.querySelectorAll('.nx-modal', this).addClass("out");
84
+ ninegrid.j.querySelectorAll('dialog', this).addClass("out");
85
85
  setTimeout(() => { this.close(); }, 300);
86
86
  });
87
87
 
@@ -100,7 +100,7 @@ class nxModal extends HTMLElement
100
100
  if (e.target.closest("buttons")) return;
101
101
  if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
102
102
 
103
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
103
+ var rect = this.querySelector('dialog').getBoundingClientRect();
104
104
 
105
105
  this.#shift = {
106
106
  x : e.clientX - rect.x,
@@ -112,7 +112,7 @@ class nxModal extends HTMLElement
112
112
 
113
113
 
114
114
  #onMouseMove = e => {
115
- $(this.querySelector('.nx-modal')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
115
+ $(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
116
116
  };
117
117
 
118
118
  #onMouseUp = e => {
@@ -122,7 +122,7 @@ class nxModal extends HTMLElement
122
122
  #onTouchStart = e => {
123
123
  if (e.target.closest("buttons")) return;
124
124
 
125
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
125
+ var rect = this.querySelector('dialog').getBoundingClientRect();
126
126
 
127
127
  this.#shift = {
128
128
  x : e.changedTouches[0].pageX - rect.x,
@@ -133,7 +133,7 @@ class nxModal extends HTMLElement
133
133
  };
134
134
 
135
135
  #onTouchMove = e => {
136
- $(this.querySelector('.nx-modal')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
136
+ $(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
137
137
  };
138
138
 
139
139
  #onTouchEnd = e => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1213.0",
4
+ "version": "6.1215.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxModal.js CHANGED
@@ -59,7 +59,7 @@ class nxModal extends HTMLElement
59
59
  };
60
60
 
61
61
  showModal = () => {
62
- this.querySelector('.nx-modal').showModal();
62
+ this.querySelector('dialog').showModal();
63
63
  };
64
64
 
65
65
  close = () => {
@@ -70,7 +70,7 @@ class nxModal extends HTMLElement
70
70
  $(document) .off('mousemove', this.#onMouseMove);
71
71
  $(document) .off("touchmove", this.#onTouchMove);
72
72
 
73
- this.querySelector('.nx-modal').close();
73
+ this.querySelector('dialog').close();
74
74
  };
75
75
 
76
76
  #init = () => {
@@ -81,7 +81,7 @@ class nxModal extends HTMLElement
81
81
  }); */
82
82
 
83
83
  $(".close", this).on("click", e => {
84
- ninegrid.j.querySelectorAll('.nx-modal', this).addClass("out");
84
+ ninegrid.j.querySelectorAll('dialog', this).addClass("out");
85
85
  setTimeout(() => { this.close(); }, 300);
86
86
  });
87
87
 
@@ -100,7 +100,7 @@ class nxModal extends HTMLElement
100
100
  if (e.target.closest("buttons")) return;
101
101
  if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
102
102
 
103
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
103
+ var rect = this.querySelector('dialog').getBoundingClientRect();
104
104
 
105
105
  this.#shift = {
106
106
  x : e.clientX - rect.x,
@@ -112,7 +112,7 @@ class nxModal extends HTMLElement
112
112
 
113
113
 
114
114
  #onMouseMove = e => {
115
- $(this.querySelector('.nx-modal')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
115
+ $(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
116
116
  };
117
117
 
118
118
  #onMouseUp = e => {
@@ -122,7 +122,7 @@ class nxModal extends HTMLElement
122
122
  #onTouchStart = e => {
123
123
  if (e.target.closest("buttons")) return;
124
124
 
125
- var rect = this.querySelector('.nx-modal').getBoundingClientRect();
125
+ var rect = this.querySelector('dialog').getBoundingClientRect();
126
126
 
127
127
  this.#shift = {
128
128
  x : e.changedTouches[0].pageX - rect.x,
@@ -133,7 +133,7 @@ class nxModal extends HTMLElement
133
133
  };
134
134
 
135
135
  #onTouchMove = e => {
136
- $(this.querySelector('.nx-modal')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
136
+ $(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
137
137
  };
138
138
 
139
139
  #onTouchEnd = e => {