ninegrid2 6.383.0 → 6.384.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.
@@ -10708,6 +10708,109 @@ function requireJquery () {
10708
10708
  var jqueryExports = requireJquery();
10709
10709
  var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
10710
10710
 
10711
+ class nxConfirmPopup extends HTMLElement
10712
+ {
10713
+ constructor() {
10714
+ super();
10715
+
10716
+ this.attachShadow({ mode: 'open' });
10717
+ }
10718
+
10719
+ connectedCallback() {
10720
+ this.shadowRoot.innerHTML = `
10721
+ <nx-dialog css-file="nxConfirm.css">
10722
+ <div class="msg"></div>
10723
+ <buttons class="buttons-confirm">
10724
+ <button class="ok">Yes</button>
10725
+ <button class="cancel">No</button>
10726
+ </buttons>
10727
+ </nx-dialog>
10728
+ `;
10729
+
10730
+ //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
10731
+ }
10732
+
10733
+ static confirm = async (message, title, options={}) => {
10734
+
10735
+ title = title || 'Confirm';
10736
+
10737
+ for (const prop in ninegrid.options.confirm) {
10738
+ options[prop] = options[prop] || ninegrid.options.confirm[prop];
10739
+ }
10740
+
10741
+ $('nx-confirm-popup', document.body).remove();
10742
+ $(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
10743
+
10744
+ const t = document.body.querySelector("nx-confirm-popup");
10745
+ const ok = t.shadowRoot.querySelector(".ok");
10746
+ const cancel= t.shadowRoot.querySelector(".cancel");
10747
+ const close = t.shadowRoot.querySelector(".close");
10748
+
10749
+ $('.title', t.shadowRoot).html(title);
10750
+ $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
10751
+
10752
+ ok .innerHTML = options["true-text"];
10753
+ cancel .innerHTML = options["false-text"];
10754
+
10755
+ return new Promise(function(resolve, reject) {
10756
+ $(ok) .on("click", e => { resolve(true); $(close).trigger("click"); });
10757
+ $(cancel) .on("click", e => { resolve(false); $(close).trigger("click"); });
10758
+ $(".close,.close2", t.shadowRoot) .on("click", e => { resolve(); });
10759
+
10760
+ t.shadowRoot.querySelector('dialog').showModal();
10761
+ });
10762
+ };
10763
+ }
10764
+
10765
+ class nxAlertPopup extends HTMLElement
10766
+ {
10767
+ constructor() {
10768
+ super();
10769
+
10770
+ this.attachShadow({ mode: 'open' });
10771
+ }
10772
+
10773
+ connectedCallback() {
10774
+ this.shadowRoot.innerHTML = `
10775
+ <nx-dialog css-file="nxAlert.css">
10776
+ <div class="msg"></div>
10777
+ <buttons class="buttons-confirm">
10778
+ <button class="cancel">Close</button>
10779
+ </buttons>
10780
+ </nx-dialog>
10781
+ `;
10782
+
10783
+ //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
10784
+ }
10785
+
10786
+ static alert = async (message, title="Alert", options={}) => {
10787
+
10788
+ title = title || 'Alert';
10789
+
10790
+ for (const prop in ninegrid.options.alert) {
10791
+ options[prop] = options[prop] || ninegrid.options.alert[prop];
10792
+ }
10793
+
10794
+ $('nx-alert-popup', document.body).remove();
10795
+ $(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
10796
+
10797
+ const t = document.body.querySelector("nx-alert-popup");
10798
+
10799
+ $('.title', t.shadowRoot).html(title);
10800
+ $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
10801
+
10802
+ return new Promise(function(resolve) {
10803
+ $(".cancel,.close2", t.shadowRoot) .on("click", e => { resolve(false); $(".close", t.shadowRoot).trigger("click"); });
10804
+
10805
+ t.shadowRoot.querySelector('dialog').showModal();
10806
+ });
10807
+ };
10808
+ }
10809
+
10810
+
10811
+ customElements.define("nx-confirm-popup", nxConfirmPopup);
10812
+ customElements.define("nx-alert-popup", nxAlertPopup);
10813
+
10711
10814
  class ninegrid {
10712
10815
 
10713
10816
 
@@ -25361,109 +25464,6 @@ class ninegridContainer extends HTMLElement
25361
25464
 
25362
25465
  customElements.define("nine-grid", ninegridContainer);
25363
25466
 
25364
- class nxConfirmPopup extends HTMLElement
25365
- {
25366
- constructor() {
25367
- super();
25368
-
25369
- this.attachShadow({ mode: 'open' });
25370
- }
25371
-
25372
- connectedCallback() {
25373
- this.shadowRoot.innerHTML = `
25374
- <nx-dialog css-file="nxConfirm.css">
25375
- <div class="msg"></div>
25376
- <buttons class="buttons-confirm">
25377
- <button class="ok">Yes</button>
25378
- <button class="cancel">No</button>
25379
- </buttons>
25380
- </nx-dialog>
25381
- `;
25382
-
25383
- //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
25384
- }
25385
-
25386
- static confirm = async (message, title, options={}) => {
25387
-
25388
- title = title || 'Confirm';
25389
-
25390
- for (const prop in ninegrid.options.confirm) {
25391
- options[prop] = options[prop] || ninegrid.options.confirm[prop];
25392
- }
25393
-
25394
- $('nx-confirm-popup', document.body).remove();
25395
- $(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
25396
-
25397
- const t = document.body.querySelector("nx-confirm-popup");
25398
- const ok = t.shadowRoot.querySelector(".ok");
25399
- const cancel= t.shadowRoot.querySelector(".cancel");
25400
- const close = t.shadowRoot.querySelector(".close");
25401
-
25402
- $('.title', t.shadowRoot).html(title);
25403
- $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
25404
-
25405
- ok .innerHTML = options["true-text"];
25406
- cancel .innerHTML = options["false-text"];
25407
-
25408
- return new Promise(function(resolve, reject) {
25409
- $(ok) .on("click", e => { resolve(true); $(close).trigger("click"); });
25410
- $(cancel) .on("click", e => { resolve(false); $(close).trigger("click"); });
25411
- $(".close,.close2", t.shadowRoot) .on("click", e => { resolve(); });
25412
-
25413
- t.shadowRoot.querySelector('dialog').showModal();
25414
- });
25415
- };
25416
- }
25417
-
25418
- let nxAlertPopup$1 = class nxAlertPopup extends HTMLElement
25419
- {
25420
- constructor() {
25421
- super();
25422
-
25423
- this.attachShadow({ mode: 'open' });
25424
- }
25425
-
25426
- connectedCallback() {
25427
- this.shadowRoot.innerHTML = `
25428
- <nx-dialog css-file="nxAlert.css">
25429
- <div class="msg"></div>
25430
- <buttons class="buttons-confirm">
25431
- <button class="cancel">Close</button>
25432
- </buttons>
25433
- </nx-dialog>
25434
- `;
25435
-
25436
- //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
25437
- }
25438
-
25439
- static alert = async (message, title="Alert", options={}) => {
25440
-
25441
- title = title || 'Alert';
25442
-
25443
- for (const prop in ninegrid.options.alert) {
25444
- options[prop] = options[prop] || ninegrid.options.alert[prop];
25445
- }
25446
-
25447
- $('nx-alert-popup', document.body).remove();
25448
- $(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
25449
-
25450
- const t = document.body.querySelector("nx-alert-popup");
25451
-
25452
- $('.title', t.shadowRoot).html(title);
25453
- $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
25454
-
25455
- return new Promise(function(resolve) {
25456
- $(".cancel,.close2", t.shadowRoot) .on("click", e => { resolve(false); $(".close", t.shadowRoot).trigger("click"); });
25457
-
25458
- t.shadowRoot.querySelector('dialog').showModal();
25459
- });
25460
- };
25461
- };
25462
-
25463
-
25464
- customElements.define("nx-confirm-popup", nxConfirmPopup);
25465
- customElements.define("nx-alert-popup", nxAlertPopup$1);
25466
-
25467
25467
  class nxDialog extends HTMLElement
25468
25468
  {
25469
25469
  //#owner;
@@ -10706,6 +10706,109 @@ function requireJquery () {
10706
10706
  var jqueryExports = requireJquery();
10707
10707
  var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
10708
10708
 
10709
+ class nxConfirmPopup extends HTMLElement
10710
+ {
10711
+ constructor() {
10712
+ super();
10713
+
10714
+ this.attachShadow({ mode: 'open' });
10715
+ }
10716
+
10717
+ connectedCallback() {
10718
+ this.shadowRoot.innerHTML = `
10719
+ <nx-dialog css-file="nxConfirm.css">
10720
+ <div class="msg"></div>
10721
+ <buttons class="buttons-confirm">
10722
+ <button class="ok">Yes</button>
10723
+ <button class="cancel">No</button>
10724
+ </buttons>
10725
+ </nx-dialog>
10726
+ `;
10727
+
10728
+ //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
10729
+ }
10730
+
10731
+ static confirm = async (message, title, options={}) => {
10732
+
10733
+ title = title || 'Confirm';
10734
+
10735
+ for (const prop in ninegrid.options.confirm) {
10736
+ options[prop] = options[prop] || ninegrid.options.confirm[prop];
10737
+ }
10738
+
10739
+ $('nx-confirm-popup', document.body).remove();
10740
+ $(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
10741
+
10742
+ const t = document.body.querySelector("nx-confirm-popup");
10743
+ const ok = t.shadowRoot.querySelector(".ok");
10744
+ const cancel= t.shadowRoot.querySelector(".cancel");
10745
+ const close = t.shadowRoot.querySelector(".close");
10746
+
10747
+ $('.title', t.shadowRoot).html(title);
10748
+ $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
10749
+
10750
+ ok .innerHTML = options["true-text"];
10751
+ cancel .innerHTML = options["false-text"];
10752
+
10753
+ return new Promise(function(resolve, reject) {
10754
+ $(ok) .on("click", e => { resolve(true); $(close).trigger("click"); });
10755
+ $(cancel) .on("click", e => { resolve(false); $(close).trigger("click"); });
10756
+ $(".close,.close2", t.shadowRoot) .on("click", e => { resolve(); });
10757
+
10758
+ t.shadowRoot.querySelector('dialog').showModal();
10759
+ });
10760
+ };
10761
+ }
10762
+
10763
+ class nxAlertPopup extends HTMLElement
10764
+ {
10765
+ constructor() {
10766
+ super();
10767
+
10768
+ this.attachShadow({ mode: 'open' });
10769
+ }
10770
+
10771
+ connectedCallback() {
10772
+ this.shadowRoot.innerHTML = `
10773
+ <nx-dialog css-file="nxAlert.css">
10774
+ <div class="msg"></div>
10775
+ <buttons class="buttons-confirm">
10776
+ <button class="cancel">Close</button>
10777
+ </buttons>
10778
+ </nx-dialog>
10779
+ `;
10780
+
10781
+ //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
10782
+ }
10783
+
10784
+ static alert = async (message, title="Alert", options={}) => {
10785
+
10786
+ title = title || 'Alert';
10787
+
10788
+ for (const prop in ninegrid.options.alert) {
10789
+ options[prop] = options[prop] || ninegrid.options.alert[prop];
10790
+ }
10791
+
10792
+ $('nx-alert-popup', document.body).remove();
10793
+ $(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
10794
+
10795
+ const t = document.body.querySelector("nx-alert-popup");
10796
+
10797
+ $('.title', t.shadowRoot).html(title);
10798
+ $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
10799
+
10800
+ return new Promise(function(resolve) {
10801
+ $(".cancel,.close2", t.shadowRoot) .on("click", e => { resolve(false); $(".close", t.shadowRoot).trigger("click"); });
10802
+
10803
+ t.shadowRoot.querySelector('dialog').showModal();
10804
+ });
10805
+ };
10806
+ }
10807
+
10808
+
10809
+ customElements.define("nx-confirm-popup", nxConfirmPopup);
10810
+ customElements.define("nx-alert-popup", nxAlertPopup);
10811
+
10709
10812
  class ninegrid {
10710
10813
 
10711
10814
 
@@ -25359,109 +25462,6 @@ class ninegridContainer extends HTMLElement
25359
25462
 
25360
25463
  customElements.define("nine-grid", ninegridContainer);
25361
25464
 
25362
- class nxConfirmPopup extends HTMLElement
25363
- {
25364
- constructor() {
25365
- super();
25366
-
25367
- this.attachShadow({ mode: 'open' });
25368
- }
25369
-
25370
- connectedCallback() {
25371
- this.shadowRoot.innerHTML = `
25372
- <nx-dialog css-file="nxConfirm.css">
25373
- <div class="msg"></div>
25374
- <buttons class="buttons-confirm">
25375
- <button class="ok">Yes</button>
25376
- <button class="cancel">No</button>
25377
- </buttons>
25378
- </nx-dialog>
25379
- `;
25380
-
25381
- //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
25382
- }
25383
-
25384
- static confirm = async (message, title, options={}) => {
25385
-
25386
- title = title || 'Confirm';
25387
-
25388
- for (const prop in ninegrid.options.confirm) {
25389
- options[prop] = options[prop] || ninegrid.options.confirm[prop];
25390
- }
25391
-
25392
- $('nx-confirm-popup', document.body).remove();
25393
- $(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
25394
-
25395
- const t = document.body.querySelector("nx-confirm-popup");
25396
- const ok = t.shadowRoot.querySelector(".ok");
25397
- const cancel= t.shadowRoot.querySelector(".cancel");
25398
- const close = t.shadowRoot.querySelector(".close");
25399
-
25400
- $('.title', t.shadowRoot).html(title);
25401
- $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
25402
-
25403
- ok .innerHTML = options["true-text"];
25404
- cancel .innerHTML = options["false-text"];
25405
-
25406
- return new Promise(function(resolve, reject) {
25407
- $(ok) .on("click", e => { resolve(true); $(close).trigger("click"); });
25408
- $(cancel) .on("click", e => { resolve(false); $(close).trigger("click"); });
25409
- $(".close,.close2", t.shadowRoot) .on("click", e => { resolve(); });
25410
-
25411
- t.shadowRoot.querySelector('dialog').showModal();
25412
- });
25413
- };
25414
- }
25415
-
25416
- let nxAlertPopup$1 = class nxAlertPopup extends HTMLElement
25417
- {
25418
- constructor() {
25419
- super();
25420
-
25421
- this.attachShadow({ mode: 'open' });
25422
- }
25423
-
25424
- connectedCallback() {
25425
- this.shadowRoot.innerHTML = `
25426
- <nx-dialog css-file="nxAlert.css">
25427
- <div class="msg"></div>
25428
- <buttons class="buttons-confirm">
25429
- <button class="cancel">Close</button>
25430
- </buttons>
25431
- </nx-dialog>
25432
- `;
25433
-
25434
- //ninegrid.j.querySelectorAll(this).addClass('roadRunner');
25435
- }
25436
-
25437
- static alert = async (message, title="Alert", options={}) => {
25438
-
25439
- title = title || 'Alert';
25440
-
25441
- for (const prop in ninegrid.options.alert) {
25442
- options[prop] = options[prop] || ninegrid.options.alert[prop];
25443
- }
25444
-
25445
- $('nx-alert-popup', document.body).remove();
25446
- $(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
25447
-
25448
- const t = document.body.querySelector("nx-alert-popup");
25449
-
25450
- $('.title', t.shadowRoot).html(title);
25451
- $('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
25452
-
25453
- return new Promise(function(resolve) {
25454
- $(".cancel,.close2", t.shadowRoot) .on("click", e => { resolve(false); $(".close", t.shadowRoot).trigger("click"); });
25455
-
25456
- t.shadowRoot.querySelector('dialog').showModal();
25457
- });
25458
- };
25459
- };
25460
-
25461
-
25462
- customElements.define("nx-confirm-popup", nxConfirmPopup);
25463
- customElements.define("nx-alert-popup", nxAlertPopup$1);
25464
-
25465
25465
  class nxDialog extends HTMLElement
25466
25466
  {
25467
25467
  //#owner;
@@ -1,6 +1,6 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
- class nxConfirmPopup extends HTMLElement
3
+ export class nxConfirmPopup extends HTMLElement
4
4
  {
5
5
  constructor() {
6
6
  super();
@@ -54,7 +54,7 @@ class nxConfirmPopup extends HTMLElement
54
54
  };
55
55
  }
56
56
 
57
- class nxAlertPopup extends HTMLElement
57
+ export class nxAlertPopup extends HTMLElement
58
58
  {
59
59
  constructor() {
60
60
  super();
@@ -1,4 +1,4 @@
1
-
1
+ import { nxConfirmPopup, nxAlertPopup } from "../etc/nxConfirm.js";
2
2
 
3
3
  export class ninegrid {
4
4
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.383.0",
4
+ "version": "6.384.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -1,6 +1,6 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
- class nxConfirmPopup extends HTMLElement
3
+ export class nxConfirmPopup extends HTMLElement
4
4
  {
5
5
  constructor() {
6
6
  super();
@@ -54,7 +54,7 @@ class nxConfirmPopup extends HTMLElement
54
54
  };
55
55
  }
56
56
 
57
- class nxAlertPopup extends HTMLElement
57
+ export class nxAlertPopup extends HTMLElement
58
58
  {
59
59
  constructor() {
60
60
  super();
@@ -1,4 +1,4 @@
1
-
1
+ import { nxConfirmPopup, nxAlertPopup } from "../etc/nxConfirm.js";
2
2
 
3
3
  export class ninegrid {
4
4