@leavepulse/ui 0.77.3 → 0.78.0

package/dist/chunks/LpAppShell-Dgejipzz.js

@@ -1,319 +0,0 @@
-import { defineComponent, computed, useModel, ref, useId, onMounted, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, withDirectives, vShow, createBlock, Teleport, createCommentVNode, mergeModels } from "vue";
-import { useLabels } from "../composables/useLpConfig.js";
-import { useScrollMemory } from "../composables/scrollMemory.js";
-import { _ as _sfc_main$7 } from "./LpBottomNav-CbNQQPuL.js";
-import { _ as _sfc_main$2 } from "./LpContextSwitcher-Dwh6dyID.js";
-import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$6 } from "./LpScrollArea-MyEnVB_5.js";
-import { _ as _sfc_main$5 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DzE1783C.js";
-import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
-const _hoisted_1 = ["href"];
-const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
-const _hoisted_3 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
-const _hoisted_4 = { class: "truncate text-lg font-semibold" };
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpAppShell",
-  props: /* @__PURE__ */ mergeModels({
-    items: {},
-    sections: {},
-    collapsed: {},
-    autoCollapseAfter: {},
-    modelValue: {},
-    path: {},
-    hash: {},
-    isActive: {},
-    title: {},
-    mobileBreakpoint: { default: "lg" },
-    divider: { type: Boolean, default: true },
-    contentClass: { default: "mx-auto w-full max-w-6xl" },
-    fullBleed: { type: Boolean },
-    loading: { type: Boolean },
-    labels: {},
-    compact: { type: Boolean, default: void 0 },
-    resizable: { type: Boolean },
-    pinnable: { type: Boolean },
-    pinned: {},
-    persist: {},
-    previewDelay: {},
-    compactHotkey: { type: [String, Boolean] },
-    contexts: {},
-    context: {},
-    environment: {},
-    hints: {},
-    bottomNav: { type: [Boolean, Number, Array] }
-  }, {
-    "open": { type: Boolean, ...{ default: false } },
-    "openModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:collapsed", "select", "update:compact", "update:pinned", "update:context"], ["update:open"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const switching = computed(() => (props.contexts?.length ?? 0) > 1);
-    const flatItems = computed(
-      () => (props.sections ? props.sections.flatMap((s) => s.items) : props.items ?? []).flatMap((i) => [i, ...i.children ?? []])
-    );
-    function matchesPath(item) {
-      if (item.id === "/") return props.path === "/";
-      return props.path === item.id || props.path.startsWith(`${item.id}/`);
-    }
-    function defaultActive(item) {
-      if (props.path == null) return item.id === props.modelValue;
-      if (!matchesPath(item)) return false;
-      return !flatItems.value.some(
-        (other) => other.id !== item.id && other.id.length > item.id.length && matchesPath(other)
-      );
-    }
-    const activeTest = computed(() => props.isActive ?? defaultActive);
-    const pageTitle = computed(() => {
-      if (props.title != null) return props.title;
-      const test = activeTest.value;
-      const match = [...flatItems.value].sort((a, b) => b.id.length - a.id.length).find((item) => test(item));
-      return match?.label ?? "";
-    });
-    const drawerOpen = useModel(__props, "open");
-    const text = useLabels(
-      "appShell",
-      { openMenu: "Open menu", skipToContent: "Skip to content" },
-      () => props.labels
-    );
-    const scrollArea = ref(null);
-    const bleedId = `lp-shell-bleed-${useId()}`;
-    const mounted = ref(false);
-    onMounted(() => mounted.value = true);
-    const bleeding = computed(() => props.fullBleed && mounted.value);
-    const mainId = `lp-main-${useId()}`;
-    function skipToMain() {
-      document.getElementById(mainId)?.focus();
-    }
-    watch(
-      () => props.path,
-      () => {
-        if (drawerOpen.value) drawerOpen.value = false;
-      }
-    );
-    useScrollMemory(
-      () => bleeding.value ? null : scrollArea.value?.viewportEl,
-      () => props.path,
-      () => props.hash
-    );
-    function onSelect(item) {
-      emit("select", item);
-    }
-    function onModel(id) {
-      emit("update:modelValue", id);
-    }
-    const burgerHidden = {
-      sm: "sm:hidden",
-      md: "md:hidden",
-      lg: "lg:hidden",
-      xl: "xl:hidden"
-    };
-    const burgerClass = computed(() => props.bottomNav ? "hidden" : burgerHidden[props.mobileBreakpoint]);
-    const topItems = computed(() => props.sections ? props.sections.flatMap((s) => s.items) : props.items ?? []);
-    const bottomItems = computed(() => {
-      const want = props.bottomNav;
-      if (!want) return [];
-      if (Array.isArray(want)) return want.map((id) => topItems.value.find((i) => i.id === id)).filter((i) => !!i);
-      return topItems.value.slice(0, want === true ? 4 : want);
-    });
-    const moreActive = computed(() => {
-      const shown = new Set(bottomItems.value.map((i) => i.id));
-      return flatItems.value.some((i) => !shown.has(i.id) && activeTest.value(i)) && !bottomItems.value.some((i) => activeTest.value(i));
-    });
-    function onBottom(item) {
-      onModel(item.id);
-      onSelect(item);
-    }
-    const _openDrawer = () => drawerOpen.value = true;
-    __expose({ openDrawer: _openDrawer });
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex h-dvh overflow-hidden bg-surface text-ink"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
-        createElementVNode("a", {
-          href: `#${mainId}`,
-          onClick: withModifiers(skipToMain, ["prevent"]),
-          class: "sr-only z-(--z-toast) rounded-control bg-surface-raised px-3 py-2 text-sm font-medium text-ink focus:not-sr-only focus:fixed focus:left-3 focus:top-3 focus:outline-none focus:ring-2 focus:ring-ring"
-        }, toDisplayString(unref(text).skipToContent), 9, _hoisted_1),
-        createVNode(_sfc_main$1, {
-          "model-value": __props.modelValue,
-          items: __props.items,
-          sections: __props.sections,
-          "is-active": activeTest.value,
-          open: drawerOpen.value,
-          responsive: "",
-          "edge-open": "",
-          "mobile-breakpoint": __props.mobileBreakpoint,
-          divider: __props.divider,
-          loading: __props.loading,
-          collapsed: __props.collapsed,
-          "auto-collapse-after": __props.autoCollapseAfter,
-          compact: __props.compact,
-          resizable: __props.resizable,
-          pinnable: __props.pinnable,
-          pinned: __props.pinned,
-          persist: __props.persist,
-          "preview-delay": __props.previewDelay,
-          "compact-hotkey": __props.compactHotkey,
-          environment: __props.environment,
-          hints: __props.hints,
-          class: "shrink-0",
-          "onUpdate:modelValue": onModel,
-          "onUpdate:compact": _cache[1] || (_cache[1] = (v) => emit("update:compact", v)),
-          "onUpdate:pinned": _cache[2] || (_cache[2] = (v) => emit("update:pinned", v)),
-          "onUpdate:open": _cache[3] || (_cache[3] = (v) => drawerOpen.value = v),
-          "onUpdate:collapsed": _cache[4] || (_cache[4] = (v) => emit("update:collapsed", v)),
-          onSelect
-        }, createSlots({ _: 2 }, [
-          switching.value ? {
-            name: "header",
-            fn: withCtx(({ compact: folded }) => [
-              createVNode(_sfc_main$2, {
-                contexts: __props.contexts,
-                "model-value": __props.context,
-                compact: folded,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = (id) => emit("update:context", id))
-              }, createSlots({ _: 2 }, [
-                _ctx.$slots.logo ? {
-                  name: "default",
-                  fn: withCtx(({ context: shown }) => [
-                    renderSlot(_ctx.$slots, "logo", {
-                      compact: folded,
-                      context: shown
-                    })
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["contexts", "model-value", "compact"])
-            ]),
-            key: "0"
-          } : _ctx.$slots.logo ? {
-            name: "header",
-            fn: withCtx(({ compact: folded }) => [
-              renderSlot(_ctx.$slots, "logo", {
-                compact: folded,
-                context: __props.contexts?.[0]
-              })
-            ]),
-            key: "1"
-          } : void 0,
-          _ctx.$slots["sidebar-actions"] ? {
-            name: "actions",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sidebar-actions")
-            ]),
-            key: "2"
-          } : void 0,
-          _ctx.$slots["sidebar-footer"] ? {
-            name: "footer",
-            fn: withCtx(({ compact: folded }) => [
-              renderSlot(_ctx.$slots, "sidebar-footer", { compact: folded })
-            ]),
-            key: "3"
-          } : void 0,
-          _ctx.$slots["sidebar-item"] ? {
-            name: "item",
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, "sidebar-item", normalizeProps(guardReactiveProps(slotProps)))
-            ]),
-            key: "4"
-          } : void 0
-        ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading", "collapsed", "auto-collapse-after", "compact", "resizable", "pinnable", "pinned", "persist", "preview-delay", "compact-hotkey", "environment", "hints"]),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("header", _hoisted_3, [
-            createVNode(_sfc_main$3, {
-              class: normalizeClass(burgerClass.value),
-              variant: "ghost",
-              size: "sm",
-              square: "",
-              "aria-label": unref(text).openMenu,
-              onClick: _cache[5] || (_cache[5] = ($event) => drawerOpen.value = true)
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$4, {
-                  name: "lucide:menu",
-                  size: 18
-                })
-              ]),
-              _: 1
-            }, 8, ["class", "aria-label"]),
-            createVNode(_sfc_main$5, {
-              axis: "height",
-              presence: "",
-              class: "flex min-w-0 flex-1 items-center"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "header-title", {}, () => [
-                  createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
-                ])
-              ]),
-              _: 3
-            }),
-            createVNode(_sfc_main$5, {
-              axis: "width",
-              anchor: "end",
-              presence: "",
-              class: "ml-auto flex max-w-[66%] shrink items-center gap-2 overflow-x-auto lp-scrollbar-none md:max-w-none md:shrink-0 md:overflow-visible"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "header-actions")
-              ]),
-              _: 3
-            })
-          ]),
-          createElementVNode("main", {
-            id: mainId,
-            tabindex: "-1",
-            class: "flex min-h-0 flex-1 flex-col outline-none"
-          }, [
-            withDirectives(createElementVNode("div", {
-              id: bleedId,
-              class: "min-h-0 flex-1 overflow-hidden"
-            }, null, 512), [
-              [vShow, bleeding.value]
-            ]),
-            withDirectives(createVNode(_sfc_main$6, {
-              ref_key: "scrollArea",
-              ref: scrollArea,
-              class: "min-h-0 flex-1",
-              "content-class": unref(mergeClass)("px-4 py-6 md:px-6", __props.contentClass)
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(Teleport, {
-                  to: `#${bleedId}`,
-                  disabled: !bleeding.value,
-                  defer: ""
-                }, [
-                  renderSlot(_ctx.$slots, "default")
-                ], 8, ["to", "disabled"]))
-              ]),
-              _: 3
-            }, 8, ["content-class"]), [
-              [vShow, !bleeding.value]
-            ])
-          ]),
-          __props.bottomNav ? (openBlock(), createBlock(_sfc_main$7, {
-            key: 0,
-            class: normalizeClass(burgerHidden[__props.mobileBreakpoint]),
-            items: bottomItems.value,
-            "is-active": activeTest.value,
-            more: "",
-            "more-active": moreActive.value,
-            onSelect: onBottom,
-            onMore: _cache[6] || (_cache[6] = ($event) => drawerOpen.value = true)
-          }, null, 8, ["class", "items", "is-active", "more-active"])) : createCommentVNode("", true)
-        ]),
-        renderSlot(_ctx.$slots, "overlays")
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};