@hotelinking/ui 1.5.0 → 1.6.0

package/dist/ui.es8.js

@@ -1,205 +0,0 @@
-import { defineComponent as P, ref as S, computed as y, provide as C, onMounted as N, onUnmounted as B, watchEffect as K, nextTick as R, inject as L } from "vue";
-import { render as T, Features as D } from "./ui.es14.js";
-import { useId as w } from "./ui.es15.js";
-import { Keys as d } from "./ui.es16.js";
-import { calculateActiveIndex as j, Focus as b } from "./ui.es17.js";
-import { dom as v } from "./ui.es18.js";
-import { useTreeWalker as U } from "./ui.es19.js";
-import { useOpenClosedProvider as V, State as x, useOpenClosed as _ } from "./ui.es20.js";
-import { match as q } from "./ui.es21.js";
-import { useResolveButtonType as H } from "./ui.es22.js";
-import { isFocusableElement as Q, FocusableMode as W, focusFrom as J, Focus as F, restoreFocusIfNecessary as O, sortByDomNode as Y } from "./ui.es23.js";
-import { useOutsideClick as Z } from "./ui.es24.js";
-import { useTrackedPointer as z } from "./ui.es25.js";
-import { useTextValue as G } from "./ui.es26.js";
-var X = ((a) => (a[a.Open = 0] = "Open", a[a.Closed = 1] = "Closed", a))(X || {}), $ = ((a) => (a[a.Pointer = 0] = "Pointer", a[a.Other = 1] = "Other", a))($ || {});
-function ee(a) {
-  requestAnimationFrame(() => requestAnimationFrame(a));
-}
-let E = Symbol("MenuContext");
-function k(a) {
-  let g = L(E, null);
-  if (g === null) {
-    let M = new Error(`<${a} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(M, k), M;
-  }
-  return g;
-}
-let fe = P({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(a, { slots: g, attrs: M }) {
-  let f = S(1), e = S(null), c = S(null), s = S([]), I = S(""), i = S(null), u = S(1);
-  function t(n = (l) => l) {
-    let l = i.value !== null ? s.value[i.value] : null, r = Y(n(s.value.slice()), (m) => v(m.dataRef.domRef)), o = l ? r.indexOf(l) : null;
-    return o === -1 && (o = null), { items: r, activeItemIndex: o };
-  }
-  let p = { menuState: f, buttonRef: e, itemsRef: c, items: s, searchQuery: I, activeItemIndex: i, activationTrigger: u, closeMenu: () => {
-    f.value = 1, i.value = null;
-  }, openMenu: () => f.value = 0, goToItem(n, l, r) {
-    let o = t(), m = j(n === b.Specific ? { focus: b.Specific, id: l } : { focus: n }, { resolveItems: () => o.items, resolveActiveIndex: () => o.activeItemIndex, resolveId: (h) => h.id, resolveDisabled: (h) => h.dataRef.disabled });
-    I.value = "", i.value = m, u.value = r ?? 1, s.value = o.items;
-  }, search(n) {
-    let l = I.value !== "" ? 0 : 1;
-    I.value += n.toLowerCase();
-    let r = (i.value !== null ? s.value.slice(i.value + l).concat(s.value.slice(0, i.value + l)) : s.value).find((m) => m.dataRef.textValue.startsWith(I.value) && !m.dataRef.disabled), o = r ? s.value.indexOf(r) : -1;
-    o === -1 || o === i.value || (i.value = o, u.value = 1);
-  }, clearSearch() {
-    I.value = "";
-  }, registerItem(n, l) {
-    let r = t((o) => [...o, { id: n, dataRef: l }]);
-    s.value = r.items, i.value = r.activeItemIndex, u.value = 1;
-  }, unregisterItem(n) {
-    let l = t((r) => {
-      let o = r.findIndex((m) => m.id === n);
-      return o !== -1 && r.splice(o, 1), r;
-    });
-    s.value = l.items, i.value = l.activeItemIndex, u.value = 1;
-  } };
-  return Z([e, c], (n, l) => {
-    var r;
-    p.closeMenu(), Q(l, W.Loose) || (n.preventDefault(), (r = v(e)) == null || r.focus());
-  }, y(() => f.value === 0)), C(E, p), V(y(() => q(f.value, { [0]: x.Open, [1]: x.Closed }))), () => {
-    let n = { open: f.value === 0, close: p.closeMenu };
-    return T({ ourProps: {}, theirProps: a, slot: n, slots: g, attrs: M, name: "Menu" });
-  };
-} }), Ie = P({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${w()}` } }, setup(a, { attrs: g, slots: M, expose: f }) {
-  let e = k("MenuButton");
-  f({ el: e.buttonRef, $el: e.buttonRef });
-  function c(u) {
-    switch (u.key) {
-      case d.Space:
-      case d.Enter:
-      case d.ArrowDown:
-        u.preventDefault(), u.stopPropagation(), e.openMenu(), R(() => {
-          var t;
-          (t = v(e.itemsRef)) == null || t.focus({ preventScroll: !0 }), e.goToItem(b.First);
-        });
-        break;
-      case d.ArrowUp:
-        u.preventDefault(), u.stopPropagation(), e.openMenu(), R(() => {
-          var t;
-          (t = v(e.itemsRef)) == null || t.focus({ preventScroll: !0 }), e.goToItem(b.Last);
-        });
-        break;
-    }
-  }
-  function s(u) {
-    switch (u.key) {
-      case d.Space:
-        u.preventDefault();
-        break;
-    }
-  }
-  function I(u) {
-    a.disabled || (e.menuState.value === 0 ? (e.closeMenu(), R(() => {
-      var t;
-      return (t = v(e.buttonRef)) == null ? void 0 : t.focus({ preventScroll: !0 });
-    })) : (u.preventDefault(), e.openMenu(), ee(() => {
-      var t;
-      return (t = v(e.itemsRef)) == null ? void 0 : t.focus({ preventScroll: !0 });
-    })));
-  }
-  let i = H(y(() => ({ as: a.as, type: g.type })), e.buttonRef);
-  return () => {
-    var u;
-    let t = { open: e.menuState.value === 0 }, { id: p, ...n } = a, l = { ref: e.buttonRef, id: p, type: i.value, "aria-haspopup": "menu", "aria-controls": (u = v(e.itemsRef)) == null ? void 0 : u.id, "aria-expanded": a.disabled ? void 0 : e.menuState.value === 0, onKeydown: c, onKeyup: s, onClick: I };
-    return T({ ourProps: l, theirProps: n, slot: t, attrs: g, slots: M, name: "MenuButton" });
-  };
-} }), be = P({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${w()}` } }, setup(a, { attrs: g, slots: M, expose: f }) {
-  let e = k("MenuItems"), c = S(null);
-  f({ el: e.itemsRef, $el: e.itemsRef }), U({ container: y(() => v(e.itemsRef)), enabled: y(() => e.menuState.value === 0), accept(t) {
-    return t.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : t.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(t) {
-    t.setAttribute("role", "none");
-  } });
-  function s(t) {
-    var p;
-    switch (c.value && clearTimeout(c.value), t.key) {
-      case d.Space:
-        if (e.searchQuery.value !== "")
-          return t.preventDefault(), t.stopPropagation(), e.search(t.key);
-      case d.Enter:
-        if (t.preventDefault(), t.stopPropagation(), e.activeItemIndex.value !== null) {
-          let n = e.items.value[e.activeItemIndex.value];
-          (p = v(n.dataRef.domRef)) == null || p.click();
-        }
-        e.closeMenu(), O(v(e.buttonRef));
-        break;
-      case d.ArrowDown:
-        return t.preventDefault(), t.stopPropagation(), e.goToItem(b.Next);
-      case d.ArrowUp:
-        return t.preventDefault(), t.stopPropagation(), e.goToItem(b.Previous);
-      case d.Home:
-      case d.PageUp:
-        return t.preventDefault(), t.stopPropagation(), e.goToItem(b.First);
-      case d.End:
-      case d.PageDown:
-        return t.preventDefault(), t.stopPropagation(), e.goToItem(b.Last);
-      case d.Escape:
-        t.preventDefault(), t.stopPropagation(), e.closeMenu(), R(() => {
-          var n;
-          return (n = v(e.buttonRef)) == null ? void 0 : n.focus({ preventScroll: !0 });
-        });
-        break;
-      case d.Tab:
-        t.preventDefault(), t.stopPropagation(), e.closeMenu(), R(() => J(v(e.buttonRef), t.shiftKey ? F.Previous : F.Next));
-        break;
-      default:
-        t.key.length === 1 && (e.search(t.key), c.value = setTimeout(() => e.clearSearch(), 350));
-        break;
-    }
-  }
-  function I(t) {
-    switch (t.key) {
-      case d.Space:
-        t.preventDefault();
-        break;
-    }
-  }
-  let i = _(), u = y(() => i !== null ? (i.value & x.Open) === x.Open : e.menuState.value === 0);
-  return () => {
-    var t, p;
-    let n = { open: e.menuState.value === 0 }, { id: l, ...r } = a, o = { "aria-activedescendant": e.activeItemIndex.value === null || (t = e.items.value[e.activeItemIndex.value]) == null ? void 0 : t.id, "aria-labelledby": (p = v(e.buttonRef)) == null ? void 0 : p.id, id: l, onKeydown: s, onKeyup: I, role: "menu", tabIndex: 0, ref: e.itemsRef };
-    return T({ ourProps: o, theirProps: r, slot: n, attrs: g, slots: M, features: D.RenderStrategy | D.Static, visible: u.value, name: "MenuItems" });
-  };
-} }), ge = P({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${w()}` } }, setup(a, { slots: g, attrs: M, expose: f }) {
-  let e = k("MenuItem"), c = S(null);
-  f({ el: c, $el: c });
-  let s = y(() => e.activeItemIndex.value !== null ? e.items.value[e.activeItemIndex.value].id === a.id : !1), I = G(c), i = y(() => ({ disabled: a.disabled, get textValue() {
-    return I();
-  }, domRef: c }));
-  N(() => e.registerItem(a.id, i)), B(() => e.unregisterItem(a.id)), K(() => {
-    e.menuState.value === 0 && s.value && e.activationTrigger.value !== 0 && R(() => {
-      var o, m;
-      return (m = (o = v(c)) == null ? void 0 : o.scrollIntoView) == null ? void 0 : m.call(o, { block: "nearest" });
-    });
-  });
-  function u(o) {
-    if (a.disabled)
-      return o.preventDefault();
-    e.closeMenu(), O(v(e.buttonRef));
-  }
-  function t() {
-    if (a.disabled)
-      return e.goToItem(b.Nothing);
-    e.goToItem(b.Specific, a.id);
-  }
-  let p = z();
-  function n(o) {
-    p.update(o);
-  }
-  function l(o) {
-    p.wasMoved(o) && (a.disabled || s.value || e.goToItem(b.Specific, a.id, 0));
-  }
-  function r(o) {
-    p.wasMoved(o) && (a.disabled || s.value && e.goToItem(b.Nothing));
-  }
-  return () => {
-    let { disabled: o } = a, m = { active: s.value, disabled: o, close: e.closeMenu }, { id: h, ...A } = a;
-    return T({ ourProps: { id: h, ref: c, role: "menuitem", tabIndex: o === !0 ? void 0 : -1, "aria-disabled": o === !0 ? !0 : void 0, disabled: void 0, onClick: u, onFocus: t, onPointerenter: n, onMouseenter: n, onPointermove: l, onMousemove: l, onPointerleave: r, onMouseleave: r }, theirProps: { ...M, ...A }, slot: m, attrs: M, slots: g, name: "MenuItem" });
-  };
-} });
-export {
-  fe as Menu,
-  Ie as MenuButton,
-  ge as MenuItem,
-  be as MenuItems
-};

package/dist/ui.es9.js

@@ -1,20 +0,0 @@
-import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
-function c(t, n) {
-  return e(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-    })
-  ]);
-}
-export {
-  c as default
-};