slimsdk 0.1.55 → 0.2.0

package/dist/desktop/index.js

@@ -4,166 +4,10 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/page/desktop/index.ts
-var desktop_exports = {};
-__export(desktop_exports, {
-  Clear: () => Clear2,
-  Create: () => Create5,
-  Error: () => Error2,
-  FullLoad: () => FullLoad,
-  HwLink: () => HwLink,
-  Inform: () => Inform,
-  Loading: () => Loading,
-  NotFound: () => NotFound,
-  Ready: () => Ready
-});
-
-// src/page/index.ts
-var app = document.querySelector("#app");
-var pageSpin = (
-  /*html*/
-  `
-<div class="lds-spinner">
-    <div></div><div></div><div></div><div></div>
-    <div></div><div></div><div></div><div></div>
-    <div></div><div></div><div></div><div></div>
-</div>
-`
-);
-var smallSpin = `<div class="spinner s32"></div>`;
-var Loading = (size = "default") => {
-  if (!app) return;
-  if (!app.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);
-  }
-  const content = app.querySelector("#app-content");
-  if (content) content.style.display = "none";
-};
-var Ready = (delay = 400) => {
-  new Promise((r) => setTimeout(r, delay)).then(() => {
-    clearLoader(true);
-  });
-};
-var Error2 = (err) => {
-  clearLoader(false);
-  if (!app) return;
-  const box = document.createElement("div");
-  box.className = "page-error";
-  box.innerHTML = /*html*/
-  `
-        <i class="icon red">&#xf188;</i>
-        <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);
-  throw err;
-};
-var NotFound = () => {
-  if (!app) return;
-  app.innerHTML = /*html*/
-  `
-        <div class="page-not-found">
-            <h1>4<i class="fas fa-ghost"></i>4</h1>
-            <h2>Error 404 Page Not Found</h2>
-            <p>Sorry, the page cannot be accessed</p>
-        </div>
-    `;
-};
-var FullLoad = () => {
-  clearNavbar();
-  if (!app) return;
-  app.classList.add("full-page");
-  app.innerHTML = /*html*/
-  `
-        <div class="page-full-load">
-            <div class="spinner"></div>
-            <div class="text">Slim<br>Loading</div>
-        </div>
-    `;
-};
-var Inform = (params) => {
-  clearNavbar();
-  if (!app) return;
-  app.classList.add("full-page");
-  app.innerHTML = /*html*/
-  `
-        <div class="page-inform ${params.color}">
-            <div class="icon solid">${params.icon}</div>
-            <div class="msg">${params.msg}</div>
-            <button class="lg ${params.color}" shadow="true">
-                ${params.btnTxt}
-            </button>
-        </div>
-    `;
-  const btn = app.querySelector("button");
-  btn.onclick = () => window.location.replace(params.btnUrl);
-};
-var clearNavbar = () => {
-  const topbar = document.querySelector("#topbar");
-  const tabbar = document.querySelector("#tabbar");
-  const sidebar = document.querySelector("#sidebar");
-  if (topbar) topbar.remove();
-  if (tabbar) tabbar.remove();
-  if (sidebar) sidebar.remove();
-  if (app) app.className = "";
-};
-var clearLoader = (showContent) => {
-  if (!app) return;
-  const loader = app.querySelector("#page-loader");
-  if (loader) {
-    loader.style.animation = "fade-out 0.4s forwards";
-    loader.onanimationend = () => loader.remove();
-  }
-  const content = app.querySelector("#app-content");
-  if (content) content.style.display = showContent ? "block" : "none";
-};
-
 // package.json
-var version = "0.1.55";
+var version = "0.2.0";
 
-// 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: ""
-  }
-};
+// src/config/global.ts
 var info = () => `sdk ${version}`;
 var init = (params) => {
   if (params?.svcWorker) svcWorker(params.svcWorker);
@@ -198,9 +42,9 @@ var hideTabbar = () => {
     }
   });
 };
-var app2 = document.querySelector("#app");
+var app = document.querySelector("#app");
 var btnToTop = () => {
-  if (!app2) return;
+  if (!app) return;
   const totop = document.createElement("div");
   totop.id = "totop";
   totop.innerHTML = /* html */
@@ -210,23 +54,23 @@ var btnToTop = () => {
     `;
   document.body.appendChild(totop);
   totop.querySelector("#btn-totop").onclick = () => {
-    app2.scrollTo({ top: 0, behavior: "smooth" });
+    app.scrollTo({ top: 0, behavior: "smooth" });
   };
-  app2.addEventListener("scroll", () => {
-    if (app2.scrollTop > 1e3) {
+  app.addEventListener("scroll", () => {
+    if (app.scrollTop > 1e3) {
       totop.style.display = "block";
-      if (app2.classList.contains("tabbar")) {
-        app2.style.paddingBottom = "116px";
+      if (app.classList.contains("tabbar")) {
+        app.style.paddingBottom = "116px";
       } else {
-        app2.style.paddingBottom = "60px";
+        app.style.paddingBottom = "60px";
       }
     } else {
       totop.style.display = "";
-      app2.style.paddingBottom = "";
+      app.style.paddingBottom = "";
     }
-    const tabsMobile = app2.querySelector(".slim-tabs.mobile .tabs-header");
+    const tabsMobile = app.querySelector(".slim-tabs.mobile .tabs-header");
     if (!tabsMobile) return;
-    if (app2.scrollTop > 10) {
+    if (app.scrollTop > 10) {
       tabsMobile.style.boxShadow = `rgba(0, 0, 0, 0.16) 0px 1px 4px`;
     } else {
       tabsMobile.style.boxShadow = "";
@@ -234,214 +78,92 @@ var btnToTop = () => {
   });
 };
 
-// src/mod/built-in/cover/index.ts
-var cover_exports = {};
-__export(cover_exports, {
-  Loading: () => Loading2,
-  acdInit: () => acdInit
-});
-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/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: ""
   }
 };
-var acdInit = () => {
-  const acdItem = document.querySelectorAll(".acd-item");
-  acdItem.forEach((elm) => {
-    const topic = elm.querySelector(".topic");
-    const panel = elm.querySelector(".panel");
-    if (topic) topic.onclick = () => {
-      elm.classList.toggle("active");
-      if (!panel) return;
-      if (elm.classList.contains("active")) {
-        panel.style.maxHeight = `${panel.scrollHeight}px`;
-      } else {
-        panel.style.maxHeight = "";
-      }
-    };
-  });
-};
 
-// src/mod/modal/index.ts
-var modal_exports = {};
-__export(modal_exports, {
-  Close: () => Close,
-  Create: () => Create,
-  Hidden: () => Hidden,
-  Loading: () => Loading3,
-  Ready: () => Ready2,
-  Visible: () => Visible
+// src/page/desktop/index.ts
+var desktop_exports = {};
+__export(desktop_exports, {
+  clear: () => clear2,
+  create: () => create,
+  error: () => error,
+  fullLoad: () => fullLoad,
+  hwLink: () => hwLink,
+  inform: () => inform,
+  loading: () => loading2,
+  notFound: () => notFound,
+  ready: () => ready
 });
-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*/
+
+// src/mod/dialog/index.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  alert: () => alert,
+  confirm: () => confirm,
+  toast: () => toast
+});
+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*/
   `
-        <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 class="confirm ${color}">
+            <div class="header">
+                <i class="icon solid">&#xf058;</i> Slim Confirm
             </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 dialog_exports = {};
-__export(dialog_exports, {
-  Alert: () => Alert,
-  Confirm: () => Confirm,
-  Toast: () => Toast
-});
-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>
+            <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();
@@ -454,9 +176,9 @@ var Confirm = (message, params) => new Promise((resolve) => {
     resolve(false);
   };
 });
-var Alert = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
+var alert = (message, params) => new Promise((resolve) => {
+  if (!app2) return;
+  const doc = params && params?.target ? params.target : app2;
   const type = params && params?.type ? params.type : "success";
   let color = "";
   let icon = "";
@@ -495,9 +217,9 @@ var Alert = (message, params) => new Promise((resolve) => {
     resolve();
   };
 });
-var Toast = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
+var toast = (message, params) => new Promise((resolve) => {
+  if (!app2) return;
+  const doc = params && params?.target ? params.target : app2;
   const type = params && params?.type ? params.type : "success";
   let color = "";
   let icon = "";
@@ -517,20 +239,20 @@ var Toast = (message, params) => new Promise((resolve) => {
     color = "blue";
     icon = "&#xf05a;";
   }
-  const toast = document.createElement("div");
-  toast.className = `slim-toast ${color}`;
-  toast.innerHTML = /*html*/
+  const toast2 = document.createElement("div");
+  toast2.className = `slim-toast ${color}`;
+  toast2.innerHTML = /*html*/
   `
         <i class="icon">${icon}</i>
         <span class="text">${message}</span>
     `;
-  doc.appendChild(toast);
-  toast.classList.add("show");
+  doc.appendChild(toast2);
+  toast2.classList.add("show");
   let count = 0;
-  toast.onanimationend = () => {
+  toast2.onanimationend = () => {
     count++;
     if (count == 2) {
-      toast.remove();
+      toast2.remove();
       resolve();
     }
   };
@@ -611,795 +333,350 @@ var jwtParse = (token) => {
   }
 };
 
-// src/svchub/hwlink/template.ts
-var template = (
-  /*html*/
-  `
-<div id="page-svchub" class="cover">
-    <div class="cover-bar">Hardware Link</div>
-    <div class="cover-body border">
-        <!-- svcinfo -->
-        <div id="svcinfo">
-            <div class="box-tb">
-                <div class="topic">HwLink</div>
-                <div class="text" id="hwlink">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">AutoUp</div>
-                <div class="text" id="autoup">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">CSUUID</div>
-                <div class="text" id="csuuid">:</div>
-            </div>
-        </div>
-        <hr>
-        <!-- device -->
-        <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>
-            <div class="box-tb">
-                <div class="topic">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19</div>
-                <div class="text" id="dept">:</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>
-            <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>
-            <button id="btn-edit" class="circle sm blue"
-                shadow="true">&#xf5ae;</button>
-        </div>
-        <hr>
-        <!-- hwinfo -->
-        <div id="hwinfo">
-            <div class="box-tb">
-                <div class="topic">Hostname</div>
-                <div class="text" id="host">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Platform</div>
-                <div class="text" id="os">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">CpuModel</div>
-                <div class="text" id="cpu">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Memory</div>
-                <div class="text" id="mem">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Uptime</div>
-                <div class="text" id="uptime">:</div>
-            </div>
-        </div>
-        <hr>
-        <!-- x -->
-        <div id="">
-            <div class="box-tb">
-                <div class="topic">SmartCard</div>
-                <div class="text" id="">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Biometric</div>
-                <div class="text" id="">:</div>
-            </div>
-        </div>
-    </div>
-</div>
-<style>
-    #page-svchub {
-        margin: auto;
-        max-width: 600px;
-        min-width: 480px;
-        line-height: 1.5;
-    }
-    #page-svchub .topic {
-        float: left;
-        width: 100px;
-        font-weight: 600;
-    }
-    #page-svchub .text {
-        float: left;
-        width: calc(100% - 100px);
-    }
-    #page-svchub #device {
-        position: relative;
-    }
-    #page-svchub #btn-edit {
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-</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 agcy_exports = {};
-__export(agcy_exports, {
-  Read: () => Read,
-  Set: () => Set
-});
-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));
+// src/mod/built-in/button/index.ts
+var button_exports = {};
+__export(button_exports, {
+  loading: () => loading
 });
-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));
+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/svchub/api/agency/dept.ts
-var dept_exports = {};
-__export(dept_exports, {
-  Read: () => Read2,
-  Set: () => Set2
-});
-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));
+// src/mod/drop/index.ts
+var drop_exports = {};
+__export(drop_exports, {
+  clear: () => clear,
+  menu: () => menu,
+  select: () => select,
+  update: () => update
 });
-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 account_exports = {};
-__export(account_exports, {
-  Create: () => Create3,
-  Read: () => Read4,
-  Update: () => Update,
-  access: () => access_exports
-});
-
-// src/svchub/api/account/access.ts
-var access_exports = {};
-__export(access_exports, {
-  Create: () => Create2,
-  Read: () => Read3
-});
-
-// src/lib/dateTime.ts
-var TH_MONTH = [
-  "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
-  "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
-  "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
-  "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
-  "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
-  "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
-  "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
-  "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
-  "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19",
-  "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
-  "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
-  "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"
-];
-var TH_MONTH_SHORT = [
-  "\u0E21.\u0E04.",
-  "\u0E01.\u0E1E.",
-  "\u0E21\u0E35.\u0E04.",
-  "\u0E40\u0E21.\u0E22.",
-  "\u0E1E.\u0E04.",
-  "\u0E21\u0E34.\u0E22.",
-  "\u0E01.\u0E04.",
-  "\u0E2A.\u0E04.",
-  "\u0E01.\u0E22.",
-  "\u0E15.\u0E04.",
-  "\u0E1E.\u0E22.",
-  "\u0E18.\u0E04."
-];
-var FY_MONTH = [
-  "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
-  "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
-  "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21",
-  "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
-  "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
-  "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
-  "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
-  "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
-  "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
-  "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
-  "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
-  "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19"
-];
-var FY_MONTH_SHORT = [
-  "\u0E15.\u0E04.",
-  "\u0E1E.\u0E22.",
-  "\u0E18.\u0E04.",
-  "\u0E21.\u0E04.",
-  "\u0E01.\u0E1E.",
-  "\u0E21\u0E35.\u0E04.",
-  "\u0E40\u0E21.\u0E22.",
-  "\u0E1E.\u0E04.",
-  "\u0E21\u0E34.\u0E22.",
-  "\u0E01.\u0E04.",
-  "\u0E2A.\u0E04.",
-  "\u0E01.\u0E22."
-];
-var PERIOD_TEXT = ["", "\u0E40\u0E27\u0E23\u0E14\u0E36\u0E01", "\u0E40\u0E27\u0E23\u0E40\u0E0A\u0E49\u0E32", "\u0E40\u0E27\u0E23\u0E1A\u0E48\u0E32\u0E22"];
-var curTime = () => (/* @__PURE__ */ new Date()).getTime();
-var curDate = () => {
-  const dt = /* @__PURE__ */ new Date();
-  const yy = dt.getFullYear();
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  const dd = String(dt.getDate()).padStart(2, "0");
-  return `${yy}-${mm}-${dd}`;
-};
-var curMonth = () => {
-  const dt = /* @__PURE__ */ new Date();
-  const yy = dt.getFullYear();
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  return `${yy}-${mm}`;
-};
-var curYear = (yearType = "") => {
-  const dt = /* @__PURE__ */ new Date();
-  const mm = dt.getMonth() + 1;
-  if ((yearType == "fyear" || yearType == "fy") && mm > 9) {
-    return dt.getFullYear() + 1;
-  }
-  return dt.getFullYear();
-};
-var timeToStr = (unixtime, format = "") => {
-  if (typeof unixtime != "number") {
-    return "";
-  }
-  const unix = new Date(Number(unixtime));
-  const yy = unix.getFullYear();
-  const mm = String(unix.getMonth() + 1).padStart(2, "0");
-  const dd = String(unix.getDate()).padStart(2, "0");
-  const H = String(unix.getHours()).padStart(2, "0");
-  const M = String(unix.getMinutes()).padStart(2, "0");
-  const S = String(unix.getSeconds()).padStart(2, "0");
-  if (format == "date") {
-    return `${yy}-${mm}-${dd}`;
-  }
-  if (format == "time") {
-    return `${H}:${M}:${S}`;
-  }
-  return `${yy}-${mm}-${dd} ${H}:${M}:${S}`;
+var menu = (drop) => {
+  const dropBtn = drop.querySelector(".drop-btn");
+  const content = drop.querySelector(".drop-content");
+  if (!dropBtn || !content) return;
+  setBtnEvent(dropBtn, content);
 };
-var shiftIndex = (unixtime = 0) => {
-  if (typeof unixtime != "number") {
-    return { num: 0, text: "" };
-  }
-  const unix = unixtime ? new Date(unixtime) : /* @__PURE__ */ new Date();
-  const H = unix.getHours();
-  if (H >= 0 && H < 8) return { num: 1, text: PERIOD_TEXT[1] };
-  if (H >= 8 && H < 16) return { num: 2, text: PERIOD_TEXT[2] };
-  if (H >= 16) return { num: 3, text: PERIOD_TEXT[3] };
-  return { num: 0, text: "" };
+var select = (drop, icon, callBack) => {
+  const dropBtn = drop.querySelector(".drop-btn");
+  const content = drop.querySelector(".drop-content");
+  if (!dropBtn || !content) return;
+  setBtnEvent(dropBtn, content);
+  update(drop, icon, callBack);
 };
-var setYear = (el, min = 2020, txt = "") => {
-  const dt = /* @__PURE__ */ new Date();
-  let year = dt.getFullYear();
-  const month = dt.getMonth() + 1;
-  if (month > 6 && month <= 12) {
-    year++;
-  }
-  el.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  for (let y = min; y <= year; y++) {
-    const option = document.createElement("option");
-    option.value = `${y}`;
-    option.text = `${txt} ${y + 543}`;
-    el.appendChild(option);
-  }
+var update = (drop, icon, callBack) => {
+  const select2 = drop.querySelector("select");
+  const content = drop.querySelector(".drop-content");
+  if (!select2 || !content) return;
+  let elmIcon = "";
+  if (icon) elmIcon = `<span style="margin-right: 6px;">${icon}</span>`;
+  content.innerHTML = "";
+  const option = select2.querySelectorAll("option");
+  option.forEach((opt) => {
+    const item = document.createElement("a");
+    item.innerHTML = `${elmIcon}${opt.text}`;
+    content.appendChild(item);
+    item.onclick = () => {
+      opt.selected = true;
+      clearSelected();
+      if (callBack) {
+        callBack(opt.value, opt.text);
+      }
+    };
+  });
+  const clearSelected = () => {
+    const index = select2.selectedIndex;
+    const list = content.querySelectorAll("a");
+    list.forEach((el, i) => {
+      if (i == index) {
+        el.classList.add("selected");
+      } else {
+        el.classList.remove("selected");
+      }
+    });
+  };
+  clearSelected();
 };
-var thaiDate = (date, format = 0) => {
-  if (typeof date == "string" && date.indexOf("0000-00-00") >= 0) {
-    return "";
-  }
-  if (typeof date == "string") {
-    date = date.trim();
-    date = date.replace(" ", "T");
-  }
-  const dt = new Date(date);
-  if (isNaN(dt.getTime())) return "";
-  const yy = dt.getFullYear() + 543;
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  const dd = String(dt.getDate()).padStart(2, "0");
-  const H = String(dt.getHours()).padStart(2, "0");
-  const M = String(dt.getMinutes()).padStart(2, "0");
-  const S = String(dt.getSeconds()).padStart(2, "0");
-  if (format == 0) return `${dd}/${mm}/${yy}`;
-  if (format == 1) return `${dd}/${mm}/${yy} ${H}:${M}`;
-  if (format == 2) return `${dd}/${mm}/${yy} ${H}:${M}:${S}`;
-  if (format == 10) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy}`;
-  if (format == 11) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
-  if (format == 12) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy} \u0E40\u0E27\u0E25\u0E32 ${H}:${M} \u0E19.`;
-  if (format == 13) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)} ${H}:${M}`;
-  if (format == 20) return `${TH_MONTH[Number(mm) - 1]} ${yy}`;
-  if (format == 21) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${yy}`;
-  if (format == 22) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
-  return "";
+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 dateDiff = (start, stop) => {
-  if (!start || start.indexOf("0000-00-00") >= 0) {
-    return 0;
-  }
-  if (!stop || stop.indexOf("0000-00-00") >= 0) {
-    return 0;
-  }
-  const [y1, m1, d1] = start.split("-");
-  const [y2, m2, d2] = stop.split("-");
-  const date1 = new Date(Number(y1), Number(m1) - 1, Number(d1)).getTime();
-  const date2 = new Date(Number(y2), Number(m2) - 1, Number(d2)).getTime();
-  return Math.round((date2 - date1) / (1e3 * 60 * 60 * 24));
+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 = "";
+      };
+    }
+  });
 };
-var timeDiff = (start, stop) => {
-  if (!start || start.indexOf("0000-00-00") >= 0) {
-    return { h: 0, m: 0, s: 0 };
-  }
-  if (!stop || stop.indexOf("0000-00-00") >= 0) {
-    return { h: 0, m: 0, s: 0 };
+window.addEventListener("click", (e) => {
+  if (!e.target.matches(".drop-btn")) clear();
+});
+
+// src/page/index.ts
+var app3 = document.querySelector("#app");
+var pageSpin = (
+  /*html*/
+  `
+<div class="lds-spinner">
+    <div></div><div></div><div></div><div></div>
+    <div></div><div></div><div></div><div></div>
+    <div></div><div></div><div></div><div></div>
+</div>
+`
+);
+var smallSpin = `<div class="spinner s32"></div>`;
+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;
+    app3.appendChild(loader);
   }
-  start = start.replace(" ", "T");
-  stop = stop.replace(" ", "T");
-  const date1 = new Date(start);
-  const date2 = new Date(stop);
-  let msec = date2.getTime() - date1.getTime();
-  const hh = Math.floor(msec / 1e3 / 60 / 60);
-  msec -= hh * 1e3 * 60 * 60;
-  const mm = Math.floor(msec / 1e3 / 60);
-  msec -= mm * 1e3 * 60;
-  const ss = Math.floor(msec / 1e3);
-  msec -= ss * 1e3;
-  return { h: hh, m: mm, s: ss };
+  const content = app3.querySelector("#app-content");
+  if (content) content.style.display = "none";
 };
-var getAge = (date) => {
-  if (!date || date.indexOf("0000-00-00") >= 0) {
-    return { years: 0, months: 0, days: 0 };
-  }
-  const now = /* @__PURE__ */ new Date();
-  const nowYear = now.getFullYear();
-  const nowMonth = now.getMonth();
-  const nowDate = now.getDate();
-  const [yy, mm, dd] = date.split("-");
-  const birth = new Date(Number(yy), Number(mm) - 1, Number(dd));
-  const birthYear = birth.getFullYear();
-  const birthMonth = birth.getMonth();
-  const birthDate = birth.getDate();
-  let yearAge = nowYear - birthYear;
-  let monthAge = 0;
-  let dateAge = 0;
-  if (nowMonth >= birthMonth) {
-    monthAge = nowMonth - birthMonth;
-  } else {
-    yearAge--;
-    monthAge = 12 + nowMonth - birthMonth;
-  }
-  if (nowDate >= birthDate) {
-    dateAge = nowDate - birthDate;
-  } else {
-    monthAge--;
-    dateAge = 31 + nowDate - birthDate;
-    if (monthAge < 0) {
-      monthAge = 11;
-      yearAge--;
-    }
-  }
-  return {
-    years: yearAge,
-    months: monthAge,
-    days: dateAge
-  };
+var ready = (delay = 400) => {
+  new Promise((r) => setTimeout(r, delay)).then(() => {
+    clearLoader(true);
+  });
 };
-var ageToBirth = (year, month, day) => {
-  const y = Number(year);
-  const m = Number(month);
-  const d = Number(day);
-  const dt = new Date(
-    (/* @__PURE__ */ new Date()).getFullYear() - y,
-    (/* @__PURE__ */ new Date()).getMonth() - m,
-    (/* @__PURE__ */ new Date()).getDate() - d
-  );
-  const yy = dt.getFullYear();
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  const dd = String(dt.getDate()).padStart(2, "0");
-  return `${yy}-${mm}-${dd}`;
+var error = (err) => {
+  clearLoader(false);
+  if (!app3) return;
+  const box = document.createElement("div");
+  box.className = "page-error";
+  box.innerHTML = /*html*/
+  `
+        <i class="icon red">&#xf188;</i>
+        <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>
+    `;
+  app3.prepend(box);
+  throw err;
 };
-var toDbDate = (date) => {
-  if (!date || date.indexOf("0000-00-00") >= 0) {
-    return "";
-  }
-  const dt = new Date(date);
-  const yy = dt.getFullYear() - 543;
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  const dd = String(dt.getDate()).padStart(2, "0");
-  return `${yy}-${mm}-${dd}`;
+var notFound = () => {
+  if (!app3) return;
+  app3.innerHTML = /*html*/
+  `
+        <div class="page-not-found">
+            <h1>4<i class="fas fa-ghost"></i>4</h1>
+            <h2>Error 404 Page Not Found</h2>
+            <p>Sorry, the page cannot be accessed</p>
+        </div>
+    `;
 };
-var toThaiDate = (date) => {
-  if (!date || date.indexOf("0000-00-00") >= 0) {
-    return "";
-  }
-  const dt = new Date(date);
-  const yy = dt.getFullYear() + 543;
-  const mm = String(dt.getMonth() + 1).padStart(2, "0");
-  const dd = String(dt.getDate()).padStart(2, "0");
-  return `${yy}-${mm}-${dd}`;
+var fullLoad = () => {
+  clearNavbar();
+  if (!app3) return;
+  app3.classList.add("full-page");
+  app3.innerHTML = /*html*/
+  `
+        <div class="page-full-load">
+            <div class="spinner"></div>
+            <div class="text">Slim<br>Loading</div>
+        </div>
+    `;
 };
-var isToday = (date) => {
-  const input = new Date(date);
-  const today = /* @__PURE__ */ new Date();
-  if (input.setHours(0, 0, 0, 0) == today.setHours(0, 0, 0, 0)) {
-    return true;
-  }
-  return false;
+var inform = (params) => {
+  clearNavbar();
+  if (!app3) return;
+  app3.classList.add("full-page");
+  app3.innerHTML = /*html*/
+  `
+        <div class="page-inform ${params.color}">
+            <div class="icon solid">${params.icon}</div>
+            <div class="msg">${params.msg}</div>
+            <button class="lg ${params.color}" shadow="true">
+                ${params.btnTxt}
+            </button>
+        </div>
+    `;
+  const btn = app3.querySelector("button");
+  btn.onclick = () => window.location.replace(params.btnUrl);
+};
+var clearNavbar = () => {
+  const topbar = document.querySelector("#topbar");
+  const tabbar = document.querySelector("#tabbar");
+  const sidebar = document.querySelector("#sidebar");
+  if (topbar) topbar.remove();
+  if (tabbar) tabbar.remove();
+  if (sidebar) sidebar.remove();
+  if (app3) app3.className = "";
+};
+var clearLoader = (showContent) => {
+  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 = app3.querySelector("#app-content");
+  if (content) content.style.display = showContent ? "block" : "none";
 };
 
-// src/svchub/api/account/access.ts
-var Read3 = (agcy, acct, params) => new Promise((resolve, reject) => {
-  const date = params && params.date ? params.date : curDate();
-  let query = `?date=${date}`;
-  if (params) {
-    const client = params.client ? params.client : "";
-    const search = params.search ? params.search : "";
-    if (client) query += `&client=${client}`;
-    if (search) query += `&search=${search}`;
-  }
-  const url = `/agcy/${agcy}/acct/${acct}/access${query}`;
-  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 = () => new Promise((resolve, reject) => {
-  const jwt = jwtParse(gbvar.api.TOKEN);
-  if (!jwt) reject("err: jwt token");
-  const screenSize = `${screen.width}x${screen.height}`;
-  const url = `/agcy/${jwt?.agcy}/acct/${jwt?.acct}/access`;
-  fetch(gbvar.hub.API + url, {
-    method: "POST",
-    headers: gbvar.api.HEADERS,
-    body: JSON.stringify({
-      device: 0,
-      client: Number(gbvar.app.UUID),
-      screen: screenSize
-    })
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-
-// src/svchub/api/account/index.ts
-var Read4 = (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 Create3 = (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 Create4 = (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 Create3(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);
-      });
+// src/svchub/hwlink/template.ts
+var template = (
+  /*html*/
+  `
+<div id="page-svchub" class="cover">
+    <div class="cover-bar">Hardware Link</div>
+    <div class="cover-body border">
+        <!-- svcinfo -->
+        <div id="svcinfo">
+            <div class="box-tb">
+                <div class="topic">HwLink</div>
+                <div class="text" id="hwlink">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">AutoUp</div>
+                <div class="text" id="autoup">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">CSUUID</div>
+                <div class="text" id="csuuid">:</div>
+            </div>
+        </div>
+        <hr>
+        <!-- device -->
+        <div id="device">
+            <div class="box-tb">
+                <div class="topic">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19</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="">:</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="">:</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="">:</div>
+            </div>
+            <button id="btn-edit" class="circle sm blue"
+                shadow="true">&#xf5ae;</button>
+        </div>
+        <hr>
+        <!-- hwinfo -->
+        <div id="hwinfo">
+            <div class="box-tb">
+                <div class="topic">Hostname</div>
+                <div class="text" id="host">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Platform</div>
+                <div class="text" id="os">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">CpuModel</div>
+                <div class="text" id="cpu">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Memory</div>
+                <div class="text" id="mem">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Uptime</div>
+                <div class="text" id="uptime">:</div>
+            </div>
+        </div>
+        <hr>
+        <!-- x -->
+        <div id="">
+            <div class="box-tb">
+                <div class="topic">SmartCard</div>
+                <div class="text" id="">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Biometric</div>
+                <div class="text" id="">:</div>
+            </div>
+        </div>
+    </div>
+</div>
+<style>
+    #page-svchub {
+        margin: auto;
+        max-width: 600px;
+        min-width: 480px;
+        line-height: 1.5;
     }
-  };
-});
-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 Read4(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);
-      });
+    #page-svchub .topic {
+        float: left;
+        width: 100px;
+        font-weight: 600;
     }
-  };
-});
-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();
+    #page-svchub .text {
+        float: left;
+        width: calc(100% - 100px);
     }
-  };
-});
+    #page-svchub #device {
+        position: relative;
+    }
+    #page-svchub #btn-edit {
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+</style>
+`
+);
 
 // 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 {
-        Create4(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 = () => {
@@ -1410,30 +687,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);
@@ -1443,381 +716,525 @@ 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 button_exports = {};
-__export(button_exports, {
-  Loading: () => Loading4
-});
-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);
+// src/page/desktop/index.ts
+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 : "";
+  const sidebar = params.sidebar ? params.sidebar : "";
+  const template2 = params.template ? params.template : "";
+  const content = document.createElement("div");
+  content.id = "app-content";
+  content.innerHTML = template2;
+  app5.appendChild(content);
+  let newNav = false;
+  if (size == "full") {
+    app5.classList.add("full-page");
+    navRemove();
   } else {
-    btn.querySelector(".btn-loader")?.remove();
-    btn.style.color = "";
-    btn.style.position = "";
-    btn.style.pointerEvents = "";
+    app5.classList.remove("full-page");
+    if (!document.querySelector("#topbar")) {
+      navCreate({ topbar, sidebar });
+      newNav = true;
+    }
+    navActive(uri);
   }
+  return newNav;
 };
-
-// src/mod/drop/index.ts
-var drop_exports = {};
-__export(drop_exports, {
-  Clear: () => Clear,
-  Menu: () => Menu,
-  Select: () => Select,
-  Update: () => Update3
-});
-var Menu = (drop) => {
-  const dropBtn = drop.querySelector(".drop-btn");
-  const content = drop.querySelector(".drop-content");
-  if (!dropBtn || !content) return;
-  setBtnEvent(dropBtn, content);
+var navCreate = (params) => {
+  const topbar = document.createElement("nav");
+  const sidebar = document.createElement("nav");
+  topbar.id = "topbar";
+  sidebar.id = "sidebar";
+  topbar.innerHTML = params.topbar;
+  sidebar.innerHTML = params.sidebar;
+  document.body.prepend(topbar, sidebar);
+  const setScreen = () => {
+    const scWidth = window.innerWidth ? window.innerWidth : screen.width;
+    const scHeight = window.innerHeight ? window.innerHeight : screen.height;
+    const boxScreen = topbar.querySelector("#screen");
+    if (boxScreen) boxScreen.innerHTML = `${scWidth}x${scHeight}`;
+    if (scWidth < 600) navMenu(true);
+    else navMenu(false);
+  };
+  setScreen();
+  window.addEventListener("resize", setScreen);
+  const dropUser = topbar.querySelector("#drop-user");
+  if (dropUser) menu(dropUser);
+  const logout2 = () => {
+    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");
+    });
+  };
+  const navLogout = document.querySelectorAll("#nav-logout");
+  navLogout.forEach((el) => el.onclick = logout2);
+  navHwLink();
 };
-var Select = (drop, icon, callBack) => {
-  const dropBtn = drop.querySelector(".drop-btn");
-  const content = drop.querySelector(".drop-content");
-  if (!dropBtn || !content) return;
-  setBtnEvent(dropBtn, content);
-  Update3(drop, icon, callBack);
+var navRemove = () => {
+  const topbar = document.querySelector("#topbar");
+  const sidebar = document.querySelector("#sidebar");
+  if (topbar) topbar.remove();
+  if (sidebar) sidebar.remove();
 };
-var Update3 = (drop, icon, callBack) => {
-  const select = drop.querySelector("select");
-  const content = drop.querySelector(".drop-content");
-  if (!select || !content) return;
-  let elmIcon = "";
-  if (icon) elmIcon = `<span style="margin-right: 6px;">${icon}</span>`;
-  content.innerHTML = "";
-  const option = select.querySelectorAll("option");
-  option.forEach((opt) => {
-    const item = document.createElement("a");
-    item.innerHTML = `${elmIcon}${opt.text}`;
-    content.appendChild(item);
-    item.onclick = () => {
-      opt.selected = true;
-      clearSelected();
-      if (callBack) {
-        callBack(opt.value, opt.text);
+var navActive = (uri) => {
+  if (uri.indexOf("#") > 0) {
+    uri = uri.substring(0, uri.indexOf("#"));
+  }
+  clearNavActive();
+  if (!uri) return;
+  const sideBtn = document.querySelectorAll("#sidebar button");
+  sideBtn.forEach((btn) => {
+    const path = btn.getAttribute("href");
+    if (!btn.disabled && uri == path) {
+      btn.classList.add("active");
+      if (btn.classList.contains("grp-btn")) {
+        const menu2 = btn.parentNode?.querySelector(".submenu");
+        const grpBtn = btn.parentNode?.querySelector(".grp-btn");
+        if (menu2 && grpBtn) {
+          menu2.style.maxHeight = "400px";
+          grpBtn.classList.add("bar");
+        }
       }
-    };
+      if (btn.classList.contains("sub-btn")) {
+        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");
+        }
+      }
+    }
   });
-  const clearSelected = () => {
-    const index = select.selectedIndex;
-    const list = content.querySelectorAll("a");
-    list.forEach((el, i) => {
-      if (i == index) {
-        el.classList.add("selected");
+};
+var clearNavActive = () => {
+  const sideBtn = document.querySelectorAll("#sidebar button");
+  sideBtn.forEach((btn) => btn.classList.remove("active"));
+  const subMenu = document.querySelectorAll("#sidebar .submenu");
+  subMenu.forEach((elm) => elm.style.maxHeight = "0");
+};
+var navMenu = (state) => {
+  const navMenu2 = document.querySelector("#topbar #nav-menu");
+  const sidebar = document.querySelector("#sidebar");
+  if (!navMenu2 || !sidebar) return;
+  if (state) {
+    navMenu2.onclick = () => {
+      const posLeft = sidebar.getBoundingClientRect().left;
+      if (posLeft == 0) {
+        sidebar.classList.remove("menu-in");
+        sidebar.classList.add("menu-out");
       } else {
-        el.classList.remove("selected");
+        sidebar.classList.remove("menu-out");
+        sidebar.classList.add("menu-in");
       }
-    });
-  };
-  clearSelected();
+    };
+  } else {
+    navMenu2.onclick = null;
+    sidebar.classList.remove("menu-in");
+    sidebar.classList.remove("menu-out");
+  }
 };
-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 = "";
+var clear2 = () => {
+  const sidebar = document.querySelector("#sidebar");
+  if (!sidebar) return;
+  const scWidth = window.innerWidth ? window.innerWidth : screen.width;
+  const posLeft = sidebar.getBoundingClientRect().left;
+  if (scWidth < 600 && posLeft == 0) {
+    sidebar.classList.remove("menu-in");
+    sidebar.classList.add("menu-out");
+  }
+};
+window.addEventListener("click", (e) => {
+  if (!e.target.matches("#nav-menu")) clear2();
+});
+var navHwLink = () => {
+  const btnHwl = document.querySelector("#nav-hwlink");
+  if (!btnHwl) return;
+  const agent = navigator.userAgent.toLowerCase();
+  if (agent.indexOf("win") != -1) {
+    btnHwl.style.display = "block";
+    btnHwl.onclick = () => {
+      loading(btnHwl, true);
+      const ws = new WebSocket(cfg.hwl.HOST);
+      ws.onerror = () => {
+        download();
+        done();
       };
-    } else {
-      Clear();
-      content.style.animation = "fade-in 0.4s forwards";
-      content.style.display = "block";
-      content.onanimationend = () => {
-        content.style.animation = "";
+      ws.onopen = () => {
+        ws.close();
+        winPopup(500, 485, "hwlink", "/hwlink");
+        done();
       };
-    }
+      const done = () => {
+        loading(btnHwl, false);
+      };
+    };
+  } else {
+    btnHwl.style.display = "none";
+  }
+  const download = () => {
+    const url = cfg.hwl.FILE;
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = String(url.split("/").pop());
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
   };
 };
-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 = "";
-      };
-    }
-  });
+var onlineStatus = () => {
+  const boxTime = document.querySelector("#box-time");
+  const svTime = document.querySelector("#box-time #sv-time");
+  const svDate = document.querySelector("#box-time #sv-date");
+  if (!boxTime || !svTime || !svDate) return;
+  if (window.navigator.onLine) {
+    boxTime.classList.remove("offline");
+    svTime.innerHTML = "&nbsp;";
+    svDate.innerHTML = "&nbsp;";
+  } else {
+    boxTime.classList.add("offline");
+    svTime.innerHTML = "network";
+    svDate.innerHTML = "OFFLINE";
+  }
 };
-window.addEventListener("click", (e) => {
-  if (!e.target.matches(".drop-btn")) Clear();
+window.addEventListener("online", onlineStatus);
+window.addEventListener("offline", onlineStatus);
+
+// src/page/docs.ts
+var docs_exports = {};
+__export(docs_exports, {
+  changelog: () => changelog,
+  privacy: () => privacy
 });
+var privacy = async () => {
+  const url = "https://cdn.jsdelivr.net/gh/wkrdev/.github/docs/privacy.md";
+  const resp = await fetch(url);
+  if (resp.ok) {
+    return await resp.text();
+  }
+  return "";
+};
+var changelog = async (app9 = 1) => {
+  const url = `/apps/${app9}/logs`;
+  const resp = await fetch(cfg.hub.API + url);
+  if (resp.ok) {
+    const json = await resp.json();
+    return json.data;
+  }
+  return "";
+};
 
-// src/page/desktop/index.ts
-var app6 = document.querySelector("#app");
-var Create5 = (params) => {
-  if (!app6) return false;
-  const uri = params.uri ? params.uri : "";
-  const size = params.size ? params.size : "";
-  const topbar = params.topbar ? params.topbar : "";
-  const sidebar = params.sidebar ? params.sidebar : "";
-  const template2 = params.template ? params.template : "";
-  const content = document.createElement("div");
-  content.id = "app-content";
-  content.innerHTML = template2;
-  app6.appendChild(content);
-  let newNav = false;
-  if (size == "full") {
-    app6.classList.add("full-page");
-    navRemove();
-  } else {
-    app6.classList.remove("full-page");
-    if (!document.querySelector("#topbar")) {
-      navCreate({ topbar, sidebar });
-      newNav = true;
-    }
-    navActive(uri);
+// src/lib/index.ts
+var lib_exports = {};
+__export(lib_exports, {
+  FY_MONTH: () => FY_MONTH,
+  FY_MONTH_SHORT: () => FY_MONTH_SHORT,
+  PERIOD_TEXT: () => PERIOD_TEXT,
+  THAI_DIGIT: () => THAI_DIGIT,
+  TH_MONTH: () => TH_MONTH,
+  TH_MONTH_SHORT: () => TH_MONTH_SHORT,
+  ageToBirth: () => ageToBirth,
+  cidCheck: () => cidCheck,
+  cookie: () => cookie_exports,
+  curDate: () => curDate,
+  curMonth: () => curMonth,
+  curTime: () => curTime,
+  curYear: () => curYear,
+  dateDiff: () => dateDiff,
+  geo: () => geoLocate_exports,
+  getAge: () => getAge,
+  isToday: () => isToday,
+  jwtParse: () => jwtParse,
+  numFormat: () => numFormat,
+  setYear: () => setYear,
+  shiftIndex: () => shiftIndex,
+  strCheck: () => strCheck,
+  strFormat: () => strFormat,
+  thaiDate: () => thaiDate,
+  thaiDigit: () => thaiDigit,
+  thbText: () => thbText,
+  timeDiff: () => timeDiff,
+  timeToStr: () => timeToStr,
+  toBase64: () => toBase64,
+  toDbDate: () => toDbDate,
+  toThaiDate: () => toThaiDate,
+  winPopup: () => winPopup,
+  zeroFill: () => zeroFill
+});
+
+// src/lib/dateTime.ts
+var TH_MONTH = [
+  "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
+  "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
+  "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
+  "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
+  "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
+  "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
+  "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
+  "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
+  "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19",
+  "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
+  "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
+  "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"
+];
+var TH_MONTH_SHORT = [
+  "\u0E21.\u0E04.",
+  "\u0E01.\u0E1E.",
+  "\u0E21\u0E35.\u0E04.",
+  "\u0E40\u0E21.\u0E22.",
+  "\u0E1E.\u0E04.",
+  "\u0E21\u0E34.\u0E22.",
+  "\u0E01.\u0E04.",
+  "\u0E2A.\u0E04.",
+  "\u0E01.\u0E22.",
+  "\u0E15.\u0E04.",
+  "\u0E1E.\u0E22.",
+  "\u0E18.\u0E04."
+];
+var FY_MONTH = [
+  "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
+  "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
+  "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21",
+  "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
+  "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
+  "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
+  "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
+  "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
+  "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
+  "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
+  "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
+  "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19"
+];
+var FY_MONTH_SHORT = [
+  "\u0E15.\u0E04.",
+  "\u0E1E.\u0E22.",
+  "\u0E18.\u0E04.",
+  "\u0E21.\u0E04.",
+  "\u0E01.\u0E1E.",
+  "\u0E21\u0E35.\u0E04.",
+  "\u0E40\u0E21.\u0E22.",
+  "\u0E1E.\u0E04.",
+  "\u0E21\u0E34.\u0E22.",
+  "\u0E01.\u0E04.",
+  "\u0E2A.\u0E04.",
+  "\u0E01.\u0E22."
+];
+var PERIOD_TEXT = ["", "\u0E40\u0E27\u0E23\u0E14\u0E36\u0E01", "\u0E40\u0E27\u0E23\u0E40\u0E0A\u0E49\u0E32", "\u0E40\u0E27\u0E23\u0E1A\u0E48\u0E32\u0E22"];
+var curTime = () => (/* @__PURE__ */ new Date()).getTime();
+var curDate = () => {
+  const dt = /* @__PURE__ */ new Date();
+  const yy = dt.getFullYear();
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  return `${yy}-${mm}-${dd}`;
+};
+var curMonth = () => {
+  const dt = /* @__PURE__ */ new Date();
+  const yy = dt.getFullYear();
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  return `${yy}-${mm}`;
+};
+var curYear = (yearType = "") => {
+  const dt = /* @__PURE__ */ new Date();
+  const mm = dt.getMonth() + 1;
+  if ((yearType == "fyear" || yearType == "fy") && mm > 9) {
+    return dt.getFullYear() + 1;
   }
-  return newNav;
+  return dt.getFullYear();
 };
-var navCreate = (params) => {
-  const topbar = document.createElement("nav");
-  const sidebar = document.createElement("nav");
-  topbar.id = "topbar";
-  sidebar.id = "sidebar";
-  topbar.innerHTML = params.topbar;
-  sidebar.innerHTML = params.sidebar;
-  document.body.prepend(topbar, sidebar);
-  const setScreen = () => {
-    const scWidth = window.innerWidth ? window.innerWidth : screen.width;
-    const scHeight = window.innerHeight ? window.innerHeight : screen.height;
-    const boxScreen = topbar.querySelector("#screen");
-    if (boxScreen) boxScreen.innerHTML = `${scWidth}x${scHeight}`;
-    if (scWidth < 600) navMenu(true);
-    else navMenu(false);
-  };
-  setScreen();
-  window.addEventListener("resize", setScreen);
-  const dropUser = topbar.querySelector("#drop-user");
-  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) => {
-      if (res) window.location.replace("/logout");
-    });
-  };
-  const navLogout = document.querySelectorAll("#nav-logout");
-  navLogout.forEach((el) => el.onclick = logout);
-  navHwLink();
+var timeToStr = (unixtime, format = "") => {
+  if (typeof unixtime != "number") {
+    return "";
+  }
+  const unix = new Date(Number(unixtime));
+  const yy = unix.getFullYear();
+  const mm = String(unix.getMonth() + 1).padStart(2, "0");
+  const dd = String(unix.getDate()).padStart(2, "0");
+  const H = String(unix.getHours()).padStart(2, "0");
+  const M = String(unix.getMinutes()).padStart(2, "0");
+  const S = String(unix.getSeconds()).padStart(2, "0");
+  if (format == "date") {
+    return `${yy}-${mm}-${dd}`;
+  }
+  if (format == "time") {
+    return `${H}:${M}:${S}`;
+  }
+  return `${yy}-${mm}-${dd} ${H}:${M}:${S}`;
 };
-var navRemove = () => {
-  const topbar = document.querySelector("#topbar");
-  const sidebar = document.querySelector("#sidebar");
-  if (topbar) topbar.remove();
-  if (sidebar) sidebar.remove();
+var shiftIndex = (unixtime = 0) => {
+  if (typeof unixtime != "number") {
+    return { num: 0, text: "" };
+  }
+  const unix = unixtime ? new Date(unixtime) : /* @__PURE__ */ new Date();
+  const H = unix.getHours();
+  if (H >= 0 && H < 8) return { num: 1, text: PERIOD_TEXT[1] };
+  if (H >= 8 && H < 16) return { num: 2, text: PERIOD_TEXT[2] };
+  if (H >= 16) return { num: 3, text: PERIOD_TEXT[3] };
+  return { num: 0, text: "" };
 };
-var navActive = (uri) => {
-  if (uri.indexOf("#") > 0) {
-    uri = uri.substring(0, uri.indexOf("#"));
+var setYear = (el, min = 2020, txt = "") => {
+  const dt = /* @__PURE__ */ new Date();
+  let year = dt.getFullYear();
+  const month = dt.getMonth() + 1;
+  if (month > 6 && month <= 12) {
+    year++;
+  }
+  el.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
+  for (let y = min; y <= year; y++) {
+    const option = document.createElement("option");
+    option.value = `${y}`;
+    option.text = `${txt} ${y + 543}`;
+    el.appendChild(option);
   }
-  clearNavActive();
-  if (!uri) return;
-  const sideBtn = document.querySelectorAll("#sidebar button");
-  sideBtn.forEach((btn) => {
-    const path = btn.getAttribute("href");
-    if (!btn.disabled && uri == path) {
-      btn.classList.add("active");
-      if (btn.classList.contains("grp-btn")) {
-        const menu = btn.parentNode?.querySelector(".submenu");
-        const grpBtn = btn.parentNode?.querySelector(".grp-btn");
-        if (menu && grpBtn) {
-          menu.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";
-          grpBtn.classList.add("active");
-          grpBtn.classList.remove("bar");
-        }
-      }
-    }
-  });
 };
-var clearNavActive = () => {
-  const sideBtn = document.querySelectorAll("#sidebar button");
-  sideBtn.forEach((btn) => btn.classList.remove("active"));
-  const subMenu = document.querySelectorAll("#sidebar .submenu");
-  subMenu.forEach((elm) => elm.style.maxHeight = "0");
+var thaiDate = (date, format = 0) => {
+  if (typeof date == "string" && date.indexOf("0000-00-00") >= 0) {
+    return "";
+  }
+  if (typeof date == "string") {
+    date = date.trim();
+    date = date.replace(" ", "T");
+  }
+  const dt = new Date(date);
+  if (isNaN(dt.getTime())) return "";
+  const yy = dt.getFullYear() + 543;
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  const H = String(dt.getHours()).padStart(2, "0");
+  const M = String(dt.getMinutes()).padStart(2, "0");
+  const S = String(dt.getSeconds()).padStart(2, "0");
+  if (format == 0) return `${dd}/${mm}/${yy}`;
+  if (format == 1) return `${dd}/${mm}/${yy} ${H}:${M}`;
+  if (format == 2) return `${dd}/${mm}/${yy} ${H}:${M}:${S}`;
+  if (format == 10) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy}`;
+  if (format == 11) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
+  if (format == 12) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy} \u0E40\u0E27\u0E25\u0E32 ${H}:${M} \u0E19.`;
+  if (format == 13) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)} ${H}:${M}`;
+  if (format == 20) return `${TH_MONTH[Number(mm) - 1]} ${yy}`;
+  if (format == 21) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${yy}`;
+  if (format == 22) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
+  return "";
 };
-var navMenu = (state) => {
-  const navMenu2 = document.querySelector("#topbar #nav-menu");
-  const sidebar = document.querySelector("#sidebar");
-  if (!navMenu2 || !sidebar) return;
-  if (state) {
-    navMenu2.onclick = () => {
-      const posLeft = sidebar.getBoundingClientRect().left;
-      if (posLeft == 0) {
-        sidebar.classList.remove("menu-in");
-        sidebar.classList.add("menu-out");
-      } else {
-        sidebar.classList.remove("menu-out");
-        sidebar.classList.add("menu-in");
-      }
-    };
-  } else {
-    navMenu2.onclick = null;
-    sidebar.classList.remove("menu-in");
-    sidebar.classList.remove("menu-out");
+var dateDiff = (start, stop) => {
+  if (!start || start.indexOf("0000-00-00") >= 0) {
+    return 0;
+  }
+  if (!stop || stop.indexOf("0000-00-00") >= 0) {
+    return 0;
   }
+  const [y1, m1, d1] = start.split("-");
+  const [y2, m2, d2] = stop.split("-");
+  const date1 = new Date(Number(y1), Number(m1) - 1, Number(d1)).getTime();
+  const date2 = new Date(Number(y2), Number(m2) - 1, Number(d2)).getTime();
+  return Math.round((date2 - date1) / (1e3 * 60 * 60 * 24));
 };
-var Clear2 = () => {
-  const sidebar = document.querySelector("#sidebar");
-  if (!sidebar) return;
-  const scWidth = window.innerWidth ? window.innerWidth : screen.width;
-  const posLeft = sidebar.getBoundingClientRect().left;
-  if (scWidth < 600 && posLeft == 0) {
-    sidebar.classList.remove("menu-in");
-    sidebar.classList.add("menu-out");
+var timeDiff = (start, stop) => {
+  if (!start || start.indexOf("0000-00-00") >= 0) {
+    return { h: 0, m: 0, s: 0 };
+  }
+  if (!stop || stop.indexOf("0000-00-00") >= 0) {
+    return { h: 0, m: 0, s: 0 };
   }
+  start = start.replace(" ", "T");
+  stop = stop.replace(" ", "T");
+  const date1 = new Date(start);
+  const date2 = new Date(stop);
+  let msec = date2.getTime() - date1.getTime();
+  const hh = Math.floor(msec / 1e3 / 60 / 60);
+  msec -= hh * 1e3 * 60 * 60;
+  const mm = Math.floor(msec / 1e3 / 60);
+  msec -= mm * 1e3 * 60;
+  const ss = Math.floor(msec / 1e3);
+  msec -= ss * 1e3;
+  return { h: hh, m: mm, s: ss };
 };
-window.addEventListener("click", (e) => {
-  if (!e.target.matches("#nav-menu")) Clear2();
-});
-var navHwLink = () => {
-  const btnHwl = document.querySelector("#nav-hwlink");
-  if (!btnHwl) return;
-  const agent = navigator.userAgent.toLowerCase();
-  if (agent.indexOf("win") != -1) {
-    btnHwl.style.display = "block";
-    btnHwl.onclick = () => {
-      Loading4(btnHwl, true);
-      const ws = new WebSocket(gbvar.hwl.HOST);
-      ws.onerror = () => {
-        download();
-        done();
-      };
-      ws.onopen = () => {
-        ws.close();
-        winPopup(500, 485, "hwlink", "/hwlink");
-        done();
-      };
-      const done = () => {
-        Loading4(btnHwl, false);
-      };
-    };
+var getAge = (date) => {
+  if (!date || date.indexOf("0000-00-00") >= 0) {
+    return { years: 0, months: 0, days: 0 };
+  }
+  const now = /* @__PURE__ */ new Date();
+  const nowYear = now.getFullYear();
+  const nowMonth = now.getMonth();
+  const nowDate = now.getDate();
+  const [yy, mm, dd] = date.split("-");
+  const birth = new Date(Number(yy), Number(mm) - 1, Number(dd));
+  const birthYear = birth.getFullYear();
+  const birthMonth = birth.getMonth();
+  const birthDate = birth.getDate();
+  let yearAge = nowYear - birthYear;
+  let monthAge = 0;
+  let dateAge = 0;
+  if (nowMonth >= birthMonth) {
+    monthAge = nowMonth - birthMonth;
   } else {
-    btnHwl.style.display = "none";
+    yearAge--;
+    monthAge = 12 + nowMonth - birthMonth;
   }
-  const download = () => {
-    const url = gbvar.hwl.FILE;
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = String(url.split("/").pop());
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
+  if (nowDate >= birthDate) {
+    dateAge = nowDate - birthDate;
+  } else {
+    monthAge--;
+    dateAge = 31 + nowDate - birthDate;
+    if (monthAge < 0) {
+      monthAge = 11;
+      yearAge--;
+    }
+  }
+  return {
+    years: yearAge,
+    months: monthAge,
+    days: dateAge
   };
 };
-var onlineStatus = () => {
-  const boxTime = document.querySelector("#box-time");
-  const svTime = document.querySelector("#box-time #sv-time");
-  const svDate = document.querySelector("#box-time #sv-date");
-  if (!boxTime || !svTime || !svDate) return;
-  if (window.navigator.onLine) {
-    boxTime.classList.remove("offline");
-    svTime.innerHTML = "&nbsp;";
-    svDate.innerHTML = "&nbsp;";
-  } else {
-    boxTime.classList.add("offline");
-    svTime.innerHTML = "network";
-    svDate.innerHTML = "OFFLINE";
+var ageToBirth = (year, month, day) => {
+  const y = Number(year);
+  const m = Number(month);
+  const d = Number(day);
+  const dt = new Date(
+    (/* @__PURE__ */ new Date()).getFullYear() - y,
+    (/* @__PURE__ */ new Date()).getMonth() - m,
+    (/* @__PURE__ */ new Date()).getDate() - d
+  );
+  const yy = dt.getFullYear();
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  return `${yy}-${mm}-${dd}`;
+};
+var toDbDate = (date) => {
+  if (!date || date.indexOf("0000-00-00") >= 0) {
+    return "";
   }
+  const dt = new Date(date);
+  const yy = dt.getFullYear() - 543;
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  return `${yy}-${mm}-${dd}`;
 };
-window.addEventListener("online", onlineStatus);
-window.addEventListener("offline", onlineStatus);
-
-// src/page/docs.ts
-var docs_exports = {};
-__export(docs_exports, {
-  changelog: () => changelog,
-  privacy: () => privacy
-});
-var privacy = async () => {
-  const url = "https://cdn.jsdelivr.net/gh/wkrdev/.github/docs/privacy.md";
-  const resp = await fetch(url);
-  if (resp.ok) {
-    return await resp.text();
+var toThaiDate = (date) => {
+  if (!date || date.indexOf("0000-00-00") >= 0) {
+    return "";
   }
-  return "";
+  const dt = new Date(date);
+  const yy = dt.getFullYear() + 543;
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  return `${yy}-${mm}-${dd}`;
 };
-var changelog = async (clnt = 1) => {
-  const url = `/clnt/${clnt}/log`;
-  const resp = await fetch(gbvar.hub.API + url);
-  if (resp.ok) {
-    const json = await resp.json();
-    return json.data;
+var isToday = (date) => {
+  const input = new Date(date);
+  const today = /* @__PURE__ */ new Date();
+  if (input.setHours(0, 0, 0, 0) == today.setHours(0, 0, 0, 0)) {
+    return true;
   }
-  return "";
+  return false;
 };
 
-// src/lib/index.ts
-var lib_exports = {};
-__export(lib_exports, {
-  FY_MONTH: () => FY_MONTH,
-  FY_MONTH_SHORT: () => FY_MONTH_SHORT,
-  PERIOD_TEXT: () => PERIOD_TEXT,
-  THAI_DIGIT: () => THAI_DIGIT,
-  TH_MONTH: () => TH_MONTH,
-  TH_MONTH_SHORT: () => TH_MONTH_SHORT,
-  ageToBirth: () => ageToBirth,
-  cidCheck: () => cidCheck,
-  cookie: () => cookie_exports,
-  curDate: () => curDate,
-  curMonth: () => curMonth,
-  curTime: () => curTime,
-  curYear: () => curYear,
-  dateDiff: () => dateDiff,
-  geo: () => geoLocate_exports,
-  getAge: () => getAge,
-  isToday: () => isToday,
-  jwtParse: () => jwtParse,
-  numFormat: () => numFormat,
-  setYear: () => setYear,
-  shiftIndex: () => shiftIndex,
-  strCheck: () => strCheck,
-  strFormat: () => strFormat,
-  thaiDate: () => thaiDate,
-  thaiDigit: () => thaiDigit,
-  thbText: () => thbText,
-  timeDiff: () => timeDiff,
-  timeToStr: () => timeToStr,
-  toBase64: () => toBase64,
-  toDbDate: () => toDbDate,
-  toThaiDate: () => toThaiDate,
-  winPopup: () => winPopup,
-  zeroFill: () => zeroFill
-});
-
 // src/lib/geoLocate.ts
 var geoLocate_exports = {};
 __export(geoLocate_exports, {
@@ -1872,9 +1289,9 @@ var getPosition = (params) => new Promise((resolve, reject) => {
     });
   } else reject("not support geolocation");
 });
-var watchPosition = (success, error) => {
+var watchPosition = (success, error2) => {
   if (navigator.geolocation) {
-    return navigator.geolocation.watchPosition(success, error, {
+    return navigator.geolocation.watchPosition(success, error2, {
       enableHighAccuracy: true,
       timeout: 5e3,
       maximumAge: 0
@@ -1898,14 +1315,14 @@ var toAddress = async (position) => {
 // src/lib/cookie.ts
 var cookie_exports = {};
 __export(cookie_exports, {
-  clear: () => clear,
+  clear: () => clear3,
   getItem: () => getItem,
   removeItem: () => removeItem,
   setItem: () => setItem
 });
 var setItem = (key, val, exp) => {
   const d = /* @__PURE__ */ new Date();
-  d.setTime(d.getTime() + exp * 24 * 60 * 60 * 1e3);
+  d.setTime(d.getTime() + 1e3 * exp);
   const expires = "expires=" + d.toUTCString();
   document.cookie = `${key}=${val};${expires};path=/`;
 };
@@ -1917,7 +1334,7 @@ var getItem = (key) => {
 var removeItem = (key) => {
   document.cookie = `${key}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;`;
 };
-var clear = () => {
+var clear3 = () => {
   document.cookie.split(";").forEach((cookie) => {
     const eqPos = cookie.indexOf("=");
     const name = eqPos > -1 ? cookie.substring(0, eqPos) : cookie;
@@ -2047,6 +1464,47 @@ var fitSize = (elm, delay = 0) => {
   }, delay);
 };
 
+// src/mod/built-in/cover/index.ts
+var cover_exports = {};
+__export(cover_exports, {
+  acdInit: () => acdInit,
+  loading: () => loading3
+});
+var loading3 = (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 = "");
+    });
+  }
+};
+var acdInit = () => {
+  const acdItem = document.querySelectorAll(".acd-item");
+  acdItem.forEach((elm) => {
+    const topic = elm.querySelector(".topic");
+    const panel = elm.querySelector(".panel");
+    if (topic) topic.onclick = () => {
+      elm.classList.toggle("active");
+      if (!panel) return;
+      if (elm.classList.contains("active")) {
+        panel.style.maxHeight = `${panel.scrollHeight}px`;
+      } else {
+        panel.style.maxHeight = "";
+      }
+    };
+  });
+};
+
 // src/mod/camera/index.ts
 var camera_exports = {};
 __export(camera_exports, {
@@ -2199,13 +1657,13 @@ var camReady = (cam) => {
 // src/mod/drawer/index.ts
 var drawer_exports = {};
 __export(drawer_exports, {
-  Close: () => Close2,
-  Create: () => Create6,
-  Loading: () => Loading5,
-  Ready: () => Ready3
+  close: () => close,
+  create: () => create2,
+  loading: () => loading4,
+  ready: () => ready2
 });
-var app7 = document.querySelector("#app");
-var Create6 = (params) => {
+var app6 = document.querySelector("#app");
+var create2 = (params) => {
   const name = params.name ? params.name : "drawer";
   const size = params.size ? params.size : "mobile";
   const drawer = document.createElement("div");
@@ -2239,7 +1697,7 @@ var Create6 = (params) => {
     if (hash != name && hash != "modal") done();
   };
   const done = () => {
-    destroy2(drawer);
+    destroy(drawer);
     if (window.location.hash == `#${name}`) history.back();
     window.removeEventListener("hashchange", hashChange);
   };
@@ -2254,10 +1712,10 @@ var Create6 = (params) => {
   return drawer;
 };
 var openMobile = (drawer) => {
-  if (!app7) return;
-  const offset = app7.getBoundingClientRect();
+  if (!app6) return;
+  const offset = app6.getBoundingClientRect();
   const appRight = offset.right;
-  const appWidth = app7.offsetWidth;
+  const appWidth = app6.offsetWidth;
   drawer.style.left = `${appRight}px`;
   const css = document.createElement("style");
   drawer.appendChild(css);
@@ -2273,7 +1731,7 @@ var openMobile = (drawer) => {
             to   {transform: translateX(0);}
         }
     `);
-  const content = app7.querySelector("#app-content");
+  const content = app6.querySelector("#app-content");
   if (content) content.style.animation = "drawer-push-app 0.4s forwards";
   drawer.style.animation = "drawer-in 0.4s forwards";
   const header = drawer.querySelector(".drawer-header");
@@ -2289,53 +1747,192 @@ var openMobile = (drawer) => {
     }
   };
 };
-var Close2 = (drawer) => new Promise((resolve) => {
-  drawer.querySelector("#btn-exit").click();
-  drawer.addEventListener("animationend", () => resolve());
+var close = (drawer) => new Promise((resolve) => {
+  drawer.querySelector("#btn-exit").click();
+  drawer.addEventListener("animationend", () => resolve());
+});
+var destroy = (drawer) => {
+  if (!app6) return;
+  if (drawer.classList.contains("mobile")) {
+    const content = app6.querySelector("#app-content");
+    if (content) content.style.animation = "drawer-pull-app 0.4s forwards";
+    drawer.style.animation = "drawer-out 0.4s forwards";
+    drawer.addEventListener("animationend", () => {
+      if (content) content.style.animation = "unset";
+      drawer.remove();
+    });
+  } else {
+    drawer.style.animation = "slide-out-left 0.4s forwards";
+    drawer.addEventListener("animationend", () => {
+      drawer.remove();
+    });
+  }
+  const modal = document.querySelectorAll(".slim-modal");
+  modal.forEach((el) => el.remove());
+  const dialog = document.querySelectorAll(".slim-dialog");
+  dialog.forEach((el) => el.remove());
+};
+var loading4 = (drawer) => {
+  const body = drawer.querySelector(".drawer-body");
+  const loader = drawer.querySelector(".loader");
+  if (body) body.style.display = "none";
+  if (loader) loader.style.display = "flex";
+};
+var ready2 = (drawer) => {
+  const body = drawer.querySelector(".drawer-body");
+  const loader = drawer.querySelector(".loader");
+  if (body) body.style.display = "block";
+  if (loader) loader.style.display = "none";
+};
+
+// src/mod/modal/index.ts
+var modal_exports = {};
+__export(modal_exports, {
+  close: () => close2,
+  create: () => create3,
+  hidden: () => hidden,
+  loading: () => loading5,
+  ready: () => ready3,
+  visible: () => visible
+});
+var app7 = 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 create3 = (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 : app7;
+  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 = () => {
+    destroy2(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 close2 = (modal) => new Promise((resolve) => {
+  modal.querySelector("#btn-exit").click();
+  const content = modal.querySelector(".content");
+  content.addEventListener("animationend", () => resolve());
 });
-var destroy2 = (drawer) => {
-  if (!app7) return;
-  if (drawer.classList.contains("mobile")) {
-    const content = app7.querySelector("#app-content");
-    if (content) content.style.animation = "drawer-pull-app 0.4s forwards";
-    drawer.style.animation = "drawer-out 0.4s forwards";
-    drawer.addEventListener("animationend", () => {
-      if (content) content.style.animation = "unset";
-      drawer.remove();
-    });
-  } else {
-    drawer.style.animation = "slide-out-left 0.4s forwards";
-    drawer.addEventListener("animationend", () => {
-      drawer.remove();
-    });
-  }
-  const modal = document.querySelectorAll(".slim-modal");
-  modal.forEach((el) => el.remove());
-  const dialog = document.querySelectorAll(".slim-dialog");
-  dialog.forEach((el) => el.remove());
+var destroy2 = (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 Loading5 = (drawer) => {
-  const body = drawer.querySelector(".drawer-body");
-  const loader = drawer.querySelector(".loader");
-  if (body) body.style.display = "none";
+var loading5 = (modal) => {
+  const body = modal.querySelector(".body");
+  const loader = modal.querySelector(".loader");
+  if (body) body.style.visibility = "hidden";
   if (loader) loader.style.display = "flex";
 };
-var Ready3 = (drawer) => {
-  const body = drawer.querySelector(".drawer-body");
-  const loader = drawer.querySelector(".loader");
-  if (body) body.style.display = "block";
+var ready3 = (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/tabs/index.ts
 var tabs_exports = {};
 __export(tabs_exports, {
-  Init: () => Init,
+  init: () => init2,
+  loading: () => loading6,
+  ready: () => ready4,
   setActive: () => setActive
 });
 var ignore = ["camera", "drawer", "modal"];
 var hashIgnore = (hash) => ignore.includes(hash);
-var Init = (tabs, onChange) => {
+var init2 = (tabs, onChange) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn");
   tbtn.forEach((elm) => {
     const dataHash = elm.getAttribute("data-hash");
@@ -2361,13 +1958,13 @@ var Init = (tabs, onChange) => {
         elm.classList.remove("active");
       }
     });
-    tabsLoading(tabs, index);
-    onChange(index, () => tabsReady(tabs, index));
+    loading6(tabs, index);
+    onChange(index, () => ready4(tabs, index));
   };
   tabsChange();
   window.onhashchange = tabsChange;
 };
-var tabsLoading = (tabs, index) => {
+var loading6 = (tabs, index) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn")[index];
   const body = tabs.querySelector(".tabs-body");
   const inner = tbtn.querySelectorAll("*");
@@ -2395,7 +1992,7 @@ var tabsLoading = (tabs, index) => {
     }
   }
 };
-var tabsReady = (tabs, index) => {
+var ready4 = (tabs, index) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn")[index];
   const body = tabs.querySelector(".tabs-body");
   const inner = tbtn.querySelectorAll("*");
@@ -2425,10 +2022,10 @@ var setActive = (tbtn, index) => {
 // src/svchub/oauth/index.ts
 var oauth_exports = {};
 __export(oauth_exports, {
-  Callback: () => Callback,
-  Login: () => Login,
-  Logout: () => Logout,
-  Midware: () => Midware
+  authMW: () => authMW,
+  callback: () => callback,
+  login: () => login,
+  logout: () => logout
 });
 
 // src/svchub/oauth/template.ts
@@ -2448,9 +2045,44 @@ var tempLogout = (
 `
 );
 
+// src/svchub/api/auth/index.ts
+var auth_exports = {};
+__export(auth_exports, {
+  getToken: () => getToken,
+  getUserInfo: () => getUserInfo
+});
+var getToken = (params) => new Promise((resolve, reject) => {
+  fetch(cfg.hub.OAUTH + "/token", {
+    method: "POST",
+    headers: { "Content-Type": "application/json; charset=utf-8" },
+    body: JSON.stringify(params)
+  }).then((resp) => {
+    if (!resp.ok) throw resp;
+    return resp.json();
+  }).then((json) => {
+    resolve(json);
+  }).catch((err) => reject(err));
+});
+var getUserInfo = (token) => new Promise((resolve, reject) => {
+  let headers = cfg.api.HEADERS;
+  if (token) headers = new Headers({
+    "Content-Type": "application/json; charset=utf-8",
+    "Authorization": `Bearer ${token}`
+  });
+  fetch(cfg.hub.OAUTH + "/userinfo", {
+    method: "GET",
+    headers
+  }).then((resp) => {
+    if (!resp.ok) throw resp;
+    return resp.json();
+  }).then((json) => {
+    resolve(json);
+  }).catch((err) => reject(err));
+});
+
 // src/svchub/oauth/midware.ts
 var IGNORE = ["__NOT_FOUND__", "login", "logout", "callback"];
-var Midware = async (route, ignore2) => {
+var authMW = async (route, ignore2) => {
   ignore2?.forEach((val) => IGNORE.push(val));
   if (IGNORE.includes(route)) {
     console.log("ignore :", route);
@@ -2470,39 +2102,35 @@ var Midware = async (route, ignore2) => {
   } catch {
     gotoLogin();
   }
-  gbvar.api.TOKEN = token;
-  gbvar.api.HEADERS = new Headers({
+  cfg.api.TOKEN = token;
+  cfg.api.HEADERS = new Headers({
     "Content-Type": "application/json; charset=utf-8",
-    "Authorization": `Bearer ${gbvar.api.TOKEN}`
+    "Authorization": `Bearer ${cfg.api.TOKEN}`
   });
   const session = sessionStorage.getItem("ACCESS_SESSION");
   if (!session) {
-    await Create2().then((resp) => {
+    await getUserInfo().then((resp) => {
       const data = resp.data;
-      setProfile(data.profile);
+      setProfile(data);
       sessionStorage.setItem("ACCESS_SESSION", JSON.stringify(data));
     }).catch(() => gotoLogin());
   } else {
     const data = JSON.parse(session);
-    setProfile(data.profile);
-  }
-};
-var setProfile = (profile) => {
-  gbvar.user.AGCY = profile.agcy;
-  gbvar.user.DVSN = profile.dvsn;
-  gbvar.user.SECT = profile.sect;
-  gbvar.user.DEPT = `${profile.dvsn},${profile.sect}`;
-  gbvar.user.ACCT = profile.acct;
-  gbvar.user.ACTYPE = profile.actype;
-  gbvar.user.ACROLE = profile.acrole;
-  gbvar.user.ACNAME = profile.acname;
-  gbvar.user.PICTURE = profile.picture;
-  gbvar.user.AGCY_NAME = profile.agcy_name;
-  gbvar.user.DVSN_NAME = profile.dvsn_name;
-  gbvar.user.SECT_NAME = profile.sect_name;
+    setProfile(data);
+  }
+};
+var setProfile = (user) => {
+  cfg.user.sub = user.sub;
+  cfg.user.name = user.name;
+  cfg.user.utyp = user.utyp;
+  cfg.user.unit = user.unit;
+  cfg.user.unit_id = user.unit_id;
+  cfg.user.role_id = user.role_id;
+  cfg.user.picture = user.picture ? user.picture : "";
+  if (user.metadata) cfg.user.metadata = user.metadata;
 };
 var gotoLogin = () => {
-  clear();
+  clear3();
   localStorage.clear();
   sessionStorage.clear();
   window.location.replace("/login");
@@ -2511,26 +2139,27 @@ var gotoLogin = () => {
 
 // src/svchub/oauth/index.ts
 var app8 = document.querySelector("#app");
-var Login = () => {
+var login = () => {
   clearCache();
   const state = Math.random().toString(36).slice(-8);
   sessionStorage.setItem("OAUTH_STATE", state);
   const query = new URLSearchParams({
     response_type: "token",
-    client_id: gbvar.app.UUID,
+    client_id: cfg.app.UUID,
+    redirect_uri: cfg.app.CALLBACK,
     state
   }).toString();
-  const url = `${gbvar.hub.LOGIN}?${query}`;
+  const url = `${cfg.hub.LOGIN}?${query}`;
   window.location.replace(url);
 };
-var Logout = () => {
+var logout = () => {
   clearCache();
   if (!app8) return;
   app8.innerHTML = tempLogout;
   app8.classList.add("full-page");
   const content = app8.querySelector("#content");
   const loader = app8.querySelector("#loader");
-  new Promise((r) => setTimeout(r, 800)).then(() => {
+  new Promise((r) => setTimeout(r, 400)).then(() => {
     content.style.display = "block";
     loader.style.display = "none";
   });
@@ -2538,7 +2167,7 @@ var Logout = () => {
     window.location.replace("/login");
   };
 };
-var Callback = () => {
+var callback = () => {
   const search = window.location.search;
   const query = new URLSearchParams(search);
   const state = query.get("state");
@@ -2557,7 +2186,7 @@ var Callback = () => {
   window.location.replace("/");
 };
 var clearCache = () => {
-  clear();
+  clear3();
   localStorage.clear();
   sessionStorage.clear();
 };
@@ -2565,376 +2194,8 @@ var clearCache = () => {
 // src/svchub/api/index.ts
 var api_exports = {};
 __export(api_exports, {
-  acct: () => account_exports,
-  agcy: () => agcy_exports,
-  dept: () => dept_exports,
-  dvsn: () => dvsn_exports,
-  oauth: () => oauth_exports2,
-  sect: () => sect_exports,
-  stat: () => static_exports
-});
-
-// src/svchub/api/static/index.ts
-var static_exports = {};
-__export(static_exports, {
-  acrole: () => acrole_exports,
-  actype: () => actype_exports,
-  dvtype: () => dvtype_exports,
-  hmposn: () => hmposn_exports,
-  hmrank: () => hmrank_exports,
-  hmtype: () => hmtype_exports,
-  sctype: () => sctype_exports,
-  vdtype: () => vdtype_exports
-});
-
-// src/svchub/api/static/acrole.ts
-var acrole_exports = {};
-__export(acrole_exports, {
-  Read: () => Read5,
-  Set: () => Set3
-});
-var Read5 = () => new Promise((resolve, reject) => {
-  const url = `/stat/acrole`;
-  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 Set3 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read5().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/actype.ts
-var actype_exports = {};
-__export(actype_exports, {
-  Read: () => Read6,
-  Set: () => Set4
-});
-var Read6 = () => new Promise((resolve, reject) => {
-  const url = `/stat/actype`;
-  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 Set4 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read6().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/dvtype.ts
-var dvtype_exports = {};
-__export(dvtype_exports, {
-  Read: () => Read7,
-  Set: () => Set5
-});
-var Read7 = () => new Promise((resolve, reject) => {
-  const url = `/stat/dvtype`;
-  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 Set5 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read7().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/hmtype.ts
-var hmtype_exports = {};
-__export(hmtype_exports, {
-  Read: () => Read8,
-  Set: () => Set6
-});
-var Read8 = () => new Promise((resolve, reject) => {
-  const url = `/stat/hmtype`;
-  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 Set6 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read8().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/hmposn.ts
-var hmposn_exports = {};
-__export(hmposn_exports, {
-  Read: () => Read9,
-  Set: () => Set7
-});
-var Read9 = () => new Promise((resolve, reject) => {
-  const url = `/stat/hmposn`;
-  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 Set7 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read9().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/hmrank.ts
-var hmrank_exports = {};
-__export(hmrank_exports, {
-  Read: () => Read10,
-  Set: () => Set8
-});
-var Read10 = () => new Promise((resolve, reject) => {
-  const url = `/stat/hmrank`;
-  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 Set8 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read10().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/sctype.ts
-var sctype_exports = {};
-__export(sctype_exports, {
-  Read: () => Read11,
-  Set: () => Set9
-});
-var Read11 = () => new Promise((resolve, reject) => {
-  const url = `/stat/sctype`;
-  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 Set9 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read11().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/static/vdtype.ts
-var vdtype_exports = {};
-__export(vdtype_exports, {
-  Read: () => Read12,
-  Set: () => Set10
-});
-var Read12 = () => new Promise((resolve, reject) => {
-  const url = `/stat/vdtype`;
-  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 Set10 = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read12().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = `${val.name}`;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/oauth/index.ts
-var oauth_exports2 = {};
-__export(oauth_exports2, {
-  Token: () => Token,
-  UserInfo: () => UserInfo
-});
-var Token = (params) => new Promise((resolve, reject) => {
-  fetch(gbvar.hub.OAUTH + "/token", {
-    method: "POST",
-    headers: { "Content-Type": "application/json; charset=utf-8" },
-    body: JSON.stringify(params)
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var UserInfo = (token) => new Promise((resolve, reject) => {
-  let headers = gbvar.api.HEADERS;
-  if (token) headers = new Headers({
-    "Content-Type": "application/json; charset=utf-8",
-    "Authorization": `Bearer ${token}`
-  });
-  fetch(gbvar.hub.OAUTH + "/userinfo", {
-    method: "GET",
-    headers
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-
-// src/svchub/api/agency/dvsn.ts
-var dvsn_exports = {};
-__export(dvsn_exports, {
-  Read: () => Read13,
-  Set: () => Set11
-});
-var Read13 = (agcy, dvsn) => new Promise((resolve, reject) => {
-  let url = `/agcy/${agcy}/dvsn`;
-  if (dvsn) url = `/agcy/${agcy}/dvsn/${dvsn}`;
-  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));
+  auth: () => auth_exports
 });
-var Set11 = async (agcy, elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read13(agcy).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/sect.ts
-var sect_exports = {};
-__export(sect_exports, {
-  Read: () => Read14,
-  Set: () => Set12
-});
-var Read14 = (agcy, dvsn, sect) => new Promise((resolve, reject) => {
-  let url = `/agcy/${agcy}/dvsn/${dvsn}/sect`;
-  if (sect) url = `/agcy/${agcy}/dvsn/${dvsn}/sect/${sect}`;
-  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 Set12 = async (agcy, dvsn, elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read14(agcy, dvsn).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/wss/index.ts
 var wss_exports = {};
@@ -2944,25 +2205,25 @@ __export(wss_exports, {
 });
 var newTask = (worker) => {
   if (!window.Worker) return;
-  gbvar.hub.TASK = new worker();
-  gbvar.hub.TASK.postMessage({
+  cfg.hub.TASK = new worker();
+  cfg.hub.TASK.postMessage({
     head: "INIT",
     data: {
-      url: gbvar.hub.WSS,
-      app: gbvar.app.NAME,
-      uid: gbvar.app.UUID,
-      ver: gbvar.app.VERSION
+      url: cfg.hub.WSS,
+      app: cfg.app.NAME,
+      uid: cfg.app.UUID,
+      ver: cfg.app.VERSION
     }
   });
-  gbvar.hub.TASK.addEventListener("message", (e) => {
+  cfg.hub.TASK.addEventListener("message", (e) => {
     const json = e.data;
     const head = json.head ? json.head : "";
     const data = json.data ? json.data : "";
     if (head == "ACCEPT") {
       rspAccept(data);
-      gbvar.hub.TASK?.postMessage({
+      cfg.hub.TASK?.postMessage({
         head: "VERIFY",
-        data: gbvar.api.TOKEN
+        data: cfg.api.TOKEN
       });
     }
     if (head == "DISCON") rspDiscon();
@@ -2975,11 +2236,11 @@ var newTask = (worker) => {
 };
 var checkUpdate = (min = 10) => {
   return setInterval(() => {
-    gbvar.hub.TASK?.postMessage({
+    cfg.hub.TASK?.postMessage({
       head: "LATEST",
       data: {
-        app: gbvar.app.NAME,
-        uid: gbvar.app.UUID
+        app: cfg.app.NAME,
+        uid: cfg.app.UUID
       }
     });
   }, 1e3 * 60 * min);
@@ -2987,30 +2248,30 @@ var checkUpdate = (min = 10) => {
 var rspBrdMsg = (brd) => {
   if (brd.cmd == "LOGS") console.log(brd.msg);
   if (brd.cmd == "TIME") setTime(brd.msg);
-  if (brd.cmd == "RESULT" && brd.to == gbvar.hub.UUID) {
+  if (brd.cmd == "RESULT" && brd.to == cfg.hub.UUID) {
     console.log(brd.cmd, "From:", brd.from);
     console.log(brd.msg);
   }
-  if (brd.cmd == "CONRST" && (brd.to == gbvar.hub.UUID || brd.to == "@all")) {
+  if (brd.cmd == "CONRST" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
     sessionStorage.clear();
     window.location.reload();
   }
-  if (brd.cmd == "LOGOUT" && (brd.to == gbvar.hub.UUID || brd.to == "@all")) {
+  if (brd.cmd == "LOGOUT" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
     localStorage.clear();
     sessionStorage.clear();
     window.location.reload();
   }
-  if (brd.cmd == "NOTIFY" && (brd.to == gbvar.hub.UUID || brd.to == "@all")) {
+  if (brd.cmd == "NOTIFY" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
     brdNotify(brd.msg);
   }
   if (brd.cmd == "") console.log(brd.msg);
 };
 var rspAccept = (data) => {
-  gbvar.hub.UUID = data.uuid ? data.uuid : "";
-  console.log("hub-uuid:", gbvar.hub.UUID);
+  cfg.hub.UUID = data.uuid ? data.uuid : "";
+  console.log("hub-uuid:", cfg.hub.UUID);
   const boxTime = document.querySelector("#topbar #box-time");
   if (boxTime) boxTime.classList.remove("offline");
-  Toast("\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
+  toast("\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
 };
 var rspDiscon = () => {
   const boxTime = document.querySelector("#topbar #box-time");
@@ -3021,23 +2282,23 @@ var rspDiscon = () => {
     if (svTime) svTime.innerText = "server";
     if (svDate) svDate.innerText = "OFFLINE";
   }
-  Toast("\u0E02\u0E32\u0E14\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server.!", { type: "failure" });
+  toast("\u0E02\u0E32\u0E14\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server.!", { type: "failure" });
 };
 var rspLatest = (data) => {
-  if (gbvar.app.UUID == data.appuuid && gbvar.app.NAME == data.appname) {
+  if (cfg.app.UUID == data.appuuid && cfg.app.NAME == data.appname) {
     const path = window.location.pathname;
-    if (path != "/changelog" && gbvar.app.RELEASE != data.release) {
+    if (path != "/changelog" && cfg.app.RELEASE != data.release) {
       window.location.replace("/changelog");
     }
   }
 };
 var setTime = (data) => {
   if (typeof data.unix != "number") return;
-  gbvar.UNIX_TIME = Number(data.unix);
+  cfg.UNIX_TIME = Number(data.unix);
   const svTime = document.querySelector("#topbar #box-time #sv-time");
   const svDate = document.querySelector("#topbar #box-time #sv-date");
   if (svTime && svDate) {
-    const [date, time] = timeToStr(gbvar.UNIX_TIME).split(" ");
+    const [date, time] = timeToStr(cfg.UNIX_TIME).split(" ");
     svTime.innerText = time;
     svDate.innerText = thaiDate(date, 11);
   }
@@ -3055,8 +2316,8 @@ var brdNotify = (data) => {
 };
 export {
   api_exports as apiHub,
+  cfg,
   docs_exports as docs,
-  gbvar,
   info,
   init,
   lib_exports as lib,