slimsdk 0.1.55 → 0.2.1

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

@@ -1 +1 @@
-export { L as Loading } from '../../index-QRbamarh.js';
+export { l as loading } from '../../index-BAQxKstM.js';

package/dist/mod/button/index.js

@@ -1,5 +1,5 @@
 // src/mod/built-in/button/index.ts
-var Loading = (btn, state = false) => {
+var loading = (btn, state = false) => {
   if (state) {
     btn.querySelector(".btn-loader")?.remove();
     btn.style.color = "transparent";
@@ -17,6 +17,6 @@ var Loading = (btn, state = false) => {
   }
 };
 export {
-  Loading
+  loading
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/built-in/button/index.ts"],"sourcesContent":["/* button */\n/*--------------------------------------------------------------------------------*/\nexport const Loading = (\n    btn: HTMLButtonElement,\n    state = false,\n) => {\n    if (state) {\n        btn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        btn.style.color = 'transparent';\n        btn.style.position = 'relative';\n        btn.style.pointerEvents = 'none';\n        const loader = document.createElement('div');\n        loader.className = 'btn-loader';\n        loader.innerHTML = `<div class=\"spinner s22\"></div>`;\n        btn.appendChild(loader);\n    } else {\n        btn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        btn.style.color = '';\n        btn.style.position = '';\n        btn.style.pointerEvents = '';\n    }\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,UAAU,CACnB,KACA,QAAQ,UACP;AACD,MAAI,OAAO;AACP,QAAI,cAA2B,aAAa,GAAG,OAAO;AACtD,QAAI,MAAM,QAAQ;AAClB,QAAI,MAAM,WAAW;AACrB,QAAI,MAAM,gBAAgB;AAC1B,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,YAAY;AACnB,QAAI,YAAY,MAAM;AAAA,EAC1B,OAAO;AACH,QAAI,cAA2B,aAAa,GAAG,OAAO;AACtD,QAAI,MAAM,QAAQ;AAClB,QAAI,MAAM,WAAW;AACrB,QAAI,MAAM,gBAAgB;AAAA,EAC9B;AACJ;","names":[]}
+{"version":3,"sources":["../../../src/mod/built-in/button/index.ts"],"sourcesContent":["/* button */\n/*--------------------------------------------------------------------------------*/\nexport const loading = (\n    btn: HTMLButtonElement,\n    state = false,\n) => {\n    if (state) {\n        btn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        btn.style.color = 'transparent';\n        btn.style.position = 'relative';\n        btn.style.pointerEvents = 'none';\n        const loader = document.createElement('div');\n        loader.className = 'btn-loader';\n        loader.innerHTML = `<div class=\"spinner s22\"></div>`;\n        btn.appendChild(loader);\n    } else {\n        btn.querySelector<HTMLElement>('.btn-loader')?.remove();\n        btn.style.color = '';\n        btn.style.position = '';\n        btn.style.pointerEvents = '';\n    }\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,UAAU,CACnB,KACA,QAAQ,UACP;AACD,MAAI,OAAO;AACP,QAAI,cAA2B,aAAa,GAAG,OAAO;AACtD,QAAI,MAAM,QAAQ;AAClB,QAAI,MAAM,WAAW;AACrB,QAAI,MAAM,gBAAgB;AAC1B,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,YAAY;AACnB,QAAI,YAAY,MAAM;AAAA,EAC1B,OAAO;AACH,QAAI,cAA2B,aAAa,GAAG,OAAO;AACtD,QAAI,MAAM,QAAQ;AAClB,QAAI,MAAM,WAAW;AACrB,QAAI,MAAM,gBAAgB;AAAA,EAC9B;AACJ;","names":[]}

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

@@ -1 +1 @@
-export { L as Loading, a as acdInit } from '../../index-BQcJsVJ-.js';
+export { a as acdInit, l as loading } from '../../index-D5CUpF9v.js';

package/dist/mod/cover/index.js

@@ -1,5 +1,5 @@
 // src/mod/built-in/cover/index.ts
-var Loading = (cover, state = false, align = "top", hide = true) => {
+var loading = (cover, state = false, align = "top", hide = true) => {
   const inner = cover.querySelectorAll("*");
   if (state) {
     cover.querySelector(".cover-loader")?.remove();
@@ -34,7 +34,7 @@ var acdInit = () => {
   });
 };
 export {
-  Loading,
-  acdInit
+  acdInit,
+  loading
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/built-in/cover/index.ts"],"sourcesContent":["/* cover */\n/*--------------------------------------------------------------------------------*/\nexport const Loading = (\n    cover: HTMLElement,\n    state = false,\n    align = 'top',\n    hide = true,\n) => {\n    const inner = cover.querySelectorAll<HTMLElement>('*');\n    if (state) {\n        cover.querySelector<HTMLElement>('.cover-loader')?.remove();\n        cover.style.position = 'relative';\n        if (hide) inner.forEach(el => el.style.visibility = 'hidden');\n        // create loader\n        const loader = document.createElement('div');\n        loader.className = `cover-loader ${align}`;\n        loader.innerHTML = `<div class=\"spinner s28\"></div>`;\n        cover.appendChild(loader);\n    } else {\n        new Promise(r => setTimeout(r, 400)).then(() => {\n            cover.querySelector<HTMLElement>('.cover-loader')?.remove();\n            cover.style.position = '';\n            inner.forEach(el => el.style.visibility = '');\n        });\n    }\n};\n/*--------------------------------------------------------------------------------*/\n// accordion\nexport const acdInit = () => {\n    const acdItem = document.querySelectorAll<HTMLElement>('.acd-item');\n    acdItem.forEach(elm => {\n        const topic = elm.querySelector<HTMLElement>('.topic');\n        const panel = elm.querySelector<HTMLElement>('.panel');\n        if (topic) topic.onclick = () => {\n            elm.classList.toggle('active');\n            if (!panel) return;\n            if (elm.classList.contains('active')) {\n                panel.style.maxHeight = `${panel.scrollHeight}px`;\n            } else {\n                panel.style.maxHeight = '';\n            }\n        };\n    });\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,UAAU,CACnB,OACA,QAAQ,OACR,QAAQ,OACR,OAAO,SACN;AACD,QAAM,QAAQ,MAAM,iBAA8B,GAAG;AACrD,MAAI,OAAO;AACP,UAAM,cAA2B,eAAe,GAAG,OAAO;AAC1D,UAAM,MAAM,WAAW;AACvB,QAAI,KAAM,OAAM,QAAQ,QAAM,GAAG,MAAM,aAAa,QAAQ;AAE5D,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY,gBAAgB,KAAK;AACxC,WAAO,YAAY;AACnB,UAAM,YAAY,MAAM;AAAA,EAC5B,OAAO;AACH,QAAI,QAAQ,OAAK,WAAW,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM;AAC5C,YAAM,cAA2B,eAAe,GAAG,OAAO;AAC1D,YAAM,MAAM,WAAW;AACvB,YAAM,QAAQ,QAAM,GAAG,MAAM,aAAa,EAAE;AAAA,IAChD,CAAC;AAAA,EACL;AACJ;AAGO,IAAM,UAAU,MAAM;AACzB,QAAM,UAAU,SAAS,iBAA8B,WAAW;AAClE,UAAQ,QAAQ,SAAO;AACnB,UAAM,QAAQ,IAAI,cAA2B,QAAQ;AACrD,UAAM,QAAQ,IAAI,cAA2B,QAAQ;AACrD,QAAI,MAAO,OAAM,UAAU,MAAM;AAC7B,UAAI,UAAU,OAAO,QAAQ;AAC7B,UAAI,CAAC,MAAO;AACZ,UAAI,IAAI,UAAU,SAAS,QAAQ,GAAG;AAClC,cAAM,MAAM,YAAY,GAAG,MAAM,YAAY;AAAA,MACjD,OAAO;AACH,cAAM,MAAM,YAAY;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../../src/mod/built-in/cover/index.ts"],"sourcesContent":["/* cover */\n/*--------------------------------------------------------------------------------*/\nexport const loading = (\n    cover: HTMLElement,\n    state = false,\n    align = 'top',\n    hide = true,\n) => {\n    const inner = cover.querySelectorAll<HTMLElement>('*');\n    if (state) {\n        cover.querySelector<HTMLElement>('.cover-loader')?.remove();\n        cover.style.position = 'relative';\n        if (hide) inner.forEach(el => el.style.visibility = 'hidden');\n        // create loader\n        const loader = document.createElement('div');\n        loader.className = `cover-loader ${align}`;\n        loader.innerHTML = `<div class=\"spinner s28\"></div>`;\n        cover.appendChild(loader);\n    } else {\n        new Promise(r => setTimeout(r, 400)).then(() => {\n            cover.querySelector<HTMLElement>('.cover-loader')?.remove();\n            cover.style.position = '';\n            inner.forEach(el => el.style.visibility = '');\n        });\n    }\n};\n/*--------------------------------------------------------------------------------*/\n// accordion\nexport const acdInit = () => {\n    const acdItem = document.querySelectorAll<HTMLElement>('.acd-item');\n    acdItem.forEach(elm => {\n        const topic = elm.querySelector<HTMLElement>('.topic');\n        const panel = elm.querySelector<HTMLElement>('.panel');\n        if (topic) topic.onclick = () => {\n            elm.classList.toggle('active');\n            if (!panel) return;\n            if (elm.classList.contains('active')) {\n                panel.style.maxHeight = `${panel.scrollHeight}px`;\n            } else {\n                panel.style.maxHeight = '';\n            }\n        };\n    });\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,UAAU,CACnB,OACA,QAAQ,OACR,QAAQ,OACR,OAAO,SACN;AACD,QAAM,QAAQ,MAAM,iBAA8B,GAAG;AACrD,MAAI,OAAO;AACP,UAAM,cAA2B,eAAe,GAAG,OAAO;AAC1D,UAAM,MAAM,WAAW;AACvB,QAAI,KAAM,OAAM,QAAQ,QAAM,GAAG,MAAM,aAAa,QAAQ;AAE5D,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY,gBAAgB,KAAK;AACxC,WAAO,YAAY;AACnB,UAAM,YAAY,MAAM;AAAA,EAC5B,OAAO;AACH,QAAI,QAAQ,OAAK,WAAW,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM;AAC5C,YAAM,cAA2B,eAAe,GAAG,OAAO;AAC1D,YAAM,MAAM,WAAW;AACvB,YAAM,QAAQ,QAAM,GAAG,MAAM,aAAa,EAAE;AAAA,IAChD,CAAC;AAAA,EACL;AACJ;AAGO,IAAM,UAAU,MAAM;AACzB,QAAM,UAAU,SAAS,iBAA8B,WAAW;AAClE,UAAQ,QAAQ,SAAO;AACnB,UAAM,QAAQ,IAAI,cAA2B,QAAQ;AACrD,UAAM,QAAQ,IAAI,cAA2B,QAAQ;AACrD,QAAI,MAAO,OAAM,UAAU,MAAM;AAC7B,UAAI,UAAU,OAAO,QAAQ;AAC7B,UAAI,CAAC,MAAO;AACZ,UAAI,IAAI,UAAU,SAAS,QAAQ,GAAG;AAClC,cAAM,MAAM,YAAY,GAAG,MAAM,YAAY;AAAA,MACjD,OAAO;AACH,cAAM,MAAM,YAAY;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

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

@@ -1 +1 @@
-export { A as Alert, C as Confirm, T as Toast } from '../../index-CzsSwSvp.js';
+export { a as alert, c as confirm, t as toast } from '../../index-B4158M0u.js';

package/dist/mod/dialog/index.js

@@ -1,6 +1,6 @@
 // src/mod/dialog/index.ts
 var app = document.querySelector("#app");
-var Confirm = (message, params) => new Promise((resolve) => {
+var confirm = (message, params) => new Promise((resolve) => {
   if (!app) return;
   const doc = params && params?.target ? params.target : app;
   const color = params && params?.color ? params.color : "green";
@@ -34,7 +34,7 @@ var Confirm = (message, params) => new Promise((resolve) => {
     resolve(false);
   };
 });
-var Alert = (message, params) => new Promise((resolve) => {
+var alert = (message, params) => new Promise((resolve) => {
   if (!app) return;
   const doc = params && params?.target ? params.target : app;
   const type = params && params?.type ? params.type : "success";
@@ -75,7 +75,7 @@ var Alert = (message, params) => new Promise((resolve) => {
     resolve();
   };
 });
-var Toast = (message, params) => new Promise((resolve) => {
+var toast = (message, params) => new Promise((resolve) => {
   if (!app) return;
   const doc = params && params?.target ? params.target : app;
   const type = params && params?.type ? params.type : "success";
@@ -97,27 +97,27 @@ var Toast = (message, params) => new Promise((resolve) => {
     color = "blue";
     icon = "";
   }
-  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();
     }
   };
 });
 export {
-  Alert,
-  Confirm,
-  Toast
+  alert,
+  confirm,
+  toast
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/dialog/index.ts"],"sourcesContent":["/* dialog */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nexport const Confirm = (\n    message: string,\n    params?: {\n        color?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<boolean>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const color = params && params?.color ? params.color : 'green';\n    // create\n    const dialog = document.createElement('div');\n    dialog.className = 'overlay slim-dialog';\n    dialog.innerHTML = /*html*/ `\n        <div class=\"confirm ${color}\">\n            <div class=\"header\">\n                <i class=\"icon solid\">&#xf058;</i> Slim Confirm\n            </div>\n            <div class=\"message\">${message}</div>\n            <div class=\"footer\">\n                <button class=\"lg gray left\" id=\"btn-no\">\n                    <i>&#xf057;</i>ยกเลิก\n                </button>\n                <button class=\"lg ${color} right\" id=\"btn-yes\">\n                    <i>&#xf058;</i>ตกลง\n                </button>\n            </div>\n        </div>\n    `;\n    doc.appendChild(dialog);\n    // button\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.focus();\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.onclick = () => {\n        dialog.remove();\n        resolve(true);\n    };\n    dialog.querySelector<HTMLButtonElement>('#btn-no')!.onclick = () => {\n        dialog.remove();\n        resolve(false);\n    };\n});\n/*--------------------------------------------------------------------------------*/\nexport const Alert = (\n    message: string,\n    params?: {\n        type?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<void>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const type = params && params?.type ? params.type : 'success';\n    // type\n    let color = '';\n    let icon = '';\n    if (type == 'success') { color = 'green'; icon = '&#xf058;'; }\n    if (type == 'failure') { color = 'red'; icon = '&#xf057;'; }\n    if (type == 'warning') { color = 'orange'; icon = '&#xf06a;'; }\n    if (type == 'info') { color = 'blue'; icon = '&#xf05a;'; }\n    // create\n    const dialog = document.createElement('div');\n    dialog.className = 'overlay slim-dialog';\n    dialog.innerHTML = /*html*/ `\n        <div class=\"alert ${color}\">\n            <div class=\"icon solid\">${icon}</div>\n            <div class=\"message\">${message}</div>\n            <div class=\"footer\">\n                <button class=\"lg ${color}\" id=\"btn-yes\">ตกลง</button>\n            </div>\n        </div>\n    `;\n    doc.appendChild(dialog);\n    // button\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.focus();\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.onclick = () => {\n        dialog.remove();\n        resolve();\n    };\n});\n/*--------------------------------------------------------------------------------*/\nexport const Toast = (\n    message: string,\n    params?: {\n        type?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<void>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const type = params && params?.type ? params.type : 'success';\n    // type\n    let color = '';\n    let icon = '';\n    if (type == 'success') { color = 'green'; icon = '&#xf058;'; }\n    if (type == 'failure') { color = 'red'; icon = '&#xf057;'; }\n    if (type == 'warning') { color = 'orange'; icon = '&#xf06a;'; }\n    if (type == 'info') { color = 'blue'; icon = '&#xf05a;'; }\n    // create\n    const toast = document.createElement('div');\n    toast.className = `slim-toast ${color}`;\n    toast.innerHTML = /*html*/ `\n        <i class=\"icon\">${icon}</i>\n        <span class=\"text\">${message}</span>\n    `;\n    doc.appendChild(toast);\n    // animation\n    toast.classList.add('show');\n    let count = 0;\n    toast.onanimationend = () => {\n        count++;\n        if (count == 2) {\n            toast.remove();\n            resolve();\n        }\n    };\n});\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AACA,IAAM,MAAM,SAAS,cAA2B,MAAM;AAE/C,IAAM,UAAU,CACnB,SACA,WAIC,IAAI,QAAiB,CAAC,YAAY;AACnC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,QAAQ,UAAU,QAAQ,QAAQ,OAAO,QAAQ;AAEvD,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO;AAAA,EAAqB;AAAA,8BACF,KAAK;AAAA;AAAA;AAAA;AAAA,mCAIA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKN,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAI,YAAY,MAAM;AAEtB,SAAO,cAAiC,UAAU,EAAG,MAAM;AAC3D,SAAO,cAAiC,UAAU,EAAG,UAAU,MAAM;AACjE,WAAO,OAAO;AACd,YAAQ,IAAI;AAAA,EAChB;AACA,SAAO,cAAiC,SAAS,EAAG,UAAU,MAAM;AAChE,WAAO,OAAO;AACd,YAAQ,KAAK;AAAA,EACjB;AACJ,CAAC;AAEM,IAAM,QAAQ,CACjB,SACA,WAIC,IAAI,QAAc,CAAC,YAAY;AAChC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ,OAAO,OAAO,OAAO;AAEpD,MAAI,QAAQ;AACZ,MAAI,OAAO;AACX,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAS,WAAO;AAAA,EAAY;AAC7D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAO,WAAO;AAAA,EAAY;AAC3D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAU,WAAO;AAAA,EAAY;AAC9D,MAAI,QAAQ,QAAQ;AAAE,YAAQ;AAAQ,WAAO;AAAA,EAAY;AAEzD,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO;AAAA,EAAqB;AAAA,4BACJ,KAAK;AAAA,sCACK,IAAI;AAAA,mCACP,OAAO;AAAA;AAAA,oCAEN,KAAK;AAAA;AAAA;AAAA;AAIrC,MAAI,YAAY,MAAM;AAEtB,SAAO,cAAiC,UAAU,EAAG,MAAM;AAC3D,SAAO,cAAiC,UAAU,EAAG,UAAU,MAAM;AACjE,WAAO,OAAO;AACd,YAAQ;AAAA,EACZ;AACJ,CAAC;AAEM,IAAM,QAAQ,CACjB,SACA,WAIC,IAAI,QAAc,CAAC,YAAY;AAChC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ,OAAO,OAAO,OAAO;AAEpD,MAAI,QAAQ;AACZ,MAAI,OAAO;AACX,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAS,WAAO;AAAA,EAAY;AAC7D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAO,WAAO;AAAA,EAAY;AAC3D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAU,WAAO;AAAA,EAAY;AAC9D,MAAI,QAAQ,QAAQ;AAAE,YAAQ;AAAQ,WAAO;AAAA,EAAY;AAEzD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY,cAAc,KAAK;AACrC,QAAM;AAAA,EAAqB;AAAA,0BACL,IAAI;AAAA,6BACD,OAAO;AAAA;AAEhC,MAAI,YAAY,KAAK;AAErB,QAAM,UAAU,IAAI,MAAM;AAC1B,MAAI,QAAQ;AACZ,QAAM,iBAAiB,MAAM;AACzB;AACA,QAAI,SAAS,GAAG;AACZ,YAAM,OAAO;AACb,cAAQ;AAAA,IACZ;AAAA,EACJ;AACJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/mod/dialog/index.ts"],"sourcesContent":["/* dialog */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\nexport const confirm = (\n    message: string,\n    params?: {\n        color?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<boolean>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const color = params && params?.color ? params.color : 'green';\n    // create\n    const dialog = document.createElement('div');\n    dialog.className = 'overlay slim-dialog';\n    dialog.innerHTML = /*html*/ `\n        <div class=\"confirm ${color}\">\n            <div class=\"header\">\n                <i class=\"icon solid\">&#xf058;</i> Slim Confirm\n            </div>\n            <div class=\"message\">${message}</div>\n            <div class=\"footer\">\n                <button class=\"lg gray left\" id=\"btn-no\">\n                    <i>&#xf057;</i>ยกเลิก\n                </button>\n                <button class=\"lg ${color} right\" id=\"btn-yes\">\n                    <i>&#xf058;</i>ตกลง\n                </button>\n            </div>\n        </div>\n    `;\n    doc.appendChild(dialog);\n    // button\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.focus();\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.onclick = () => {\n        dialog.remove();\n        resolve(true);\n    };\n    dialog.querySelector<HTMLButtonElement>('#btn-no')!.onclick = () => {\n        dialog.remove();\n        resolve(false);\n    };\n});\n/*--------------------------------------------------------------------------------*/\nexport const alert = (\n    message: string,\n    params?: {\n        type?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<void>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const type = params && params?.type ? params.type : 'success';\n    // type\n    let color = '';\n    let icon = '';\n    if (type == 'success') { color = 'green'; icon = '&#xf058;'; }\n    if (type == 'failure') { color = 'red'; icon = '&#xf057;'; }\n    if (type == 'warning') { color = 'orange'; icon = '&#xf06a;'; }\n    if (type == 'info') { color = 'blue'; icon = '&#xf05a;'; }\n    // create\n    const dialog = document.createElement('div');\n    dialog.className = 'overlay slim-dialog';\n    dialog.innerHTML = /*html*/ `\n        <div class=\"alert ${color}\">\n            <div class=\"icon solid\">${icon}</div>\n            <div class=\"message\">${message}</div>\n            <div class=\"footer\">\n                <button class=\"lg ${color}\" id=\"btn-yes\">ตกลง</button>\n            </div>\n        </div>\n    `;\n    doc.appendChild(dialog);\n    // button\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.focus();\n    dialog.querySelector<HTMLButtonElement>('#btn-yes')!.onclick = () => {\n        dialog.remove();\n        resolve();\n    };\n});\n/*--------------------------------------------------------------------------------*/\nexport const toast = (\n    message: string,\n    params?: {\n        type?: string;\n        target?: HTMLElement;\n    }\n) => new Promise<void>((resolve) => {\n    if (!app) return;\n    const doc = params && params?.target ? params.target : app;\n    const type = params && params?.type ? params.type : 'success';\n    // type\n    let color = '';\n    let icon = '';\n    if (type == 'success') { color = 'green'; icon = '&#xf058;'; }\n    if (type == 'failure') { color = 'red'; icon = '&#xf057;'; }\n    if (type == 'warning') { color = 'orange'; icon = '&#xf06a;'; }\n    if (type == 'info') { color = 'blue'; icon = '&#xf05a;'; }\n    // create\n    const toast = document.createElement('div');\n    toast.className = `slim-toast ${color}`;\n    toast.innerHTML = /*html*/ `\n        <i class=\"icon\">${icon}</i>\n        <span class=\"text\">${message}</span>\n    `;\n    doc.appendChild(toast);\n    // animation\n    toast.classList.add('show');\n    let count = 0;\n    toast.onanimationend = () => {\n        count++;\n        if (count == 2) {\n            toast.remove();\n            resolve();\n        }\n    };\n});\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AACA,IAAM,MAAM,SAAS,cAA2B,MAAM;AAE/C,IAAM,UAAU,CACnB,SACA,WAIC,IAAI,QAAiB,CAAC,YAAY;AACnC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,QAAQ,UAAU,QAAQ,QAAQ,OAAO,QAAQ;AAEvD,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO;AAAA,EAAqB;AAAA,8BACF,KAAK;AAAA;AAAA;AAAA;AAAA,mCAIA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKN,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAI,YAAY,MAAM;AAEtB,SAAO,cAAiC,UAAU,EAAG,MAAM;AAC3D,SAAO,cAAiC,UAAU,EAAG,UAAU,MAAM;AACjE,WAAO,OAAO;AACd,YAAQ,IAAI;AAAA,EAChB;AACA,SAAO,cAAiC,SAAS,EAAG,UAAU,MAAM;AAChE,WAAO,OAAO;AACd,YAAQ,KAAK;AAAA,EACjB;AACJ,CAAC;AAEM,IAAM,QAAQ,CACjB,SACA,WAIC,IAAI,QAAc,CAAC,YAAY;AAChC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ,OAAO,OAAO,OAAO;AAEpD,MAAI,QAAQ;AACZ,MAAI,OAAO;AACX,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAS,WAAO;AAAA,EAAY;AAC7D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAO,WAAO;AAAA,EAAY;AAC3D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAU,WAAO;AAAA,EAAY;AAC9D,MAAI,QAAQ,QAAQ;AAAE,YAAQ;AAAQ,WAAO;AAAA,EAAY;AAEzD,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO;AAAA,EAAqB;AAAA,4BACJ,KAAK;AAAA,sCACK,IAAI;AAAA,mCACP,OAAO;AAAA;AAAA,oCAEN,KAAK;AAAA;AAAA;AAAA;AAIrC,MAAI,YAAY,MAAM;AAEtB,SAAO,cAAiC,UAAU,EAAG,MAAM;AAC3D,SAAO,cAAiC,UAAU,EAAG,UAAU,MAAM;AACjE,WAAO,OAAO;AACd,YAAQ;AAAA,EACZ;AACJ,CAAC;AAEM,IAAM,QAAQ,CACjB,SACA,WAIC,IAAI,QAAc,CAAC,YAAY;AAChC,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,UAAU,QAAQ,SAAS,OAAO,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ,OAAO,OAAO,OAAO;AAEpD,MAAI,QAAQ;AACZ,MAAI,OAAO;AACX,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAS,WAAO;AAAA,EAAY;AAC7D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAO,WAAO;AAAA,EAAY;AAC3D,MAAI,QAAQ,WAAW;AAAE,YAAQ;AAAU,WAAO;AAAA,EAAY;AAC9D,MAAI,QAAQ,QAAQ;AAAE,YAAQ;AAAQ,WAAO;AAAA,EAAY;AAEzD,QAAMA,SAAQ,SAAS,cAAc,KAAK;AAC1C,EAAAA,OAAM,YAAY,cAAc,KAAK;AACrC,EAAAA,OAAM;AAAA,EAAqB;AAAA,0BACL,IAAI;AAAA,6BACD,OAAO;AAAA;AAEhC,MAAI,YAAYA,MAAK;AAErB,EAAAA,OAAM,UAAU,IAAI,MAAM;AAC1B,MAAI,QAAQ;AACZ,EAAAA,OAAM,iBAAiB,MAAM;AACzB;AACA,QAAI,SAAS,GAAG;AACZ,MAAAA,OAAM,OAAO;AACb,cAAQ;AAAA,IACZ;AAAA,EACJ;AACJ,CAAC;","names":["toast"]}

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

@@ -1 +1 @@
-export { a as Close, C as Create, L as Loading, R as Ready } from '../../index-B2HHS23A.js';
+export { c as close, a as create, l as loading, r as ready } from '../../index-uQOR5bdy.js';

package/dist/mod/drawer/index.js

@@ -1,6 +1,6 @@
 // src/mod/drawer/index.ts
 var app = document.querySelector("#app");
-var Create = (params) => {
+var create = (params) => {
   const name = params.name ? params.name : "drawer";
   const size = params.size ? params.size : "mobile";
   const drawer = document.createElement("div");
@@ -84,7 +84,7 @@ var openMobile = (drawer) => {
     }
   };
 };
-var Close = (drawer) => new Promise((resolve) => {
+var close = (drawer) => new Promise((resolve) => {
   drawer.querySelector("#btn-exit").click();
   drawer.addEventListener("animationend", () => resolve());
 });
@@ -109,22 +109,22 @@ var destroy = (drawer) => {
   const dialog = document.querySelectorAll(".slim-dialog");
   dialog.forEach((el) => el.remove());
 };
-var Loading = (drawer) => {
+var loading = (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 Ready = (drawer) => {
+var ready = (drawer) => {
   const body = drawer.querySelector(".drawer-body");
   const loader = drawer.querySelector(".loader");
   if (body) body.style.display = "block";
   if (loader) loader.style.display = "none";
 };
 export {
-  Close,
-  Create,
-  Loading,
-  Ready
+  close,
+  create,
+  loading,
+  ready
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/drawer/index.ts"],"sourcesContent":["/* drawer */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\ntype reqParams = {\n    title: string;\n    body: string;\n    name?: string;\n    size?: string; // mobile, full\n};\nexport const Create = (params: reqParams): HTMLElement => {\n    const name = params.name ? params.name : 'drawer';\n    const size = params.size ? params.size : 'mobile';\n    // create\n    const drawer = document.createElement('div');\n    drawer.className = `slim-drawer ${size}`;\n    drawer.innerHTML = /*html*/ `\n        <div class=\"drawer-header\">\n            <button id=\"btn-exit\" type=\"button\"\n                class=\"circle sm light\"></button>\n            <div class=\"title\">${params.title}</div>\n        </div>\n        <div class=\"drawer-body\">${params.body}</div>\n        <div class=\"loader\">\n            <div class=\"spinner s32\"></div>\n        </div>\n    `;\n    document.body.appendChild(drawer);\n    // set size\n    switch (size) {\n        case 'mobile': openMobile(drawer); break;\n        case 'full':\n            drawer.style.animation = 'slide-in-left 0.4s forwards';\n            break;\n        default: return drawer;\n    }\n    // hash change\n    window.location.hash = name;\n    const hashChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hash != name && hash != 'modal') done();\n    };\n    const done = () => {\n        destroy(drawer);\n        if (window.location.hash == `#${name}`) history.back();\n        window.removeEventListener('hashchange', hashChange);\n    };\n    window.addEventListener('hashchange', hashChange);\n    // button\n    const btnExit = drawer.querySelector<HTMLButtonElement>('#btn-exit');\n    const btnCancel = drawer.querySelector<HTMLButtonElement>('#btn-cancel');\n    if (btnExit) {\n        btnExit.focus();\n        btnExit.onclick = done;\n    }\n    if (btnCancel) btnCancel.onclick = done;\n    return drawer;\n};\n/*--------------------------------------------------------------------------------*/\nconst openMobile = (drawer: HTMLElement) => {\n    if (!app) return;\n    const offset = app.getBoundingClientRect();\n    const appRight = offset.right;\n    const appWidth = app.offsetWidth;\n    // default position\n    drawer.style.left = `${appRight}px`;\n    // animation\n    const css = document.createElement('style');\n    drawer.appendChild(css);\n    css.sheet?.insertRule(`\n        @keyframes drawer-in {\n            from {transform: translateX(0);}\n            to   {transform: translateX(-${appWidth}px);}\n        }\n    `);\n    css.sheet?.insertRule(`\n        @keyframes drawer-out {\n            from {transform: translateX(-${appWidth}px);}\n            to   {transform: translateX(0);}\n        }\n    `);\n    // open drawer\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.animation = 'drawer-push-app 0.4s forwards';\n    drawer.style.animation = 'drawer-in 0.4s forwards';\n    // scroll shadow\n    const header = drawer.querySelector<HTMLElement>('.drawer-header');\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    if (header && body) body.onscroll = () => {\n        if (body.scrollTop > 10) {\n            header.style.boxShadow = `\n                rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,\n                rgba(60, 64, 67, 0.15) 0px 1px 3px 1px\n            `;\n        } else {\n            header.style.boxShadow = '';\n        }\n    };\n};\n/*--------------------------------------------------------------------------------*/\nexport const Close = (drawer: HTMLElement) => new Promise<void>((resolve) => {\n    drawer.querySelector<HTMLButtonElement>('#btn-exit')!.click();\n    drawer.addEventListener('animationend', () => resolve());\n});\nconst destroy = (drawer: HTMLElement) => {\n    if (!app) return;\n    if (drawer.classList.contains('mobile')) {\n        // mobile\n        const content = app.querySelector<HTMLElement>('#app-content');\n        if (content) content.style.animation = 'drawer-pull-app 0.4s forwards';\n        drawer.style.animation = 'drawer-out 0.4s forwards';\n        drawer.addEventListener('animationend', () => {\n            if (content) content.style.animation = 'unset';\n            drawer.remove();\n        });\n    } else {\n        // full-page\n        drawer.style.animation = 'slide-out-left 0.4s forwards';\n        drawer.addEventListener('animationend', () => {\n            drawer.remove();\n        });\n    }\n    // remove modal\n    const modal = document.querySelectorAll<HTMLElement>('.slim-modal');\n    modal.forEach(el => el.remove());\n    // remove dialog\n    const dialog = document.querySelectorAll<HTMLElement>('.slim-dialog');\n    dialog.forEach(el => el.remove());\n};\n/*--------------------------------------------------------------------------------*/\nexport const Loading = (drawer: HTMLElement) => {\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    const loader = drawer.querySelector<HTMLElement>('.loader');\n    if (body) body.style.display = 'none';\n    if (loader) loader.style.display = 'flex';\n};\n/*--------------------------------------------------------------------------------*/\nexport const Ready = (drawer: HTMLElement) => {\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    const loader = drawer.querySelector<HTMLElement>('.loader');\n    if (body) body.style.display = 'block';\n    if (loader) loader.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/mod/drawer/index.ts"],"sourcesContent":["/* drawer */\nconst app = document.querySelector<HTMLElement>('#app');\n/*--------------------------------------------------------------------------------*/\ntype reqParams = {\n    title: string;\n    body: string;\n    name?: string;\n    size?: string; // mobile, full\n};\nexport const create = (params: reqParams): HTMLElement => {\n    const name = params.name ? params.name : 'drawer';\n    const size = params.size ? params.size : 'mobile';\n    // create\n    const drawer = document.createElement('div');\n    drawer.className = `slim-drawer ${size}`;\n    drawer.innerHTML = /*html*/ `\n        <div class=\"drawer-header\">\n            <button id=\"btn-exit\" type=\"button\"\n                class=\"circle sm light\"></button>\n            <div class=\"title\">${params.title}</div>\n        </div>\n        <div class=\"drawer-body\">${params.body}</div>\n        <div class=\"loader\">\n            <div class=\"spinner s32\"></div>\n        </div>\n    `;\n    document.body.appendChild(drawer);\n    // set size\n    switch (size) {\n        case 'mobile': openMobile(drawer); break;\n        case 'full':\n            drawer.style.animation = 'slide-in-left 0.4s forwards';\n            break;\n        default: return drawer;\n    }\n    // hash change\n    window.location.hash = name;\n    const hashChange = () => {\n        const hash = (window.location.hash).replaceAll('#', '');\n        if (hash != name && hash != 'modal') done();\n    };\n    const done = () => {\n        destroy(drawer);\n        if (window.location.hash == `#${name}`) history.back();\n        window.removeEventListener('hashchange', hashChange);\n    };\n    window.addEventListener('hashchange', hashChange);\n    // button\n    const btnExit = drawer.querySelector<HTMLButtonElement>('#btn-exit');\n    const btnCancel = drawer.querySelector<HTMLButtonElement>('#btn-cancel');\n    if (btnExit) {\n        btnExit.focus();\n        btnExit.onclick = done;\n    }\n    if (btnCancel) btnCancel.onclick = done;\n    return drawer;\n};\n/*--------------------------------------------------------------------------------*/\nconst openMobile = (drawer: HTMLElement) => {\n    if (!app) return;\n    const offset = app.getBoundingClientRect();\n    const appRight = offset.right;\n    const appWidth = app.offsetWidth;\n    // default position\n    drawer.style.left = `${appRight}px`;\n    // animation\n    const css = document.createElement('style');\n    drawer.appendChild(css);\n    css.sheet?.insertRule(`\n        @keyframes drawer-in {\n            from {transform: translateX(0);}\n            to   {transform: translateX(-${appWidth}px);}\n        }\n    `);\n    css.sheet?.insertRule(`\n        @keyframes drawer-out {\n            from {transform: translateX(-${appWidth}px);}\n            to   {transform: translateX(0);}\n        }\n    `);\n    // open drawer\n    const content = app.querySelector<HTMLElement>('#app-content');\n    if (content) content.style.animation = 'drawer-push-app 0.4s forwards';\n    drawer.style.animation = 'drawer-in 0.4s forwards';\n    // scroll shadow\n    const header = drawer.querySelector<HTMLElement>('.drawer-header');\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    if (header && body) body.onscroll = () => {\n        if (body.scrollTop > 10) {\n            header.style.boxShadow = `\n                rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,\n                rgba(60, 64, 67, 0.15) 0px 1px 3px 1px\n            `;\n        } else {\n            header.style.boxShadow = '';\n        }\n    };\n};\n/*--------------------------------------------------------------------------------*/\nexport const close = (drawer: HTMLElement) => new Promise<void>((resolve) => {\n    drawer.querySelector<HTMLButtonElement>('#btn-exit')!.click();\n    drawer.addEventListener('animationend', () => resolve());\n});\nconst destroy = (drawer: HTMLElement) => {\n    if (!app) return;\n    if (drawer.classList.contains('mobile')) {\n        // mobile\n        const content = app.querySelector<HTMLElement>('#app-content');\n        if (content) content.style.animation = 'drawer-pull-app 0.4s forwards';\n        drawer.style.animation = 'drawer-out 0.4s forwards';\n        drawer.addEventListener('animationend', () => {\n            if (content) content.style.animation = 'unset';\n            drawer.remove();\n        });\n    } else {\n        // full-page\n        drawer.style.animation = 'slide-out-left 0.4s forwards';\n        drawer.addEventListener('animationend', () => {\n            drawer.remove();\n        });\n    }\n    // remove modal\n    const modal = document.querySelectorAll<HTMLElement>('.slim-modal');\n    modal.forEach(el => el.remove());\n    // remove dialog\n    const dialog = document.querySelectorAll<HTMLElement>('.slim-dialog');\n    dialog.forEach(el => el.remove());\n};\n/*--------------------------------------------------------------------------------*/\nexport const loading = (drawer: HTMLElement) => {\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    const loader = drawer.querySelector<HTMLElement>('.loader');\n    if (body) body.style.display = 'none';\n    if (loader) loader.style.display = 'flex';\n};\n/*--------------------------------------------------------------------------------*/\nexport const ready = (drawer: HTMLElement) => {\n    const body = drawer.querySelector<HTMLElement>('.drawer-body');\n    const loader = drawer.querySelector<HTMLElement>('.loader');\n    if (body) body.style.display = 'block';\n    if (loader) loader.style.display = 'none';\n};\n/*--------------------------------------------------------------------------------*/\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-export { C as Clear, M as Menu, S as Select, U as Update } from '../../index-DcvauYN8.js';
+export { c as clear, m as menu, s as select, u as update } from '../../index-CoYHkkyT.js';

package/dist/mod/drop/index.js

@@ -1,25 +1,25 @@
 // src/mod/drop/index.ts
-var Menu = (drop) => {
+var menu = (drop) => {
   const dropBtn = drop.querySelector(".drop-btn");
   const content = drop.querySelector(".drop-content");
   if (!dropBtn || !content) return;
   setBtnEvent(dropBtn, content);
 };
-var Select = (drop, icon, callBack) => {
+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);
+  update(drop, icon, callBack);
 };
-var Update = (drop, icon, callBack) => {
-  const select = drop.querySelector("select");
+var update = (drop, icon, callBack) => {
+  const select2 = drop.querySelector("select");
   const content = drop.querySelector(".drop-content");
-  if (!select || !content) return;
+  if (!select2 || !content) return;
   let elmIcon = "";
   if (icon) elmIcon = `<span style="margin-right: 6px;">${icon}</span>`;
   content.innerHTML = "";
-  const option = select.querySelectorAll("option");
+  const option = select2.querySelectorAll("option");
   option.forEach((opt) => {
     const item = document.createElement("a");
     item.innerHTML = `${elmIcon}${opt.text}`;
@@ -33,7 +33,7 @@ var Update = (drop, icon, callBack) => {
     };
   });
   const clearSelected = () => {
-    const index = select.selectedIndex;
+    const index = select2.selectedIndex;
     const list = content.querySelectorAll("a");
     list.forEach((el, i) => {
       if (i == index) {
@@ -54,7 +54,7 @@ var setBtnEvent = (btn, content) => {
         content.style.display = "";
       };
     } else {
-      Clear();
+      clear();
       content.style.animation = "fade-in 0.4s forwards";
       content.style.display = "block";
       content.onanimationend = () => {
@@ -63,7 +63,7 @@ var setBtnEvent = (btn, content) => {
     }
   };
 };
-var Clear = () => {
+var clear = () => {
   const drop = document.querySelectorAll(".drop-content");
   drop.forEach((el) => {
     if (el.style.display == "block") {
@@ -76,12 +76,12 @@ var Clear = () => {
   });
 };
 window.addEventListener("click", (e) => {
-  if (!e.target.matches(".drop-btn")) Clear();
+  if (!e.target.matches(".drop-btn")) clear();
 });
 export {
-  Clear,
-  Menu,
-  Select,
-  Update
+  clear,
+  menu,
+  select,
+  update
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mod/drop/index.ts"],"sourcesContent":["/* drop */\n/*--------------------------------------------------------------------------------*/\nexport const Menu = (drop: HTMLElement) => {\n    const dropBtn = drop.querySelector<HTMLButtonElement>('.drop-btn');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!dropBtn || !content) return;\n    setBtnEvent(dropBtn, content);\n};\n/*--------------------------------------------------------------------------------*/\nexport const Select = (\n    drop: HTMLElement,\n    icon: string,\n    callBack: (value: string, text: string) => void,\n) => {\n    const dropBtn = drop.querySelector<HTMLButtonElement>('.drop-btn');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!dropBtn || !content) return;\n    setBtnEvent(dropBtn, content);\n    Update(drop, icon, callBack);\n};\n/*--------------------------------------------------------------------------------*/\nexport const Update = (\n    drop: HTMLElement,\n    icon: string,\n    callBack: (value: string, text: string) => void,\n) => {\n    const select = drop.querySelector<HTMLSelectElement>('select');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!select || !content) return;\n    let elmIcon = '';\n    if (icon) elmIcon = `<span style=\"margin-right: 6px;\">${icon}</span>`;\n    // select to menu\n    content.innerHTML = '';\n    const option = select.querySelectorAll<HTMLOptionElement>('option');\n    option.forEach(opt => {\n        const item = document.createElement('a');\n        item.innerHTML = `${elmIcon}${opt.text}`;\n        content.appendChild(item);\n        // drop click\n        item.onclick = () => {\n            opt.selected = true;\n            clearSelected();\n            if (callBack) {\n                callBack(opt.value, opt.text);\n            }\n        };\n    });\n    // clear selected\n    const clearSelected = () => {\n        const index = select.selectedIndex;\n        const list = content.querySelectorAll<HTMLAnchorElement>('a');\n        list.forEach((el, i) => {\n            if (i == index) {\n                el.classList.add('selected');\n            } else {\n                el.classList.remove('selected');\n            }\n        });\n    };\n    clearSelected();\n};\n/*--------------------------------------------------------------------------------*/\nconst setBtnEvent = (btn: HTMLButtonElement, content: HTMLElement) => {\n    btn.onclick = () => {\n        if (content.style.display == 'block') {\n            content.style.animation = 'fade-out 0.4s forwards';\n            content.onanimationend = () => {\n                content.style.animation = '';\n                content.style.display = '';\n            };\n        } else {\n            Clear();\n            content.style.animation = 'fade-in 0.4s forwards';\n            content.style.display = 'block';\n            content.onanimationend = () => {\n                content.style.animation = '';\n            };\n        }\n    };\n};\n/*--------------------------------------------------------------------------------*/\nexport const Clear = () => {\n    const drop = document.querySelectorAll<HTMLElement>('.drop-content');\n    drop.forEach(el => {\n        if (el.style.display == 'block') {\n            el.style.animation = 'fade-out 0.4s forwards';\n            el.onanimationend = () => {\n                el.style.animation = '';\n                el.style.display = '';\n            };\n        }\n    });\n};\nwindow.addEventListener('click', (e) => {\n    if (!(<HTMLElement>e.target).matches('.drop-btn')) Clear();\n});\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,OAAO,CAAC,SAAsB;AACvC,QAAM,UAAU,KAAK,cAAiC,WAAW;AACjE,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAY,SAAS,OAAO;AAChC;AAEO,IAAM,SAAS,CAClB,MACA,MACA,aACC;AACD,QAAM,UAAU,KAAK,cAAiC,WAAW;AACjE,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAY,SAAS,OAAO;AAC5B,SAAO,MAAM,MAAM,QAAQ;AAC/B;AAEO,IAAM,SAAS,CAClB,MACA,MACA,aACC;AACD,QAAM,SAAS,KAAK,cAAiC,QAAQ;AAC7D,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAAC,UAAU,CAAC,QAAS;AACzB,MAAI,UAAU;AACd,MAAI,KAAM,WAAU,oCAAoC,IAAI;AAE5D,UAAQ,YAAY;AACpB,QAAM,SAAS,OAAO,iBAAoC,QAAQ;AAClE,SAAO,QAAQ,SAAO;AAClB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,YAAY,GAAG,OAAO,GAAG,IAAI,IAAI;AACtC,YAAQ,YAAY,IAAI;AAExB,SAAK,UAAU,MAAM;AACjB,UAAI,WAAW;AACf,oBAAc;AACd,UAAI,UAAU;AACV,iBAAS,IAAI,OAAO,IAAI,IAAI;AAAA,MAChC;AAAA,IACJ;AAAA,EACJ,CAAC;AAED,QAAM,gBAAgB,MAAM;AACxB,UAAM,QAAQ,OAAO;AACrB,UAAM,OAAO,QAAQ,iBAAoC,GAAG;AAC5D,SAAK,QAAQ,CAAC,IAAI,MAAM;AACpB,UAAI,KAAK,OAAO;AACZ,WAAG,UAAU,IAAI,UAAU;AAAA,MAC/B,OAAO;AACH,WAAG,UAAU,OAAO,UAAU;AAAA,MAClC;AAAA,IACJ,CAAC;AAAA,EACL;AACA,gBAAc;AAClB;AAEA,IAAM,cAAc,CAAC,KAAwB,YAAyB;AAClE,MAAI,UAAU,MAAM;AAChB,QAAI,QAAQ,MAAM,WAAW,SAAS;AAClC,cAAQ,MAAM,YAAY;AAC1B,cAAQ,iBAAiB,MAAM;AAC3B,gBAAQ,MAAM,YAAY;AAC1B,gBAAQ,MAAM,UAAU;AAAA,MAC5B;AAAA,IACJ,OAAO;AACH,YAAM;AACN,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,UAAU;AACxB,cAAQ,iBAAiB,MAAM;AAC3B,gBAAQ,MAAM,YAAY;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,IAAM,QAAQ,MAAM;AACvB,QAAM,OAAO,SAAS,iBAA8B,eAAe;AACnE,OAAK,QAAQ,QAAM;AACf,QAAI,GAAG,MAAM,WAAW,SAAS;AAC7B,SAAG,MAAM,YAAY;AACrB,SAAG,iBAAiB,MAAM;AACtB,WAAG,MAAM,YAAY;AACrB,WAAG,MAAM,UAAU;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;AACA,OAAO,iBAAiB,SAAS,CAAC,MAAM;AACpC,MAAI,CAAe,EAAE,OAAQ,QAAQ,WAAW,EAAG,OAAM;AAC7D,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/mod/drop/index.ts"],"sourcesContent":["/* drop */\n/*--------------------------------------------------------------------------------*/\nexport const menu = (drop: HTMLElement) => {\n    const dropBtn = drop.querySelector<HTMLButtonElement>('.drop-btn');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!dropBtn || !content) return;\n    setBtnEvent(dropBtn, content);\n};\n/*--------------------------------------------------------------------------------*/\nexport const select = (\n    drop: HTMLElement,\n    icon: string,\n    callBack: (value: string, text: string) => void,\n) => {\n    const dropBtn = drop.querySelector<HTMLButtonElement>('.drop-btn');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!dropBtn || !content) return;\n    setBtnEvent(dropBtn, content);\n    update(drop, icon, callBack);\n};\n/*--------------------------------------------------------------------------------*/\nexport const update = (\n    drop: HTMLElement,\n    icon: string,\n    callBack: (value: string, text: string) => void,\n) => {\n    const select = drop.querySelector<HTMLSelectElement>('select');\n    const content = drop.querySelector<HTMLElement>('.drop-content');\n    if (!select || !content) return;\n    let elmIcon = '';\n    if (icon) elmIcon = `<span style=\"margin-right: 6px;\">${icon}</span>`;\n    // select to menu\n    content.innerHTML = '';\n    const option = select.querySelectorAll<HTMLOptionElement>('option');\n    option.forEach(opt => {\n        const item = document.createElement('a');\n        item.innerHTML = `${elmIcon}${opt.text}`;\n        content.appendChild(item);\n        // drop click\n        item.onclick = () => {\n            opt.selected = true;\n            clearSelected();\n            if (callBack) {\n                callBack(opt.value, opt.text);\n            }\n        };\n    });\n    // clear selected\n    const clearSelected = () => {\n        const index = select.selectedIndex;\n        const list = content.querySelectorAll<HTMLAnchorElement>('a');\n        list.forEach((el, i) => {\n            if (i == index) {\n                el.classList.add('selected');\n            } else {\n                el.classList.remove('selected');\n            }\n        });\n    };\n    clearSelected();\n};\n/*--------------------------------------------------------------------------------*/\nconst setBtnEvent = (btn: HTMLButtonElement, content: HTMLElement) => {\n    btn.onclick = () => {\n        if (content.style.display == 'block') {\n            content.style.animation = 'fade-out 0.4s forwards';\n            content.onanimationend = () => {\n                content.style.animation = '';\n                content.style.display = '';\n            };\n        } else {\n            clear();\n            content.style.animation = 'fade-in 0.4s forwards';\n            content.style.display = 'block';\n            content.onanimationend = () => {\n                content.style.animation = '';\n            };\n        }\n    };\n};\n/*--------------------------------------------------------------------------------*/\nexport const clear = () => {\n    const drop = document.querySelectorAll<HTMLElement>('.drop-content');\n    drop.forEach(el => {\n        if (el.style.display == 'block') {\n            el.style.animation = 'fade-out 0.4s forwards';\n            el.onanimationend = () => {\n                el.style.animation = '';\n                el.style.display = '';\n            };\n        }\n    });\n};\nwindow.addEventListener('click', (e) => {\n    if (!(<HTMLElement>e.target).matches('.drop-btn')) clear();\n});\n/*--------------------------------------------------------------------------------*/\n"],"mappings":";AAEO,IAAM,OAAO,CAAC,SAAsB;AACvC,QAAM,UAAU,KAAK,cAAiC,WAAW;AACjE,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAY,SAAS,OAAO;AAChC;AAEO,IAAM,SAAS,CAClB,MACA,MACA,aACC;AACD,QAAM,UAAU,KAAK,cAAiC,WAAW;AACjE,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAY,SAAS,OAAO;AAC5B,SAAO,MAAM,MAAM,QAAQ;AAC/B;AAEO,IAAM,SAAS,CAClB,MACA,MACA,aACC;AACD,QAAMA,UAAS,KAAK,cAAiC,QAAQ;AAC7D,QAAM,UAAU,KAAK,cAA2B,eAAe;AAC/D,MAAI,CAACA,WAAU,CAAC,QAAS;AACzB,MAAI,UAAU;AACd,MAAI,KAAM,WAAU,oCAAoC,IAAI;AAE5D,UAAQ,YAAY;AACpB,QAAM,SAASA,QAAO,iBAAoC,QAAQ;AAClE,SAAO,QAAQ,SAAO;AAClB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,YAAY,GAAG,OAAO,GAAG,IAAI,IAAI;AACtC,YAAQ,YAAY,IAAI;AAExB,SAAK,UAAU,MAAM;AACjB,UAAI,WAAW;AACf,oBAAc;AACd,UAAI,UAAU;AACV,iBAAS,IAAI,OAAO,IAAI,IAAI;AAAA,MAChC;AAAA,IACJ;AAAA,EACJ,CAAC;AAED,QAAM,gBAAgB,MAAM;AACxB,UAAM,QAAQA,QAAO;AACrB,UAAM,OAAO,QAAQ,iBAAoC,GAAG;AAC5D,SAAK,QAAQ,CAAC,IAAI,MAAM;AACpB,UAAI,KAAK,OAAO;AACZ,WAAG,UAAU,IAAI,UAAU;AAAA,MAC/B,OAAO;AACH,WAAG,UAAU,OAAO,UAAU;AAAA,MAClC;AAAA,IACJ,CAAC;AAAA,EACL;AACA,gBAAc;AAClB;AAEA,IAAM,cAAc,CAAC,KAAwB,YAAyB;AAClE,MAAI,UAAU,MAAM;AAChB,QAAI,QAAQ,MAAM,WAAW,SAAS;AAClC,cAAQ,MAAM,YAAY;AAC1B,cAAQ,iBAAiB,MAAM;AAC3B,gBAAQ,MAAM,YAAY;AAC1B,gBAAQ,MAAM,UAAU;AAAA,MAC5B;AAAA,IACJ,OAAO;AACH,YAAM;AACN,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,UAAU;AACxB,cAAQ,iBAAiB,MAAM;AAC3B,gBAAQ,MAAM,YAAY;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,IAAM,QAAQ,MAAM;AACvB,QAAM,OAAO,SAAS,iBAA8B,eAAe;AACnE,OAAK,QAAQ,QAAM;AACf,QAAI,GAAG,MAAM,WAAW,SAAS;AAC7B,SAAG,MAAM,YAAY;AACrB,SAAG,iBAAiB,MAAM;AACtB,WAAG,MAAM,YAAY;AACrB,WAAG,MAAM,UAAU;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;AACA,OAAO,iBAAiB,SAAS,CAAC,MAAM;AACpC,MAAI,CAAe,EAAE,OAAQ,QAAQ,WAAW,EAAG,OAAM;AAC7D,CAAC;","names":["select"]}

package/dist/mod/index.d.ts

@@ -1,9 +1,9 @@
-export { i as button } from '../index-QRbamarh.js';
+export { i as button } from '../index-BAQxKstM.js';
 export { i as input } from '../index-Dm_WTy_S.js';
-export { i as cover } from '../index-BQcJsVJ-.js';
+export { i as cover } from '../index-D5CUpF9v.js';
 export { i as camera } from '../index-D3N8oo7V.js';
-export { i as dialog } from '../index-CzsSwSvp.js';
-export { i as drawer } from '../index-B2HHS23A.js';
-export { i as drop } from '../index-DcvauYN8.js';
-export { i as modal } from '../index-DQt71MNx.js';
-export { i as tabs } from '../index-DZdXvqxA.js';
+export { i as dialog } from '../index-B4158M0u.js';
+export { i as drawer } from '../index-uQOR5bdy.js';
+export { i as drop } from '../index-CoYHkkyT.js';
+export { i as modal } from '../index-CD53Vh6h.js';
+export { i as tabs } from '../index-DzKPF0ja.js';