underpost 2.8.843 → 2.8.844

package/src/client/components/core/Docs.js

@@ -11,8 +11,6 @@ import Sortable from 'sortablejs';
 
 // https://mintlify.com/docs/quickstart
 
-const umlTypes = ['server', 'cron', 'client', 'ssr'];
-
 const Docs = {
   RenderModal: async function (type, modalOptions) {
     const docData = this.Data.find((d) => d.type === type);
@@ -118,37 +116,7 @@ const Docs = {
           )}`;
       },
     },
-  ].concat(
-    umlTypes.map((umlType) => {
-      const umlId = `uml-${umlType}`;
-      return {
-        type: umlId,
-        icon: html`<i class="fas fa-sitemap"></i>`,
-        text: Translate.Render(`${umlType} config uml`),
-        url: function () {
-          return `/docs/?cid=${umlId}`;
-        },
-        renderHtml: function () {
-          return html` <div class="in section-mp">
-              <div class="in sub-title-modal"><i class="fas fa-project-diagram"></i> Schema</div>
-            </div>
-            <div class="in section-mp">
-              <a href="${getProxyPath()}docs/plantuml/${umlType}-schema.svg" target="_blank"
-                ><img class="in plantuml-svg" src="${getProxyPath()}docs/plantuml/${umlType}-schema.svg"
-              /></a>
-            </div>
-            <div class="in section-mp">
-              <div class="in sub-title-modal"><i class="fas fa-project-diagram"></i> Instance example</div>
-            </div>
-            <div class="in section-mp">
-              <a href="${getProxyPath()}docs/plantuml/${umlType}-conf.svg" target="_blank"
-                ><img class="in plantuml-svg" src="${getProxyPath()}docs/plantuml/${umlType}-conf.svg"
-              /></a>
-            </div>`;
-        },
-      };
-    }),
-  ),
+  ],
   Tokens: {},
   Init: async function (options) {
     const { idModal } = options;
@@ -158,10 +126,6 @@ const Docs = {
         s(`.btn-docs-src`).classList.remove('main-btn-menu-active');
         s(`.btn-docs-api`).classList.remove('main-btn-menu-active');
         s(`.btn-docs-coverage`).classList.remove('main-btn-menu-active');
-        for (const umlType of umlTypes) {
-          const umlId = `uml-${umlType}`;
-          s(`.btn-docs-${umlId}`).classList.remove('main-btn-menu-active');
-        }
       };
       s(`.btn-docs-src`).onclick = async () => {
         setQueryPath({ path: 'docs', queryPath: 'src' });
@@ -195,16 +159,6 @@ const Docs = {
         location.href = docData.url();
       };
 
-      for (const umlType of umlTypes) {
-        const umlId = `uml-${umlType}`;
-        s(`.btn-docs-${umlId}`).onclick = async () => {
-          cleanActive();
-          s(`.btn-docs-${umlId}`).classList.add('main-btn-menu-active');
-          setQueryPath({ path: 'docs', queryPath: umlId });
-          await this.RenderModal(umlId, { ...options.modalOptions, handleType: 'bar' });
-        };
-      }
-
       listenQueryPathInstance({
         id: options.idModal,
         routeId: 'docs',

package/src/client/components/core/EventsUI.js

@@ -2,7 +2,7 @@ import { LoadingAnimation } from '../core/LoadingAnimation.js';
 import { loggerFactory } from '../core/Logger.js';
 import { cssEffect } from './Css.js';
 import { NotificationManager } from './NotificationManager.js';
-import { s } from './VanillaJs.js';
+import { s, isActiveElement } from './VanillaJs.js';
 
 const logger = loggerFactory(import.meta);
 
@@ -13,10 +13,37 @@ const EventsUI = {
     let complete = true;
     s(id)[type] = async function (e) {
       if (options.clickEffect) cssEffect(id, e);
+      const noGate = !!options.noGate;
+      const noLoading = !!options.noLoading;
+      const playLoading = async () => {
+        if (!noLoading) {
+          await LoadingAnimation.spinner.play(loadingContainer ? loadingContainer : id);
+          if (options.context !== 'modal') await LoadingAnimation.bar.play(id);
+        }
+      };
+      const stopLoading = async () => {
+        if (!noLoading) {
+          if (options.context !== 'modal') LoadingAnimation.bar.stop(id);
+          await LoadingAnimation.spinner.stop(loadingContainer ? loadingContainer : id);
+        }
+      };
+      if (noGate) {
+        try {
+          await playLoading();
+          await logic(e);
+        } catch (error) {
+          logger.error(error);
+          NotificationManager.Push({
+            status: 'error',
+            html: error?.message ? error.message : error ? error : 'Event error',
+          });
+        }
+        await stopLoading();
+        return;
+      }
       if (complete) {
         complete = false;
-        await LoadingAnimation.spinner.play(loadingContainer ? loadingContainer : id);
-        if (options.context !== 'modal') await LoadingAnimation.bar.play(id);
+        await playLoading();
         try {
           await logic(e);
         } catch (error) {
@@ -26,8 +53,7 @@ const EventsUI = {
             html: error?.message ? error.message : error ? error : 'Event error',
           });
         }
-        if (options.context !== 'modal') LoadingAnimation.bar.stop(id);
-        await LoadingAnimation.spinner.stop(loadingContainer ? loadingContainer : id);
+        await stopLoading();
         complete = true;
         return;
       }
@@ -41,6 +67,67 @@ const EventsUI = {
   onChange: async function (id = '', logic = async function (e) {}, options = { loadingContainer: '' }) {
     return await this.on(id, logic, 'onchange', options);
   },
+  // Shared hover/focus controller extracted from Modal
+  HoverFocusController: function ({ inputSelector, panelSelector, activeElementId, onDismiss } = {}) {
+    let hoverPanel = false;
+    let hoverInput = false;
+    const isActive = () => (activeElementId ? isActiveElement(activeElementId) : false);
+    const shouldStay = () => isActive() || hoverPanel || hoverInput;
+    const bind = () => {
+      if (inputSelector && s(inputSelector)) {
+        s(inputSelector).onmouseover = () => {
+          hoverInput = true;
+        };
+        s(inputSelector).onmouseout = () => {
+          hoverInput = false;
+        };
+      }
+      if (panelSelector && s(panelSelector)) {
+        s(panelSelector).onmouseover = () => {
+          hoverPanel = true;
+        };
+        s(panelSelector).onmouseout = () => {
+          hoverPanel = false;
+          if (activeElementId && s(`.${activeElementId}`) && s(`.${activeElementId}`).focus)
+            s(`.${activeElementId}`).focus();
+        };
+      }
+    };
+    const checkDismiss = () => {
+      if (!shouldStay()) onDismiss && onDismiss();
+    };
+    return { bind, shouldStay, checkDismiss };
+  },
+  // Generic click-outside binding to dismiss a panel/modal
+  // Options:
+  //  - shouldStay: function -> boolean
+  //  - onDismiss: function
+  //  - anchors: array of selectors to treat as inside clicks (e.g., input button, panel container)
+  //  - graceMs: number of ms after binding to ignore clicks (avoid closing on the same click that opened)
+  bindDismissOnDocumentClick: function ({ shouldStay, onDismiss, anchors = [], graceMs = 200 } = {}) {
+    if (typeof document === 'undefined') return () => {};
+    const bindAt = Date.now();
+    const isInsideAnchors = (target) => {
+      if (!target) return false;
+      for (const sel of anchors) {
+        const el = sel && typeof sel === 'string' ? s(sel) : null;
+        if (el && (el === target || el.contains(target))) return true;
+      }
+      return false;
+    };
+    const handler = (e) => {
+      // Ignore very quick clicks right after binding
+      if (Date.now() - bindAt < graceMs) return;
+      // If click is within anchors, ignore
+      if (isInsideAnchors(e?.target)) return;
+      // Defer to allow hover flags to update first
+      setTimeout(() => {
+        if (!shouldStay || !shouldStay()) onDismiss && onDismiss();
+      });
+    };
+    document.addEventListener('click', handler, true);
+    return () => document.removeEventListener('click', handler, true);
+  },
 };
 
 export { EventsUI };