ninegrid2 6.905.0 → 6.908.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.
Files changed (5) hide show
  1. package/dist/bundle.cjs.js +42 -18
  2. package/dist/bundle.esm.js +42 -18
  3. package/dist/utils/ninegrid.js +42 -18
  4. package/package.json +1 -1
  5. package/src/utils/ninegrid.js +42 -18
package/dist/bundle.cjs.js CHANGED
@@ -11530,24 +11530,47 @@ class ninegrid {
11530
11530
  show: () => {
11531
11531
  let overlay = document.getElementById("global-loading-overlay");
11532
11532
  if (!overlay) {
11533
- overlay = document.createElement("div");
11534
- overlay.id = "global-loading-overlay";
11535
- overlay.className = "loading-overlay";
11536
- overlay.innerText = "로딩 중입니다...";
11537
-
11538
- overlay.style.position = "fixed";
11539
- overlay.style.inset = "0";
11540
- overlay.style.zIndex = "9999";
11541
- overlay.style.background = "rgba(0, 0, 0, 0.4)";
11542
- overlay.style.color = "white";
11543
- overlay.style.display = "flex";
11544
- overlay.style.justifyContent = "center";
11545
- overlay.style.alignItems = "center";
11546
- overlay.style.fontSize = "20px";
11547
- overlay.style.pointerEvents = "all";
11548
- overlay.style.backdropFilter = "blur(2px)";
11549
-
11550
- document.body.appendChild(overlay);
11533
+ overlay = document.createElement("div");
11534
+ overlay.id = "global-loading-overlay";
11535
+ overlay.className = "loading-overlay";
11536
+
11537
+ overlay.style.position = "fixed";
11538
+ overlay.style.inset = "0";
11539
+ overlay.style.zIndex = "9999";
11540
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
11541
+ overlay.style.color = "white";
11542
+ overlay.style.display = "flex";
11543
+ overlay.style.justifyContent = "center";
11544
+ overlay.style.alignItems = "center";
11545
+ overlay.style.fontSize = "20px";
11546
+ overlay.style.pointerEvents = "all";
11547
+ overlay.style.backdropFilter = "blur(2px)";
11548
+ overlay.innerHTML = `
11549
+ <div style="text-align: center;">
11550
+ <div class="loading-spinner"></div>
11551
+ </div>
11552
+ `;
11553
+
11554
+ document.body.appendChild(overlay);
11555
+
11556
+ // CSS 스피너 스타일 삽입
11557
+ const style = document.createElement("style");
11558
+ style.innerHTML = `
11559
+ .loading-spinner {
11560
+ width: 48px;
11561
+ height: 48px;
11562
+ border: 5px solid rgba(255, 255, 255, 0.3);
11563
+ border-top-color: white;
11564
+ border-radius: 50%;
11565
+ animation: spin 1s linear infinite;
11566
+ }
11567
+
11568
+ @keyframes spin {
11569
+ to { transform: rotate(360deg); }
11570
+ }
11571
+ `;
11572
+
11573
+ document.head.appendChild(style);
11551
11574
  }
11552
11575
 
11553
11576
  overlay.style.display = "flex";
@@ -11558,6 +11581,7 @@ class ninegrid {
11558
11581
  },
11559
11582
  };
11560
11583
 
11584
+
11561
11585
  static i18n = {
11562
11586
  convertArrayToJSON : (arr) => {
11563
11587
  let result = {};
package/dist/bundle.esm.js CHANGED
@@ -11526,24 +11526,47 @@ class ninegrid {
11526
11526
  show: () => {
11527
11527
  let overlay = document.getElementById("global-loading-overlay");
11528
11528
  if (!overlay) {
11529
- overlay = document.createElement("div");
11530
- overlay.id = "global-loading-overlay";
11531
- overlay.className = "loading-overlay";
11532
- overlay.innerText = "로딩 중입니다...";
11533
-
11534
- overlay.style.position = "fixed";
11535
- overlay.style.inset = "0";
11536
- overlay.style.zIndex = "9999";
11537
- overlay.style.background = "rgba(0, 0, 0, 0.4)";
11538
- overlay.style.color = "white";
11539
- overlay.style.display = "flex";
11540
- overlay.style.justifyContent = "center";
11541
- overlay.style.alignItems = "center";
11542
- overlay.style.fontSize = "20px";
11543
- overlay.style.pointerEvents = "all";
11544
- overlay.style.backdropFilter = "blur(2px)";
11545
-
11546
- document.body.appendChild(overlay);
11529
+ overlay = document.createElement("div");
11530
+ overlay.id = "global-loading-overlay";
11531
+ overlay.className = "loading-overlay";
11532
+
11533
+ overlay.style.position = "fixed";
11534
+ overlay.style.inset = "0";
11535
+ overlay.style.zIndex = "9999";
11536
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
11537
+ overlay.style.color = "white";
11538
+ overlay.style.display = "flex";
11539
+ overlay.style.justifyContent = "center";
11540
+ overlay.style.alignItems = "center";
11541
+ overlay.style.fontSize = "20px";
11542
+ overlay.style.pointerEvents = "all";
11543
+ overlay.style.backdropFilter = "blur(2px)";
11544
+ overlay.innerHTML = `
11545
+ <div style="text-align: center;">
11546
+ <div class="loading-spinner"></div>
11547
+ </div>
11548
+ `;
11549
+
11550
+ document.body.appendChild(overlay);
11551
+
11552
+ // CSS 스피너 스타일 삽입
11553
+ const style = document.createElement("style");
11554
+ style.innerHTML = `
11555
+ .loading-spinner {
11556
+ width: 48px;
11557
+ height: 48px;
11558
+ border: 5px solid rgba(255, 255, 255, 0.3);
11559
+ border-top-color: white;
11560
+ border-radius: 50%;
11561
+ animation: spin 1s linear infinite;
11562
+ }
11563
+
11564
+ @keyframes spin {
11565
+ to { transform: rotate(360deg); }
11566
+ }
11567
+ `;
11568
+
11569
+ document.head.appendChild(style);
11547
11570
  }
11548
11571
 
11549
11572
  overlay.style.display = "flex";
@@ -11554,6 +11577,7 @@ class ninegrid {
11554
11577
  },
11555
11578
  };
11556
11579
 
11580
+
11557
11581
  static i18n = {
11558
11582
  convertArrayToJSON : (arr) => {
11559
11583
  let result = {};
package/dist/utils/ninegrid.js CHANGED
@@ -663,24 +663,47 @@ export class ninegrid {
663
663
  show: () => {
664
664
  let overlay = document.getElementById("global-loading-overlay");
665
665
  if (!overlay) {
666
- overlay = document.createElement("div");
667
- overlay.id = "global-loading-overlay";
668
- overlay.className = "loading-overlay";
669
- overlay.innerText = "로딩 중입니다...";
670
-
671
- overlay.style.position = "fixed";
672
- overlay.style.inset = "0";
673
- overlay.style.zIndex = "9999";
674
- overlay.style.background = "rgba(0, 0, 0, 0.4)";
675
- overlay.style.color = "white";
676
- overlay.style.display = "flex";
677
- overlay.style.justifyContent = "center";
678
- overlay.style.alignItems = "center";
679
- overlay.style.fontSize = "20px";
680
- overlay.style.pointerEvents = "all";
681
- overlay.style.backdropFilter = "blur(2px)";
682
-
683
- document.body.appendChild(overlay);
666
+ overlay = document.createElement("div");
667
+ overlay.id = "global-loading-overlay";
668
+ overlay.className = "loading-overlay";
669
+
670
+ overlay.style.position = "fixed";
671
+ overlay.style.inset = "0";
672
+ overlay.style.zIndex = "9999";
673
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
674
+ overlay.style.color = "white";
675
+ overlay.style.display = "flex";
676
+ overlay.style.justifyContent = "center";
677
+ overlay.style.alignItems = "center";
678
+ overlay.style.fontSize = "20px";
679
+ overlay.style.pointerEvents = "all";
680
+ overlay.style.backdropFilter = "blur(2px)";
681
+ overlay.innerHTML = `
682
+ <div style="text-align: center;">
683
+ <div class="loading-spinner"></div>
684
+ </div>
685
+ `;
686
+
687
+ document.body.appendChild(overlay);
688
+
689
+ // CSS 스피너 스타일 삽입
690
+ const style = document.createElement("style");
691
+ style.innerHTML = `
692
+ .loading-spinner {
693
+ width: 48px;
694
+ height: 48px;
695
+ border: 5px solid rgba(255, 255, 255, 0.3);
696
+ border-top-color: white;
697
+ border-radius: 50%;
698
+ animation: spin 1s linear infinite;
699
+ }
700
+
701
+ @keyframes spin {
702
+ to { transform: rotate(360deg); }
703
+ }
704
+ `;
705
+
706
+ document.head.appendChild(style);
684
707
  }
685
708
 
686
709
  overlay.style.display = "flex";
@@ -691,6 +714,7 @@ export class ninegrid {
691
714
  },
692
715
  };
693
716
 
717
+
694
718
  static i18n = {
695
719
  convertArrayToJSON : (arr) => {
696
720
  let result = {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.905.0",
4
+ "version": "6.908.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/utils/ninegrid.js CHANGED
@@ -663,24 +663,47 @@ export class ninegrid {
663
663
  show: () => {
664
664
  let overlay = document.getElementById("global-loading-overlay");
665
665
  if (!overlay) {
666
- overlay = document.createElement("div");
667
- overlay.id = "global-loading-overlay";
668
- overlay.className = "loading-overlay";
669
- overlay.innerText = "로딩 중입니다...";
670
-
671
- overlay.style.position = "fixed";
672
- overlay.style.inset = "0";
673
- overlay.style.zIndex = "9999";
674
- overlay.style.background = "rgba(0, 0, 0, 0.4)";
675
- overlay.style.color = "white";
676
- overlay.style.display = "flex";
677
- overlay.style.justifyContent = "center";
678
- overlay.style.alignItems = "center";
679
- overlay.style.fontSize = "20px";
680
- overlay.style.pointerEvents = "all";
681
- overlay.style.backdropFilter = "blur(2px)";
682
-
683
- document.body.appendChild(overlay);
666
+ overlay = document.createElement("div");
667
+ overlay.id = "global-loading-overlay";
668
+ overlay.className = "loading-overlay";
669
+
670
+ overlay.style.position = "fixed";
671
+ overlay.style.inset = "0";
672
+ overlay.style.zIndex = "9999";
673
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
674
+ overlay.style.color = "white";
675
+ overlay.style.display = "flex";
676
+ overlay.style.justifyContent = "center";
677
+ overlay.style.alignItems = "center";
678
+ overlay.style.fontSize = "20px";
679
+ overlay.style.pointerEvents = "all";
680
+ overlay.style.backdropFilter = "blur(2px)";
681
+ overlay.innerHTML = `
682
+ <div style="text-align: center;">
683
+ <div class="loading-spinner"></div>
684
+ </div>
685
+ `;
686
+
687
+ document.body.appendChild(overlay);
688
+
689
+ // CSS 스피너 스타일 삽입
690
+ const style = document.createElement("style");
691
+ style.innerHTML = `
692
+ .loading-spinner {
693
+ width: 48px;
694
+ height: 48px;
695
+ border: 5px solid rgba(255, 255, 255, 0.3);
696
+ border-top-color: white;
697
+ border-radius: 50%;
698
+ animation: spin 1s linear infinite;
699
+ }
700
+
701
+ @keyframes spin {
702
+ to { transform: rotate(360deg); }
703
+ }
704
+ `;
705
+
706
+ document.head.appendChild(style);
684
707
  }
685
708
 
686
709
  overlay.style.display = "flex";
@@ -691,6 +714,7 @@ export class ninegrid {
691
714
  },
692
715
  };
693
716
 
717
+
694
718
  static i18n = {
695
719
  convertArrayToJSON : (arr) => {
696
720
  let result = {};