ninegrid2 6.1269.0 → 6.1270.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 +2 -38
- package/dist/bundle.esm.js +2 -38
- package/dist/nx/nxButtons.js +4 -1
- package/package.json +1 -1
- package/src/nx/nxButtons.js +4 -1
package/dist/bundle.cjs.js
CHANGED
|
@@ -122253,7 +122253,7 @@ class nxPanel extends nxDiv {
|
|
|
122253
122253
|
|
|
122254
122254
|
customElements.define("nx-panel", nxPanel);
|
|
122255
122255
|
|
|
122256
|
-
class nxButtons extends
|
|
122256
|
+
class nxButtons extends HTMLElement {
|
|
122257
122257
|
|
|
122258
122258
|
constructor() {
|
|
122259
122259
|
super();
|
|
@@ -122264,44 +122264,8 @@ class nxButtons extends nxDiv {
|
|
|
122264
122264
|
};
|
|
122265
122265
|
|
|
122266
122266
|
#init = () => {
|
|
122267
|
-
const target = this.shadowRoot || this;
|
|
122268
122267
|
|
|
122269
|
-
|
|
122270
|
-
htmlTmpl.innerHTML = `
|
|
122271
|
-
<style>
|
|
122272
|
-
@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
|
|
122273
|
-
${ninegrid.getCustomPath(this,"nxButtons.css")}
|
|
122274
|
-
</style>
|
|
122275
|
-
|
|
122276
|
-
${this.originContents}
|
|
122277
|
-
`;
|
|
122278
|
-
|
|
122279
|
-
//console.log(htmlTmpl);
|
|
122280
|
-
|
|
122281
|
-
target.appendChild(htmlTmpl.content.cloneNode(true));
|
|
122282
|
-
|
|
122283
|
-
target.addEventListener('click', (e) => {
|
|
122284
|
-
|
|
122285
|
-
const btn = e.target.closest('button');
|
|
122286
|
-
if (!btn) return;
|
|
122287
|
-
|
|
122288
|
-
//const actionName = btn.getAttribute('on-click') || btn.getAttribute('onClick') || btn.getAttribute('onclick');
|
|
122289
|
-
|
|
122290
|
-
const actionName = btn.getAttribute('on-click');
|
|
122291
|
-
|
|
122292
|
-
console.log(btn, actionName, this[actionName]);
|
|
122293
|
-
console.log(typeof this[actionName]);
|
|
122294
|
-
if (actionName) {
|
|
122295
|
-
// 1. 먼저 엘리먼트 자체(this)에 해당 이름의 함수가 있는지 확인
|
|
122296
|
-
if (typeof this[actionName] === 'function') {
|
|
122297
|
-
this[actionName](e);
|
|
122298
|
-
}
|
|
122299
|
-
// 2. 없으면 전역 window에서 확인
|
|
122300
|
-
else if (typeof window[actionName] === 'function') {
|
|
122301
|
-
window[actionName](e);
|
|
122302
|
-
}
|
|
122303
|
-
}
|
|
122304
|
-
});
|
|
122268
|
+
return;
|
|
122305
122269
|
}
|
|
122306
122270
|
}
|
|
122307
122271
|
|
package/dist/bundle.esm.js
CHANGED
|
@@ -122249,7 +122249,7 @@ class nxPanel extends nxDiv {
|
|
|
122249
122249
|
|
|
122250
122250
|
customElements.define("nx-panel", nxPanel);
|
|
122251
122251
|
|
|
122252
|
-
class nxButtons extends
|
|
122252
|
+
class nxButtons extends HTMLElement {
|
|
122253
122253
|
|
|
122254
122254
|
constructor() {
|
|
122255
122255
|
super();
|
|
@@ -122260,44 +122260,8 @@ class nxButtons extends nxDiv {
|
|
|
122260
122260
|
};
|
|
122261
122261
|
|
|
122262
122262
|
#init = () => {
|
|
122263
|
-
const target = this.shadowRoot || this;
|
|
122264
122263
|
|
|
122265
|
-
|
|
122266
|
-
htmlTmpl.innerHTML = `
|
|
122267
|
-
<style>
|
|
122268
|
-
@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
|
|
122269
|
-
${ninegrid.getCustomPath(this,"nxButtons.css")}
|
|
122270
|
-
</style>
|
|
122271
|
-
|
|
122272
|
-
${this.originContents}
|
|
122273
|
-
`;
|
|
122274
|
-
|
|
122275
|
-
//console.log(htmlTmpl);
|
|
122276
|
-
|
|
122277
|
-
target.appendChild(htmlTmpl.content.cloneNode(true));
|
|
122278
|
-
|
|
122279
|
-
target.addEventListener('click', (e) => {
|
|
122280
|
-
|
|
122281
|
-
const btn = e.target.closest('button');
|
|
122282
|
-
if (!btn) return;
|
|
122283
|
-
|
|
122284
|
-
//const actionName = btn.getAttribute('on-click') || btn.getAttribute('onClick') || btn.getAttribute('onclick');
|
|
122285
|
-
|
|
122286
|
-
const actionName = btn.getAttribute('on-click');
|
|
122287
|
-
|
|
122288
|
-
console.log(btn, actionName, this[actionName]);
|
|
122289
|
-
console.log(typeof this[actionName]);
|
|
122290
|
-
if (actionName) {
|
|
122291
|
-
// 1. 먼저 엘리먼트 자체(this)에 해당 이름의 함수가 있는지 확인
|
|
122292
|
-
if (typeof this[actionName] === 'function') {
|
|
122293
|
-
this[actionName](e);
|
|
122294
|
-
}
|
|
122295
|
-
// 2. 없으면 전역 window에서 확인
|
|
122296
|
-
else if (typeof window[actionName] === 'function') {
|
|
122297
|
-
window[actionName](e);
|
|
122298
|
-
}
|
|
122299
|
-
}
|
|
122300
|
-
});
|
|
122264
|
+
return;
|
|
122301
122265
|
}
|
|
122302
122266
|
}
|
|
122303
122267
|
|
package/dist/nx/nxButtons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import ninegrid from "../index.js";
|
|
2
2
|
import {nxDiv} from "./_nxDiv.js";
|
|
3
3
|
|
|
4
|
-
class nxButtons extends
|
|
4
|
+
class nxButtons extends HTMLElement {
|
|
5
5
|
|
|
6
6
|
constructor() {
|
|
7
7
|
super();
|
|
@@ -12,6 +12,9 @@ class nxButtons extends nxDiv {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
#init = () => {
|
|
15
|
+
|
|
16
|
+
return;
|
|
17
|
+
|
|
15
18
|
const target = this.shadowRoot || this;
|
|
16
19
|
|
|
17
20
|
const htmlTmpl = document.createElement("template");
|
package/package.json
CHANGED
package/src/nx/nxButtons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import ninegrid from "../index.js";
|
|
2
2
|
import {nxDiv} from "./_nxDiv.js";
|
|
3
3
|
|
|
4
|
-
class nxButtons extends
|
|
4
|
+
class nxButtons extends HTMLElement {
|
|
5
5
|
|
|
6
6
|
constructor() {
|
|
7
7
|
super();
|
|
@@ -12,6 +12,9 @@ class nxButtons extends nxDiv {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
#init = () => {
|
|
15
|
+
|
|
16
|
+
return;
|
|
17
|
+
|
|
15
18
|
const target = this.shadowRoot || this;
|
|
16
19
|
|
|
17
20
|
const htmlTmpl = document.createElement("template");
|