slimsdk 0.1.55 → 0.2.1

package/dist/mod/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/modal/index.ts"],"sourcesContent":["/* modal */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nconst tmpBtnSave: string = /* html */ `\n    <button class=\"solid green\" type=\"submit\">\n        <i>&#xf0c7;</i>บันทึก\n    </button>\n`;\nconst tmpBtnCancel: string = /* html */ `\n    <button class=\"solid gray\" type=\"button\" id=\"btn-cancel\">\n        <i>&#xf057;</i>ยกเลิก\n    </button>\n`;\nconst tmpBtnClose: string = /* html */ `\n    <button class=\"solid blue\" type=\"button\" id=\"btn-close\">\n        <i>&#xf057;</i>ปิดหน้า\n    </button>\n`;\ntype ModalParams = {\n    icon: string;\n    title: string;\n    body: string;\n    width?: string;\n    button?: {\n        save?: boolean;\n        cancel?: boolean;\n        close?: boolean;\n        align?: string;\n    };\n    target?: HTMLElement;\n};\n/*--------------------------------------------------------------------------------*/\nexport const Create = (params: ModalParams): HTMLElement => {\n    const icon = params.icon ? params.icon : '&#xf40e;';\n    const title = params.title ? params.title : 'Modal Title';\n    const body = params.body ? params.body : 'Modal Body';\n    const width = params.width ? params.width : '100%';\n    const align = params.button?.align ? params.button?.align : '';\n    const doc = params.target ? params.target : app;\n    // button\n    let button = '';\n    if (params.button?.cancel) button += tmpBtnCancel;\n    if (params.button?.close) button += tmpBtnClose;\n    if (params.button?.save) button += tmpBtnSave;\n    // create\n    const modal = document.createElement('div');\n    modal.className = 'overlay slim-modal';\n    modal.innerHTML = /*html*/ `\n        <form>\n            <div class=\"content\" style=\"width: ${width};\">\n                <div class=\"header\">\n                    <i class=\"icon pad\">${icon}</i>${title}\n                    <button id=\"btn-exit\" type=\"button\"\n                        class=\"icon\">&#xf00d;</button>\n                </div>\n                <div class=\"body\">${body}</div>\n                <div class=\"footer ${align}\">${button}</div>\n                <div class=\"loader\">\n                    <div class=\"spinner s28\"></div>\n                </div>\n            </div>\n        </form>\n    `;\n    if (!doc) return modal;\n    doc.appendChild(modal);\n    if (width == 'auto') {\n        const content = modal.querySelector<HTMLElement>('.content');\n        if (content) content.style.maxWidth = `450px`;\n    }\n    // open modal\n    window.location.hash = 'modal';\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.classList.add('modal-in');\n    modal.classList.add('overlay-in');\n    content.addEventListener('animationend', () => {\n        if (content.classList.contains('modal-in')) {\n            content.classList.remove('modal-in');\n            modal.classList.remove('overlay-in');\n        }\n    });\n    // hash change\n    const hashChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hash != 'modal') done();\n    };\n    const done = () => {\n        destroy(modal);\n        if (window.location.hash == '#modal') history.back();\n        window.removeEventListener('hashchange', hashChange);\n    };\n    window.addEventListener('hashchange', hashChange);\n    // button\n    const btnExit = modal.querySelector<HTMLButtonElement>('#btn-exit');\n    const btnCancel = modal.querySelector<HTMLButtonElement>('#btn-cancel');\n    const btnClose = modal.querySelector<HTMLButtonElement>('#btn-close');\n    if (btnExit) {\n        btnExit.focus();\n        btnExit.onclick = done;\n    }\n    if (btnCancel) btnCancel.onclick = done;\n    if (btnClose) btnClose.onclick = done;\n    return modal;\n};\n/*--------------------------------------------------------------------------------*/\nexport const Close = (modal: HTMLElement) => new Promise<void>((resolve) => {\n    modal.querySelector<HTMLButtonElement>('#btn-exit')!.click();\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.addEventListener('animationend', () => resolve());\n});\nconst destroy = (modal: HTMLElement) => {\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.classList.add('modal-out');\n    modal.classList.add('overlay-out');\n    content.addEventListener('animationend', () => {\n        if (content.classList.contains('modal-out')) {\n            modal.style.display = 'none';\n            modal.remove();\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const Loading = (modal: HTMLElement) => {\n    const body = modal.querySelector<HTMLElement>('.body');\n    const loader = modal.querySelector<HTMLElement>('.loader');\n    if (body) body.style.visibility = 'hidden';\n    if (loader) loader.style.display = 'flex';\n};\n/*--------------------------------------------------------------------------------*/\nexport const Ready = (modal: HTMLElement) => {\n    const body = modal.querySelector<HTMLElement>('.body');\n    const loader = modal.querySelector<HTMLElement>('.loader');\n    if (body) body.style.visibility = 'visible';\n    if (loader) loader.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\nexport const Hidden = (modal: HTMLElement) => {\n    modal.style.display = 'none';\n};\nexport const Visible = (modal: HTMLElement) => {\n    modal.style.display = 'block';\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":["content"]}
+{"version":3,"sources":["../../../src/mod/modal/index.ts"],"sourcesContent":["/* modal */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nconst tmpBtnSave: string = /* html */ `\n    <button class=\"solid green\" type=\"submit\">\n        <i>&#xf0c7;</i>บันทึก\n    </button>\n`;\nconst tmpBtnCancel: string = /* html */ `\n    <button class=\"solid gray\" type=\"button\" id=\"btn-cancel\">\n        <i>&#xf057;</i>ยกเลิก\n    </button>\n`;\nconst tmpBtnClose: string = /* html */ `\n    <button class=\"solid blue\" type=\"button\" id=\"btn-close\">\n        <i>&#xf057;</i>ปิดหน้า\n    </button>\n`;\ntype ModalParams = {\n    icon: string;\n    title: string;\n    body: string;\n    width?: string;\n    button?: {\n        save?: boolean;\n        cancel?: boolean;\n        close?: boolean;\n        align?: string;\n    };\n    target?: HTMLElement;\n};\n/*--------------------------------------------------------------------------------*/\nexport const create = (params: ModalParams): HTMLElement => {\n    const icon = params.icon ? params.icon : '&#xf40e;';\n    const title = params.title ? params.title : 'Modal Title';\n    const body = params.body ? params.body : 'Modal Body';\n    const width = params.width ? params.width : '100%';\n    const align = params.button?.align ? params.button?.align : '';\n    const doc = params.target ? params.target : app;\n    // button\n    let button = '';\n    if (params.button?.cancel) button += tmpBtnCancel;\n    if (params.button?.close) button += tmpBtnClose;\n    if (params.button?.save) button += tmpBtnSave;\n    // create\n    const modal = document.createElement('div');\n    modal.className = 'overlay slim-modal';\n    modal.innerHTML = /*html*/ `\n        <form>\n            <div class=\"content\" style=\"width: ${width};\">\n                <div class=\"header\">\n                    <i class=\"icon pad\">${icon}</i>${title}\n                    <button id=\"btn-exit\" type=\"button\"\n                        class=\"icon\">&#xf00d;</button>\n                </div>\n                <div class=\"body\">${body}</div>\n                <div class=\"footer ${align}\">${button}</div>\n                <div class=\"loader\">\n                    <div class=\"spinner s28\"></div>\n                </div>\n            </div>\n        </form>\n    `;\n    if (!doc) return modal;\n    doc.appendChild(modal);\n    if (width == 'auto') {\n        const content = modal.querySelector<HTMLElement>('.content');\n        if (content) content.style.maxWidth = `450px`;\n    }\n    // open modal\n    window.location.hash = 'modal';\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.classList.add('modal-in');\n    modal.classList.add('overlay-in');\n    content.addEventListener('animationend', () => {\n        if (content.classList.contains('modal-in')) {\n            content.classList.remove('modal-in');\n            modal.classList.remove('overlay-in');\n        }\n    });\n    // hash change\n    const hashChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hash != 'modal') done();\n    };\n    const done = () => {\n        destroy(modal);\n        if (window.location.hash == '#modal') history.back();\n        window.removeEventListener('hashchange', hashChange);\n    };\n    window.addEventListener('hashchange', hashChange);\n    // button\n    const btnExit = modal.querySelector<HTMLButtonElement>('#btn-exit');\n    const btnCancel = modal.querySelector<HTMLButtonElement>('#btn-cancel');\n    const btnClose = modal.querySelector<HTMLButtonElement>('#btn-close');\n    if (btnExit) {\n        btnExit.focus();\n        btnExit.onclick = done;\n    }\n    if (btnCancel) btnCancel.onclick = done;\n    if (btnClose) btnClose.onclick = done;\n    return modal;\n};\n/*--------------------------------------------------------------------------------*/\nexport const close = (modal: HTMLElement) => new Promise<void>((resolve) => {\n    modal.querySelector<HTMLButtonElement>('#btn-exit')!.click();\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.addEventListener('animationend', () => resolve());\n});\nconst destroy = (modal: HTMLElement) => {\n    const content = modal.querySelector<HTMLElement>('.content')!;\n    content.classList.add('modal-out');\n    modal.classList.add('overlay-out');\n    content.addEventListener('animationend', () => {\n        if (content.classList.contains('modal-out')) {\n            modal.style.display = 'none';\n            modal.remove();\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const loading = (modal: HTMLElement) => {\n    const body = modal.querySelector<HTMLElement>('.body');\n    const loader = modal.querySelector<HTMLElement>('.loader');\n    if (body) body.style.visibility = 'hidden';\n    if (loader) loader.style.display = 'flex';\n};\n/*--------------------------------------------------------------------------------*/\nexport const ready = (modal: HTMLElement) => {\n    const body = modal.querySelector<HTMLElement>('.body');\n    const loader = modal.querySelector<HTMLElement>('.loader');\n    if (body) body.style.visibility = 'visible';\n    if (loader) loader.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\nexport const hidden = (modal: HTMLElement) => {\n    modal.style.display = 'none';\n};\nexport const visible = (modal: HTMLElement) => {\n    modal.style.display = 'block';\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":["content"]}

package/dist/mod/tabs/index.d.ts

@@ -1 +1 @@
-export { I as Init, s as setActive } from '../../index-DZdXvqxA.js';
+export { a as init, l as loading, r as ready, s as setActive } from '../../index-DzKPF0ja.js';

package/dist/mod/tabs/index.js

@@ -1,7 +1,7 @@
 // src/mod/tabs/index.ts
 var ignore = ["camera", "drawer", "modal"];
 var hashIgnore = (hash) => ignore.includes(hash);
-var Init = (tabs, onChange) => {
+var init = (tabs, onChange) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn");
   tbtn.forEach((elm) => {
     const dataHash = elm.getAttribute("data-hash");
@@ -27,13 +27,13 @@ var Init = (tabs, onChange) => {
         elm.classList.remove("active");
       }
     });
-    tabsLoading(tabs, index);
-    onChange(index, () => tabsReady(tabs, index));
+    loading(tabs, index);
+    onChange(index, () => ready(tabs, index));
   };
   tabsChange();
   window.onhashchange = tabsChange;
 };
-var tabsLoading = (tabs, index) => {
+var loading = (tabs, index) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn")[index];
   const body = tabs.querySelector(".tabs-body");
   const inner = tbtn.querySelectorAll("*");
@@ -61,7 +61,7 @@ var tabsLoading = (tabs, index) => {
     }
   }
 };
-var tabsReady = (tabs, index) => {
+var ready = (tabs, index) => {
   const tbtn = tabs.querySelectorAll(".tabs-btn")[index];
   const body = tabs.querySelector(".tabs-body");
   const inner = tbtn.querySelectorAll("*");
@@ -88,7 +88,9 @@ var setActive = (tbtn, index) => {
   });
 };
 export {
-  Init,
+  init,
+  loading,
+  ready,
   setActive
 };
 //# sourceMappingURL=index.js.map

package/dist/mod/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/tabs/index.ts"],"sourcesContent":["/* tabs */\n/*--------------------------------------------------------------------------------*/\nconst ignore: string[] = ['camera', 'drawer', 'modal'];\nconst hashIgnore = (hash: string) => ignore.includes(hash);\n/*--------------------------------------------------------------------------------*/\nexport const Init = (\n    tabs: HTMLElement,\n    onChange: (index: number, done: () => void) => void,\n) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn');\n    tbtn.forEach(elm => {\n        const dataHash = elm.getAttribute('data-hash');\n        elm.onclick = () => window.location.replace('#' + dataHash);\n    });\n    // tabs change\n    const tabsChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hashIgnore(hash)) return;\n        if (hash == '') {\n            const mainTabs = tbtn[0].getAttribute('data-hash');\n            window.location.replace('#' + mainTabs);\n            return;\n        }\n        const curTabs = tabs.querySelector<HTMLButtonElement>('.tabs-btn.active');\n        if (hash == curTabs?.getAttribute('data-hash')) return;\n        // set active\n        let index = 0;\n        tbtn.forEach((elm, i) => {\n            const dataHash = elm.getAttribute('data-hash');\n            if (hash == dataHash) {\n                elm.classList.add('active');\n                index = i;\n            } else {\n                elm.classList.remove('active');\n            }\n        });\n        tabsLoading(tabs, index);\n        onChange(index, () => tabsReady(tabs, index));\n    };\n    tabsChange();\n    window.onhashchange = tabsChange;\n};\n/*--------------------------------------------------------------------------------*/\nconst tabsLoading = (tabs: HTMLElement, index: number) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn')[index];\n    const body = tabs.querySelector<HTMLElement>('.tabs-body');\n    const inner = tbtn.querySelectorAll<HTMLElement>('*');\n    const tabsBar = tabs.querySelector<HTMLElement>('.tabs-bar');\n    if (tbtn && body) {\n        // clear loader\n        tabs.querySelector<HTMLElement>('.tabs-overlay')?.remove();\n        tbtn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        // hide inner\n        body.style.display = 'none';\n        inner.forEach(el => el.style.display = 'none');\n        // create overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'tabs-overlay';\n        tabs.appendChild(overlay);\n        // create loader\n        const loader = document.createElement('div');\n        loader.className = 'btn-loader';\n        loader.innerHTML = `<div class=\"spinner s24\"></div>`;\n        tbtn.appendChild(loader);\n        // tabs-bar\n        if (tabsBar) {\n            const barCont = tabsBar.querySelectorAll<HTMLElement>('*');\n            barCont.forEach(el => el.style.visibility = 'hidden');\n            tabsBar.querySelector<HTMLElement>('.lds-ellipsis')?.remove();\n            // create loader\n            const loader = document.createElement('div');\n            loader.className = 'lds-ellipsis';\n            loader.innerHTML = `<div></div><div></div><div></div><div></div>`;\n            tabsBar.prepend(loader);\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\nconst tabsReady = (tabs: HTMLElement, index: number) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn')[index];\n    const body = tabs.querySelector<HTMLElement>('.tabs-body');\n    const inner = tbtn.querySelectorAll<HTMLElement>('*');\n    const tabsBar = tabs.querySelector<HTMLElement>('.tabs-bar');\n    if (tbtn && body) new Promise(r => setTimeout(r, 400)).then(() => {\n        // clear loader\n        tabs.querySelector<HTMLElement>('.tabs-overlay')?.remove();\n        tbtn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        // show inner\n        body.style.display = 'block';\n        inner.forEach(el => el.style.display = '');\n        // tabs-bar\n        if (tabsBar) {\n            const barCont = tabsBar.querySelectorAll<HTMLElement>('*');\n            barCont.forEach(el => el.style.visibility = '');\n            tabsBar.querySelector<HTMLElement>('.lds-ellipsis')?.remove();\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const setActive = (tbtn: NodeListOf<HTMLButtonElement>, index: number) => {\n    tbtn.forEach((elm, i) => {\n        if (i == index) {\n            elm.classList.add('active');\n        } else {\n            elm.classList.remove('active');\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEA,IAAM,SAAmB,CAAC,UAAU,UAAU,OAAO;AACrD,IAAM,aAAa,CAAC,SAAiB,OAAO,SAAS,IAAI;AAElD,IAAM,OAAO,CAChB,MACA,aACC;AACD,QAAM,OAAO,KAAK,iBAAoC,WAAW;AACjE,OAAK,QAAQ,SAAO;AAChB,UAAM,WAAW,IAAI,aAAa,WAAW;AAC7C,QAAI,UAAU,MAAM,OAAO,SAAS,QAAQ,MAAM,QAAQ;AAAA,EAC9D,CAAC;AAED,QAAM,aAAa,MAAM;AACrB,UAAM,OAAQ,OAAO,SAAS,KAAM,WAAW,KAAK,EAAE;AACtD,QAAI,WAAW,IAAI,EAAG;AACtB,QAAI,QAAQ,IAAI;AACZ,YAAM,WAAW,KAAK,CAAC,EAAE,aAAa,WAAW;AACjD,aAAO,SAAS,QAAQ,MAAM,QAAQ;AACtC;AAAA,IACJ;AACA,UAAM,UAAU,KAAK,cAAiC,kBAAkB;AACxE,QAAI,QAAQ,SAAS,aAAa,WAAW,EAAG;AAEhD,QAAI,QAAQ;AACZ,SAAK,QAAQ,CAAC,KAAK,MAAM;AACrB,YAAM,WAAW,IAAI,aAAa,WAAW;AAC7C,UAAI,QAAQ,UAAU;AAClB,YAAI,UAAU,IAAI,QAAQ;AAC1B,gBAAQ;AAAA,MACZ,OAAO;AACH,YAAI,UAAU,OAAO,QAAQ;AAAA,MACjC;AAAA,IACJ,CAAC;AACD,gBAAY,MAAM,KAAK;AACvB,aAAS,OAAO,MAAM,UAAU,MAAM,KAAK,CAAC;AAAA,EAChD;AACA,aAAW;AACX,SAAO,eAAe;AAC1B;AAEA,IAAM,cAAc,CAAC,MAAmB,UAAkB;AACtD,QAAM,OAAO,KAAK,iBAAoC,WAAW,EAAE,KAAK;AACxE,QAAM,OAAO,KAAK,cAA2B,YAAY;AACzD,QAAM,QAAQ,KAAK,iBAA8B,GAAG;AACpD,QAAM,UAAU,KAAK,cAA2B,WAAW;AAC3D,MAAI,QAAQ,MAAM;AAEd,SAAK,cAA2B,eAAe,GAAG,OAAO;AACzD,SAAK,cAA2B,aAAa,GAAG,OAAO;AAEvD,SAAK,MAAM,UAAU;AACrB,UAAM,QAAQ,QAAM,GAAG,MAAM,UAAU,MAAM;AAE7C,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,YAAY;AACpB,SAAK,YAAY,OAAO;AAExB,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,YAAY;AACnB,SAAK,YAAY,MAAM;AAEvB,QAAI,SAAS;AACT,YAAM,UAAU,QAAQ,iBAA8B,GAAG;AACzD,cAAQ,QAAQ,QAAM,GAAG,MAAM,aAAa,QAAQ;AACpD,cAAQ,cAA2B,eAAe,GAAG,OAAO;AAE5D,YAAMA,UAAS,SAAS,cAAc,KAAK;AAC3C,MAAAA,QAAO,YAAY;AACnB,MAAAA,QAAO,YAAY;AACnB,cAAQ,QAAQA,OAAM;AAAA,IAC1B;AAAA,EACJ;AACJ;AAEA,IAAM,YAAY,CAAC,MAAmB,UAAkB;AACpD,QAAM,OAAO,KAAK,iBAAoC,WAAW,EAAE,KAAK;AACxE,QAAM,OAAO,KAAK,cAA2B,YAAY;AACzD,QAAM,QAAQ,KAAK,iBAA8B,GAAG;AACpD,QAAM,UAAU,KAAK,cAA2B,WAAW;AAC3D,MAAI,QAAQ,KAAM,KAAI,QAAQ,OAAK,WAAW,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM;AAE9D,SAAK,cAA2B,eAAe,GAAG,OAAO;AACzD,SAAK,cAA2B,aAAa,GAAG,OAAO;AAEvD,SAAK,MAAM,UAAU;AACrB,UAAM,QAAQ,QAAM,GAAG,MAAM,UAAU,EAAE;AAEzC,QAAI,SAAS;AACT,YAAM,UAAU,QAAQ,iBAA8B,GAAG;AACzD,cAAQ,QAAQ,QAAM,GAAG,MAAM,aAAa,EAAE;AAC9C,cAAQ,cAA2B,eAAe,GAAG,OAAO;AAAA,IAChE;AAAA,EACJ,CAAC;AACL;AAEO,IAAM,YAAY,CAAC,MAAqC,UAAkB;AAC7E,OAAK,QAAQ,CAAC,KAAK,MAAM;AACrB,QAAI,KAAK,OAAO;AACZ,UAAI,UAAU,IAAI,QAAQ;AAAA,IAC9B,OAAO;AACH,UAAI,UAAU,OAAO,QAAQ;AAAA,IACjC;AAAA,EACJ,CAAC;AACL;","names":["loader"]}
+{"version":3,"sources":["../../../src/mod/tabs/index.ts"],"sourcesContent":["/* tabs */\n/*--------------------------------------------------------------------------------*/\nconst ignore: string[] = ['camera', 'drawer', 'modal'];\nconst hashIgnore = (hash: string) => ignore.includes(hash);\n/*--------------------------------------------------------------------------------*/\nexport const init = (\n    tabs: HTMLElement,\n    onChange: (index: number, done: () => void) => void,\n) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn');\n    tbtn.forEach(elm => {\n        const dataHash = elm.getAttribute('data-hash');\n        elm.onclick = () => window.location.replace('#' + dataHash);\n    });\n    // tabs change\n    const tabsChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hashIgnore(hash)) return;\n        if (hash == '') {\n            const mainTabs = tbtn[0].getAttribute('data-hash');\n            window.location.replace('#' + mainTabs);\n            return;\n        }\n        const curTabs = tabs.querySelector<HTMLButtonElement>('.tabs-btn.active');\n        if (hash == curTabs?.getAttribute('data-hash')) return;\n        // set active\n        let index = 0;\n        tbtn.forEach((elm, i) => {\n            const dataHash = elm.getAttribute('data-hash');\n            if (hash == dataHash) {\n                elm.classList.add('active');\n                index = i;\n            } else {\n                elm.classList.remove('active');\n            }\n        });\n        loading(tabs, index);\n        onChange(index, () => ready(tabs, index));\n    };\n    tabsChange();\n    window.onhashchange = tabsChange;\n};\n/*--------------------------------------------------------------------------------*/\nexport const loading = (tabs: HTMLElement, index: number) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn')[index];\n    const body = tabs.querySelector<HTMLElement>('.tabs-body');\n    const inner = tbtn.querySelectorAll<HTMLElement>('*');\n    const tabsBar = tabs.querySelector<HTMLElement>('.tabs-bar');\n    if (tbtn && body) {\n        // clear loader\n        tabs.querySelector<HTMLElement>('.tabs-overlay')?.remove();\n        tbtn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        // hide inner\n        body.style.display = 'none';\n        inner.forEach(el => el.style.display = 'none');\n        // create overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'tabs-overlay';\n        tabs.appendChild(overlay);\n        // create loader\n        const loader = document.createElement('div');\n        loader.className = 'btn-loader';\n        loader.innerHTML = `<div class=\"spinner s24\"></div>`;\n        tbtn.appendChild(loader);\n        // tabs-bar\n        if (tabsBar) {\n            const barCont = tabsBar.querySelectorAll<HTMLElement>('*');\n            barCont.forEach(el => el.style.visibility = 'hidden');\n            tabsBar.querySelector<HTMLElement>('.lds-ellipsis')?.remove();\n            // create loader\n            const loader = document.createElement('div');\n            loader.className = 'lds-ellipsis';\n            loader.innerHTML = `<div></div><div></div><div></div><div></div>`;\n            tabsBar.prepend(loader);\n        }\n    }\n};\n/*--------------------------------------------------------------------------------*/\nexport const ready = (tabs: HTMLElement, index: number) => {\n    const tbtn = tabs.querySelectorAll<HTMLButtonElement>('.tabs-btn')[index];\n    const body = tabs.querySelector<HTMLElement>('.tabs-body');\n    const inner = tbtn.querySelectorAll<HTMLElement>('*');\n    const tabsBar = tabs.querySelector<HTMLElement>('.tabs-bar');\n    if (tbtn && body) new Promise(r => setTimeout(r, 400)).then(() => {\n        // clear loader\n        tabs.querySelector<HTMLElement>('.tabs-overlay')?.remove();\n        tbtn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        // show inner\n        body.style.display = 'block';\n        inner.forEach(el => el.style.display = '');\n        // tabs-bar\n        if (tabsBar) {\n            const barCont = tabsBar.querySelectorAll<HTMLElement>('*');\n            barCont.forEach(el => el.style.visibility = '');\n            tabsBar.querySelector<HTMLElement>('.lds-ellipsis')?.remove();\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\nexport const setActive = (tbtn: NodeListOf<HTMLButtonElement>, index: number) => {\n    tbtn.forEach((elm, i) => {\n        if (i == index) {\n            elm.classList.add('active');\n        } else {\n            elm.classList.remove('active');\n        }\n    });\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":["loader"]}

package/dist/page/desktop/index.d.ts

@@ -1,3 +1,3 @@
-export { Error, FullLoad, Inform, Loading, NotFound, Ready } from '../index.js';
-export { HwLink } from '../../mod/hwlink/index.js';
-export { a as Clear, C as Create, P as PageParams } from '../../index-D3tu8t6p.js';
+export { error, fullLoad, inform, loading, notFound, ready } from '../index.js';
+export { h as hwLink } from '../../index-COUeXLOQ.js';
+export { P as PageParams, c as clear, a as create } from '../../index-COGi5mfY.js';