@betterportal/theme-bootstrap1 10.1.40 → 10.1.41

package/README.md

@@ -7,4 +7,5 @@ Design goals:
 - modern and minimal
 - clean light and dark modes
 - shell-first, not app-logic-first
-- HTMX included as a required runtime dependency for UI composition
+- HTMX shell behavior supplied by `@betterportal/theme-runtime`
+- Bootstrap-specific modal, offcanvas, loading, and component presentation

package/lib/bp-contracts/org.betterportal.theme.bootstrap1.json

@@ -4,7 +4,7 @@
     "pluginId": "org.betterportal.theme.bootstrap1",
     "title": "Bootstrap1 Theme",
     "description": "Bootstrap 5 + htmx theme that renders BetterPortal app shells.",
-    "version": "10.1.40",
+    "version": "10.1.41",
     "category": "theme",
     "deploymentModes": [
       "self-hosted"

package/lib/plugins/service-betterportal-theme-bootstrap1/adapter.d.ts

@@ -0,0 +1,2 @@
+export declare const Bootstrap1AdapterSource = "\n(() => {\n  const bootstrap = window.bootstrap;\n  const teleported = new Set();\n  const convertSidebars = (root) => {\n    if (!root) return;\n    root.querySelectorAll('[data-bp-sidebar]:not([data-bp-sidebar-ready])').forEach((element) => {\n      const id = element.getAttribute('data-bp-sidebar') || ('bp-sidebar-' + Math.random().toString(36).slice(2));\n      const title = element.getAttribute('data-bp-sidebar-title') || '';\n      const position = element.getAttribute('data-bp-sidebar-position') || 'end';\n      const width = element.getAttribute('data-bp-sidebar-width');\n      const content = element.innerHTML;\n      element.id = id;\n      element.setAttribute('data-bp-sidebar-ready', '');\n      element.className = ('offcanvas offcanvas-' + position + ' ' + element.className).trim();\n      element.setAttribute('tabindex', '-1');\n      if (width) element.style.width = width;\n      element.innerHTML = '<div class=\"offcanvas-header\">' + (title ? '<h5 class=\"offcanvas-title\">' + title + '</h5>' : '<span></span>') + '<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button></div><div class=\"offcanvas-body\">' + content + '</div>';\n    });\n    root.querySelectorAll('[data-bp-sidebar-open]:not([data-bp-trigger-ready])').forEach((button) => {\n      button.setAttribute('data-bp-trigger-ready', '');\n      button.setAttribute('data-bs-toggle', 'offcanvas');\n      button.setAttribute('data-bs-target', '#' + button.getAttribute('data-bp-sidebar-open'));\n    });\n  };  const initComponents = (root) => {\n    if (!root || !bootstrap) return;\n    convertSidebars(root);\n    root.querySelectorAll('[data-bs-toggle=\"tooltip\"]').forEach((el) => {\n      if (!bootstrap.Tooltip.getInstance(el)) new bootstrap.Tooltip(el);\n    });\n    root.querySelectorAll('[data-bs-toggle=\"popover\"]').forEach((el) => {\n      if (!bootstrap.Popover.getInstance(el)) new bootstrap.Popover(el);\n    });\n  };\n  window.BetterPortalThemeAdapter = {\n    initComponents,\n    disposeComponents(root) {\n      if (!root || !bootstrap) return;\n      root.querySelectorAll('[data-bs-toggle=\"tooltip\"],[data-bs-toggle=\"popover\"]').forEach((el) => {\n        bootstrap.Tooltip.getInstance(el)?.dispose();\n        bootstrap.Popover.getInstance(el)?.dispose();\n      });\n    },\n    prepareContent(root) {\n      if (!root) return;\n      root.querySelectorAll(\".modal,.offcanvas\").forEach((element) => {\n        element.setAttribute(\"data-bp-content-owned\", \"true\");\n        const serviceId = root.closest(\"[data-bp-service]\")?.getAttribute(\"data-bp-service\")\n          || document.querySelector(\"#bp-main\")?.getAttribute(\"data-bp-service\");\n        if (serviceId && !element.hasAttribute(\"data-bp-service\")) element.setAttribute(\"data-bp-service\", serviceId);\n        document.body.appendChild(element);\n        teleported.add(element);\n      });\n    },\n    cleanupTransientUi() {\n      teleported.forEach((element) => {\n        try {\n          bootstrap?.Modal.getInstance(element)?.dispose();\n          bootstrap?.Offcanvas.getInstance(element)?.dispose();\n        } catch {}\n        element.remove();\n      });\n      teleported.clear();\n      document.querySelectorAll(\".modal-backdrop,.offcanvas-backdrop\").forEach((element) => element.remove());\n      document.body.classList.remove(\"modal-open\");\n      document.body.style.removeProperty(\"overflow\");\n      document.body.style.removeProperty(\"padding-right\");\n    },\n    closeContainingOverlay(source) {\n      const panel = source?.closest?.(\".offcanvas.show,.offcanvas.showing,.offcanvas.hiding\");\n      if (!panel || !bootstrap) return;\n      (bootstrap.Offcanvas.getInstance(panel) || new bootstrap.Offcanvas(panel)).hide();\n    },\n    syncOverlays() {\n      if (document.querySelector(\".modal.show,.modal.showing,.offcanvas.show,.offcanvas.showing\")) return;\n      document.querySelectorAll(\".modal-backdrop,.offcanvas-backdrop\").forEach((element) => element.remove());\n      document.body.classList.remove(\"modal-open\");\n      document.body.style.removeProperty(\"overflow\");\n      document.body.style.removeProperty(\"padding-right\");\n    },\n    scrollToTop() {\n      document.querySelectorAll(\".bp-admin__workspace,.bp-admin__content-frame,.bp-shell__main\").forEach((element) => {\n        element.scrollTo?.({ top: 0, left: 0, behavior: \"auto\" });\n      });\n      window.scrollTo({ top: 0, left: 0, behavior: \"auto\" });\n    },\n    setLoading(loading) {\n      document.querySelector(\".bp-admin__content-frame\")?.classList.toggle(\"is-loading\", loading);\n      document.querySelector(\"#bp-topbar-progress\")?.classList.toggle(\"is-active\", loading);\n    },\n    showRequestError(status, content) {\n      if (!bootstrap) {\n        window.alert(\"Request failed (\" + status + \")\");\n        return;\n      }\n      let modal = document.querySelector(\"#bp-request-error-modal\");\n      if (!modal) {\n        modal = document.createElement(\"div\");\n        modal.id = \"bp-request-error-modal\";\n        modal.className = \"modal fade\";\n        modal.tabIndex = -1;\n        modal.innerHTML = '<div class=\"modal-dialog modal-dialog-centered\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Request failed</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><div class=\"modal-body\" data-bp-request-error-body></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Dismiss</button></div></div></div>';\n        document.body.appendChild(modal);\n      }\n      const body = modal.querySelector(\"[data-bp-request-error-body]\");\n      if (body) {\n        body.innerHTML = content || '<div class=\"alert alert-danger mb-0\">Request failed. Try again.</div>';\n        window.htmx.process(body);\n      }\n      bootstrap.Modal.getOrCreateInstance(modal).show();\n    }\n  };\n})();";
+//# sourceMappingURL=adapter.d.ts.map

package/lib/plugins/service-betterportal-theme-bootstrap1/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../src/plugins/service-betterportal-theme-bootstrap1/adapter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,y7LAgH9B,CAAC"}

package/lib/plugins/service-betterportal-theme-bootstrap1/adapter.js

@@ -0,0 +1,114 @@
+export const Bootstrap1AdapterSource = `
+(() => {
+  const bootstrap = window.bootstrap;
+  const teleported = new Set();
+  const convertSidebars = (root) => {
+    if (!root) return;
+    root.querySelectorAll('[data-bp-sidebar]:not([data-bp-sidebar-ready])').forEach((element) => {
+      const id = element.getAttribute('data-bp-sidebar') || ('bp-sidebar-' + Math.random().toString(36).slice(2));
+      const title = element.getAttribute('data-bp-sidebar-title') || '';
+      const position = element.getAttribute('data-bp-sidebar-position') || 'end';
+      const width = element.getAttribute('data-bp-sidebar-width');
+      const content = element.innerHTML;
+      element.id = id;
+      element.setAttribute('data-bp-sidebar-ready', '');
+      element.className = ('offcanvas offcanvas-' + position + ' ' + element.className).trim();
+      element.setAttribute('tabindex', '-1');
+      if (width) element.style.width = width;
+      element.innerHTML = '<div class="offcanvas-header">' + (title ? '<h5 class="offcanvas-title">' + title + '</h5>' : '<span></span>') + '<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body">' + content + '</div>';
+    });
+    root.querySelectorAll('[data-bp-sidebar-open]:not([data-bp-trigger-ready])').forEach((button) => {
+      button.setAttribute('data-bp-trigger-ready', '');
+      button.setAttribute('data-bs-toggle', 'offcanvas');
+      button.setAttribute('data-bs-target', '#' + button.getAttribute('data-bp-sidebar-open'));
+    });
+  };  const initComponents = (root) => {
+    if (!root || !bootstrap) return;
+    convertSidebars(root);
+    root.querySelectorAll('[data-bs-toggle="tooltip"]').forEach((el) => {
+      if (!bootstrap.Tooltip.getInstance(el)) new bootstrap.Tooltip(el);
+    });
+    root.querySelectorAll('[data-bs-toggle="popover"]').forEach((el) => {
+      if (!bootstrap.Popover.getInstance(el)) new bootstrap.Popover(el);
+    });
+  };
+  window.BetterPortalThemeAdapter = {
+    initComponents,
+    disposeComponents(root) {
+      if (!root || !bootstrap) return;
+      root.querySelectorAll('[data-bs-toggle="tooltip"],[data-bs-toggle="popover"]').forEach((el) => {
+        bootstrap.Tooltip.getInstance(el)?.dispose();
+        bootstrap.Popover.getInstance(el)?.dispose();
+      });
+    },
+    prepareContent(root) {
+      if (!root) return;
+      root.querySelectorAll(".modal,.offcanvas").forEach((element) => {
+        element.setAttribute("data-bp-content-owned", "true");
+        const serviceId = root.closest("[data-bp-service]")?.getAttribute("data-bp-service")
+          || document.querySelector("#bp-main")?.getAttribute("data-bp-service");
+        if (serviceId && !element.hasAttribute("data-bp-service")) element.setAttribute("data-bp-service", serviceId);
+        document.body.appendChild(element);
+        teleported.add(element);
+      });
+    },
+    cleanupTransientUi() {
+      teleported.forEach((element) => {
+        try {
+          bootstrap?.Modal.getInstance(element)?.dispose();
+          bootstrap?.Offcanvas.getInstance(element)?.dispose();
+        } catch {}
+        element.remove();
+      });
+      teleported.clear();
+      document.querySelectorAll(".modal-backdrop,.offcanvas-backdrop").forEach((element) => element.remove());
+      document.body.classList.remove("modal-open");
+      document.body.style.removeProperty("overflow");
+      document.body.style.removeProperty("padding-right");
+    },
+    closeContainingOverlay(source) {
+      const panel = source?.closest?.(".offcanvas.show,.offcanvas.showing,.offcanvas.hiding");
+      if (!panel || !bootstrap) return;
+      (bootstrap.Offcanvas.getInstance(panel) || new bootstrap.Offcanvas(panel)).hide();
+    },
+    syncOverlays() {
+      if (document.querySelector(".modal.show,.modal.showing,.offcanvas.show,.offcanvas.showing")) return;
+      document.querySelectorAll(".modal-backdrop,.offcanvas-backdrop").forEach((element) => element.remove());
+      document.body.classList.remove("modal-open");
+      document.body.style.removeProperty("overflow");
+      document.body.style.removeProperty("padding-right");
+    },
+    scrollToTop() {
+      document.querySelectorAll(".bp-admin__workspace,.bp-admin__content-frame,.bp-shell__main").forEach((element) => {
+        element.scrollTo?.({ top: 0, left: 0, behavior: "auto" });
+      });
+      window.scrollTo({ top: 0, left: 0, behavior: "auto" });
+    },
+    setLoading(loading) {
+      document.querySelector(".bp-admin__content-frame")?.classList.toggle("is-loading", loading);
+      document.querySelector("#bp-topbar-progress")?.classList.toggle("is-active", loading);
+    },
+    showRequestError(status, content) {
+      if (!bootstrap) {
+        window.alert("Request failed (" + status + ")");
+        return;
+      }
+      let modal = document.querySelector("#bp-request-error-modal");
+      if (!modal) {
+        modal = document.createElement("div");
+        modal.id = "bp-request-error-modal";
+        modal.className = "modal fade";
+        modal.tabIndex = -1;
+        modal.innerHTML = '<div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Request failed</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body" data-bp-request-error-body></div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Dismiss</button></div></div></div>';
+        document.body.appendChild(modal);
+      }
+      const body = modal.querySelector("[data-bp-request-error-body]");
+      if (body) {
+        body.innerHTML = content || '<div class="alert alert-danger mb-0">Request failed. Try again.</div>';
+        window.htmx.process(body);
+      }
+      bootstrap.Modal.getOrCreateInstance(modal).show();
+    }
+  };
+})();`;
+//# sourceMappingURL=adapter.js.map

package/lib/plugins/service-betterportal-theme-bootstrap1/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["../../../src/plugins/service-betterportal-theme-bootstrap1/adapter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgHjC,CAAC"}

package/lib/plugins/service-betterportal-theme-bootstrap1/assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../src/plugins/service-betterportal-theme-bootstrap1/assets.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAgqED,wBAAsB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CA6F/F"}
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../src/plugins/service-betterportal-theme-bootstrap1/assets.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAwBD,wBAAsB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAkC/F"}