ninegrid2 6.1241.0 → 6.1243.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 +4 -39
- package/dist/bundle.esm.js +4 -39
- package/dist/etc/ninegridContainer.js +4 -2
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/etc/ninegridContainer.js +4 -2
- package/src/index.js +1 -1
package/dist/bundle.cjs.js
CHANGED
|
@@ -118764,7 +118764,8 @@ class NineGridContainer extends HTMLElement
|
|
|
118764
118764
|
this.body = this.shadowRoot.querySelector(".ng-body");
|
|
118765
118765
|
|
|
118766
118766
|
|
|
118767
|
-
this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
118767
|
+
//this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
118768
|
+
this.querySelectorAll("nx-buttons *").forEach(v => {v.grid = this;});
|
|
118768
118769
|
$(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("buttons"));
|
|
118769
118770
|
|
|
118770
118771
|
|
|
@@ -118915,7 +118916,8 @@ class NineGridContainer extends HTMLElement
|
|
|
118915
118916
|
|
|
118916
118917
|
const head = this.shadowRoot.querySelector("ng-head");
|
|
118917
118918
|
if (head) {
|
|
118918
|
-
head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
118919
|
+
//head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
118920
|
+
head.shadowRoot.querySelectorAll("nx-buttons button").forEach(el => {
|
|
118919
118921
|
el.addEventListener("click", e => {
|
|
118920
118922
|
const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
|
|
118921
118923
|
//ce.target = e.target;
|
|
@@ -122244,43 +122246,6 @@ class nxPanel extends nxDiv {
|
|
|
122244
122246
|
|
|
122245
122247
|
customElements.define("nx-panel", nxPanel);
|
|
122246
122248
|
|
|
122247
|
-
class nxPanel2 extends nxDiv2 {
|
|
122248
|
-
|
|
122249
|
-
constructor() {
|
|
122250
|
-
super();
|
|
122251
|
-
}
|
|
122252
|
-
|
|
122253
|
-
connectedCallback() {
|
|
122254
|
-
if (super.connectedCallback()) this.#init();
|
|
122255
|
-
}
|
|
122256
|
-
|
|
122257
|
-
#init = () => {
|
|
122258
|
-
const caption = this.getAttribute("caption");
|
|
122259
|
-
const columns = this.getAttribute("columns") || "";
|
|
122260
|
-
|
|
122261
|
-
const htmlTmpl = document.createElement("template");
|
|
122262
|
-
htmlTmpl.innerHTML = `
|
|
122263
|
-
<style>
|
|
122264
|
-
@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxPanel.css";
|
|
122265
|
-
${ninegrid.getCustomPath(this,"nxPanel.css")}
|
|
122266
|
-
</style>
|
|
122267
|
-
|
|
122268
|
-
<div class="head ${caption ? '' : 'hide'}">
|
|
122269
|
-
<div class="caption"><span>${caption}</span></div>
|
|
122270
|
-
</div>
|
|
122271
|
-
<div class="body">
|
|
122272
|
-
<nx-layout2 columns="${columns}">
|
|
122273
|
-
${this.originContents}
|
|
122274
|
-
</nx-layout2>
|
|
122275
|
-
</div>
|
|
122276
|
-
`;
|
|
122277
|
-
|
|
122278
|
-
this.appendChild(htmlTmpl.content.cloneNode(true));
|
|
122279
|
-
}
|
|
122280
|
-
}
|
|
122281
|
-
|
|
122282
|
-
customElements.define("nx-panel2", nxPanel2);
|
|
122283
|
-
|
|
122284
122249
|
class nxButtons extends nxDiv {
|
|
122285
122250
|
|
|
122286
122251
|
constructor() {
|
package/dist/bundle.esm.js
CHANGED
|
@@ -118760,7 +118760,8 @@ class NineGridContainer extends HTMLElement
|
|
|
118760
118760
|
this.body = this.shadowRoot.querySelector(".ng-body");
|
|
118761
118761
|
|
|
118762
118762
|
|
|
118763
|
-
this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
118763
|
+
//this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
118764
|
+
this.querySelectorAll("nx-buttons *").forEach(v => {v.grid = this;});
|
|
118764
118765
|
$(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("buttons"));
|
|
118765
118766
|
|
|
118766
118767
|
|
|
@@ -118911,7 +118912,8 @@ class NineGridContainer extends HTMLElement
|
|
|
118911
118912
|
|
|
118912
118913
|
const head = this.shadowRoot.querySelector("ng-head");
|
|
118913
118914
|
if (head) {
|
|
118914
|
-
head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
118915
|
+
//head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
118916
|
+
head.shadowRoot.querySelectorAll("nx-buttons button").forEach(el => {
|
|
118915
118917
|
el.addEventListener("click", e => {
|
|
118916
118918
|
const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
|
|
118917
118919
|
//ce.target = e.target;
|
|
@@ -122240,43 +122242,6 @@ class nxPanel extends nxDiv {
|
|
|
122240
122242
|
|
|
122241
122243
|
customElements.define("nx-panel", nxPanel);
|
|
122242
122244
|
|
|
122243
|
-
class nxPanel2 extends nxDiv2 {
|
|
122244
|
-
|
|
122245
|
-
constructor() {
|
|
122246
|
-
super();
|
|
122247
|
-
}
|
|
122248
|
-
|
|
122249
|
-
connectedCallback() {
|
|
122250
|
-
if (super.connectedCallback()) this.#init();
|
|
122251
|
-
}
|
|
122252
|
-
|
|
122253
|
-
#init = () => {
|
|
122254
|
-
const caption = this.getAttribute("caption");
|
|
122255
|
-
const columns = this.getAttribute("columns") || "";
|
|
122256
|
-
|
|
122257
|
-
const htmlTmpl = document.createElement("template");
|
|
122258
|
-
htmlTmpl.innerHTML = `
|
|
122259
|
-
<style>
|
|
122260
|
-
@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxPanel.css";
|
|
122261
|
-
${ninegrid.getCustomPath(this,"nxPanel.css")}
|
|
122262
|
-
</style>
|
|
122263
|
-
|
|
122264
|
-
<div class="head ${caption ? '' : 'hide'}">
|
|
122265
|
-
<div class="caption"><span>${caption}</span></div>
|
|
122266
|
-
</div>
|
|
122267
|
-
<div class="body">
|
|
122268
|
-
<nx-layout2 columns="${columns}">
|
|
122269
|
-
${this.originContents}
|
|
122270
|
-
</nx-layout2>
|
|
122271
|
-
</div>
|
|
122272
|
-
`;
|
|
122273
|
-
|
|
122274
|
-
this.appendChild(htmlTmpl.content.cloneNode(true));
|
|
122275
|
-
}
|
|
122276
|
-
}
|
|
122277
|
-
|
|
122278
|
-
customElements.define("nx-panel2", nxPanel2);
|
|
122279
|
-
|
|
122280
122245
|
class nxButtons extends nxDiv {
|
|
122281
122246
|
|
|
122282
122247
|
constructor() {
|
|
@@ -649,7 +649,8 @@ export class NineGridContainer extends HTMLElement
|
|
|
649
649
|
this.body = this.shadowRoot.querySelector(".ng-body");
|
|
650
650
|
|
|
651
651
|
|
|
652
|
-
this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
652
|
+
//this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
653
|
+
this.querySelectorAll("nx-buttons *").forEach(v => {v.grid = this;});
|
|
653
654
|
$(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("buttons"));
|
|
654
655
|
|
|
655
656
|
|
|
@@ -803,7 +804,8 @@ export class NineGridContainer extends HTMLElement
|
|
|
803
804
|
|
|
804
805
|
const head = this.shadowRoot.querySelector("ng-head");
|
|
805
806
|
if (head) {
|
|
806
|
-
head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
807
|
+
//head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
808
|
+
head.shadowRoot.querySelectorAll("nx-buttons button").forEach(el => {
|
|
807
809
|
el.addEventListener("click", e => {
|
|
808
810
|
const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
|
|
809
811
|
//ce.target = e.target;
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -649,7 +649,8 @@ export class NineGridContainer extends HTMLElement
|
|
|
649
649
|
this.body = this.shadowRoot.querySelector(".ng-body");
|
|
650
650
|
|
|
651
651
|
|
|
652
|
-
this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
652
|
+
//this.querySelectorAll("buttons *").forEach(v => {v.grid = this;});
|
|
653
|
+
this.querySelectorAll("nx-buttons *").forEach(v => {v.grid = this;});
|
|
653
654
|
$(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("buttons"));
|
|
654
655
|
|
|
655
656
|
|
|
@@ -803,7 +804,8 @@ export class NineGridContainer extends HTMLElement
|
|
|
803
804
|
|
|
804
805
|
const head = this.shadowRoot.querySelector("ng-head");
|
|
805
806
|
if (head) {
|
|
806
|
-
head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
807
|
+
//head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
|
|
808
|
+
head.shadowRoot.querySelectorAll("nx-buttons button").forEach(el => {
|
|
807
809
|
el.addEventListener("click", e => {
|
|
808
810
|
const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
|
|
809
811
|
//ce.target = e.target;
|
package/src/index.js
CHANGED