@kerkhoff-ict/solora 2.2.0 → 2.2.1

package/dist/index.css

@@ -439,8 +439,6 @@
     "Segoe UI",
     Roboto,
     sans-serif;
-  cursor: pointer;
-  user-select: none;
 }
 .sol-btn {
   padding: 0.5rem 0.8rem;
@@ -454,9 +452,8 @@
   align-items: center;
   justify-content: space-between;
   gap: 10px;
-}
-.sol-btn:hover {
-  background: rgba(0, 0, 0, 0.03);
+  cursor: pointer;
+  user-select: none;
 }
 .sol-btn::after {
   content: "\25be";
@@ -494,6 +491,7 @@
   padding: 0.6rem 0.8rem;
   transition: background 0.2s;
   color: #000;
+  cursor: pointer;
 }
 .sol-item:hover {
   background: rgba(0, 0, 0, 0.05);

package/dist/index.js

@@ -1741,6 +1741,66 @@ var require_components2 = __commonJS({
   }
 });
 
+// src/components/sol-core.js
+function initSolCore() {
+  const elements = document.querySelectorAll('[class*="sol-dropdown-w-["]');
+  elements.forEach((el) => {
+    const widthMatch = el.className.match(/sol-dropdown-w-\[(.*?)\]/);
+    if (widthMatch && widthMatch[1]) {
+      el.style.width = widthMatch[1];
+      const btn = el.querySelector(".sol-btn");
+      if (btn) btn.style.width = "100%";
+    }
+  });
+}
+
+// src/components/sol-select.js
+function initSolSelect() {
+  document.addEventListener("click", (e) => {
+    const btn = e.target.closest(".sol-select .sol-btn");
+    const item = e.target.closest(".sol-select .sol-item");
+    if (btn) {
+      e.stopPropagation();
+      const parent = btn.parentElement;
+      document.querySelectorAll(".sol-container.open").forEach((openEl) => {
+        if (openEl !== parent) openEl.classList.remove("open");
+      });
+      parent.classList.toggle("open");
+    }
+    if (item) {
+      const select = item.closest(".sol-select");
+      const button = select.querySelector(".sol-btn");
+      const input = select.querySelector('input[type="hidden"]');
+      button.innerText = item.innerText;
+      if (input) {
+        input.value = item.dataset.value || item.innerText;
+        input.dispatchEvent(new Event("change", { bubbles: true }));
+      }
+      select.querySelectorAll(".sol-item").forEach((i) => i.classList.remove("active"));
+      item.classList.add("active");
+      select.classList.remove("open");
+    }
+  });
+}
+
+// src/components/sol-dropdown.js
+function initSolDropdown() {
+  document.addEventListener("click", (e) => {
+    const btn = e.target.closest(".sol-dropdown .sol-btn");
+    const item = e.target.closest(".sol-dropdown .sol-item");
+    if (btn) {
+      e.stopPropagation();
+      btn.parentElement.classList.toggle("open");
+    }
+    if (item) {
+      item.closest(".sol-dropdown").classList.remove("open");
+    }
+    if (!e.target.closest(".sol-container")) {
+      document.querySelectorAll(".sol-container").forEach((el) => el.classList.remove("open"));
+    }
+  });
+}
+
 // src/components/codeblock.js
 var import_prismjs = __toESM(require_prism());
 var import_components = __toESM(require_components2());
@@ -2197,73 +2257,46 @@ function initThemeToggle(elementSelector = ".sol-theme-toggle") {
   });
 }
 
-// src/components/sol-core.js
-function initSolCore() {
-  const elements = document.querySelectorAll('[class*="sol-dropdown-w-["]');
-  elements.forEach((el) => {
-    const classList = Array.from(el.classList);
-    const widthClass = classList.find((c) => c.startsWith("sol-dropdown-w-["));
-    if (widthClass) {
-      const widthValue = widthClass.match(/\[(.*?)\]/)[1];
-      el.style.width = widthValue;
-      const btn = el.querySelector(".sol-btn");
-      if (btn) btn.style.width = "100%";
-    }
-  });
-}
-
-// src/components/sol-select.js
-function initSolSelect() {
-  document.querySelectorAll(".sol-select").forEach((select) => {
-    const btn = select.querySelector(".sol-btn");
-    const items = select.querySelectorAll(".sol-item");
-    const input = select.querySelector('input[type="hidden"]');
-    btn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      select.classList.toggle("open");
-    });
-    items.forEach((item) => {
-      item.addEventListener("click", () => {
-        const val = item.dataset.value || item.innerText;
-        btn.innerText = item.innerText;
-        if (input) input.value = val;
-        items.forEach((i) => i.classList.remove("active"));
-        item.classList.add("active");
-        select.classList.remove("open");
-      });
-    });
-  });
-}
-
-// src/components/sol-dropdown.js
-function initSolDropdown() {
-  document.querySelectorAll(".sol-dropdown").forEach((dropdown) => {
-    const btn = dropdown.querySelector(".sol-btn");
-    btn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      dropdown.classList.toggle("open");
-    });
-    dropdown.querySelectorAll(".sol-item").forEach((item) => {
-      item.addEventListener("click", () => {
-        dropdown.classList.remove("open");
-      });
-    });
-  });
-  document.addEventListener("click", () => {
-    document.querySelectorAll(".sol-container").forEach((el) => el.classList.remove("open"));
-  });
-}
-
 // src/index.js
-if (typeof window !== "undefined") {
-  document.addEventListener("DOMContentLoaded", () => {
+var startSolora = () => {
+  try {
     initSolCore();
-    initCodeblocks();
-    initContextMenu();
-    initThemeToggle();
+  } catch (e) {
+    console.error("Solora Core Error:", e);
+  }
+  try {
     initSolSelect();
+  } catch (e) {
+    console.error("Solora Select Error:", e);
+  }
+  try {
     initSolDropdown();
-  });
+  } catch (e) {
+    console.error("Solora Dropdown Error:", e);
+  }
+  try {
+    initThemeToggle();
+  } catch (e) {
+    console.error("Solora Theme Error:", e);
+  }
+  try {
+    initCodeblocks();
+  } catch (e) {
+    console.error("Solora Codeblock Error:", e);
+  }
+  try {
+    initContextMenu();
+  } catch (e) {
+    console.error("Solora ContextMenu Error:", e);
+  }
+};
+if (typeof window !== "undefined") {
+  window.Solora = { reinit: startSolora };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", startSolora);
+  } else {
+    startSolora();
+  }
 }
 export {
   initCodeblocks,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerkhoff-ict/solora",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Simple CSS component library",
   "main": "dist/index.js",
   "style": "dist/index.css",