ninegrid2 6.905.0 → 6.907.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 +43 -18
  2. package/dist/bundle.esm.js +43 -18
  3. package/dist/utils/ninegrid.js +43 -18
  4. package/package.json +1 -1
  5. package/src/utils/ninegrid.js +43 -18
package/dist/bundle.cjs.js CHANGED
@@ -11530,24 +11530,48 @@ 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 style="margin-top: 12px;">로딩 중입니다...</div>
11552
+ </div>
11553
+ `;
11554
+
11555
+ document.body.appendChild(overlay);
11556
+
11557
+ // CSS 스피너 스타일 삽입
11558
+ const style = document.createElement("style");
11559
+ style.innerHTML = `
11560
+ .loading-spinner {
11561
+ width: 48px;
11562
+ height: 48px;
11563
+ border: 5px solid rgba(255, 255, 255, 0.3);
11564
+ border-top-color: white;
11565
+ border-radius: 50%;
11566
+ animation: spin 1s linear infinite;
11567
+ }
11568
+
11569
+ @keyframes spin {
11570
+ to { transform: rotate(360deg); }
11571
+ }
11572
+ `;
11573
+
11574
+ document.head.appendChild(style);
11551
11575
  }
11552
11576
 
11553
11577
  overlay.style.display = "flex";
@@ -11558,6 +11582,7 @@ class ninegrid {
11558
11582
  },
11559
11583
  };
11560
11584
 
11585
+
11561
11586
  static i18n = {
11562
11587
  convertArrayToJSON : (arr) => {
11563
11588
  let result = {};
package/dist/bundle.esm.js CHANGED
@@ -11526,24 +11526,48 @@ 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 style="margin-top: 12px;">로딩 중입니다...</div>
11548
+ </div>
11549
+ `;
11550
+
11551
+ document.body.appendChild(overlay);
11552
+
11553
+ // CSS 스피너 스타일 삽입
11554
+ const style = document.createElement("style");
11555
+ style.innerHTML = `
11556
+ .loading-spinner {
11557
+ width: 48px;
11558
+ height: 48px;
11559
+ border: 5px solid rgba(255, 255, 255, 0.3);
11560
+ border-top-color: white;
11561
+ border-radius: 50%;
11562
+ animation: spin 1s linear infinite;
11563
+ }
11564
+
11565
+ @keyframes spin {
11566
+ to { transform: rotate(360deg); }
11567
+ }
11568
+ `;
11569
+
11570
+ document.head.appendChild(style);
11547
11571
  }
11548
11572
 
11549
11573
  overlay.style.display = "flex";
@@ -11554,6 +11578,7 @@ class ninegrid {
11554
11578
  },
11555
11579
  };
11556
11580
 
11581
+
11557
11582
  static i18n = {
11558
11583
  convertArrayToJSON : (arr) => {
11559
11584
  let result = {};
package/dist/utils/ninegrid.js CHANGED
@@ -663,24 +663,48 @@ 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 style="margin-top: 12px;">로딩 중입니다...</div>
685
+ </div>
686
+ `;
687
+
688
+ document.body.appendChild(overlay);
689
+
690
+ // CSS 스피너 스타일 삽입
691
+ const style = document.createElement("style");
692
+ style.innerHTML = `
693
+ .loading-spinner {
694
+ width: 48px;
695
+ height: 48px;
696
+ border: 5px solid rgba(255, 255, 255, 0.3);
697
+ border-top-color: white;
698
+ border-radius: 50%;
699
+ animation: spin 1s linear infinite;
700
+ }
701
+
702
+ @keyframes spin {
703
+ to { transform: rotate(360deg); }
704
+ }
705
+ `;
706
+
707
+ document.head.appendChild(style);
684
708
  }
685
709
 
686
710
  overlay.style.display = "flex";
@@ -691,6 +715,7 @@ export class ninegrid {
691
715
  },
692
716
  };
693
717
 
718
+
694
719
  static i18n = {
695
720
  convertArrayToJSON : (arr) => {
696
721
  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.907.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,48 @@ 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 style="margin-top: 12px;">로딩 중입니다...</div>
685
+ </div>
686
+ `;
687
+
688
+ document.body.appendChild(overlay);
689
+
690
+ // CSS 스피너 스타일 삽입
691
+ const style = document.createElement("style");
692
+ style.innerHTML = `
693
+ .loading-spinner {
694
+ width: 48px;
695
+ height: 48px;
696
+ border: 5px solid rgba(255, 255, 255, 0.3);
697
+ border-top-color: white;
698
+ border-radius: 50%;
699
+ animation: spin 1s linear infinite;
700
+ }
701
+
702
+ @keyframes spin {
703
+ to { transform: rotate(360deg); }
704
+ }
705
+ `;
706
+
707
+ document.head.appendChild(style);
684
708
  }
685
709
 
686
710
  overlay.style.display = "flex";
@@ -691,6 +715,7 @@ export class ninegrid {
691
715
  },
692
716
  };
693
717
 
718
+
694
719
  static i18n = {
695
720
  convertArrayToJSON : (arr) => {
696
721
  let result = {};