slimsdk 0.1.55 → 0.2.0

package/dist/page/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/page/index.ts","../../../src/page/mobile/index.ts"],"sourcesContent":["/* page */\n/*--------------------------------------------------------------------------------*/\nconst app = document.querySelector<HTMLElement>('#app');\nconst pageSpin: string = /*html*/ `\n<div class=\"lds-spinner\">\n    <div></div><div></div><div></div><div></div>\n    <div></div><div></div><div></div><div></div>\n    <div></div><div></div><div></div><div></div>\n</div>\n`;\nconst smallSpin: string = `<div class=\"spinner s32\"></div>`;\n/*--------------------------------------------------------------------------------*/\nexport const Loading = (size = 'default') => {\n    if (!app) return;\n    // page-loader\n    if (!app.querySelector('#page-loader')) {\n        const loader = document.createElement('div');\n        loader.id = 'page-loader';\n        loader.className = 'overlay center';\n        loader.innerHTML = size == 'default' ? pageSpin : smallSpin;\n        app.appendChild(loader);\n    }\n    // app-content\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\nexport const Ready = (delay = 400) => {\n    new Promise(r => setTimeout(r, delay)).then(() => {\n        clearLoader(true);\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const Error = (err: Error) => {\n    clearLoader(false);\n    if (!app) return;\n    // create\n    const box = document.createElement('div');\n    box.className = 'page-error';\n    box.innerHTML = /*html*/ `\n        <i class=\"icon red\">&#xf188;</i>\n        <div class=\"topic\">&#x2726; เกิดข้อผิดพลาด &#x2726;</div>\n        <div class=\"text\">${err}</div>\n    `;\n    app.prepend(box);\n    throw err;\n};\n/*--------------------------------------------------------------------------------*/\nexport const NotFound = () => {\n    if (!app) return;\n    app.innerHTML = /*html*/ `\n        <div class=\"page-not-found\">\n            <h1>4<i class=\"fas fa-ghost\"></i>4</h1>\n            <h2>Error 404 Page Not Found</h2>\n            <p>Sorry, the page cannot be accessed</p>\n        </div>\n    `;\n};\n/*--------------------------------------------------------------------------------*/\nexport const FullLoad = () => {\n    clearNavbar();\n    if (!app) return;\n    app.classList.add('full-page');\n    app.innerHTML = /*html*/ `\n        <div class=\"page-full-load\">\n            <div class=\"spinner\"></div>\n            <div class=\"text\">Slim<br>Loading</div>\n        </div>\n    `;\n};\n/*--------------------------------------------------------------------------------*/\nexport const Inform = (params: {\n    icon: string;\n    msg: string;\n    btnTxt: string;\n    btnUrl: string;\n    color?: string;\n}) => {\n    clearNavbar();\n    if (!app) return;\n    app.classList.add('full-page');\n    app.innerHTML = /*html*/ `\n        <div class=\"page-inform ${params.color}\">\n            <div class=\"icon solid\">${params.icon}</div>\n            <div class=\"msg\">${params.msg}</div>\n            <button class=\"lg ${params.color}\" shadow=\"true\">\n                ${params.btnTxt}\n            </button>\n        </div>\n    `;\n    const btn = app.querySelector<HTMLButtonElement>('button')!;\n    btn.onclick = () => window.location.replace(params.btnUrl);\n};\n/*--------------------------------------------------------------------------------*/\n//export const Maintain = () => { };\n//export const Construct = () => { };\n/*--------------------------------------------------------------------------------*/\nconst clearNavbar = () => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    const sidebar = document.querySelector<HTMLElement>('#sidebar');\n    if (topbar) topbar.remove();\n    if (tabbar) tabbar.remove();\n    if (sidebar) sidebar.remove();\n    if (app) app.className = '';\n};\nconst clearLoader = (showContent: boolean) => {\n    if (!app) return;\n    const loader = app.querySelector<HTMLElement>('#page-loader');\n    if (loader) {\n        loader.style.animation = 'fade-out 0.4s forwards';\n        loader.onanimationend = () => loader.remove();\n    }\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.display = showContent ? 'block' : 'none';\n};\n/*--------------------------------------------------------------------------------*/\n","/* page */\n/*--------------------------------------------------------------------------------*/\nexport * from '../index';\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nexport type PageParams = {\n    auth?: boolean;\n    size?: string;\n    icon?: string;\n    title?: string;\n    template?: string;\n    button?: {\n        side?: boolean;\n        tab?: boolean;\n    };\n    sidebar?: string;\n    tabbar?: string;\n    actbar?: string;\n    uri?: string;\n};\n/*--------------------------------------------------------------------------------*/\nexport const Create = (params: PageParams) => {\n    if (!app) return;\n    const size = params.size ? params.size : '';\n    const template = params.template ? params.template : '';\n    // content\n    const content = document.createElement('div');\n    content.id = 'app-content';\n    content.innerHTML = template;\n    app.appendChild(content);\n    // page init\n    if (size == 'full') {\n        navRemove();\n        app.classList.add('full-page');\n    } else {\n        app.classList.remove('full-page');\n        if (document.querySelector('#topbar')) {\n            setTopbar(params);\n        } else {\n            navCreate(params);\n            setTopbar(params);\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\n// ### navbar ###\n/*--------------------------------------------------------------------------------*/\nconst navCreate = (params: PageParams) => {\n    // topbar\n    const topbar = document.createElement('nav');\n    const tabbar = document.createElement('nav');\n    const sidebar = document.createElement('nav');\n    topbar.id = 'topbar';\n    tabbar.id = 'tabbar';\n    sidebar.id = 'sidebar';\n    topbar.innerHTML = /*html*/ `\n        <div class=\"container\">\n            <div class=\"box left\">\n                <button id=\"nav-back\" class=\"topbar-btn icon\"\n                    onclick=\"history.back()\">&#xf053;</button>\n                <button id=\"nav-side\" class=\"topbar-btn icon\">&#xf0c9;</button>\n                <div class=\"title\"></div>\n            </div>\n            <div id=\"actbar\" class=\"box right\"></div>\n        </div>\n    `;\n    tabbar.innerHTML = params.tabbar ? params.tabbar : '';\n    sidebar.innerHTML = params.sidebar ? params.sidebar : '';\n    document.body.prepend(topbar, tabbar, sidebar);\n    // nav-side\n    sideBtnEvent(sidebar);\n    const navSide = topbar.querySelector<HTMLButtonElement>('#nav-side');\n    if (navSide) navSide.onclick = () => {\n        const posLeft = sidebar.getBoundingClientRect().left;\n        if (posLeft == 0) sideClose(sidebar);\n        else sideOpen(sidebar);\n    };\n    const btnSideClose = sidebar.querySelector<HTMLButtonElement>('#btn-close');\n    if (btnSideClose) btnSideClose.onclick = () => sideClose(sidebar);\n};\n/*--------------------------------------------------------------------------------*/\nconst navRemove = () => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    const sidebar = document.querySelector<HTMLElement>('#sidebar');\n    if (topbar) topbar.remove();\n    if (tabbar) tabbar.remove();\n    if (sidebar) sidebar.remove();\n    if (app) app.className = '';\n};\n/*--------------------------------------------------------------------------------*/\nconst setTopbar = (params: PageParams) => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    if (!topbar) return;\n    // title\n    const title = params.title ? params.title : 'Page Title';\n    topbar.querySelector<HTMLElement>('.title')!.innerText = title;\n    // icon\n    const navBack = document.querySelector<HTMLElement>('#topbar #nav-back')!;\n    navBack.innerHTML = params.icon ? params.icon : '&#xf053;';\n    // navside\n    const navSide = document.querySelector<HTMLElement>('#topbar #nav-side')!;\n    if (params.button?.side) {\n        navSide.style.display = 'block';\n        navBack.style.display = 'none';\n    } else {\n        navSide.style.display = 'none';\n        navBack.style.display = 'block';\n    }\n    // actbar\n    const actbar = topbar.querySelector<HTMLElement>('#actbar');\n    if (actbar) actbar.innerHTML = params.actbar ? params.actbar : '';\n    // tabbar\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    if (!tabbar) return;\n    if (params.button?.tab) {\n        tabbar.style.display = 'block';\n        if (app) app.classList.add('tabbar');\n    } else {\n        tabbar.style.display = 'none';\n        if (app) app.classList.remove('tabbar');\n    }\n    // tabbar active\n    tabActive(params.uri);\n};\n/*--------------------------------------------------------------------------------*/\nconst tabActive = (uri: string | undefined) => {\n    if (!uri) return;\n    if (uri.indexOf('#') > 0) {\n        uri = uri.substring(0, uri.indexOf('#'));\n    }\n    const btn = document.querySelectorAll<HTMLButtonElement>('#tabbar button');\n    btn.forEach(el => {\n        if (!el.disabled) {\n            const path = el.getAttribute('href');\n            if (uri == path) {\n                el.classList.add('active');\n            } else {\n                el.classList.remove('active');\n            }\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nconst sideBtnEvent = (sidebar: HTMLElement) => {\n    const btn = sidebar.querySelectorAll('a');\n    btn.forEach(el => {\n        el.addEventListener('click', () => {\n            sideClose(sidebar);\n        });\n    });\n};\nconst sideOpen = (sidebar: HTMLElement) => {\n    sidebar.classList.remove('close');\n    sidebar.classList.add('open');\n    // overlay\n    const overlay = document.createElement('div');\n    overlay.id = 'side-overlay';\n    overlay.className = 'overlay';\n    overlay.style.animation = 'fade-in 0.4s forwards';\n    document.body.appendChild(overlay);\n    overlay.onclick = () => sideClose(sidebar);\n};\nconst sideClose = (sidebar: HTMLElement) => {\n    sidebar.classList.remove('open');\n    sidebar.classList.add('close');\n    // overlay\n    const overlay = document.querySelector<HTMLElement>('#side-overlay');\n    if (overlay) {\n        overlay.style.animation = 'fade-out 0.4s forwards';\n        overlay.onanimationend = () => overlay.remove();\n    }\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":["app"]}
+{"version":3,"sources":["../../../src/page/index.ts","../../../src/page/mobile/index.ts"],"sourcesContent":["/* page */\n/*--------------------------------------------------------------------------------*/\nconst app = document.querySelector<HTMLElement>('#app');\nconst pageSpin: string = /*html*/ `\n<div class=\"lds-spinner\">\n    <div></div><div></div><div></div><div></div>\n    <div></div><div></div><div></div><div></div>\n    <div></div><div></div><div></div><div></div>\n</div>\n`;\nconst smallSpin: string = `<div class=\"spinner s32\"></div>`;\n/*--------------------------------------------------------------------------------*/\nexport const loading = (size = 'default') => {\n    if (!app) return;\n    // page-loader\n    if (!app.querySelector('#page-loader')) {\n        const loader = document.createElement('div');\n        loader.id = 'page-loader';\n        loader.className = 'overlay center';\n        loader.innerHTML = size == 'default' ? pageSpin : smallSpin;\n        app.appendChild(loader);\n    }\n    // app-content\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\nexport const ready = (delay = 400) => {\n    new Promise(r => setTimeout(r, delay)).then(() => {\n        clearLoader(true);\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const error = (err: Error) => {\n    clearLoader(false);\n    if (!app) return;\n    // create\n    const box = document.createElement('div');\n    box.className = 'page-error';\n    box.innerHTML = /*html*/ `\n        <i class=\"icon red\">&#xf188;</i>\n        <div class=\"topic\">&#x2726; เกิดข้อผิดพลาด &#x2726;</div>\n        <div class=\"text\">${err}</div>\n    `;\n    app.prepend(box);\n    throw err;\n};\n/*--------------------------------------------------------------------------------*/\nexport const notFound = () => {\n    if (!app) return;\n    app.innerHTML = /*html*/ `\n        <div class=\"page-not-found\">\n            <h1>4<i class=\"fas fa-ghost\"></i>4</h1>\n            <h2>Error 404 Page Not Found</h2>\n            <p>Sorry, the page cannot be accessed</p>\n        </div>\n    `;\n};\n/*--------------------------------------------------------------------------------*/\nexport const fullLoad = () => {\n    clearNavbar();\n    if (!app) return;\n    app.classList.add('full-page');\n    app.innerHTML = /*html*/ `\n        <div class=\"page-full-load\">\n            <div class=\"spinner\"></div>\n            <div class=\"text\">Slim<br>Loading</div>\n        </div>\n    `;\n};\n/*--------------------------------------------------------------------------------*/\nexport const inform = (params: {\n    icon: string;\n    msg: string;\n    btnTxt: string;\n    btnUrl: string;\n    color?: string;\n}) => {\n    clearNavbar();\n    if (!app) return;\n    app.classList.add('full-page');\n    app.innerHTML = /*html*/ `\n        <div class=\"page-inform ${params.color}\">\n            <div class=\"icon solid\">${params.icon}</div>\n            <div class=\"msg\">${params.msg}</div>\n            <button class=\"lg ${params.color}\" shadow=\"true\">\n                ${params.btnTxt}\n            </button>\n        </div>\n    `;\n    const btn = app.querySelector<HTMLButtonElement>('button')!;\n    btn.onclick = () => window.location.replace(params.btnUrl);\n};\n/*--------------------------------------------------------------------------------*/\n//export const Maintain = () => { };\n//export const Construct = () => { };\n/*--------------------------------------------------------------------------------*/\nconst clearNavbar = () => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    const sidebar = document.querySelector<HTMLElement>('#sidebar');\n    if (topbar) topbar.remove();\n    if (tabbar) tabbar.remove();\n    if (sidebar) sidebar.remove();\n    if (app) app.className = '';\n};\nconst clearLoader = (showContent: boolean) => {\n    if (!app) return;\n    const loader = app.querySelector<HTMLElement>('#page-loader');\n    if (loader) {\n        loader.style.animation = 'fade-out 0.4s forwards';\n        loader.onanimationend = () => loader.remove();\n    }\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.display = showContent ? 'block' : 'none';\n};\n/*--------------------------------------------------------------------------------*/\n","/* page */\n/*--------------------------------------------------------------------------------*/\nexport * from '../index';\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nexport type PageParams = {\n    auth?: boolean;\n    size?: string;\n    icon?: string;\n    title?: string;\n    template?: string;\n    button?: {\n        side?: boolean;\n        tab?: boolean;\n    };\n    sidebar?: string;\n    tabbar?: string;\n    actbar?: string;\n    uri?: string;\n};\n/*--------------------------------------------------------------------------------*/\nexport const create = (params: PageParams) => {\n    if (!app) return;\n    const size = params.size ? params.size : '';\n    const template = params.template ? params.template : '';\n    // content\n    const content = document.createElement('div');\n    content.id = 'app-content';\n    content.innerHTML = template;\n    app.appendChild(content);\n    // page init\n    if (size == 'full') {\n        navRemove();\n        app.classList.add('full-page');\n    } else {\n        app.classList.remove('full-page');\n        if (document.querySelector('#topbar')) {\n            setTopbar(params);\n        } else {\n            navCreate(params);\n            setTopbar(params);\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\n// ### navbar ###\n/*--------------------------------------------------------------------------------*/\nconst navCreate = (params: PageParams) => {\n    // topbar\n    const topbar = document.createElement('nav');\n    const tabbar = document.createElement('nav');\n    const sidebar = document.createElement('nav');\n    topbar.id = 'topbar';\n    tabbar.id = 'tabbar';\n    sidebar.id = 'sidebar';\n    topbar.innerHTML = /*html*/ `\n        <div class=\"container\">\n            <div class=\"box left\">\n                <button id=\"nav-back\" class=\"topbar-btn icon\"\n                    onclick=\"history.back()\">&#xf053;</button>\n                <button id=\"nav-side\" class=\"topbar-btn icon\">&#xf0c9;</button>\n                <div class=\"title\"></div>\n            </div>\n            <div id=\"actbar\" class=\"box right\"></div>\n        </div>\n    `;\n    tabbar.innerHTML = params.tabbar ? params.tabbar : '';\n    sidebar.innerHTML = params.sidebar ? params.sidebar : '';\n    document.body.prepend(topbar, tabbar, sidebar);\n    // nav-side\n    sideBtnEvent(sidebar);\n    const navSide = topbar.querySelector<HTMLButtonElement>('#nav-side');\n    if (navSide) navSide.onclick = () => {\n        const posLeft = sidebar.getBoundingClientRect().left;\n        if (posLeft == 0) sideClose(sidebar);\n        else sideOpen(sidebar);\n    };\n    const btnSideClose = sidebar.querySelector<HTMLButtonElement>('#btn-close');\n    if (btnSideClose) btnSideClose.onclick = () => sideClose(sidebar);\n};\n/*--------------------------------------------------------------------------------*/\nconst navRemove = () => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    const sidebar = document.querySelector<HTMLElement>('#sidebar');\n    if (topbar) topbar.remove();\n    if (tabbar) tabbar.remove();\n    if (sidebar) sidebar.remove();\n    if (app) app.className = '';\n};\n/*--------------------------------------------------------------------------------*/\nconst setTopbar = (params: PageParams) => {\n    const topbar = document.querySelector<HTMLElement>('#topbar');\n    if (!topbar) return;\n    // title\n    const title = params.title ? params.title : 'Page Title';\n    topbar.querySelector<HTMLElement>('.title')!.innerText = title;\n    // icon\n    const navBack = document.querySelector<HTMLElement>('#topbar #nav-back')!;\n    navBack.innerHTML = params.icon ? params.icon : '&#xf053;';\n    // navside\n    const navSide = document.querySelector<HTMLElement>('#topbar #nav-side')!;\n    if (params.button?.side) {\n        navSide.style.display = 'block';\n        navBack.style.display = 'none';\n    } else {\n        navSide.style.display = 'none';\n        navBack.style.display = 'block';\n    }\n    // actbar\n    const actbar = topbar.querySelector<HTMLElement>('#actbar');\n    if (actbar) actbar.innerHTML = params.actbar ? params.actbar : '';\n    // tabbar\n    const tabbar = document.querySelector<HTMLElement>('#tabbar');\n    if (!tabbar) return;\n    if (params.button?.tab) {\n        tabbar.style.display = 'block';\n        if (app) app.classList.add('tabbar');\n    } else {\n        tabbar.style.display = 'none';\n        if (app) app.classList.remove('tabbar');\n    }\n    // tabbar active\n    tabActive(params.uri);\n};\n/*--------------------------------------------------------------------------------*/\nconst tabActive = (uri: string | undefined) => {\n    if (!uri) return;\n    if (uri.indexOf('#') > 0) {\n        uri = uri.substring(0, uri.indexOf('#'));\n    }\n    const btn = document.querySelectorAll<HTMLButtonElement>('#tabbar button');\n    btn.forEach(el => {\n        if (!el.disabled) {\n            const path = el.getAttribute('href');\n            if (uri == path) {\n                el.classList.add('active');\n            } else {\n                el.classList.remove('active');\n            }\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nconst sideBtnEvent = (sidebar: HTMLElement) => {\n    const btn = sidebar.querySelectorAll('a');\n    btn.forEach(el => {\n        el.addEventListener('click', () => {\n            sideClose(sidebar);\n        });\n    });\n};\nconst sideOpen = (sidebar: HTMLElement) => {\n    sidebar.classList.remove('close');\n    sidebar.classList.add('open');\n    // overlay\n    const overlay = document.createElement('div');\n    overlay.id = 'side-overlay';\n    overlay.className = 'overlay';\n    overlay.style.animation = 'fade-in 0.4s forwards';\n    document.body.appendChild(overlay);\n    overlay.onclick = () => sideClose(sidebar);\n};\nconst sideClose = (sidebar: HTMLElement) => {\n    sidebar.classList.remove('open');\n    sidebar.classList.add('close');\n    // overlay\n    const overlay = document.querySelector<HTMLElement>('#side-overlay');\n    if (overlay) {\n        overlay.style.animation = 'fade-out 0.4s forwards';\n        overlay.onanimationend = () => overlay.remove();\n    }\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":["app"]}

package/dist/worker/hubworker.js

@@ -25,7 +25,7 @@ var wsHub = (params) => {
   WSHUB.onclose = () => {
     clearInterval(T_ping);
     self.postMessage({ head: "DISCON" });
-    setTimeout(() => wsHub(params), 1e3 * 20);
+    setTimeout(() => wsHub(params), 1e3 * 30);
   };
   WSHUB.onmessage = (e) => {
     try {

package/dist/worker/hubworker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/worker/hubworker.ts"],"sourcesContent":["/* hubworker */\nlet WSHUB: WebSocket;\n/*--------------------------------------------------------------------------------*/\nself.onmessage = (e) => {\n    const json = e.data;\n    const head = json.head ? json.head : '';\n    const data = json.data ? json.data : '';\n    if (head == 'INIT') {\n        wsHub(data);\n    } else {\n        if (WSHUB && WSHUB.readyState == WebSocket.OPEN) {\n            WSHUB.send(JSON.stringify(json));\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\nconst wsHub = (params: {\n    url: string;\n    app: string;\n    uid: string;\n    ver: string;\n}) => {\n    const url = params && params.url ? params.url : '';\n    const app = params && params.app ? params.app : '';\n    const uid = params && params.uid ? params.uid : '';\n    const ver = params && params.ver ? params.ver : '';\n    if (url == '' || app == '') return;\n    let wsurl = `${url}?app=${app}`;\n    if (uid) wsurl += `&uid=${uid}`;\n    if (ver) wsurl += `&ver=${ver}`;\n    // websocket\n    WSHUB = new WebSocket(wsurl);\n    WSHUB.onclose = () => {\n        clearInterval(T_ping);\n        self.postMessage({ head: 'DISCON' });\n        setTimeout(() => wsHub(params), 1000 * 20);\n    };\n    WSHUB.onmessage = (e) => {\n        try {\n            const json = JSON.parse(e.data);\n            const head = json.head ? json.head : '';\n            const data = json.data ? json.data : '';\n            if (head == 'ACCEPT' && data) {\n                T_ping = setInterval(ping, 1000 * 50);\n            }\n            self.postMessage(json);\n        } catch (err) {\n            console.error(err);\n        }\n    };\n    // ticker\n    let T_ping: NodeJS.Timeout;\n    const ping = () => WSHUB.send('{\"head\": \"PING\"}');\n};\n/*--------------------------------------------------------------------------------*/"],"mappings":";AACA,IAAI;AAEJ,KAAK,YAAY,CAAC,MAAM;AACpB,QAAM,OAAO,EAAE;AACf,QAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,QAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,MAAI,QAAQ,QAAQ;AAChB,UAAM,IAAI;AAAA,EACd,OAAO;AACH,QAAI,SAAS,MAAM,cAAc,UAAU,MAAM;AAC7C,YAAM,KAAK,KAAK,UAAU,IAAI,CAAC;AAAA,IACnC;AAAA,EACJ;AACJ;AAEA,IAAM,QAAQ,CAAC,WAKT;AACF,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,MAAI,OAAO,MAAM,OAAO,GAAI;AAC5B,MAAI,QAAQ,GAAG,GAAG,QAAQ,GAAG;AAC7B,MAAI,IAAK,UAAS,QAAQ,GAAG;AAC7B,MAAI,IAAK,UAAS,QAAQ,GAAG;AAE7B,UAAQ,IAAI,UAAU,KAAK;AAC3B,QAAM,UAAU,MAAM;AAClB,kBAAc,MAAM;AACpB,SAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AACnC,eAAW,MAAM,MAAM,MAAM,GAAG,MAAO,EAAE;AAAA,EAC7C;AACA,QAAM,YAAY,CAAC,MAAM;AACrB,QAAI;AACA,YAAM,OAAO,KAAK,MAAM,EAAE,IAAI;AAC9B,YAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,YAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,UAAI,QAAQ,YAAY,MAAM;AAC1B,iBAAS,YAAY,MAAM,MAAO,EAAE;AAAA,MACxC;AACA,WAAK,YAAY,IAAI;AAAA,IACzB,SAAS,KAAK;AACV,cAAQ,MAAM,GAAG;AAAA,IACrB;AAAA,EACJ;AAEA,MAAI;AACJ,QAAM,OAAO,MAAM,MAAM,KAAK,kBAAkB;AACpD;","names":[]}
+{"version":3,"sources":["../../src/worker/hubworker.ts"],"sourcesContent":["/* hubworker */\nlet WSHUB: WebSocket;\n/*--------------------------------------------------------------------------------*/\nself.onmessage = (e) => {\n    const json = e.data;\n    const head = json.head ? json.head : '';\n    const data = json.data ? json.data : '';\n    if (head == 'INIT') {\n        wsHub(data);\n    } else {\n        if (WSHUB && WSHUB.readyState == WebSocket.OPEN) {\n            WSHUB.send(JSON.stringify(json));\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\nconst wsHub = (params: {\n    url: string;\n    app: string;\n    uid: string;\n    ver: string;\n}) => {\n    const url = params && params.url ? params.url : '';\n    const app = params && params.app ? params.app : '';\n    const uid = params && params.uid ? params.uid : '';\n    const ver = params && params.ver ? params.ver : '';\n    if (url == '' || app == '') return;\n    let wsurl = `${url}?app=${app}`;\n    if (uid) wsurl += `&uid=${uid}`;\n    if (ver) wsurl += `&ver=${ver}`;\n    // websocket\n    WSHUB = new WebSocket(wsurl);\n    WSHUB.onclose = () => {\n        clearInterval(T_ping);\n        self.postMessage({ head: 'DISCON' });\n        setTimeout(() => wsHub(params), 1000 * 30);\n    };\n    WSHUB.onmessage = (e) => {\n        try {\n            const json = JSON.parse(e.data);\n            const head = json.head ? json.head : '';\n            const data = json.data ? json.data : '';\n            if (head == 'ACCEPT' && data) {\n                T_ping = setInterval(ping, 1000 * 50);\n            }\n            self.postMessage(json);\n        } catch (err) {\n            console.error(err);\n        }\n    };\n    // ticker\n    let T_ping: NodeJS.Timeout;\n    const ping = () => WSHUB.send('{\"head\": \"PING\"}');\n};\n/*--------------------------------------------------------------------------------*/"],"mappings":";AACA,IAAI;AAEJ,KAAK,YAAY,CAAC,MAAM;AACpB,QAAM,OAAO,EAAE;AACf,QAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,QAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,MAAI,QAAQ,QAAQ;AAChB,UAAM,IAAI;AAAA,EACd,OAAO;AACH,QAAI,SAAS,MAAM,cAAc,UAAU,MAAM;AAC7C,YAAM,KAAK,KAAK,UAAU,IAAI,CAAC;AAAA,IACnC;AAAA,EACJ;AACJ;AAEA,IAAM,QAAQ,CAAC,WAKT;AACF,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,QAAM,MAAM,UAAU,OAAO,MAAM,OAAO,MAAM;AAChD,MAAI,OAAO,MAAM,OAAO,GAAI;AAC5B,MAAI,QAAQ,GAAG,GAAG,QAAQ,GAAG;AAC7B,MAAI,IAAK,UAAS,QAAQ,GAAG;AAC7B,MAAI,IAAK,UAAS,QAAQ,GAAG;AAE7B,UAAQ,IAAI,UAAU,KAAK;AAC3B,QAAM,UAAU,MAAM;AAClB,kBAAc,MAAM;AACpB,SAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AACnC,eAAW,MAAM,MAAM,MAAM,GAAG,MAAO,EAAE;AAAA,EAC7C;AACA,QAAM,YAAY,CAAC,MAAM;AACrB,QAAI;AACA,YAAM,OAAO,KAAK,MAAM,EAAE,IAAI;AAC9B,YAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,YAAM,OAAO,KAAK,OAAO,KAAK,OAAO;AACrC,UAAI,QAAQ,YAAY,MAAM;AAC1B,iBAAS,YAAY,MAAM,MAAO,EAAE;AAAA,MACxC;AACA,WAAK,YAAY,IAAI;AAAA,IACzB,SAAS,KAAK;AACV,cAAQ,MAAM,GAAG;AAAA,IACrB;AAAA,EACJ;AAEA,MAAI;AACJ,QAAM,OAAO,MAAM,MAAM,KAAK,kBAAkB;AACpD;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "slimsdk",
-    "version": "0.1.55",
-    "description": "Web App SDK",
+    "version": "0.2.0",
+    "description": "WebApp SDK",
     "type": "module",
     "exports": {
         ".": "./dist/index.js",
@@ -28,12 +28,12 @@
     },
     "devDependencies": {
         "@eslint/js": "^9.39.1",
-        "@types/node": "^24.10.1",
-        "eslint": "^9.39.1",
-        "globals": "^16.5.0",
+        "@types/node": "^25.2.0",
+        "eslint": "^9.39.2",
+        "globals": "^17.3.0",
         "tsup": "^8.5.1",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.47.0"
+        "typescript-eslint": "^8.54.0"
     },
     "license": "MIT",
     "author": "hs3lcs@gmail.com"

package/dist/index-B2HHS23A.d.ts

@@ -1,20 +0,0 @@
-type reqParams = {
-    title: string;
-    body: string;
-    name?: string;
-    size?: string;
-};
-declare const Create: (params: reqParams) => HTMLElement;
-declare const Close: (drawer: HTMLElement) => Promise<void>;
-declare const Loading: (drawer: HTMLElement) => void;
-declare const Ready: (drawer: HTMLElement) => void;
-
-declare const index_Close: typeof Close;
-declare const index_Create: typeof Create;
-declare const index_Loading: typeof Loading;
-declare const index_Ready: typeof Ready;
-declare namespace index {
-  export { index_Close as Close, index_Create as Create, index_Loading as Loading, index_Ready as Ready };
-}
-
-export { Create as C, Loading as L, Ready as R, Close as a, index as i };

package/dist/index-BQcJsVJ-.d.ts

@@ -1,10 +0,0 @@
-declare const Loading: (cover: HTMLElement, state?: boolean, align?: string, hide?: boolean) => void;
-declare const acdInit: () => void;
-
-declare const index_Loading: typeof Loading;
-declare const index_acdInit: typeof acdInit;
-declare namespace index {
-  export { index_Loading as Loading, index_acdInit as acdInit };
-}
-
-export { Loading as L, acdInit as a, index as i };

package/dist/index-Bf_lg-oZ.d.ts

@@ -1,339 +0,0 @@
-declare const privacy: () => Promise<string>;
-declare const changelog: (clnt?: number) => Promise<string>;
-
-declare const docs_changelog: typeof changelog;
-declare const docs_privacy: typeof privacy;
-declare namespace docs {
-  export { docs_changelog as changelog, docs_privacy as privacy };
-}
-
-declare const Midware: (route: string, ignore?: string[]) => Promise<void>;
-
-declare const Login: () => void;
-declare const Logout: () => void;
-declare const Callback: () => void;
-
-declare const index$5_Callback: typeof Callback;
-declare const index$5_Login: typeof Login;
-declare const index$5_Logout: typeof Logout;
-declare const index$5_Midware: typeof Midware;
-declare namespace index$5 {
-  export { index$5_Callback as Callback, index$5_Login as Login, index$5_Logout as Logout, index$5_Midware as Midware };
-}
-
-declare const Read$d: () => Promise<ApiRsp>;
-declare const Set$b: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace acrole {
-  export { Read$d as Read, Set$b as Set };
-}
-
-declare const Read$c: () => Promise<ApiRsp>;
-declare const Set$a: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace actype {
-  export { Read$c as Read, Set$a as Set };
-}
-
-declare const Read$b: () => Promise<ApiRsp>;
-declare const Set$9: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace dvtype {
-  export { Read$b as Read, Set$9 as Set };
-}
-
-declare const Read$a: () => Promise<ApiRsp>;
-declare const Set$8: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace hmtype {
-  export { Read$a as Read, Set$8 as Set };
-}
-
-declare const Read$9: () => Promise<ApiRsp>;
-declare const Set$7: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace hmposn {
-  export { Read$9 as Read, Set$7 as Set };
-}
-
-declare const Read$8: () => Promise<ApiRsp>;
-declare const Set$6: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace hmrank {
-  export { Read$8 as Read, Set$6 as Set };
-}
-
-declare const Read$7: () => Promise<ApiRsp>;
-declare const Set$5: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace sctype {
-  export { Read$7 as Read, Set$5 as Set };
-}
-
-declare const Read$6: () => Promise<ApiRsp>;
-declare const Set$4: (elm: HTMLSelectElement) => Promise<void>;
-
-declare namespace vdtype {
-  export { Read$6 as Read, Set$4 as Set };
-}
-
-type StatPack = {
-    id: number;
-    name: string;
-    status: number;
-    hmtype: number;
-};
-
-type index$4_StatPack = StatPack;
-declare const index$4_acrole: typeof acrole;
-declare const index$4_actype: typeof actype;
-declare const index$4_dvtype: typeof dvtype;
-declare const index$4_hmposn: typeof hmposn;
-declare const index$4_hmrank: typeof hmrank;
-declare const index$4_hmtype: typeof hmtype;
-declare const index$4_sctype: typeof sctype;
-declare const index$4_vdtype: typeof vdtype;
-declare namespace index$4 {
-  export { type index$4_StatPack as StatPack, index$4_acrole as acrole, index$4_actype as actype, index$4_dvtype as dvtype, index$4_hmposn as hmposn, index$4_hmrank as hmrank, index$4_hmtype as hmtype, index$4_sctype as sctype, index$4_vdtype as vdtype };
-}
-
-declare const Token: (params: ReqToken) => Promise<ApiRsp>;
-declare const UserInfo: (token?: string) => Promise<ApiRsp>;
-type ReqToken = {
-    grant_type: string;
-    client_id: string;
-    username?: string;
-    password?: string;
-    device_code?: string;
-    client_secret?: string;
-    refresh_token?: string;
-    refresh_id?: number;
-    device?: number;
-};
-type RspToken = {
-    access_token: string;
-    token_type: string;
-    expires_in: number;
-    refresh_token: string;
-    refresh_id: number;
-    redirect_uri: string;
-};
-type UserInfoPack = {
-    agcy: number;
-    dvsn: number;
-    sect: number;
-    acct: number;
-    actype: number;
-    acrole: number;
-    acname: string;
-    picture: string;
-    subid: number;
-    agcy_name: string;
-    dvsn_name: string;
-    sect_name: string;
-};
-
-type index$3_ReqToken = ReqToken;
-type index$3_RspToken = RspToken;
-declare const index$3_Token: typeof Token;
-declare const index$3_UserInfo: typeof UserInfo;
-type index$3_UserInfoPack = UserInfoPack;
-declare namespace index$3 {
-  export { type index$3_ReqToken as ReqToken, type index$3_RspToken as RspToken, index$3_Token as Token, index$3_UserInfo as UserInfo, type index$3_UserInfoPack as UserInfoPack };
-}
-
-declare const Read$5: (agcy?: number) => Promise<ApiRsp>;
-declare const Set$3: (elm: HTMLSelectElement) => Promise<void>;
-type AgcyPack = {
-    id: number;
-    code: string;
-    init_en: string;
-    init_th: string;
-    name: string;
-    short: string;
-    status: number;
-};
-
-type agcy_AgcyPack = AgcyPack;
-declare namespace agcy {
-  export { type agcy_AgcyPack as AgcyPack, Read$5 as Read, Set$3 as Set };
-}
-
-declare const Read$4: (agcy: number, dvsn?: number) => Promise<ApiRsp>;
-declare const Set$2: (agcy: number, elm: HTMLSelectElement) => Promise<void>;
-type DvsnPack = {
-    id: number;
-    code: string;
-    init: string;
-    name: string;
-    short: string;
-    status: number;
-};
-
-type dvsn_DvsnPack = DvsnPack;
-declare namespace dvsn {
-  export { type dvsn_DvsnPack as DvsnPack, Read$4 as Read, Set$2 as Set };
-}
-
-declare const Read$3: (agcy: number, dvsn: number, sect?: number) => Promise<ApiRsp>;
-declare const Set$1: (agcy: number, dvsn: number, elm: HTMLSelectElement) => Promise<void>;
-type SectPack = {
-    id: number;
-    sctype: number;
-    name: string;
-    short: string;
-    numbed: number;
-    status: number;
-};
-
-type sect_SectPack = SectPack;
-declare namespace sect {
-  export { Read$3 as Read, type sect_SectPack as SectPack, Set$1 as Set };
-}
-
-declare const Read$2: (agcy: number) => Promise<ApiRsp>;
-declare const Set: (agcy: number, elm: HTMLSelectElement) => Promise<void>;
-type DeptPack = {
-    dvsn: number;
-    sect: number;
-    name: string;
-    status: number;
-};
-
-type dept_DeptPack = DeptPack;
-declare const dept_Set: typeof Set;
-declare namespace dept {
-  export { type dept_DeptPack as DeptPack, Read$2 as Read, dept_Set as Set };
-}
-
-declare const Read$1: (agcy: number, acct: number, params?: {
-    date?: string;
-    client?: string;
-    search?: string;
-}) => Promise<ApiRsp>;
-declare const Create$1: () => Promise<ApiRsp>;
-type AccsPack = {
-    accid: number;
-    accon: number;
-    device: number;
-    client: number;
-    clname: string;
-    screen: string;
-    rmtip: string;
-    agent: string;
-    profile: AccsProfile;
-};
-type AccsProfile = {
-    agcy: number;
-    dvsn: number;
-    sect: number;
-    acct: number;
-    actype: number;
-    acrole: number;
-    acname: string;
-    picture: string;
-    agcy_name: string;
-    dvsn_name: string;
-    sect_name: string;
-};
-
-type access_AccsPack = AccsPack;
-type access_AccsProfile = AccsProfile;
-declare namespace access {
-  export { type access_AccsPack as AccsPack, type access_AccsProfile as AccsProfile, Create$1 as Create, Read$1 as Read };
-}
-
-declare const Read: (agcy: number, acct?: number, params?: {
-    dvsn?: number;
-    sect?: number;
-    actype?: number;
-    acrole?: number;
-    status?: number;
-}) => Promise<ApiRsp>;
-declare const Create: (agcy: number, params: unknown) => Promise<ApiRsp>;
-declare const Update: (agcy: number, acct: number, params: unknown) => Promise<ApiRsp>;
-type AcctPack = {
-    agcy: number;
-    dvsn: number;
-    sect: number;
-    acct: number;
-    actype: number;
-    acrole: number;
-    status: number;
-    picture: string;
-    profile: unknown;
-    agcy_name: string;
-    dvsn_name: string;
-    sect_name: string;
-};
-type TypeHuman = {
-    id: number;
-    hmtype: number;
-    hmposn: number;
-    hmrank: number;
-    tname: string;
-    fname: string;
-    lname: string;
-};
-type TypeDevice = {
-    id: number;
-    dvtype: number;
-    assets: number;
-    name: string;
-};
-type TypeVendor = {
-    id: number;
-    vdtype: number;
-    vdno: string;
-    name: string;
-    bankno: string;
-    bkacct: string;
-    bkname: string;
-};
-
-type index$2_AccsPack = AccsPack;
-type index$2_AccsProfile = AccsProfile;
-type index$2_AcctPack = AcctPack;
-declare const index$2_Create: typeof Create;
-declare const index$2_Read: typeof Read;
-type index$2_TypeDevice = TypeDevice;
-type index$2_TypeHuman = TypeHuman;
-type index$2_TypeVendor = TypeVendor;
-declare const index$2_Update: typeof Update;
-declare const index$2_access: typeof access;
-declare namespace index$2 {
-  export { type index$2_AccsPack as AccsPack, type index$2_AccsProfile as AccsProfile, type index$2_AcctPack as AcctPack, index$2_Create as Create, index$2_Read as Read, type index$2_TypeDevice as TypeDevice, type index$2_TypeHuman as TypeHuman, type index$2_TypeVendor as TypeVendor, index$2_Update as Update, index$2_access as access };
-}
-
-interface ApiRsp {
-    status: {
-        code: number;
-        message: string;
-    };
-    rows: {
-        total: number;
-        limit: number;
-        offset: number;
-    };
-    data: unknown;
-}
-
-type index$1_ApiRsp = ApiRsp;
-declare const index$1_agcy: typeof agcy;
-declare const index$1_dept: typeof dept;
-declare const index$1_dvsn: typeof dvsn;
-declare const index$1_sect: typeof sect;
-declare namespace index$1 {
-  export { type index$1_ApiRsp as ApiRsp, index$2 as acct, index$1_agcy as agcy, index$1_dept as dept, index$1_dvsn as dvsn, index$3 as oauth, index$1_sect as sect, index$4 as stat };
-}
-
-declare const newTask: (worker: new () => Worker) => void;
-declare const checkUpdate: (min?: number) => NodeJS.Timeout;
-
-declare const index_checkUpdate: typeof checkUpdate;
-declare const index_newTask: typeof newTask;
-declare namespace index {
-  export { index_checkUpdate as checkUpdate, index_newTask as newTask };
-}
-
-export { index$1 as a, index as b, docs as d, index$5 as i };

package/dist/index-ChdqOPJq.d.ts

@@ -1,15 +0,0 @@
-import { i as index$1 } from './index-QRbamarh.js';
-import { i as index$7 } from './index-Dm_WTy_S.js';
-import { i as index$3 } from './index-BQcJsVJ-.js';
-import { i as index$2 } from './index-D3N8oo7V.js';
-import { i as index$4 } from './index-CzsSwSvp.js';
-import { i as index$5 } from './index-B2HHS23A.js';
-import { i as index$6 } from './index-DcvauYN8.js';
-import { i as index$8 } from './index-DQt71MNx.js';
-import { i as index$9 } from './index-DZdXvqxA.js';
-
-declare namespace index {
-  export { index$1 as button, index$2 as camera, index$3 as cover, index$4 as dialog, index$5 as drawer, index$6 as drop, index$7 as input, index$8 as modal, index$9 as tabs };
-}
-
-export { index as i };

package/dist/index-CzsSwSvp.d.ts

@@ -1,21 +0,0 @@
-declare const Confirm: (message: string, params?: {
-    color?: string;
-    target?: HTMLElement;
-}) => Promise<boolean>;
-declare const Alert: (message: string, params?: {
-    type?: string;
-    target?: HTMLElement;
-}) => Promise<void>;
-declare const Toast: (message: string, params?: {
-    type?: string;
-    target?: HTMLElement;
-}) => Promise<void>;
-
-declare const index_Alert: typeof Alert;
-declare const index_Confirm: typeof Confirm;
-declare const index_Toast: typeof Toast;
-declare namespace index {
-  export { index_Alert as Alert, index_Confirm as Confirm, index_Toast as Toast };
-}
-
-export { Alert as A, Confirm as C, Toast as T, index as i };

package/dist/index-D3tu8t6p.d.ts

@@ -1,28 +0,0 @@
-import { Error, FullLoad, Inform, Loading, NotFound, Ready } from './page/index.js';
-import { HwLink } from './mod/hwlink/index.js';
-
-type PageParams = {
-    uri?: string;
-    size?: string;
-    topbar?: string;
-    sidebar?: string;
-    template?: string;
-};
-declare const Create: (params: PageParams) => boolean;
-declare const Clear: () => void;
-
-declare const index_Clear: typeof Clear;
-declare const index_Create: typeof Create;
-declare const index_Error: typeof Error;
-declare const index_FullLoad: typeof FullLoad;
-declare const index_HwLink: typeof HwLink;
-declare const index_Inform: typeof Inform;
-declare const index_Loading: typeof Loading;
-declare const index_NotFound: typeof NotFound;
-type index_PageParams = PageParams;
-declare const index_Ready: typeof Ready;
-declare namespace index {
-  export { index_Clear as Clear, index_Create as Create, index_Error as Error, index_FullLoad as FullLoad, index_HwLink as HwLink, index_Inform as Inform, index_Loading as Loading, index_NotFound as NotFound, type index_PageParams as PageParams, index_Ready as Ready };
-}
-
-export { Create as C, type PageParams as P, Clear as a, index as i };

package/dist/index-DQt71MNx.d.ts

@@ -1,31 +0,0 @@
-type ModalParams = {
-    icon: string;
-    title: string;
-    body: string;
-    width?: string;
-    button?: {
-        save?: boolean;
-        cancel?: boolean;
-        close?: boolean;
-        align?: string;
-    };
-    target?: HTMLElement;
-};
-declare const Create: (params: ModalParams) => HTMLElement;
-declare const Close: (modal: HTMLElement) => Promise<void>;
-declare const Loading: (modal: HTMLElement) => void;
-declare const Ready: (modal: HTMLElement) => void;
-declare const Hidden: (modal: HTMLElement) => void;
-declare const Visible: (modal: HTMLElement) => void;
-
-declare const index_Close: typeof Close;
-declare const index_Create: typeof Create;
-declare const index_Hidden: typeof Hidden;
-declare const index_Loading: typeof Loading;
-declare const index_Ready: typeof Ready;
-declare const index_Visible: typeof Visible;
-declare namespace index {
-  export { index_Close as Close, index_Create as Create, index_Hidden as Hidden, index_Loading as Loading, index_Ready as Ready, index_Visible as Visible };
-}
-
-export { Create as C, Hidden as H, Loading as L, Ready as R, Visible as V, Close as a, index as i };

package/dist/index-DZdXvqxA.d.ts

@@ -1,10 +0,0 @@
-declare const Init: (tabs: HTMLElement, onChange: (index: number, done: () => void) => void) => void;
-declare const setActive: (tbtn: NodeListOf<HTMLButtonElement>, index: number) => void;
-
-declare const index_Init: typeof Init;
-declare const index_setActive: typeof setActive;
-declare namespace index {
-  export { index_Init as Init, index_setActive as setActive };
-}
-
-export { Init as I, index as i, setActive as s };

package/dist/index-DcvauYN8.d.ts

@@ -1,14 +0,0 @@
-declare const Menu: (drop: HTMLElement) => void;
-declare const Select: (drop: HTMLElement, icon: string, callBack: (value: string, text: string) => void) => void;
-declare const Update: (drop: HTMLElement, icon: string, callBack: (value: string, text: string) => void) => void;
-declare const Clear: () => void;
-
-declare const index_Clear: typeof Clear;
-declare const index_Menu: typeof Menu;
-declare const index_Select: typeof Select;
-declare const index_Update: typeof Update;
-declare namespace index {
-  export { index_Clear as Clear, index_Menu as Menu, index_Select as Select, index_Update as Update };
-}
-
-export { Clear as C, Menu as M, Select as S, Update as U, index as i };

package/dist/index-Pd7FTiEW.d.ts

@@ -1,32 +0,0 @@
-import { Error, FullLoad, Inform, Loading, NotFound, Ready } from './page/index.js';
-
-type PageParams = {
-    auth?: boolean;
-    size?: string;
-    icon?: string;
-    title?: string;
-    template?: string;
-    button?: {
-        side?: boolean;
-        tab?: boolean;
-    };
-    sidebar?: string;
-    tabbar?: string;
-    actbar?: string;
-    uri?: string;
-};
-declare const Create: (params: PageParams) => void;
-
-declare const index_Create: typeof Create;
-declare const index_Error: typeof Error;
-declare const index_FullLoad: typeof FullLoad;
-declare const index_Inform: typeof Inform;
-declare const index_Loading: typeof Loading;
-declare const index_NotFound: typeof NotFound;
-type index_PageParams = PageParams;
-declare const index_Ready: typeof Ready;
-declare namespace index {
-  export { index_Create as Create, index_Error as Error, index_FullLoad as FullLoad, index_Inform as Inform, index_Loading as Loading, index_NotFound as NotFound, type index_PageParams as PageParams, index_Ready as Ready };
-}
-
-export { Create as C, type PageParams as P, index as i };