@kalel1500/kalion-js 0.12.0-beta.0 → 0.13.0-beta.1

package/dist/app/kalion-js.es.js

@@ -1230,11 +1230,10 @@ class SSelect {
     url.searchParams.set("search", search2);
     url.searchParams.set("limit", fetchLimit.toString());
     url.searchParams.set("exclude", selectedValues.join(","));
-    const response = await fetch(url.toString());
-    const resp = await response.json();
+    const resp = await g.fetchStrict({ url: url.toString() });
     const rawData = (resp == null ? void 0 : resp.data) || [];
     if (!rawData.length) {
-      throw new Error((resp == null ? void 0 : resp.error) || "No results found");
+      throw new Error("No results found");
     }
     const selectedSet = new Set(selectedValues.map((v) => String(v)));
     return rawData.map((item) => {
@@ -7358,15 +7357,49 @@ var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["warning"] = "warning";
   return AlertType2;
 })(AlertType || {});
+const flowbiteFunctions = {
+  initAccordions,
+  initCollapses,
+  initCarousels,
+  initDismisses,
+  initDropdowns,
+  initModals,
+  initDrawers,
+  initTabs,
+  initTooltips,
+  initPopovers,
+  initDials,
+  initInputCounters,
+  initCopyClipboards,
+  initDatepickers
+};
+function handleFlowbiteInit(initOption) {
+  if (!initOption) return;
+  if (initOption === true) {
+    initFlowbite();
+  } else if (Array.isArray(initOption)) {
+    initOption.forEach((componentName) => {
+      const fn = flowbiteFunctions[componentName];
+      if (fn) fn();
+    });
+  } else {
+    const fn = flowbiteFunctions[initOption];
+    if (fn) fn();
+  }
+}
 const _FModal = class _FModal {
   constructor(id, options) {
     __publicField(this, "modal");
+    __publicField(this, "id");
     __publicField(this, "showLoading");
+    __publicField(this, "destroyOnHide");
     __publicField(this, "$modalElement");
     __publicField(this, "$spinnerElements");
     __publicField(this, "$messageElements");
     var _a, _b, _c, _d, _e, _f;
+    this.id = id;
     this.showLoading = (options == null ? void 0 : options.showLoading) ?? false;
+    this.destroyOnHide = (options == null ? void 0 : options.destroyOnHide) ?? false;
     this.$modalElement = document.querySelector(`#${id}`);
     this.$spinnerElements = ((_a = this.$modalElement) == null ? void 0 : _a.querySelectorAll(`.fmodal-spinner`)) ?? null;
     this.$messageElements = {
@@ -7400,6 +7433,7 @@ const _FModal = class _FModal {
         onShow: (modal) => {
           if (options == null ? void 0 : options.onShow) {
             options.onShow(this);
+            handleFlowbiteInit(options == null ? void 0 : options.initFlowbiteAfterOnShow);
           }
         },
         onToggle: () => {
@@ -7412,12 +7446,10 @@ const _FModal = class _FModal {
         ...options == null ? void 0 : options.instanceOptions
       }
     );
-    let abortController = _FModal.registry.get(id);
-    if (abortController) {
-      abortController.abort();
-    }
-    abortController = new AbortController();
-    _FModal.registry.set(id, abortController);
+    this.removeListener();
+    const abortController = new AbortController();
+    _FModal.registryAbort.set(id, abortController);
+    _FModal.registryModal.set(id, this.modal);
     (_f = this.$modalElement) == null ? void 0 : _f.addEventListener(
       "click",
       async (e) => {
@@ -7426,21 +7458,24 @@ const _FModal = class _FModal {
         const $btnConfirm = target.closest(`[data-fmodal-confirm="${id}"]`);
         const $btnDeny = target.closest(`[data-fmodal-deny="${id}"]`);
         if ($btnHide) {
-          this.modal.hide();
+          this.hide();
         }
         if ($btnConfirm || $btnDeny) {
           const $actionBtn = $btnConfirm ? $btnConfirm : $btnDeny;
           const action = $btnConfirm ? options == null ? void 0 : options.onConfirm : options == null ? void 0 : options.onDeny;
           const actionName = $btnConfirm ? "onConfirm" : "onDeny";
           if (!action) {
-            this.modal.hide();
+            this.hide();
             return;
           }
           this.toggleBtn("disable", $actionBtn);
           try {
             const shouldHide = await action(this);
+            if (actionName === "onConfirm") {
+              handleFlowbiteInit(options == null ? void 0 : options.initFlowbiteAfterOnConfirm);
+            }
             if (shouldHide) {
-              this.modal.hide();
+              this.hide();
             }
           } catch (error) {
             console.error(`Error in ${actionName}: `, error);
@@ -7455,11 +7490,31 @@ const _FModal = class _FModal {
       { signal: abortController.signal }
     );
   }
-  destroy(id) {
-    const abortController = _FModal.registry.get(id);
+  hide() {
+    this.modal.hide();
+    if (this.destroyOnHide) {
+      this.destroy();
+    }
+  }
+  destroy() {
+    _FModal.destroy(this.id);
+  }
+  static destroy(id) {
+    _FModal.removeListener(id);
+    const modalInstance = _FModal.registryModal.get(id);
+    if (modalInstance) {
+      modalInstance.destroy();
+      _FModal.registryModal.delete(id);
+    }
+  }
+  removeListener() {
+    _FModal.removeListener(this.id);
+  }
+  static removeListener(id) {
+    const abortController = _FModal.registryAbort.get(id);
     if (abortController) {
       abortController.abort();
-      _FModal.registry.delete(id);
+      _FModal.registryAbort.delete(id);
     }
   }
   showMessage({ message, type, autoHide = false, hideAfter = 3e3 }) {
@@ -7547,7 +7602,8 @@ const _FModal = class _FModal {
     }
   }
 };
-__publicField(_FModal, "registry", /* @__PURE__ */ new Map());
+__publicField(_FModal, "registryAbort", /* @__PURE__ */ new Map());
+__publicField(_FModal, "registryModal", /* @__PURE__ */ new Map());
 let FModal = _FModal;
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -11101,83 +11157,82 @@ __publicField(_SModal, "Toast", Swal.mixin({
 }));
 let SModal = _SModal;
 const _Route = class _Route {
-  static page(uri, callback, makeDataRequest = false) {
-    if (Array.isArray(callback) && typeof makeDataRequest === "boolean") {
-      const controller = callback[0];
-      const method = callback[1];
-      __privateGet(_Route, _ROUTES)["PAGES"][uri] = {
-        uri,
-        controller,
-        method,
-        makeDataRequest
-      };
+  /**
+   * Instancia una clase o devuelve el objeto literal tal cual.
+   */
+  static resolveController(controller) {
+    return typeof controller === "function" ? new controller() : controller;
+  }
+  /**
+   * Recorre un grupo de rutas y ejecuta el método del controlador
+   * si el predicado devuelve true.
+   */
+  static runControllers(routes, shouldRun) {
+    Object.values(routes).forEach((entry) => {
+      if (!shouldRun(entry)) return;
+      const controller = _Route.resolveController(entry.controller);
+      controller[entry.method]();
+    });
+  }
+  /**
+   * Comprueba si el paquete de rutas (Ziggy) está disponible e inicializado.
+   */
+  static isRouteAvailable() {
+    var _a;
+    try {
+      const r = route();
+      return Boolean((_a = r == null ? void 0 : r.t) == null ? void 0 : _a.hasOwnProperty("url"));
+    } catch {
+      return false;
     }
   }
+  // ─── Registro de rutas ────────────────────────────────────────────────────
+  static page(uri, callback, makeDataRequest = false) {
+    if (!Array.isArray(callback)) return;
+    const [controller, method] = callback;
+    __privateGet(_Route, _ROUTES)["PAGES"][uri] = {
+      uri,
+      controller,
+      method,
+      makeDataRequest
+    };
+  }
   static component(callback, uris) {
-    if (Array.isArray(callback) && Array.isArray(uris)) {
-      const controller = callback[0];
-      const method = callback[1];
-      __privateGet(_Route, _ROUTES)["COMPONENTS"][`${controller.name}_${method}`] = {
-        controller,
-        method,
-        uris
-      };
-    }
+    if (!Array.isArray(callback) || !Array.isArray(uris)) return;
+    const [controller, method] = callback;
+    const key = `${controller.name ?? "anonymous"}_${method}`;
+    __privateGet(_Route, _ROUTES)["COMPONENTS"][key] = { controller, method, uris };
   }
   static all(callback, except) {
-    if (Array.isArray(callback) && Array.isArray(except)) {
-      const controller = callback[0];
-      const method = callback[1];
-      __privateGet(_Route, _ROUTES)["ALL"][`${controller.name}_${method}`] = {
-        controller,
-        method,
-        except
-      };
-    }
+    if (!Array.isArray(callback) || !Array.isArray(except)) return;
+    const [controller, method] = callback;
+    const key = `${controller.name ?? "anonymous"}_${method}`;
+    __privateGet(_Route, _ROUTES)["ALL"][key] = { controller, method, except };
   }
+  // ─── Dispatch ─────────────────────────────────────────────────────────────
   static dispatch() {
-    if (!_Route.existsRoutesDefinition()) return;
+    if (!_Route.isRouteAvailable()) return;
     Object.values(__privateGet(_Route, _ROUTES)["PAGES"]).forEach((page) => {
       var _a;
-      if (route().current() === page.uri) {
-        const controller = new page.controller();
-        if (!page.makeDataRequest) {
-          let data = (_a = document.getElementById("page-data")) == null ? void 0 : _a.dataset.pageData;
-          if (data) {
-            data = JSON.parse(data);
-          }
-          controller[page.method](data);
-          return;
-        }
-        g.fetchStrict({ url: route(page.uri, route().params) }).then((viewData) => {
-          controller[page.method](viewData);
-        }).catch((e) => {
-          g.catchCode({ error: e });
-        });
+      if (route().current() !== page.uri) return;
+      const controller = _Route.resolveController(page.controller);
+      if (!page.makeDataRequest) {
+        const raw = (_a = document.getElementById("page-data")) == null ? void 0 : _a.dataset.pageData;
+        const data = raw ? JSON.parse(raw) : void 0;
+        controller[page.method](data);
         return;
       }
+      g.fetchStrict({ url: route(page.uri, route().params) }).then((viewData) => controller[page.method](viewData)).catch((e) => g.catchCode({ error: e }));
     });
-    Object.values(__privateGet(_Route, _ROUTES)["COMPONENTS"]).forEach((component) => {
-      const onRoutes = component.uris;
-      const currentRoute = route().current();
-      if (currentRoute !== void 0 && onRoutes.includes(currentRoute)) {
-        const controller = new component.controller();
-        controller[component.method]();
-      }
+    _Route.runControllers(__privateGet(_Route, _ROUTES)["COMPONENTS"], (entry) => {
+      const current = route().current();
+      return current !== void 0 && entry.uris.includes(current);
     });
-    Object.values(__privateGet(_Route, _ROUTES)["ALL"]).forEach((component) => {
-      const exceptRoutes = component.except;
-      const currentRoute = route().current();
-      if (currentRoute !== void 0 && !exceptRoutes.includes(currentRoute)) {
-        const controller = new component.controller();
-        controller[component.method]();
-      }
+    _Route.runControllers(__privateGet(_Route, _ROUTES)["ALL"], (entry) => {
+      const current = route().current();
+      return current !== void 0 && !entry.except.includes(current);
     });
   }
-  static existsRoutesDefinition() {
-    const routeVariable = route();
-    return routeVariable.t.hasOwnProperty("url");
-  }
 };
 _ROUTES = new WeakMap();
 __privateAdd(_Route, _ROUTES, {