@riverbankcms/sdk 0.72.0 → 0.75.0

package/dist/client/accordion-T2UD2ZTH.mjs

@@ -0,0 +1,120 @@
+import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import './chunk-PMAIXMAB.mjs';
+
+// src/rendering/islands/enhancers/accordion.ts
+var decode = defineIslandPropsDecoder("accordion");
+function parseDefaultValues(value) {
+  if (!value) return [];
+  return value.split(",").map((v) => v.trim()).filter(Boolean);
+}
+function getItemValue(item, index) {
+  return item.getAttribute("data-accordion-value") ?? String(index);
+}
+function normalizeType(domValue, propsValue) {
+  if (propsValue === "multiple") return "multiple";
+  if (propsValue === "single") return "single";
+  return domValue === "multiple" ? "multiple" : "single";
+}
+function normalizeCollapsible(propsValue) {
+  if (propsValue === false) return false;
+  return true;
+}
+function normalizeDefaultValues(domValue, propsValue) {
+  if (Array.isArray(propsValue)) return propsValue.map(String).filter(Boolean);
+  if (typeof propsValue === "string" && propsValue.trim()) return [propsValue.trim()];
+  return parseDefaultValues(domValue);
+}
+var enhance = (root, props) => {
+  if (root.dataset.rbAccordionEnhanced === "true") return;
+  root.dataset.rbAccordionEnhanced = "true";
+  const type = normalizeType(root.getAttribute("data-accordion-type"), props?.type);
+  const collapsible = type === "single" ? normalizeCollapsible(props?.collapsible) : true;
+  const defaultValues = new Set(
+    normalizeDefaultValues(root.getAttribute("data-default-value"), props?.defaultValue)
+  );
+  const items = Array.from(root.querySelectorAll(".accordion-item"));
+  const cleanups = [];
+  const closeAnimations = /* @__PURE__ */ new WeakMap();
+  const setMeasuredContentHeight = (content) => {
+    content.style.setProperty("--radix-accordion-content-height", `${content.scrollHeight}px`);
+  };
+  const setOpen = (item, open, options) => {
+    const trigger = item.querySelector(".accordion-trigger");
+    const content = item.querySelector(".accordion-content");
+    if (!trigger || !content) return;
+    const cancelPendingClose = closeAnimations.get(content);
+    if (cancelPendingClose) {
+      cancelPendingClose();
+      closeAnimations.delete(content);
+    }
+    if (open && content.hidden) content.hidden = false;
+    setMeasuredContentHeight(content);
+    item.dataset.state = open ? "open" : "closed";
+    content.dataset.state = open ? "open" : "closed";
+    if (!content.dataset.animation) content.dataset.animation = "accordion";
+    trigger.setAttribute("role", "button");
+    trigger.tabIndex = 0;
+    trigger.setAttribute("aria-expanded", open ? "true" : "false");
+    if (open) {
+      content.hidden = false;
+      content.setAttribute("aria-hidden", "false");
+      content.removeAttribute("inert");
+      return;
+    }
+    content.setAttribute("aria-hidden", "true");
+    content.setAttribute("inert", "");
+    const onAnimationEnd = () => {
+      if (content.dataset.state !== "closed") return;
+      content.hidden = true;
+      closeAnimations.delete(content);
+    };
+    if (options?.immediateClose) {
+      content.hidden = true;
+      return;
+    }
+    content.addEventListener("animationend", onAnimationEnd, { once: true });
+    closeAnimations.set(content, () => {
+      content.removeEventListener("animationend", onAnimationEnd);
+    });
+  };
+  const closeAllExcept = (keep) => {
+    items.forEach((item) => {
+      if (keep && item === keep) return;
+      setOpen(item, false);
+    });
+  };
+  items.forEach((item, index) => {
+    const value = getItemValue(item, index);
+    const initiallyOpen = defaultValues.has(value);
+    setOpen(item, initiallyOpen, initiallyOpen ? void 0 : { immediateClose: true });
+    const trigger = item.querySelector(".accordion-trigger");
+    if (!trigger) return;
+    const toggle = () => {
+      const expanded = trigger.getAttribute("aria-expanded") === "true";
+      const nextOpen = !expanded;
+      if (type === "single" && expanded && !collapsible) return;
+      if (type === "single" && nextOpen) closeAllExcept(item);
+      setOpen(item, nextOpen);
+    };
+    const onClick = (event) => {
+      event.preventDefault();
+      toggle();
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      toggle();
+    };
+    trigger.addEventListener("click", onClick);
+    trigger.addEventListener("keydown", onKeyDown);
+    cleanups.push(() => {
+      trigger.removeEventListener("click", onClick);
+      trigger.removeEventListener("keydown", onKeyDown);
+    });
+  });
+  return () => {
+    cleanups.forEach((fn) => fn());
+  };
+};
+
+export { decode, enhance };