ninegrid2 6.901.0 → 6.902.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.
@@ -368,7 +368,43 @@ class ninegrid
368
368
  static global = {
369
369
  locale : (navigator.language || navigator.userLanguage || 'en').toLowerCase().substring(0, 2),
370
370
  lang : navigator.language,
371
- }
371
+ };
372
+
373
+ static loading = (show = true) => {
374
+ return {
375
+ show: () => {
376
+ let overlay = document.getElementById("global-loading-overlay");
377
+ if (!overlay) {
378
+ overlay = document.createElement("div");
379
+ overlay.id = "global-loading-overlay";
380
+ overlay.className = "loading-overlay";
381
+ overlay.innerText = "로딩 중입니다...";
382
+
383
+ document.body.appendChild(overlay);
384
+ }
385
+
386
+ overlay.style.display = "flex";
387
+ },
388
+ hide: () => {
389
+ const overlay = document.getElementById("global-loading-overlay");
390
+ if (overlay) overlay.style.display = "none";
391
+ },
392
+ }
393
+ };
394
+ /**
395
+ // 스타일도 동적으로 적용 (선택사항)
396
+ overlay.style.position = "fixed";
397
+ overlay.style.inset = "0";
398
+ overlay.style.zIndex = "9999";
399
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
400
+ overlay.style.color = "white";
401
+ overlay.style.display = "flex";
402
+ overlay.style.justifyContent = "center";
403
+ overlay.style.alignItems = "center";
404
+ overlay.style.fontSize = "20px";
405
+ overlay.style.pointerEvents = "all";
406
+ overlay.style.backdropFilter = "blur(2px)";
407
+ */
372
408
 
373
409
 
374
410
  static querySelectorAll = (selector, root) => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.901.0",
4
+ "version": "6.902.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -368,7 +368,43 @@ class ninegrid
368
368
  static global = {
369
369
  locale : (navigator.language || navigator.userLanguage || 'en').toLowerCase().substring(0, 2),
370
370
  lang : navigator.language,
371
- }
371
+ };
372
+
373
+ static loading = (show = true) => {
374
+ return {
375
+ show: () => {
376
+ let overlay = document.getElementById("global-loading-overlay");
377
+ if (!overlay) {
378
+ overlay = document.createElement("div");
379
+ overlay.id = "global-loading-overlay";
380
+ overlay.className = "loading-overlay";
381
+ overlay.innerText = "로딩 중입니다...";
382
+
383
+ document.body.appendChild(overlay);
384
+ }
385
+
386
+ overlay.style.display = "flex";
387
+ },
388
+ hide: () => {
389
+ const overlay = document.getElementById("global-loading-overlay");
390
+ if (overlay) overlay.style.display = "none";
391
+ },
392
+ }
393
+ };
394
+ /**
395
+ // 스타일도 동적으로 적용 (선택사항)
396
+ overlay.style.position = "fixed";
397
+ overlay.style.inset = "0";
398
+ overlay.style.zIndex = "9999";
399
+ overlay.style.background = "rgba(0, 0, 0, 0.4)";
400
+ overlay.style.color = "white";
401
+ overlay.style.display = "flex";
402
+ overlay.style.justifyContent = "center";
403
+ overlay.style.alignItems = "center";
404
+ overlay.style.fontSize = "20px";
405
+ overlay.style.pointerEvents = "all";
406
+ overlay.style.backdropFilter = "blur(2px)";
407
+ */
372
408
 
373
409
 
374
410
  static querySelectorAll = (selector, root) => {