@tempots/beatui 0.85.0 → 0.86.0

package/dist/menu-DMAhcoJ2.js

@@ -1,377 +0,0 @@
-import { prop as K, WithElement as H, Fragment as u, aria as c, OneOfValue as U, OnDispose as q, on as b, Value as E, attr as s, html as D, computedOf as j, dataAttr as G } from "@tempots/dom";
-import { PopOver as J } from "@tempots/ui";
-import { g as N } from "./timer-Rd2sKnvH.js";
-import { u as Q, A as X } from "./use-animated-toggle-89fKlXxy.js";
-import { s as z } from "./session-id-3KiilioY.js";
-function Y(f) {
-  const l = { fade: !0, scale: !0 };
-  return f.startsWith("top") ? (l.slide = "down", l.transformOrigin = "bottom") : f.startsWith("bottom") ? (l.slide = "up", l.transformOrigin = "top") : f.startsWith("left") ? (l.slide = "right", l.transformOrigin = "right") : f.startsWith("right") && (l.slide = "left", l.transformOrigin = "left"), l;
-}
-function R(f) {
-  const {
-    content: l,
-    placement: P = "top",
-    showDelay: x = 250,
-    hideDelay: C = 500,
-    mainAxisOffset: I = 8,
-    crossAxisOffset: V = 0,
-    showOn: g = "hover-focus",
-    closable: y = !0,
-    arrow: L,
-    role: h,
-    hasPopup: S = "dialog"
-  } = f;
-  return J((w, v) => {
-    const o = Q({
-      initialStatus: "closed"
-    }), T = z("flyout"), d = K(!1);
-    let k = null, p = null, $ = !1, A;
-    function _() {
-      e != null && (clearTimeout(e), e = null), n != null && (clearTimeout(n), n = null), p && (p(), p = null), k && (document.removeEventListener("keydown", k), k = null), d.set(!1), $ = !1;
-    }
-    function W() {
-      E.get(y) && (k = (i) => {
-        i.key === "Escape" && a();
-      }, document.addEventListener("keydown", k)), $ = !0, d.set(!0), w({
-        placement: P ?? "top",
-        mainAxisOffset: I,
-        crossAxisOffset: V,
-        arrow: L,
-        content: H((i) => {
-          o.setElement(i);
-          const r = typeof g == "function" ? null : E.get(g);
-          (r === "hover" || r === "hover-focus") && (i.addEventListener("mouseenter", () => t()), i.addEventListener("mouseleave", () => a())), p = N(() => {
-            o.open(), p = null;
-          });
-          const m = (M) => {
-            E.get(y) && M.key === "Escape" && (M.preventDefault(), M.stopPropagation(), a(), d.set(!1));
-          };
-          document.addEventListener("keydown", m, !0);
-          let O = null;
-          return E.get(y) && (O = (M) => {
-            const F = M.target;
-            !i.contains(F) && !A?.contains(F) && a();
-          }, document.addEventListener("click", O)), u(
-            q(() => {
-              O && (document.removeEventListener("click", O), O = null), _(), document.removeEventListener("keydown", m, !0);
-            }),
-            s.class("bc-flyout-container"),
-            X({
-              animation: E.map(P, Y),
-              status: o.status
-            }),
-            s.id(T),
-            s.tabindex(-1),
-            // Make focusable for screen readers
-            D.div(
-              s.class("bc-flyout"),
-              h ? s.role(h) : s.role("dialog"),
-              // Default to dialog role
-              l()
-            )
-          );
-        })
-      });
-    }
-    let e = null;
-    function t() {
-      if (e != null && (clearTimeout(e), e = null), n != null && (clearTimeout(n), n = null), o.isOpened.value || o.isOpening.value || o.isStartOpening.value)
-        return;
-      if (o.isClosing.value || o.isStartClosing.value) {
-        o.open();
-        return;
-      }
-      const i = E.get(x);
-      e = setTimeout(() => {
-        e = null, W();
-      }, i);
-    }
-    let n = null;
-    function a() {
-      if (e != null && (clearTimeout(e), e = null), n != null && (clearTimeout(n), n = null), d.set(!1), p && (p(), p = null, $)) {
-        v(), _();
-        return;
-      }
-      const i = E.get(C);
-      n = setTimeout(() => {
-        n = null, o.close(), o.listenOnClosed(() => {
-          v(), _();
-        });
-      }, i);
-    }
-    return H((i) => {
-      A = i;
-      const r = () => {
-        t(), d.set(!0);
-      }, m = () => {
-        a(), d.set(!1);
-      }, O = u(
-        c.expanded(d),
-        c.controls(T),
-        c.haspopup(
-          S
-        )
-      );
-      return typeof g == "function" ? u(
-        O,
-        g(r, m)
-      ) : u(
-        O,
-        U(g, {
-          "hover-focus": () => u(
-            b.mouseenter(() => r()),
-            b.mouseleave(() => m()),
-            b.focus(() => r()),
-            b.blur(() => m())
-          ),
-          hover: () => u(
-            b.mouseenter(() => r()),
-            b.mouseleave(() => m())
-          ),
-          focus: () => u(
-            b.focus(() => r()),
-            b.blur(() => m())
-          ),
-          click: () => {
-            function F() {
-              document.removeEventListener("click", B);
-            }
-            function B() {
-              F(), m();
-            }
-            return u(
-              q(F),
-              b.click(() => {
-                r(), N(() => {
-                  document.addEventListener("click", B, {
-                    once: !0
-                  });
-                });
-              })
-            );
-          },
-          never: () => null
-        })
-      );
-    });
-  });
-}
-function oe(f) {
-  const {
-    items: l,
-    placement: P = "bottom-start",
-    showDelay: x = 0,
-    hideDelay: C = 100,
-    mainAxisOffset: I = 4,
-    crossAxisOffset: V = 0,
-    showOn: g = "click",
-    closable: y = !0,
-    onClose: L,
-    onAction: h,
-    ariaLabel: S,
-    ariaLabelledBy: w
-  } = f, v = z("menu"), o = K(-1), T = K([]);
-  let d = null;
-  return u(
-    R({
-      content: () => H((k) => {
-        d = document.activeElement;
-        const p = (e, t, n) => {
-          if (t.length === 0) return -1;
-          let a = e + n, i = 0;
-          for (; i < t.length; ) {
-            a >= t.length && (a = 0), a < 0 && (a = t.length - 1);
-            const r = t[a];
-            if (r && r.getAttribute("aria-disabled") !== "true")
-              return a;
-            a += n, i++;
-          }
-          return e;
-        }, $ = (e) => {
-          const t = T.value, n = o.value;
-          switch (e.key) {
-            case "ArrowDown":
-              e.preventDefault(), e.stopPropagation();
-              const a = p(n, t, 1);
-              A(a, t);
-              break;
-            case "ArrowUp":
-              e.preventDefault(), e.stopPropagation();
-              const i = p(n, t, -1);
-              A(i, t);
-              break;
-            case "Enter":
-            case " ":
-              if (e.preventDefault(), e.stopPropagation(), n >= 0 && t[n]) {
-                const r = t[n];
-                if (r.getAttribute("aria-disabled") === "true")
-                  return;
-                const m = r.getAttribute("data-key");
-                m && h && h(m), r.click(), L?.();
-              }
-              break;
-            case "Escape":
-              L?.();
-              break;
-            case "Home":
-              e.preventDefault(), e.stopPropagation(), t.length > 0 && A(0, t);
-              break;
-            case "End":
-              e.preventDefault(), e.stopPropagation(), t.length > 0 && A(t.length - 1, t);
-              break;
-            case "ArrowRight":
-              if (e.preventDefault(), e.stopPropagation(), n >= 0 && t[n]) {
-                const r = t[n];
-                r.classList.contains(
-                  "bc-menu-item--has-submenu"
-                ) && r.dispatchEvent(new Event("mouseenter"));
-              }
-              break;
-            case "ArrowLeft":
-              e.preventDefault(), e.stopPropagation(), L?.();
-              break;
-          }
-        }, A = (e, t) => {
-          o.value >= 0 && t[o.value] && (t[o.value].classList.remove(
-            "bc-menu-item--focused"
-          ), t[o.value].removeAttribute("aria-selected")), e >= 0 && t[e] && (t[e].classList.add("bc-menu-item--focused"), t[e].setAttribute("aria-selected", "true"), o.set(e), typeof t[e].scrollIntoView == "function" && t[e].scrollIntoView({ block: "nearest" }));
-        }, _ = () => {
-          const e = Array.from(
-            k.querySelectorAll('[role="menuitem"]')
-          );
-          if (T.set(e), e.length > 0) {
-            const t = e.findIndex(
-              (n) => n.getAttribute("aria-disabled") !== "true"
-            );
-            t >= 0 && A(t, e);
-          }
-        }, W = new MutationObserver(_);
-        return W.observe(k, { childList: !0, subtree: !0 }), setTimeout(() => {
-          _(), k.focus();
-        }, 0), document.addEventListener("keydown", $, !0), u(
-          q(() => {
-            W.disconnect(), document.removeEventListener("keydown", $, !0), d && d.focus();
-          }),
-          s.class("bc-menu"),
-          s.id(v),
-          s.role("menu"),
-          s.tabindex(-1),
-          c.orientation("vertical"),
-          S ? c.label(S) : u(),
-          w ? c.labelledby(w) : u(),
-          c.activedescendant(
-            o.map((e) => {
-              const t = T.value;
-              return e >= 0 && t[e] ? t[e].id || `${v}-item-${e}` : "";
-            })
-          ),
-          b.click((e) => {
-            const n = e.target.closest(
-              '[role="menuitem"]'
-            );
-            if (n && n.getAttribute("aria-disabled") !== "true") {
-              const a = n.getAttribute("data-key");
-              a && h && h(a);
-            }
-          }),
-          // Live region for screen reader announcements
-          D.div(
-            s.class("sr-only"),
-            c.live("polite"),
-            c.atomic(!0),
-            o.map((e) => {
-              const t = T.value;
-              if (e >= 0 && t[e]) {
-                const n = t[e].textContent || "";
-                return t[e].getAttribute("aria-disabled") === "true" ? `${n}, disabled` : `${n}, ${e + 1} of ${t.length}`;
-              }
-              return "";
-            })
-          ),
-          ...l()
-        );
-      }),
-      placement: P,
-      showDelay: x,
-      hideDelay: C,
-      mainAxisOffset: I,
-      crossAxisOffset: V,
-      showOn: g,
-      closable: y,
-      role: "menu"
-    })
-  );
-}
-function ae(f) {
-  const {
-    key: l,
-    content: P,
-    startContent: x,
-    endContent: C,
-    disabled: I = !1,
-    onClick: V,
-    ariaLabel: g,
-    submenu: y,
-    submenuPlacement: L = "right-start"
-  } = f, h = l ?? z("menu-item"), S = `menu-item-${h}`, w = y != null;
-  return D.div(
-    s.class(
-      j(I)(
-        (v) => `bc-menu-item ${v ? "bc-menu-item--disabled" : ""} ${w ? "bc-menu-item--has-submenu" : ""}`
-      )
-    ),
-    s.id(S),
-    s.role("menuitem"),
-    s.tabindex(-1),
-    G.key(h),
-    c.disabled(I),
-    c.selected(!1),
-    // Will be updated by focus management
-    w ? c.expanded(!1) : u(),
-    g ? c.label(g) : u(),
-    b.click((v) => {
-      if (E.get(I)) {
-        v.preventDefault(), v.stopPropagation();
-        return;
-      }
-      V?.();
-    }),
-    // Start content
-    x && D.span(s.class("bc-menu-item__start"), x),
-    // Main content
-    D.span(s.class("bc-menu-item__content"), P),
-    // End content
-    C && D.span(s.class("bc-menu-item__end"), C),
-    // Submenu (if present)
-    w && y ? R({
-      content: () => u(
-        s.class("bc-menu bc-submenu"),
-        s.role("menu"),
-        ...y()
-      ),
-      placement: L,
-      showOn: "hover",
-      hasPopup: "menu",
-      showDelay: 100,
-      hideDelay: 300,
-      mainAxisOffset: 0,
-      crossAxisOffset: 0,
-      role: "menu"
-    }) : u()
-  );
-}
-function re(f = {}) {
-  const { label: l } = f;
-  return D.div(
-    s.class("bc-menu-separator"),
-    s.role("separator"),
-    c.orientation("horizontal"),
-    l && D.span(s.class("bc-menu-separator__label"), l)
-  );
-}
-export {
-  R as F,
-  oe as M,
-  re as a,
-  ae as b
-};

package/dist/menu-q8xJaBIb.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("@tempots/dom"),q=require("@tempots/ui"),_=require("./timer-BJHOsuS6.cjs"),W=require("./use-animated-toggle-DrqK7nUS.cjs"),S=require("./session-id-B5lJMzbB.cjs");function K(c){const l={fade:!0,scale:!0};return c.startsWith("top")?(l.slide="down",l.transformOrigin="bottom"):c.startsWith("bottom")?(l.slide="up",l.transformOrigin="top"):c.startsWith("left")?(l.slide="right",l.transformOrigin="right"):c.startsWith("right")&&(l.slide="left",l.transformOrigin="left"),l}function M(c){const{content:l,placement:I="top",showDelay:D=250,hideDelay:F=500,mainAxisOffset:w=8,crossAxisOffset:V=0,showOn:f="hover-focus",closable:b=!0,arrow:O,role:p,hasPopup:L="dialog"}=c;return q.PopOver((v,g)=>{const r=W.useAnimatedElementToggle({initialStatus:"closed"}),A=S.sessionId("flyout"),m=e.prop(!1);let h=null,d=null,T=!1,y;function P(){t!=null&&(clearTimeout(t),t=null),a!=null&&(clearTimeout(a),a=null),d&&(d(),d=null),h&&(document.removeEventListener("keydown",h),h=null),m.set(!1),T=!1}function x(){e.Value.get(b)&&(h=i=>{i.key==="Escape"&&s()},document.addEventListener("keydown",h)),T=!0,m.set(!0),v({placement:I??"top",mainAxisOffset:w,crossAxisOffset:V,arrow:O,content:e.WithElement(i=>{r.setElement(i);const o=typeof f=="function"?null:e.Value.get(f);(o==="hover"||o==="hover-focus")&&(i.addEventListener("mouseenter",()=>n()),i.addEventListener("mouseleave",()=>s())),d=_.g(()=>{r.open(),d=null});const u=E=>{e.Value.get(b)&&E.key==="Escape"&&(E.preventDefault(),E.stopPropagation(),s(),m.set(!1))};document.addEventListener("keydown",u,!0);let k=null;return e.Value.get(b)&&(k=E=>{const C=E.target;!i.contains(C)&&!y?.contains(C)&&s()},document.addEventListener("click",k)),e.Fragment(e.OnDispose(()=>{k&&(document.removeEventListener("click",k),k=null),P(),document.removeEventListener("keydown",u,!0)}),e.attr.class("bc-flyout-container"),W.AnimatedToggleClass({animation:e.Value.map(I,K),status:r.status}),e.attr.id(A),e.attr.tabindex(-1),e.html.div(e.attr.class("bc-flyout"),p?e.attr.role(p):e.attr.role("dialog"),l()))})})}let t=null;function n(){if(t!=null&&(clearTimeout(t),t=null),a!=null&&(clearTimeout(a),a=null),r.isOpened.value||r.isOpening.value||r.isStartOpening.value)return;if(r.isClosing.value||r.isStartClosing.value){r.open();return}const i=e.Value.get(D);t=setTimeout(()=>{t=null,x()},i)}let a=null;function s(){if(t!=null&&(clearTimeout(t),t=null),a!=null&&(clearTimeout(a),a=null),m.set(!1),d&&(d(),d=null,T)){g(),P();return}const i=e.Value.get(F);a=setTimeout(()=>{a=null,r.close(),r.listenOnClosed(()=>{g(),P()})},i)}return e.WithElement(i=>{y=i;const o=()=>{n(),m.set(!0)},u=()=>{s(),m.set(!1)},k=e.Fragment(e.aria.expanded(m),e.aria.controls(A),e.aria.haspopup(L));if(typeof f=="function")return e.Fragment(k,f(o,u));const E=f;return e.Fragment(k,e.OneOfValue(E,{"hover-focus":()=>e.Fragment(e.on.mouseenter(()=>o()),e.on.mouseleave(()=>u()),e.on.focus(()=>o()),e.on.blur(()=>u())),hover:()=>e.Fragment(e.on.mouseenter(()=>o()),e.on.mouseleave(()=>u())),focus:()=>e.Fragment(e.on.focus(()=>o()),e.on.blur(()=>u())),click:()=>{function C(){document.removeEventListener("click",$)}function $(){C(),u()}return e.Fragment(e.OnDispose(C),e.on.click(()=>{o(),_.g(()=>{document.addEventListener("click",$,{once:!0})})}))},never:()=>null}))})})}function H(c){const{items:l,placement:I="bottom-start",showDelay:D=0,hideDelay:F=100,mainAxisOffset:w=4,crossAxisOffset:V=0,showOn:f="click",closable:b=!0,onClose:O,onAction:p,ariaLabel:L,ariaLabelledBy:v}=c,g=S.sessionId("menu"),r=e.prop(-1),A=e.prop([]);let m=null;return e.Fragment(M({content:()=>e.WithElement(h=>{m=document.activeElement;const d=(t,n,a)=>{if(n.length===0)return-1;let s=t+a,i=0;for(;i<n.length;){s>=n.length&&(s=0),s<0&&(s=n.length-1);const o=n[s];if(o&&o.getAttribute("aria-disabled")!=="true")return s;s+=a,i++}return t},T=t=>{const n=A.value,a=r.value;switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation();const s=d(a,n,1);y(s,n);break;case"ArrowUp":t.preventDefault(),t.stopPropagation();const i=d(a,n,-1);y(i,n);break;case"Enter":case" ":if(t.preventDefault(),t.stopPropagation(),a>=0&&n[a]){const o=n[a];if(o.getAttribute("aria-disabled")==="true")return;const u=o.getAttribute("data-key");u&&p&&p(u),o.click(),O?.()}break;case"Escape":O?.();break;case"Home":t.preventDefault(),t.stopPropagation(),n.length>0&&y(0,n);break;case"End":t.preventDefault(),t.stopPropagation(),n.length>0&&y(n.length-1,n);break;case"ArrowRight":if(t.preventDefault(),t.stopPropagation(),a>=0&&n[a]){const o=n[a];o.classList.contains("bc-menu-item--has-submenu")&&o.dispatchEvent(new Event("mouseenter"))}break;case"ArrowLeft":t.preventDefault(),t.stopPropagation(),O?.();break}},y=(t,n)=>{r.value>=0&&n[r.value]&&(n[r.value].classList.remove("bc-menu-item--focused"),n[r.value].removeAttribute("aria-selected")),t>=0&&n[t]&&(n[t].classList.add("bc-menu-item--focused"),n[t].setAttribute("aria-selected","true"),r.set(t),typeof n[t].scrollIntoView=="function"&&n[t].scrollIntoView({block:"nearest"}))},P=()=>{const t=Array.from(h.querySelectorAll('[role="menuitem"]'));if(A.set(t),t.length>0){const n=t.findIndex(a=>a.getAttribute("aria-disabled")!=="true");n>=0&&y(n,t)}},x=new MutationObserver(P);return x.observe(h,{childList:!0,subtree:!0}),setTimeout(()=>{P(),h.focus()},0),document.addEventListener("keydown",T,!0),e.Fragment(e.OnDispose(()=>{x.disconnect(),document.removeEventListener("keydown",T,!0),m&&m.focus()}),e.attr.class("bc-menu"),e.attr.id(g),e.attr.role("menu"),e.attr.tabindex(-1),e.aria.orientation("vertical"),L?e.aria.label(L):e.Fragment(),v?e.aria.labelledby(v):e.Fragment(),e.aria.activedescendant(r.map(t=>{const n=A.value;return t>=0&&n[t]?n[t].id||`${g}-item-${t}`:""})),e.on.click(t=>{const a=t.target.closest('[role="menuitem"]');if(a&&a.getAttribute("aria-disabled")!=="true"){const s=a.getAttribute("data-key");s&&p&&p(s)}}),e.html.div(e.attr.class("sr-only"),e.aria.live("polite"),e.aria.atomic(!0),r.map(t=>{const n=A.value;if(t>=0&&n[t]){const a=n[t].textContent||"";return n[t].getAttribute("aria-disabled")==="true"?`${a}, disabled`:`${a}, ${t+1} of ${n.length}`}return""})),...l())}),placement:I,showDelay:D,hideDelay:F,mainAxisOffset:w,crossAxisOffset:V,showOn:f,closable:b,role:"menu"}))}function z(c){const{key:l,content:I,startContent:D,endContent:F,disabled:w=!1,onClick:V,ariaLabel:f,submenu:b,submenuPlacement:O="right-start"}=c,p=l??S.sessionId("menu-item"),L=`menu-item-${p}`,v=b!=null;return e.html.div(e.attr.class(e.computedOf(w)(g=>`bc-menu-item ${g?"bc-menu-item--disabled":""} ${v?"bc-menu-item--has-submenu":""}`)),e.attr.id(L),e.attr.role("menuitem"),e.attr.tabindex(-1),e.dataAttr.key(p),e.aria.disabled(w),e.aria.selected(!1),v?e.aria.expanded(!1):e.Fragment(),f?e.aria.label(f):e.Fragment(),e.on.click(g=>{if(e.Value.get(w)){g.preventDefault(),g.stopPropagation();return}V?.()}),D&&e.html.span(e.attr.class("bc-menu-item__start"),D),e.html.span(e.attr.class("bc-menu-item__content"),I),F&&e.html.span(e.attr.class("bc-menu-item__end"),F),v&&b?M({content:()=>e.Fragment(e.attr.class("bc-menu bc-submenu"),e.attr.role("menu"),...b()),placement:O,showOn:"hover",hasPopup:"menu",showDelay:100,hideDelay:300,mainAxisOffset:0,crossAxisOffset:0,role:"menu"}):e.Fragment())}function B(c={}){const{label:l}=c;return e.html.div(e.attr.class("bc-menu-separator"),e.attr.role("separator"),e.aria.orientation("horizontal"),l&&e.html.span(e.attr.class("bc-menu-separator__label"),l))}exports.Flyout=M;exports.Menu=H;exports.MenuItem=z;exports.MenuSeparator=B;