@wssto2/vue-core 0.1.0 → 0.2.0

package/dist/{Menu.vue_vue_type_script_setup_true_lang-D44EHXQZ.js → Menu.vue_vue_type_script_setup_true_lang-CrMj6KPD.js}

@@ -1,7 +1,7 @@
 import { defineComponent as F, useId as H, ref as m, computed as b, watch as y, nextTick as p, onUnmounted as G, openBlock as a, createElementBlock as r, Fragment as k, renderSlot as j, createCommentVNode as f, createBlock as x, Teleport as J, createVNode as Q, Transition as W, withCtx as X, mergeProps as Y, unref as v, renderList as Z, normalizeClass as ee, createElementVNode as te, toDisplayString as S } from "vue";
 import { _ as $ } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
 import { u as ne } from "./anchored-Cj4--8dT.js";
-import { I as oe } from "./dialogStack-DiTG1rZc.js";
+import { I as oe } from "./dialogStack-DZZg55w0.js";
 const ae = ["aria-label"], ie = {
   key: 0,
   role: "separator",

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DYQgaUtj.js → Modal.vue_vue_type_script_setup_true_lang-BQZM49gC.js}

@@ -1,60 +1,65 @@
-import { watch as Y, onUnmounted as se, computed as i, ref as P, defineComponent as ae, useSlots as q, useId as oe, openBlock as t, createBlock as h, Teleport as ne, createElementBlock as a, unref as s, createVNode as x, Transition as T, withCtx as z, normalizeStyle as G, createCommentVNode as o, normalizeClass as _, createElementVNode as n, mergeProps as J, toDisplayString as p, renderSlot as m, createTextVNode as le } from "vue";
-import { useI18n as ie } from "vue-i18n";
-import { _ as K } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
+import { toValue as oe, watch as ee, onUnmounted as le, computed as i, ref as j, defineComponent as ne, useSlots as q, useId as ie, inject as re, openBlock as t, createBlock as _, Teleport as de, createElementBlock as a, unref as s, createVNode as k, Transition as T, withCtx as z, normalizeStyle as V, createCommentVNode as o, normalizeClass as y, createElementVNode as n, mergeProps as G, toDisplayString as m, renderSlot as f, createTextVNode as ce } from "vue";
+import { useI18n as ue } from "vue-i18n";
+import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js";
 import { _ as Q } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { u as re } from "./mediaQuery-CygcXmFW.js";
-import { u as de } from "./useDialog-wmyNx2j_.js";
-import { u as ce } from "./Sheet.vue_vue_type_script_setup_true_lang-BLBD5ps8.js";
-import { _ as R, a as X } from "./ProgressTrack.vue_vue_type_script_setup_true_lang-1DDaNs2W.js";
-import { p as ue } from "./perDocument-DUuFrdGU.js";
-const pe = Symbol("vue-core:open-sheets"), me = () => ue(pe, () => P([]));
-function fe(j) {
-  const r = me(), f = Symbol("sheet");
+import { u as pe } from "./mediaQuery-CygcXmFW.js";
+import { u as me } from "./useDialog-CXR3hN0G.js";
+import { u as fe } from "./Sheet.vue_vue_type_script_setup_true_lang-CtkJ-4e3.js";
+import { _ as R, a as Y } from "./ProgressTrack.vue_vue_type_script_setup_true_lang-1DDaNs2W.js";
+import { p as ve } from "./perDocument-DUuFrdGU.js";
+const be = Symbol("vue-core.modalPlacement");
+function ye(g, l) {
+  const d = g === void 0 ? {} : oe(g);
+  return { align: l?.align ?? d.align ?? "center", offsetX: l?.offsetX ?? d.offsetX ?? 0 };
+}
+const ge = Symbol("vue-core:open-sheets"), he = () => ve(ge, () => j([]));
+function xe(g) {
+  const l = he(), d = Symbol("sheet");
   function e() {
-    r.value = r.value.filter((l) => l !== f);
+    l.value = l.value.filter((r) => r !== d);
   }
-  Y(j, (l) => {
-    l && !r.value.includes(f) && (r.value = [...r.value, f]), l || e();
-  }, { immediate: !0 }), se(e);
-  const k = i(() => {
-    const l = r.value.indexOf(f);
-    return l >= 0 && l < r.value.length - 1;
-  }), C = i(() => r.value.indexOf(f) > 0);
-  return { covered: k, stacked: C };
+  ee(g, (r) => {
+    r && !l.value.includes(d) && (l.value = [...l.value, d]), r || e();
+  }, { immediate: !0 }), le(e);
+  const w = i(() => {
+    const r = l.value.indexOf(d);
+    return r >= 0 && r < l.value.length - 1;
+  }), C = i(() => l.value.indexOf(d) > 0);
+  return { covered: w, stacked: C };
 }
-const ve = ["aria-labelledby", "data-presentation"], be = ["data-covered"], ye = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2 px-row-inset" }, ge = { class: "flex justify-start" }, he = ["disabled"], xe = ["id"], _e = { key: 1 }, ke = { class: "flex justify-end" }, we = ["disabled", "aria-busy"], Se = {
+const _e = ["aria-labelledby", "data-presentation"], ke = ["data-covered"], we = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2 px-row-inset" }, Se = { class: "flex justify-start" }, $e = ["disabled"], ze = ["id"], Ce = { key: 1 }, Le = { class: "flex justify-end" }, Be = ["disabled", "aria-busy"], De = {
   key: 0,
   class: "-mt-1 px-row-inset pb-1 text-center text-footnote text-content-muted"
-}, ze = {
+}, Pe = {
   key: 1,
   class: "px-screen-padding pt-1 pb-3"
-}, Ce = {
+}, Ie = {
   key: 1,
   class: "flex shrink-0 flex-col gap-2 border-t border-border-separator bg-surface-cell px-screen-padding pt-3 pb-[max(0.75rem,var(--app-safe-bottom))]"
-}, Le = {
+}, Ee = {
   key: 0,
   class: "flex items-center justify-center"
-}, $e = { class: "flex min-h-full items-center justify-center p-4" }, Be = ["data-covered"], De = {
+}, je = ["data-covered"], Xe = {
   key: 0,
   class: "absolute inset-x-0 top-0 z-20 overflow-hidden rounded-t-dialog"
-}, Ie = { class: "flex min-w-0 flex-1 flex-col gap-3.5" }, Ee = {
+}, Fe = { class: "flex min-w-0 flex-1 flex-col gap-3.5" }, Ne = {
   key: 0,
   class: "flex flex-col gap-0.5"
-}, Pe = ["id"], je = {
+}, Te = ["id"], Ve = {
   key: 0,
   class: "text-subheadline text-content-muted"
-}, Fe = ["disabled", "aria-label"], Ne = {
+}, Oe = ["disabled", "aria-label"], Ae = {
   key: 2,
   class: "sticky bottom-0 z-10 flex flex-row-reverse flex-wrap items-center gap-2.5 rounded-b-dialog border-t border-border-separator bg-surface-cell px-5 py-3.5"
-}, Te = {
+}, He = {
   key: 0,
   class: "contents",
   "data-part": "primary"
-}, Oe = {
+}, Me = {
   key: 1,
   class: "contents",
   "data-part": "cancel"
-}, Ve = { class: "flex grow items-center" }, Ke = /* @__PURE__ */ ae({
+}, We = { class: "flex grow items-center" }, et = /* @__PURE__ */ ne({
   __name: "Modal",
   props: {
     title: { default: void 0 },
@@ -71,39 +76,40 @@ const ve = ["aria-labelledby", "data-presentation"], be = ["data-covered"], ye =
     processingLabel: { default: void 0 },
     doneLabel: { default: void 0 },
     cancellableWhileProcessing: { type: Boolean, default: !1 },
-    progress: { default: void 0 }
+    progress: { default: void 0 },
+    placement: { default: void 0 }
   },
   emits: ["primary", "presented", "dismissed"],
-  setup(j, { expose: r, emit: f }) {
-    const e = j, k = f, C = q(), { t: l } = ie(), L = q(), $ = P(null), O = P(null), w = oe(), S = re(), v = de($, {
+  setup(g, { expose: l, emit: d }) {
+    const e = g, w = d, C = q(), { t: r } = ue(), L = q(), B = j(null), O = j(null), S = ie(), $ = pe(), te = re(be, void 0), X = i(() => ye(te, e.placement)), v = me(B, {
       beforeDismiss: () => e.beforeDismiss?.() ?? !0,
-      initialFocus: () => S.value ? "panel" : "first",
-      onPresented: () => k("presented"),
-      onDismissed: () => k("dismissed")
-    }), { isOpen: b } = v, y = ce({ enabled: S, panel: $, body: O, onDismiss: () => v.dismiss() }), { covered: B, stacked: V } = fe(b), F = P(!1), A = () => {
+      initialFocus: () => $.value ? "panel" : "first",
+      onPresented: () => w("presented"),
+      onDismissed: () => w("dismissed")
+    }), { isOpen: b } = v, h = fe({ enabled: $, panel: B, body: O, onDismiss: () => v.dismiss() }), { covered: D, stacked: A } = xe(b), F = j(!1), H = () => {
       b.value || (F.value = !1);
     };
-    Y(b, (d) => {
-      d && (F.value = !0);
+    ee(b, (c) => {
+      c && (F.value = !0);
     }, { flush: "sync" });
-    function ee() {
-      y.reset(), v.present();
+    function se() {
+      h.reset(), v.present();
     }
-    const g = i(() => e.status === "processing"), c = i(() => e.status === "done"), D = i(() => !!(e.title || L.header)), I = i(() => !e.withoutCloseButton), H = i(() => e.primaryLabel || L.actions ? l("core.actions.cancel") : l("core.actions.close")), M = i(() => e.primaryDisabled || g.value || c.value), N = i(() => g.value && !e.cancellableWhileProcessing || c.value), E = i(() => c.value && e.doneLabel ? e.doneLabel : g.value && e.processingLabel ? e.processingLabel : e.primaryLabel), W = i(() => e.withoutFooter ? !1 : S.value ? !!(L.actions || L.timestamp) : !0);
+    const x = i(() => e.status === "processing"), u = i(() => e.status === "done"), P = i(() => !!(e.title || L.header)), I = i(() => !e.withoutCloseButton), M = i(() => e.primaryLabel || L.actions ? r("core.actions.cancel") : r("core.actions.close")), W = i(() => e.primaryDisabled || x.value || u.value), N = i(() => x.value && !e.cancellableWhileProcessing || u.value), E = i(() => u.value && e.doneLabel ? e.doneLabel : x.value && e.processingLabel ? e.processingLabel : e.primaryLabel), K = i(() => e.withoutFooter ? !1 : $.value ? !!(L.actions || L.timestamp) : !0);
     function U() {
-      M.value || k("primary");
+      W.value || w("primary");
     }
-    const te = { sm: "max-w-sm", md: "max-w-dialog", lg: "max-w-4xl", xl: "max-w-6xl" };
-    return r({ present: ee, dismiss: async () => v.dismiss() }), (d, u) => (t(), h(ne, { to: "body" }, [
+    const ae = { sm: "max-w-sm", md: "max-w-dialog", lg: "max-w-4xl", xl: "max-w-6xl" };
+    return l({ present: se, dismiss: async () => v.dismiss() }), (c, p) => (t(), _(de, { to: "body" }, [
       F.value ? (t(), a("div", {
         key: 0,
         class: "relative z-9999",
-        "aria-labelledby": D.value && e.title ? s(w) : void 0,
+        "aria-labelledby": P.value && e.title ? s(S) : void 0,
         role: "dialog",
         "aria-modal": "true",
-        "data-presentation": s(S) ? "sheet" : "dialog"
+        "data-presentation": s($) ? "sheet" : "dialog"
       }, [
-        x(T, {
+        k(T, {
           appear: "",
           "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
           "enter-from-class": "opacity-0",
@@ -114,76 +120,76 @@ const ve = ["aria-labelledby", "data-presentation"], be = ["data-covered"], ye =
             s(b) ? (t(), a("div", {
               key: 0,
               class: "fixed inset-0 bg-scrim",
-              style: G(s(y).backdropStyle.value),
+              style: V(s(h).backdropStyle.value),
               "aria-hidden": "true"
             }, null, 4)) : o("", !0)
           ]),
           _: 1
         }),
-        s(S) ? (t(), h(T, {
+        s($) ? (t(), _(T, {
           key: 0,
           appear: "",
           "enter-active-class": "transition-transform duration-motion-sheet ease-motion-sheet",
           "enter-from-class": "translate-y-full",
           "leave-active-class": "pointer-events-none transition-transform duration-motion-normal ease-motion-standard",
           "leave-to-class": "translate-y-full",
-          onAfterLeave: A
+          onAfterLeave: H
         }, {
           default: z(() => [
             s(b) ? (t(), a("div", {
               key: 0,
               ref_key: "panel",
-              ref: $,
+              ref: B,
               tabindex: "-1",
               "data-part": "panel",
-              class: _(["fixed inset-x-0 bottom-0 top-[calc(var(--app-safe-top)+0.625rem)] mx-auto flex w-full max-w-readable flex-col overflow-hidden rounded-t-sheet text-content-strong shadow-dialog outline-none", [e.grouped ? "bg-surface-page" : "bg-surface-cell", s(y).dragging.value ? "" : "transition-transform duration-motion-normal ease-motion-sheet", s(B) ? "origin-top scale-95" : "", s(V) ? "translate-y-3" : ""]]),
-              "data-covered": s(B) || void 0,
-              style: G(s(y).panelStyle.value)
+              class: y(["fixed inset-x-0 bottom-0 top-[calc(var(--app-safe-top)+0.625rem)] mx-auto flex w-full max-w-readable flex-col overflow-hidden rounded-t-sheet text-content-strong shadow-dialog outline-none", [e.grouped ? "bg-surface-page" : "bg-surface-cell", s(h).dragging.value ? "" : "transition-transform duration-motion-normal ease-motion-sheet", s(D) ? "origin-top scale-95" : "", s(A) ? "translate-y-3" : ""]]),
+              "data-covered": s(D) || void 0,
+              style: V(s(h).panelStyle.value)
             }, [
-              e.progress ? (t(), h(R, {
+              e.progress ? (t(), _(R, {
                 key: 0,
                 hairline: "",
                 value: e.progress.value,
                 done: e.progress.complete,
                 class: "absolute inset-x-0 top-0 z-20"
               }, null, 8, ["value", "done"])) : o("", !0),
-              n("div", J({ class: "shrink-0 cursor-grab touch-none select-none" }, s(y).handleEvents), [
-                u[3] || (u[3] = n("div", {
+              n("div", G({ class: "shrink-0 cursor-grab touch-none select-none" }, s(h).handleEvents), [
+                p[3] || (p[3] = n("div", {
                   class: "flex justify-center pt-1.5",
                   "aria-hidden": "true"
                 }, [
                   n("span", { class: "h-1.25 w-9 rounded-full bg-fill-strong" })
                 ], -1)),
-                n("div", ye, [
-                  n("div", ge, [
+                n("div", we, [
+                  n("div", Se, [
                     I.value ? (t(), a("button", {
                       key: 0,
                       type: "button",
                       disabled: N.value,
                       "data-part": "cancel",
                       class: "hit-target -ml-1 cursor-pointer rounded-control px-1 text-body text-content-link disabled:text-content-disabled",
-                      onClick: u[0] || (u[0] = (Z) => s(v).dismiss())
-                    }, p(H.value), 9, he)) : o("", !0)
+                      onClick: p[0] || (p[0] = (Z) => s(v).dismiss())
+                    }, m(M.value), 9, $e)) : o("", !0)
                   ]),
                   e.title ? (t(), a("h2", {
                     key: 0,
-                    id: s(w),
+                    id: s(S),
                     class: "truncate text-center text-headline font-semibold"
-                  }, p(e.title), 9, xe)) : (t(), a("span", _e)),
-                  n("div", ke, [
+                  }, m(e.title), 9, ze)) : (t(), a("span", Ce)),
+                  n("div", Le, [
                     e.primaryLabel ? (t(), a("button", {
                       key: 0,
                       type: "button",
-                      disabled: M.value,
+                      disabled: W.value,
                       "data-part": "primary",
                       class: "hit-target -mr-1 flex cursor-pointer items-center gap-1.5 rounded-control px-1 text-body font-semibold text-content-link disabled:cursor-default disabled:text-content-disabled",
-                      "aria-busy": g.value || void 0,
+                      "aria-busy": x.value || void 0,
                       onClick: U
                     }, [
-                      c.value ? (t(), h(X, {
+                      u.value ? (t(), _(Y, {
                         key: 0,
                         size: 15
-                      })) : g.value ? (t(), h(s(Q), {
+                      })) : x.value ? (t(), _(s(Q), {
                         key: 1,
                         name: "loader4Line",
                         size: 16,
@@ -192,78 +198,81 @@ const ve = ["aria-labelledby", "data-presentation"], be = ["data-covered"], ye =
                       (t(), a("span", {
                         key: E.value,
                         class: "animate-text-swap"
-                      }, p(E.value), 1))
-                    ], 8, we)) : o("", !0)
+                      }, m(E.value), 1))
+                    ], 8, Be)) : o("", !0)
                   ])
                 ]),
-                e.subtitle ? (t(), a("p", Se, p(e.subtitle), 1)) : o("", !0),
-                C.header ? (t(), a("div", ze, [
-                  m(d.$slots, "header", {
-                    titleId: s(w),
+                e.subtitle ? (t(), a("p", De, m(e.subtitle), 1)) : o("", !0),
+                C.header ? (t(), a("div", Pe, [
+                  f(c.$slots, "header", {
+                    titleId: s(S),
                     compact: !0
                   })
                 ])) : o("", !0)
               ], 16),
-              n("div", J({
+              n("div", G({
                 ref_key: "body",
                 ref: O,
                 class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-screen-padding pt-2 pb-8"
-              }, s(y).bodyEvents), [
-                m(d.$slots, "default")
+              }, s(h).bodyEvents), [
+                f(c.$slots, "default")
               ], 16),
-              W.value ? (t(), a("div", Ce, [
-                m(d.$slots, "actions"),
-                C.timestamp ? (t(), a("div", Le, [
-                  m(d.$slots, "timestamp")
+              K.value ? (t(), a("div", Ie, [
+                f(c.$slots, "actions"),
+                C.timestamp ? (t(), a("div", Ee, [
+                  f(c.$slots, "timestamp")
                 ])) : o("", !0)
               ])) : o("", !0)
-            ], 14, be)) : o("", !0)
+            ], 14, ke)) : o("", !0)
           ]),
           _: 3
         })) : (t(), a("div", {
           key: 1,
-          class: _(["fixed inset-0 z-10 w-screen overflow-y-auto [scrollbar-gutter:stable_both-edges]", s(b) ? "" : "pointer-events-none"])
+          class: y(["fixed inset-0 z-10 w-screen overflow-y-auto [scrollbar-gutter:stable_both-edges]", s(b) ? "" : "pointer-events-none"])
         }, [
-          n("div", $e, [
-            x(T, {
+          n("div", {
+            class: y(["flex min-h-full justify-center p-4", X.value.align === "top" ? "items-start pt-10" : "items-center"])
+          }, [
+            k(T, {
               appear: "",
               "enter-active-class": "transition duration-motion-normal ease-motion-standard",
               "enter-from-class": "opacity-0 scale-95",
               "leave-active-class": "pointer-events-none transition duration-motion-fast ease-motion-standard",
               "leave-to-class": "opacity-0 scale-95",
-              onAfterLeave: A
+              onAfterLeave: H
             }, {
               default: z(() => [
                 s(b) ? (t(), a("div", {
                   key: 0,
                   ref_key: "panel",
-                  ref: $,
+                  ref: B,
                   tabindex: "-1",
                   "data-part": "panel",
-                  class: _(["relative my-8 w-full rounded-dialog text-left text-content-strong shadow-dialog outline-none transition-transform duration-motion-sheet ease-motion-sheet", [te[e.size], e.grouped ? "bg-surface-page" : "bg-surface-cell", s(B) ? "-translate-y-4" : "", s(V) ? "translate-y-4 scale-96" : ""]]),
-                  "data-covered": s(B) || void 0
+                  class: y(["relative my-8 w-full rounded-dialog text-left text-content-strong shadow-dialog outline-none transition-transform duration-motion-sheet ease-motion-sheet", [ae[e.size], e.grouped ? "bg-surface-page" : "bg-surface-cell", s(D) ? "-translate-y-4" : "", s(A) ? "translate-y-4 scale-96" : ""]]),
+                  "data-covered": s(D) || void 0,
+                  style: V(X.value.offsetX ? { transform: `translateX(${X.value.offsetX}px)` } : void 0)
                 }, [
-                  e.progress ? (t(), a("div", De, [
-                    x(R, {
+                  e.progress ? (t(), a("div", Xe, [
+                    k(R, {
                       hairline: "",
                       value: e.progress.value,
                       done: e.progress.complete
                     }, null, 8, ["value", "done"])
                   ])) : o("", !0),
-                  D.value || I.value ? (t(), a("div", {
+                  P.value || I.value ? (t(), a("div", {
                     key: 1,
-                    class: _(["sticky top-0 z-10 flex items-start gap-3 rounded-t-dialog px-5 pt-4.5", [D.value ? "pb-3.5" : "pb-0", e.grouped ? "bg-surface-page" : "bg-surface-cell"]])
+                    class: y(["sticky top-0 z-10 flex items-start gap-3 rounded-t-dialog px-5 pt-4.5", [P.value ? "pb-3.5" : "pb-0", e.grouped ? "bg-surface-page" : "bg-surface-cell"]])
                   }, [
-                    n("div", Ie, [
-                      e.title ? (t(), a("div", Ee, [
+                    n("div", Fe, [
+                      e.title ? (t(), a("div", Ne, [
                         n("h2", {
-                          id: s(w),
+                          id: s(S),
                           class: "text-title font-semibold"
-                        }, p(e.title), 9, Pe),
-                        e.subtitle ? (t(), a("p", je, p(e.subtitle), 1)) : o("", !0)
+                        }, m(e.title), 9, Te),
+                        e.subtitle ? (t(), a("p", Ve, m(e.subtitle), 1)) : o("", !0)
                       ])) : o("", !0),
-                      m(d.$slots, "header", {
-                        titleId: s(w),
+                      f(c.$slots, "header", {
+                        titleId: s(S),
                         compact: !1
                       })
                     ]),
@@ -272,72 +281,73 @@ const ve = ["aria-labelledby", "data-presentation"], be = ["data-covered"], ye =
                       type: "button",
                       "data-initial-focus-skip": "",
                       disabled: N.value,
-                      "aria-label": s(l)("core.actions.close"),
+                      "aria-label": s(r)("core.actions.close"),
                       "data-part": "close",
                       class: "hit-target flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-muted transition-colors duration-motion-fast hover:bg-fill-strong disabled:opacity-45",
-                      onClick: u[1] || (u[1] = (Z) => s(v).dismiss())
+                      onClick: p[1] || (p[1] = (Z) => s(v).dismiss())
                     }, [
-                      x(s(Q), {
+                      k(s(Q), {
                         name: "close",
                         size: 14
                       })
-                    ], 8, Fe)) : o("", !0)
+                    ], 8, Oe)) : o("", !0)
                   ], 2)) : o("", !0),
                   n("div", {
-                    class: _(["px-5 pb-5", D.value ? "pt-1" : "pt-3"])
+                    class: y(["px-5 pb-5", P.value ? "pt-1" : "pt-3"])
                   }, [
-                    m(d.$slots, "default")
+                    f(c.$slots, "default")
                   ], 2),
-                  W.value ? (t(), a("div", Ne, [
-                    e.primaryLabel ? (t(), a("span", Te, [
-                      x(K, {
+                  K.value ? (t(), a("div", Ae, [
+                    e.primaryLabel ? (t(), a("span", He, [
+                      k(J, {
                         prominence: "primary",
-                        icon: c.value ? void 0 : e.primaryIcon,
-                        processing: g.value,
-                        disabled: e.primaryDisabled || c.value,
-                        class: _(c.value ? "bg-control-on! opacity-100!" : ""),
+                        icon: u.value ? void 0 : e.primaryIcon,
+                        processing: x.value,
+                        disabled: e.primaryDisabled || u.value,
+                        class: y(u.value ? "bg-control-on! opacity-100!" : ""),
                         onClick: U
                       }, {
                         default: z(() => [
-                          c.value ? (t(), h(X, {
+                          u.value ? (t(), _(Y, {
                             key: 0,
                             size: 16
                           })) : o("", !0),
                           (t(), a("span", {
                             key: E.value,
                             class: "animate-text-swap"
-                          }, p(E.value), 1))
+                          }, m(E.value), 1))
                         ]),
                         _: 1
                       }, 8, ["icon", "processing", "disabled", "class"])
                     ])) : o("", !0),
-                    m(d.$slots, "actions"),
-                    I.value ? (t(), a("span", Oe, [
-                      x(K, {
+                    f(c.$slots, "actions"),
+                    I.value ? (t(), a("span", Me, [
+                      k(J, {
                         prominence: "plain",
                         disabled: N.value,
-                        onClick: u[2] || (u[2] = (Z) => s(v).dismiss())
+                        onClick: p[2] || (p[2] = (Z) => s(v).dismiss())
                       }, {
                         default: z(() => [
-                          le(p(H.value), 1)
+                          ce(m(M.value), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled"])
                     ])) : o("", !0),
-                    n("div", Ve, [
-                      m(d.$slots, "timestamp")
+                    n("div", We, [
+                      f(c.$slots, "timestamp")
                     ])
                   ])) : o("", !0)
-                ], 10, Be)) : o("", !0)
+                ], 14, je)) : o("", !0)
               ]),
               _: 3
             })
-          ])
+          ], 2)
         ], 2))
-      ], 8, ve)) : o("", !0)
+      ], 8, _e)) : o("", !0)
     ]));
   }
 });
 export {
-  Ke as _
+  et as _,
+  be as m
 };

package/dist/{PhotoViewer.vue_vue_type_script_setup_true_lang-DDVQXJRB.js → PhotoViewer.vue_vue_type_script_setup_true_lang-ElDizaW2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as Ae, useModel as Re, ref as _, useTemplateRef as se, watch as Q, computed as g, onBeforeUnmount as Ne, nextTick as ye, onMounted as Xe, openBlock as m, createBlock as Ve, Teleport as Ye, createElementBlock as f, createVNode as T, Transition as Ze, withCtx as Ee, unref as u, createElementVNode as h, toDisplayString as ee, createCommentVNode as k, renderSlot as Ke, normalizeClass as M, withModifiers as re, normalizeStyle as te, Fragment as We, renderList as je, mergeModels as be } from "vue";
 import { useI18n as Ue } from "vue-i18n";
 import { _ as S } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { u as Fe } from "./useDialog-wmyNx2j_.js";
+import { u as Fe } from "./useDialog-CXR3hN0G.js";
 const _e = [1, 1.5, 2, 3, 4, 5], ke = 1, ue = 5, He = (a) => Math.min(ue, Math.max(ke, a)), Me = (a, l) => l % 2 === 0 ? a : { width: a.height, height: a.width };
 function qe(a, l, s) {
   const i = Me(a, s);

package/dist/{SectionList.vue_vue_type_script_setup_true_lang-DGcKX_OJ.js → SectionList.vue_vue_type_script_setup_true_lang-L9ita_Kx.js}

@@ -1,8 +1,8 @@
 import { inject as I, shallowRef as B, ref as D, watch as k, getCurrentScope as N, onScopeDispose as R, provide as T, onMounted as j, onBeforeUnmount as A, nextTick as M, defineComponent as E, computed as w, unref as d, openBlock as p, createBlock as L, withCtx as y, createElementVNode as m, createVNode as $, mergeProps as U, createElementBlock as h, toDisplayString as v, createCommentVNode as _, resolveDynamicComponent as P, normalizeClass as C, Fragment as V, renderList as H, withModifiers as K, normalizeStyle as Y } from "vue";
 import { useI18n as z } from "vue-i18n";
 import { _ as F } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as G } from "./Menu.vue_vue_type_script_setup_true_lang-D44EHXQZ.js";
-import { _ as J } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CKghARkW.js";
+import { _ as G } from "./Menu.vue_vue_type_script_setup_true_lang-CrMj6KPD.js";
+import { _ as J } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CeKK8_g5.js";
 import { routerKey as W } from "vue-router";
 const O = Symbol("vue-core.sectionIndex"), Q = 120, X = (l, a) => l.element.compareDocumentPosition(a.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1, Z = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 function $e(l) {