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.
- package/dist/bundle.cjs.js +7 -7
- package/dist/bundle.esm.js +7 -7
- package/dist/nx/nxModal.js +7 -7
- package/package.json +1 -1
- package/src/nx/nxModal.js +7 -7
package/dist/bundle.cjs.js
CHANGED
|
@@ -122312,7 +122312,7 @@ class nxModal extends HTMLElement
|
|
|
122312
122312
|
};
|
|
122313
122313
|
|
|
122314
122314
|
showModal = () => {
|
|
122315
|
-
this.querySelector('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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 => {
|
package/dist/bundle.esm.js
CHANGED
|
@@ -122308,7 +122308,7 @@ class nxModal extends HTMLElement
|
|
|
122308
122308
|
};
|
|
122309
122309
|
|
|
122310
122310
|
showModal = () => {
|
|
122311
|
-
this.querySelector('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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 => {
|
package/dist/nx/nxModal.js
CHANGED
|
@@ -59,7 +59,7 @@ class nxModal extends HTMLElement
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
showModal = () => {
|
|
62
|
-
this.querySelector('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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
package/src/nx/nxModal.js
CHANGED
|
@@ -59,7 +59,7 @@ class nxModal extends HTMLElement
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
showModal = () => {
|
|
62
|
-
this.querySelector('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
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 => {
|