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.
@@ -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() {
@@ -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
@@ -110,7 +110,7 @@ import "./nx/nxTitle2.js";
110
110
  import "./nx/nxLayout.js";
111
111
  import "./nx/nxLayout2.js";
112
112
  import "./nx/nxPanel.js";
113
- import "./nx/nxPanel2.js";
113
+ //import "./nx/nxPanel2.js";
114
114
  import "./nx/nxButtons.js";
115
115
  import "./nx/nxModal.js";
116
116
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1241.0",
4
+ "version": "6.1243.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -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
@@ -110,7 +110,7 @@ import "./nx/nxTitle2.js";
110
110
  import "./nx/nxLayout.js";
111
111
  import "./nx/nxLayout2.js";
112
112
  import "./nx/nxPanel.js";
113
- import "./nx/nxPanel2.js";
113
+ //import "./nx/nxPanel2.js";
114
114
  import "./nx/nxButtons.js";
115
115
  import "./nx/nxModal.js";
116
116