slimsdk 0.1.55 → 0.2.0

package/dist/page/desktop/index.js

@@ -1,5 +1,156 @@
-// src/page/index.ts
+// src/config/global.ts
 var app = document.querySelector("#app");
+
+// src/config/index.ts
+var cfg = {
+  UNIX_TIME: 0,
+  app: {
+    UUID: "",
+    NAME: "",
+    SECRET: "",
+    VERSION: "",
+    RELEASE: "",
+    CALLBACK: ""
+  },
+  api: {
+    URL: "",
+    TOKEN: ""
+  },
+  hub: {
+    LOGIN: "https://wkrh.info/oauth/v1/authorize",
+    OAUTH: "https://wkrh.info:8850/oauth/v1",
+    API: "https://wkrh.info:8850/api/v1",
+    WSS: "wss://wkrh.info:8855/ws",
+    UUID: ""
+  },
+  hwl: {
+    HOST: "ws://localhost:8844/ws",
+    FILE: "https://wkrh.info/app/hwlink/hwlink_setup.exe"
+  },
+  user: {
+    sub: 0,
+    name: "",
+    utyp: "",
+    unit: "",
+    unit_id: 0,
+    role_id: 0,
+    metadata: {
+      emp_type: "",
+      emp_level: "",
+      position: ""
+    },
+    picture: ""
+  }
+};
+
+// src/mod/dialog/index.ts
+var app2 = document.querySelector("#app");
+var confirm = (message, params) => new Promise((resolve) => {
+  if (!app2) return;
+  const doc = params && params?.target ? params.target : app2;
+  const color = params && params?.color ? params.color : "green";
+  const dialog = document.createElement("div");
+  dialog.className = "overlay slim-dialog";
+  dialog.innerHTML = /*html*/
+  `
+        <div class="confirm ${color}">
+            <div class="header">
+                <i class="icon solid">&#xf058;</i> Slim Confirm
+            </div>
+            <div class="message">${message}</div>
+            <div class="footer">
+                <button class="lg gray left" id="btn-no">
+                    <i>&#xf057;</i>\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01
+                </button>
+                <button class="lg ${color} right" id="btn-yes">
+                    <i>&#xf058;</i>\u0E15\u0E01\u0E25\u0E07
+                </button>
+            </div>
+        </div>
+    `;
+  doc.appendChild(dialog);
+  dialog.querySelector("#btn-yes").focus();
+  dialog.querySelector("#btn-yes").onclick = () => {
+    dialog.remove();
+    resolve(true);
+  };
+  dialog.querySelector("#btn-no").onclick = () => {
+    dialog.remove();
+    resolve(false);
+  };
+});
+
+// src/lib/utility.ts
+var winPopup = (width, height, name, url) => {
+  const left = (screen.width - width) / 2;
+  const top = (screen.height - height) / 2;
+  let opt = `width=${width}, height=${height},`;
+  opt += `left=${left}, top=${top}`;
+  return window.open(url, name, opt);
+};
+
+// src/mod/built-in/button/index.ts
+var loading = (btn, state = false) => {
+  if (state) {
+    btn.querySelector(".btn-loader")?.remove();
+    btn.style.color = "transparent";
+    btn.style.position = "relative";
+    btn.style.pointerEvents = "none";
+    const loader = document.createElement("div");
+    loader.className = "btn-loader";
+    loader.innerHTML = `<div class="spinner s22"></div>`;
+    btn.appendChild(loader);
+  } else {
+    btn.querySelector(".btn-loader")?.remove();
+    btn.style.color = "";
+    btn.style.position = "";
+    btn.style.pointerEvents = "";
+  }
+};
+
+// src/mod/drop/index.ts
+var menu = (drop) => {
+  const dropBtn = drop.querySelector(".drop-btn");
+  const content = drop.querySelector(".drop-content");
+  if (!dropBtn || !content) return;
+  setBtnEvent(dropBtn, content);
+};
+var setBtnEvent = (btn, content) => {
+  btn.onclick = () => {
+    if (content.style.display == "block") {
+      content.style.animation = "fade-out 0.4s forwards";
+      content.onanimationend = () => {
+        content.style.animation = "";
+        content.style.display = "";
+      };
+    } else {
+      clear();
+      content.style.animation = "fade-in 0.4s forwards";
+      content.style.display = "block";
+      content.onanimationend = () => {
+        content.style.animation = "";
+      };
+    }
+  };
+};
+var clear = () => {
+  const drop = document.querySelectorAll(".drop-content");
+  drop.forEach((el) => {
+    if (el.style.display == "block") {
+      el.style.animation = "fade-out 0.4s forwards";
+      el.onanimationend = () => {
+        el.style.animation = "";
+        el.style.display = "";
+      };
+    }
+  });
+};
+window.addEventListener("click", (e) => {
+  if (!e.target.matches(".drop-btn")) clear();
+});
+
+// src/page/index.ts
+var app3 = document.querySelector("#app");
 var pageSpin = (
   /*html*/
   `
@@ -11,26 +162,26 @@ var pageSpin = (
 `
 );
 var smallSpin = `<div class="spinner s32"></div>`;
-var Loading = (size = "default") => {
-  if (!app) return;
-  if (!app.querySelector("#page-loader")) {
+var loading2 = (size = "default") => {
+  if (!app3) return;
+  if (!app3.querySelector("#page-loader")) {
     const loader = document.createElement("div");
     loader.id = "page-loader";
     loader.className = "overlay center";
     loader.innerHTML = size == "default" ? pageSpin : smallSpin;
-    app.appendChild(loader);
+    app3.appendChild(loader);
   }
-  const content = app.querySelector("#app-content");
+  const content = app3.querySelector("#app-content");
   if (content) content.style.display = "none";
 };
-var Ready = (delay = 400) => {
+var ready = (delay = 400) => {
   new Promise((r) => setTimeout(r, delay)).then(() => {
     clearLoader(true);
   });
 };
-var Error = (err) => {
+var error = (err) => {
   clearLoader(false);
-  if (!app) return;
+  if (!app3) return;
   const box = document.createElement("div");
   box.className = "page-error";
   box.innerHTML = /*html*/
@@ -39,12 +190,12 @@ var Error = (err) => {
         <div class="topic">&#x2726; \u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14 &#x2726;</div>
         <div class="text">${err}</div>
     `;
-  app.prepend(box);
+  app3.prepend(box);
   throw err;
 };
-var NotFound = () => {
-  if (!app) return;
-  app.innerHTML = /*html*/
+var notFound = () => {
+  if (!app3) return;
+  app3.innerHTML = /*html*/
   `
         <div class="page-not-found">
             <h1>4<i class="fas fa-ghost"></i>4</h1>
@@ -53,11 +204,11 @@ var NotFound = () => {
         </div>
     `;
 };
-var FullLoad = () => {
+var fullLoad = () => {
   clearNavbar();
-  if (!app) return;
-  app.classList.add("full-page");
-  app.innerHTML = /*html*/
+  if (!app3) return;
+  app3.classList.add("full-page");
+  app3.innerHTML = /*html*/
   `
         <div class="page-full-load">
             <div class="spinner"></div>
@@ -65,11 +216,11 @@ var FullLoad = () => {
         </div>
     `;
 };
-var Inform = (params) => {
+var inform = (params) => {
   clearNavbar();
-  if (!app) return;
-  app.classList.add("full-page");
-  app.innerHTML = /*html*/
+  if (!app3) return;
+  app3.classList.add("full-page");
+  app3.innerHTML = /*html*/
   `
         <div class="page-inform ${params.color}">
             <div class="icon solid">${params.icon}</div>
@@ -79,7 +230,7 @@ var Inform = (params) => {
             </button>
         </div>
     `;
-  const btn = app.querySelector("button");
+  const btn = app3.querySelector("button");
   btn.onclick = () => window.location.replace(params.btnUrl);
 };
 var clearNavbar = () => {
@@ -89,342 +240,19 @@ var clearNavbar = () => {
   if (topbar) topbar.remove();
   if (tabbar) tabbar.remove();
   if (sidebar) sidebar.remove();
-  if (app) app.className = "";
+  if (app3) app3.className = "";
 };
 var clearLoader = (showContent) => {
-  if (!app) return;
-  const loader = app.querySelector("#page-loader");
+  if (!app3) return;
+  const loader = app3.querySelector("#page-loader");
   if (loader) {
     loader.style.animation = "fade-out 0.4s forwards";
     loader.onanimationend = () => loader.remove();
   }
-  const content = app.querySelector("#app-content");
+  const content = app3.querySelector("#app-content");
   if (content) content.style.display = showContent ? "block" : "none";
 };
 
-// src/mod/global.ts
-var gbvar = {
-  UNIX_TIME: 0,
-  app: {
-    UUID: "",
-    NAME: "",
-    VERSION: "",
-    RELEASE: ""
-  },
-  api: {
-    URL: "",
-    TOKEN: ""
-  },
-  hub: {
-    LOGIN: "https://wkrh.info/oauth/v1/authorize",
-    OAUTH: "https://wkrh.info:8850/oauth/v1",
-    API: "https://wkrh.info:8850/api/v1",
-    WSS: "wss://wkrh.info:8855/ws",
-    UUID: ""
-  },
-  hwl: {
-    HOST: "ws://localhost:8844/ws",
-    FILE: "https://wkrh.info/app/hwlink/hwlink_setup.exe"
-  },
-  user: {
-    ACCT: 0,
-    ACTYPE: 0,
-    ACROLE: 0,
-    ACNAME: "",
-    PICTURE: "",
-    AGCY: 0,
-    DVSN: 0,
-    SECT: 0,
-    DEPT: "0,0",
-    AGCY_NAME: "",
-    DVSN_NAME: "",
-    SECT_NAME: ""
-  }
-};
-var app2 = document.querySelector("#app");
-
-// src/mod/built-in/cover/index.ts
-var Loading2 = (cover, state = false, align = "top", hide = true) => {
-  const inner = cover.querySelectorAll("*");
-  if (state) {
-    cover.querySelector(".cover-loader")?.remove();
-    cover.style.position = "relative";
-    if (hide) inner.forEach((el) => el.style.visibility = "hidden");
-    const loader = document.createElement("div");
-    loader.className = `cover-loader ${align}`;
-    loader.innerHTML = `<div class="spinner s28"></div>`;
-    cover.appendChild(loader);
-  } else {
-    new Promise((r) => setTimeout(r, 400)).then(() => {
-      cover.querySelector(".cover-loader")?.remove();
-      cover.style.position = "";
-      inner.forEach((el) => el.style.visibility = "");
-    });
-  }
-};
-
-// src/mod/modal/index.ts
-var app3 = document.querySelector("#app");
-var tmpBtnSave = (
-  /* html */
-  `
-    <button class="solid green" type="submit">
-        <i>&#xf0c7;</i>\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01
-    </button>
-`
-);
-var tmpBtnCancel = (
-  /* html */
-  `
-    <button class="solid gray" type="button" id="btn-cancel">
-        <i>&#xf057;</i>\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01
-    </button>
-`
-);
-var tmpBtnClose = (
-  /* html */
-  `
-    <button class="solid blue" type="button" id="btn-close">
-        <i>&#xf057;</i>\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32
-    </button>
-`
-);
-var Create = (params) => {
-  const icon = params.icon ? params.icon : "&#xf40e;";
-  const title = params.title ? params.title : "Modal Title";
-  const body = params.body ? params.body : "Modal Body";
-  const width = params.width ? params.width : "100%";
-  const align = params.button?.align ? params.button?.align : "";
-  const doc = params.target ? params.target : app3;
-  let button = "";
-  if (params.button?.cancel) button += tmpBtnCancel;
-  if (params.button?.close) button += tmpBtnClose;
-  if (params.button?.save) button += tmpBtnSave;
-  const modal = document.createElement("div");
-  modal.className = "overlay slim-modal";
-  modal.innerHTML = /*html*/
-  `
-        <form>
-            <div class="content" style="width: ${width};">
-                <div class="header">
-                    <i class="icon pad">${icon}</i>${title}
-                    <button id="btn-exit" type="button"
-                        class="icon">&#xf00d;</button>
-                </div>
-                <div class="body">${body}</div>
-                <div class="footer ${align}">${button}</div>
-                <div class="loader">
-                    <div class="spinner s28"></div>
-                </div>
-            </div>
-        </form>
-    `;
-  if (!doc) return modal;
-  doc.appendChild(modal);
-  if (width == "auto") {
-    const content2 = modal.querySelector(".content");
-    if (content2) content2.style.maxWidth = `450px`;
-  }
-  window.location.hash = "modal";
-  const content = modal.querySelector(".content");
-  content.classList.add("modal-in");
-  modal.classList.add("overlay-in");
-  content.addEventListener("animationend", () => {
-    if (content.classList.contains("modal-in")) {
-      content.classList.remove("modal-in");
-      modal.classList.remove("overlay-in");
-    }
-  });
-  const hashChange = () => {
-    const hash = window.location.hash.replaceAll("#", "");
-    if (hash != "modal") done();
-  };
-  const done = () => {
-    destroy(modal);
-    if (window.location.hash == "#modal") history.back();
-    window.removeEventListener("hashchange", hashChange);
-  };
-  window.addEventListener("hashchange", hashChange);
-  const btnExit = modal.querySelector("#btn-exit");
-  const btnCancel = modal.querySelector("#btn-cancel");
-  const btnClose = modal.querySelector("#btn-close");
-  if (btnExit) {
-    btnExit.focus();
-    btnExit.onclick = done;
-  }
-  if (btnCancel) btnCancel.onclick = done;
-  if (btnClose) btnClose.onclick = done;
-  return modal;
-};
-var Close = (modal) => new Promise((resolve) => {
-  modal.querySelector("#btn-exit").click();
-  const content = modal.querySelector(".content");
-  content.addEventListener("animationend", () => resolve());
-});
-var destroy = (modal) => {
-  const content = modal.querySelector(".content");
-  content.classList.add("modal-out");
-  modal.classList.add("overlay-out");
-  content.addEventListener("animationend", () => {
-    if (content.classList.contains("modal-out")) {
-      modal.style.display = "none";
-      modal.remove();
-    }
-  });
-};
-var Loading3 = (modal) => {
-  const body = modal.querySelector(".body");
-  const loader = modal.querySelector(".loader");
-  if (body) body.style.visibility = "hidden";
-  if (loader) loader.style.display = "flex";
-};
-var Ready2 = (modal) => {
-  const body = modal.querySelector(".body");
-  const loader = modal.querySelector(".loader");
-  if (body) body.style.visibility = "visible";
-  if (loader) loader.style.display = "none";
-};
-var Hidden = (modal) => {
-  modal.style.display = "none";
-};
-var Visible = (modal) => {
-  modal.style.display = "block";
-};
-
-// src/mod/dialog/index.ts
-var app4 = document.querySelector("#app");
-var Confirm = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const color = params && params?.color ? params.color : "green";
-  const dialog = document.createElement("div");
-  dialog.className = "overlay slim-dialog";
-  dialog.innerHTML = /*html*/
-  `
-        <div class="confirm ${color}">
-            <div class="header">
-                <i class="icon solid">&#xf058;</i> Slim Confirm
-            </div>
-            <div class="message">${message}</div>
-            <div class="footer">
-                <button class="lg gray left" id="btn-no">
-                    <i>&#xf057;</i>\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01
-                </button>
-                <button class="lg ${color} right" id="btn-yes">
-                    <i>&#xf058;</i>\u0E15\u0E01\u0E25\u0E07
-                </button>
-            </div>
-        </div>
-    `;
-  doc.appendChild(dialog);
-  dialog.querySelector("#btn-yes").focus();
-  dialog.querySelector("#btn-yes").onclick = () => {
-    dialog.remove();
-    resolve(true);
-  };
-  dialog.querySelector("#btn-no").onclick = () => {
-    dialog.remove();
-    resolve(false);
-  };
-});
-var Alert = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const type = params && params?.type ? params.type : "success";
-  let color = "";
-  let icon = "";
-  if (type == "success") {
-    color = "green";
-    icon = "&#xf058;";
-  }
-  if (type == "failure") {
-    color = "red";
-    icon = "&#xf057;";
-  }
-  if (type == "warning") {
-    color = "orange";
-    icon = "&#xf06a;";
-  }
-  if (type == "info") {
-    color = "blue";
-    icon = "&#xf05a;";
-  }
-  const dialog = document.createElement("div");
-  dialog.className = "overlay slim-dialog";
-  dialog.innerHTML = /*html*/
-  `
-        <div class="alert ${color}">
-            <div class="icon solid">${icon}</div>
-            <div class="message">${message}</div>
-            <div class="footer">
-                <button class="lg ${color}" id="btn-yes">\u0E15\u0E01\u0E25\u0E07</button>
-            </div>
-        </div>
-    `;
-  doc.appendChild(dialog);
-  dialog.querySelector("#btn-yes").focus();
-  dialog.querySelector("#btn-yes").onclick = () => {
-    dialog.remove();
-    resolve();
-  };
-});
-var Toast = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const type = params && params?.type ? params.type : "success";
-  let color = "";
-  let icon = "";
-  if (type == "success") {
-    color = "green";
-    icon = "&#xf058;";
-  }
-  if (type == "failure") {
-    color = "red";
-    icon = "&#xf057;";
-  }
-  if (type == "warning") {
-    color = "orange";
-    icon = "&#xf06a;";
-  }
-  if (type == "info") {
-    color = "blue";
-    icon = "&#xf05a;";
-  }
-  const toast = document.createElement("div");
-  toast.className = `slim-toast ${color}`;
-  toast.innerHTML = /*html*/
-  `
-        <i class="icon">${icon}</i>
-        <span class="text">${message}</span>
-    `;
-  doc.appendChild(toast);
-  toast.classList.add("show");
-  let count = 0;
-  toast.onanimationend = () => {
-    count++;
-    if (count == 2) {
-      toast.remove();
-      resolve();
-    }
-  };
-});
-
-// src/lib/utility.ts
-var winPopup = (width, height, name, url) => {
-  const left = (screen.width - width) / 2;
-  const top = (screen.height - height) / 2;
-  let opt = `width=${width}, height=${height},`;
-  opt += `left=${left}, top=${top}`;
-  return window.open(url, name, opt);
-};
-var strCheck = (str) => {
-  let out = String(str);
-  out = out.replaceAll("'", "\\'");
-  out = out.replaceAll('"', '\\"');
-  out = out.trim();
-  return out;
-};
-
 // src/svchub/hwlink/template.ts
 var template = (
   /*html*/
@@ -452,19 +280,19 @@ var template = (
         <div id="device">
             <div class="box-tb">
                 <div class="topic">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19</div>
-                <div class="text" id="agcy">:</div>
+                <div class="text" id="">:</div>
             </div>
             <div class="box-tb">
                 <div class="topic">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19</div>
-                <div class="text" id="dept">:</div>
+                <div class="text" id="">:</div>
             </div>
             <div class="box-tb">
                 <div class="topic">\u0E0A\u0E37\u0E48\u0E2D\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C</div>
-                <div class="text" id="dname">:</div>
+                <div class="text" id="">:</div>
             </div>
             <div class="box-tb">
                 <div class="topic">\u0E40\u0E25\u0E02\u0E17\u0E23\u0E31\u0E1E\u0E22\u0E4C\u0E2A\u0E34\u0E19</div>
-                <div class="text" id="assno">:</div>
+                <div class="text" id="">:</div>
             </div>
             <button id="btn-edit" class="circle sm blue"
                 shadow="true">&#xf5ae;</button>
@@ -534,351 +362,26 @@ var template = (
 </style>
 `
 );
-var frmDevice = (
-  /*html*/
-  `
-<div id="frm-device" class="cover grid">
-    <div class="input-box span">
-        <select id="inp-agcy" required></select>
-        <div class="label">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19 *</div>
-    </div>
-    <div class="input-box span">
-        <select id="inp-dept"></select>
-        <div class="label">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19/\u0E2A\u0E48\u0E27\u0E19\u0E07\u0E32\u0E19</div>
-    </div>
-    <div class="input-box span">
-        <input type="text" id="inp-name" maxlength="100" required>
-        <div class="label">\u0E0A\u0E37\u0E48\u0E2D\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C *</div>
-    </div>
-</div>
-<style>
-    #frm-device {
-        gap: 5px;
-    }
-    #frm-device .dvsn {
-        font-weight: 600;
-    }
-    #frm-device .sect {
-        font-style: italic;
-    }
-</style>
-`
-);
-
-// src/svchub/api/agency/agcy.ts
-var Read = (agcy) => new Promise((resolve, reject) => {
-  let url = `/agcy`;
-  if (agcy) url = `/agcy/${agcy}`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Set = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const name = val.short ? val.short : val.name;
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = name;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/agency/dept.ts
-var Read2 = (agcy) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/dept`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Set2 = async (agcy, elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read2(agcy).then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.dvsn},${val.sect}`;
-      if (val.sect == 0) {
-        opt.text = `${val.name}`;
-        opt.style.fontWeight = "600";
-      } else {
-        opt.text = `- ${val.name}`;
-        opt.style.fontStyle = "italic";
-      }
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/account/index.ts
-var Read3 = (agcy, acct, params) => new Promise((resolve, reject) => {
-  const status = params && params.status ? params.status : 1;
-  let query = `?status=${status}`;
-  if (params) {
-    const dvsn = params.dvsn ? params.dvsn : 0;
-    const sect = params.sect ? params.sect : 0;
-    const actype = params.actype ? params.actype : 0;
-    const acrole = params.acrole ? params.acrole : 0;
-    if (dvsn) query += `&dvsn=${dvsn}`;
-    if (sect) query += `&sect=${sect}`;
-    if (actype) query += `&actype=${actype}`;
-    if (acrole) query += `&acrole=${acrole}`;
-  }
-  let url = `/agcy/${agcy}/acct${query}`;
-  if (acct) url = `/agcy/${agcy}/acct/${acct}`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Create2 = (agcy, params) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/acct`;
-  fetch(gbvar.hub.API + url, {
-    method: "POST",
-    headers: gbvar.api.HEADERS,
-    body: JSON.stringify(params)
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Update = (agcy, acct, params) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/acct/${acct}`;
-  fetch(gbvar.hub.API + url, {
-    method: "PUT",
-    headers: gbvar.api.HEADERS,
-    body: JSON.stringify(params)
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-
-// src/svchub/hwlink/device.ts
-var Create3 = (csid) => new Promise((resolve, reject) => {
-  const modal = Create({
-    title: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C",
-    icon: "&#xf390;",
-    width: "400px",
-    body: frmDevice,
-    button: { save: true, cancel: true }
-  });
-  const inpAgcy = modal.querySelector("#inp-agcy");
-  const inpDept = modal.querySelector("#inp-dept");
-  const inpName = modal.querySelector("#inp-name");
-  inpAgcy.onchange = () => {
-    Set2(Number(inpAgcy.value), inpDept);
-  };
-  (async () => {
-    await Set(inpAgcy);
-    await Set2(Number(inpAgcy.value), inpDept);
-    Ready2(modal);
-  })();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    Hidden(modal);
-    const res = await Confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19.! \u0E01\u0E32\u0E23\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25");
-    Visible(modal);
-    if (res) {
-      Loading3(modal);
-      const newAgcy = Number(inpAgcy.value);
-      const [dvsn, sect] = inpDept.value.split(",");
-      const params = {
-        agcy: newAgcy,
-        dvsn: dvsn ? Number(dvsn) : 0,
-        sect: sect ? Number(sect) : 0,
-        actype: 2,
-        // อุปกรณ์
-        acrole: 8,
-        // คอมพิวเตอร์
-        acuuid: strCheck(csid),
-        profile: {
-          dvtype: 1,
-          // คอมพิวเตอร์
-          name: strCheck(inpName.value)
-        }
-      };
-      await Create2(newAgcy, params).then(() => {
-        Close(modal);
-        Toast("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25 \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
-        resolve();
-      }).catch((err) => {
-        Close(modal);
-        Alert("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14...!", { type: "failure" });
-        reject(err);
-      });
-    }
-  };
-});
-var Update2 = (agcy, acct, csid) => new Promise((resolve, reject) => {
-  const modal = Create({
-    title: "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E23\u0E32\u0E22\u0E25\u0E30\u0E40\u0E2D\u0E35\u0E22\u0E14",
-    icon: "&#xf390;",
-    width: "400px",
-    body: frmDevice,
-    button: { save: true, cancel: true }
-  });
-  const inpAgcy = modal.querySelector("#inp-agcy");
-  const inpDept = modal.querySelector("#inp-dept");
-  const inpName = modal.querySelector("#inp-name");
-  inpAgcy.onchange = () => {
-    Set2(Number(inpAgcy.value), inpDept);
-  };
-  (async () => {
-    await Read3(agcy, acct).then(async (resp) => {
-      const data = resp.data;
-      const profile = data.profile;
-      await Set(inpAgcy);
-      await Set2(data.agcy, inpDept);
-      inpAgcy.value = String(data.agcy);
-      inpDept.value = data.dvsn ? `${data.dvsn},${data.sect}` : "";
-      inpName.value = profile.name;
-    }).catch((err) => console.error(err));
-    Ready2(modal);
-  })();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    Hidden(modal);
-    const res = await Confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19.! \u0E01\u0E32\u0E23\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25");
-    Visible(modal);
-    if (res) {
-      Loading3(modal);
-      const newAgcy = Number(inpAgcy.value);
-      const [dvsn, sect] = inpDept.value.split(",");
-      const params = {
-        agcy: newAgcy,
-        dvsn: dvsn ? Number(dvsn) : 0,
-        sect: sect ? Number(sect) : 0,
-        actype: 2,
-        // อุปกรณ์
-        acrole: 8,
-        // คอมพิวเตอร์
-        acuuid: strCheck(csid),
-        profile: {
-          dvtype: 1,
-          // คอมพิวเตอร์
-          name: strCheck(inpName.value)
-        }
-      };
-      await Update(agcy, acct, params).then(() => {
-        Close(modal);
-        Toast("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25 \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
-        resolve();
-      }).catch((err) => {
-        Close(modal);
-        Alert("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14...!", { type: "failure" });
-        reject(err);
-      });
-    }
-  };
-});
-var PwdChk = () => new Promise((resolve) => {
-  const modal = Create({
-    title: "\u0E01\u0E23\u0E2D\u0E01\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19",
-    icon: "&#xf084;",
-    width: "230px",
-    body: (
-      /*html*/
-      `
-            <div class="cover">
-                <input type="password" id="inp-pass"
-                    value="admin@wkr" style="width: 100%;">
-            </div>
-        `
-    ),
-    button: { save: true, cancel: true, align: "center" }
-  });
-  Ready2(modal);
-  const inpPass = modal.querySelector("#inp-pass");
-  inpPass?.focus();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    const pass = inpPass?.value?.trim();
-    if (pass === "admin@wkr") {
-      await Close(modal);
-      resolve(true);
-    } else {
-      await Alert("\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19.! \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07", { type: "failure" });
-      inpPass?.focus();
-    }
-  };
-});
 
 // src/svchub/hwlink/index.ts
-var app5 = document.querySelector("#app");
-var AGCY;
-var ACCT;
-var CSID;
+var app4 = document.querySelector("#app");
 var isREADY;
 var WSSVC;
-var boxDv;
-var HwLink = () => {
-  if (!app5) return;
+var hwLink = () => {
+  if (!app4) return;
   const content = document.createElement("div");
   content.id = "app-content";
   content.innerHTML = template;
-  app5.classList.add("full-page");
-  app5.appendChild(content);
-  boxDv = app5.querySelector("#device");
-  const btnEdit = app5.querySelector("#btn-edit");
-  if (btnEdit) btnEdit.onclick = async () => {
-    if (await PwdChk()) {
-      if (AGCY > 0 && ACCT > 0 && CSID != "") {
-        Update2(AGCY, ACCT, CSID).then(() => {
-          Loading2(boxDv, true);
-          WSSVC.send('{"head": "KEYRST"}');
-        }).catch((err) => console.error(err));
-      } else {
-        Create3(CSID).then(() => {
-          Loading2(boxDv, true);
-          WSSVC.send('{"head": "KEYRST"}');
-        }).catch((err) => console.error(err));
-      }
-    }
-  };
-  Loading();
-  AGCY = 0;
-  ACCT = 0;
-  CSID = "";
+  app4.classList.add("full-page");
+  app4.appendChild(content);
   isREADY = false;
-  if (!gbvar.api.TOKEN) {
-    const btn = app5.querySelectorAll("button");
-    btn.forEach((elm) => elm.style.display = "none");
-  }
+  loading2();
   wsSvc();
 };
 var wsSvc = () => {
-  WSSVC = new WebSocket(gbvar.hwl.HOST);
+  WSSVC = new WebSocket(cfg.hwl.HOST);
   WSSVC.onopen = () => {
     hwinfo();
-    dvinfo();
     T_hwinfo = setInterval(hwinfo, 1e3 * 10);
   };
   WSSVC.onclose = () => {
@@ -889,30 +392,26 @@ var wsSvc = () => {
     const resp = JSON.parse(e.data);
     const head = resp.head ? resp.head : "";
     const data = resp.data ? resp.data : "";
-    if (head == "CSUUID") CSID = data;
-    if (head == "HWINFO") setHwInfo(data);
-    if (head == "DVINFO") {
+    if (head == "CSUUID") {
       if (!isREADY) {
         isREADY = true;
-        Ready();
+        ready();
       }
-      setDvInfo(data);
-      Loading2(boxDv, false);
     }
+    if (head == "HWINFO") setHwInfo(data);
   };
   let T_hwinfo;
   const hwinfo = () => WSSVC.send('{"head": "HWINFO"}');
-  const dvinfo = () => WSSVC.send('{"head": "DVINFO"}');
 };
 var setHwInfo = (data) => {
-  if (!app5) return;
+  if (!app4) return;
   const svc = data.svc;
-  app5.querySelector("#hwlink").innerText = `: ${svc.hwlink}`;
-  app5.querySelector("#autoup").innerText = `: ${svc.autoup}`;
-  app5.querySelector("#csuuid").innerText = `: ${data.csuuid}`;
+  app4.querySelector("#hwlink").innerText = `: ${svc.hwlink}`;
+  app4.querySelector("#autoup").innerText = `: ${svc.autoup}`;
+  app4.querySelector("#csuuid").innerText = `: ${data.csuuid}`;
   const cpu = data.cpu;
   const mem = data.mem;
-  const hwinfo = app5.querySelector("#hwinfo");
+  const hwinfo = app4.querySelector("#hwinfo");
   const uptime = Number(data.uptime);
   const hh = Math.floor(uptime / 3600);
   const mm = Math.floor(uptime % 3600 / 60);
@@ -922,86 +421,14 @@ var setHwInfo = (data) => {
   hwinfo.querySelector("#host").innerText = `: ${data.hostname}`;
   hwinfo.querySelector("#os").innerText = `: ${data.platform}`;
   hwinfo.querySelector("#cpu").innerText = `: ${cpu.model}`;
-  app5.querySelector("#mem").innerText = `: ${mem_text}`;
-  app5.querySelector("#uptime").innerText = `: ${hh} h ${mm} m`;
-};
-var setDvInfo = (data) => {
-  if (!app5 || !data.acct || Number(data.acct) == 0) return;
-  AGCY = Number(data.agcy);
-  ACCT = Number(data.acct);
-  let dept = data.dvsn_name;
-  if (Number(data.sect) > 0) {
-    dept += ` - ${data.sect_name}`;
-  }
-  app5.querySelector("#agcy").innerText = `: ${data.agcy_name}`;
-  app5.querySelector("#dept").innerText = `: ${dept}`;
-  app5.querySelector("#dname").innerText = `: ${data.acname}`;
+  app4.querySelector("#mem").innerText = `: ${mem_text}`;
+  app4.querySelector("#uptime").innerText = `: ${hh} h ${mm} m`;
 };
 
-// src/mod/built-in/button/index.ts
-var Loading4 = (btn, state = false) => {
-  if (state) {
-    btn.querySelector(".btn-loader")?.remove();
-    btn.style.color = "transparent";
-    btn.style.position = "relative";
-    btn.style.pointerEvents = "none";
-    const loader = document.createElement("div");
-    loader.className = "btn-loader";
-    loader.innerHTML = `<div class="spinner s22"></div>`;
-    btn.appendChild(loader);
-  } else {
-    btn.querySelector(".btn-loader")?.remove();
-    btn.style.color = "";
-    btn.style.position = "";
-    btn.style.pointerEvents = "";
-  }
-};
-
-// src/mod/drop/index.ts
-var Menu = (drop) => {
-  const dropBtn = drop.querySelector(".drop-btn");
-  const content = drop.querySelector(".drop-content");
-  if (!dropBtn || !content) return;
-  setBtnEvent(dropBtn, content);
-};
-var setBtnEvent = (btn, content) => {
-  btn.onclick = () => {
-    if (content.style.display == "block") {
-      content.style.animation = "fade-out 0.4s forwards";
-      content.onanimationend = () => {
-        content.style.animation = "";
-        content.style.display = "";
-      };
-    } else {
-      Clear();
-      content.style.animation = "fade-in 0.4s forwards";
-      content.style.display = "block";
-      content.onanimationend = () => {
-        content.style.animation = "";
-      };
-    }
-  };
-};
-var Clear = () => {
-  const drop = document.querySelectorAll(".drop-content");
-  drop.forEach((el) => {
-    if (el.style.display == "block") {
-      el.style.animation = "fade-out 0.4s forwards";
-      el.onanimationend = () => {
-        el.style.animation = "";
-        el.style.display = "";
-      };
-    }
-  });
-};
-window.addEventListener("click", (e) => {
-  if (!e.target.matches(".drop-btn")) Clear();
-});
-
 // src/page/desktop/index.ts
-var app6 = document.querySelector("#app");
-var Create4 = (params) => {
-  if (!app6) return false;
+var app5 = document.querySelector("#app");
+var create = (params) => {
+  if (!app5) return false;
   const uri = params.uri ? params.uri : "";
   const size = params.size ? params.size : "";
   const topbar = params.topbar ? params.topbar : "";
@@ -1010,13 +437,13 @@ var Create4 = (params) => {
   const content = document.createElement("div");
   content.id = "app-content";
   content.innerHTML = template2;
-  app6.appendChild(content);
+  app5.appendChild(content);
   let newNav = false;
   if (size == "full") {
-    app6.classList.add("full-page");
+    app5.classList.add("full-page");
     navRemove();
   } else {
-    app6.classList.remove("full-page");
+    app5.classList.remove("full-page");
     if (!document.querySelector("#topbar")) {
       navCreate({ topbar, sidebar });
       newNav = true;
@@ -1044,9 +471,9 @@ var navCreate = (params) => {
   setScreen();
   window.addEventListener("resize", setScreen);
   const dropUser = topbar.querySelector("#drop-user");
-  if (dropUser) Menu(dropUser);
+  if (dropUser) menu(dropUser);
   const logout = () => {
-    Confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19..! \u0E01\u0E32\u0E23\u0E2D\u0E2D\u0E01\u0E08\u0E32\u0E01\u0E23\u0E30\u0E1A\u0E1A").then((res) => {
+    confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19..! \u0E01\u0E32\u0E23\u0E2D\u0E2D\u0E01\u0E08\u0E32\u0E01\u0E23\u0E30\u0E1A\u0E1A").then((res) => {
       if (res) window.location.replace("/logout");
     });
   };
@@ -1072,18 +499,18 @@ var navActive = (uri) => {
     if (!btn.disabled && uri == path) {
       btn.classList.add("active");
       if (btn.classList.contains("grp-btn")) {
-        const menu = btn.parentNode?.querySelector(".submenu");
+        const menu2 = btn.parentNode?.querySelector(".submenu");
         const grpBtn = btn.parentNode?.querySelector(".grp-btn");
-        if (menu && grpBtn) {
-          menu.style.maxHeight = "400px";
+        if (menu2 && grpBtn) {
+          menu2.style.maxHeight = "400px";
           grpBtn.classList.add("bar");
         }
       }
       if (btn.classList.contains("sub-btn")) {
-        const menu = btn.parentNode;
-        const grpBtn = menu.parentNode?.querySelector(".grp-btn");
-        if (menu && grpBtn && menu.classList.contains("submenu")) {
-          menu.style.maxHeight = "400px";
+        const menu2 = btn.parentNode;
+        const grpBtn = menu2.parentNode?.querySelector(".grp-btn");
+        if (menu2 && grpBtn && menu2.classList.contains("submenu")) {
+          menu2.style.maxHeight = "400px";
           grpBtn.classList.add("active");
           grpBtn.classList.remove("bar");
         }
@@ -1118,7 +545,7 @@ var navMenu = (state) => {
     sidebar.classList.remove("menu-out");
   }
 };
-var Clear2 = () => {
+var clear2 = () => {
   const sidebar = document.querySelector("#sidebar");
   if (!sidebar) return;
   const scWidth = window.innerWidth ? window.innerWidth : screen.width;
@@ -1129,7 +556,7 @@ var Clear2 = () => {
   }
 };
 window.addEventListener("click", (e) => {
-  if (!e.target.matches("#nav-menu")) Clear2();
+  if (!e.target.matches("#nav-menu")) clear2();
 });
 var navHwLink = () => {
   const btnHwl = document.querySelector("#nav-hwlink");
@@ -1138,8 +565,8 @@ var navHwLink = () => {
   if (agent.indexOf("win") != -1) {
     btnHwl.style.display = "block";
     btnHwl.onclick = () => {
-      Loading4(btnHwl, true);
-      const ws = new WebSocket(gbvar.hwl.HOST);
+      loading(btnHwl, true);
+      const ws = new WebSocket(cfg.hwl.HOST);
       ws.onerror = () => {
         download();
         done();
@@ -1150,14 +577,14 @@ var navHwLink = () => {
         done();
       };
       const done = () => {
-        Loading4(btnHwl, false);
+        loading(btnHwl, false);
       };
     };
   } else {
     btnHwl.style.display = "none";
   }
   const download = () => {
-    const url = gbvar.hwl.FILE;
+    const url = cfg.hwl.FILE;
     const link = document.createElement("a");
     link.href = url;
     link.download = String(url.split("/").pop());
@@ -1184,14 +611,14 @@ var onlineStatus = () => {
 window.addEventListener("online", onlineStatus);
 window.addEventListener("offline", onlineStatus);
 export {
-  Clear2 as Clear,
-  Create4 as Create,
-  Error,
-  FullLoad,
-  HwLink,
-  Inform,
-  Loading,
-  NotFound,
-  Ready
+  clear2 as clear,
+  create,
+  error,
+  fullLoad,
+  hwLink,
+  inform,
+  loading2 as loading,
+  notFound,
+  ready
 };
 //# sourceMappingURL=index.js.map