@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DYQgaUtj.js → Modal.vue_vue_type_script_setup_true_lang-D7SwVPpL.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 { _ 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 { 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-CYil8h9z.js";
+import { _ as Q } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as pe } from "./mediaQuery-CygcXmFW.js";
+import { u as me } from "./useDialog-CXR3hN0G.js";
+import { u as fe } from "./useSheetDrag-OsD6Eb6I.js";
+import { a as R, _ as Y } from "./ProgressTrack.vue_vue_type_script_setup_true_lang-B6Prw9hi.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/NewRolePage-Dla4YnMs.js

@@ -0,0 +1,42 @@
+import { defineComponent as _, computed as d, openBlock as y, createBlock as w, unref as e, withCtx as i, createVNode as l } from "vue";
+import { useI18n as v } from "vue-i18n";
+import { useRoute as k, useRouter as R } from "vue-router";
+import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { u as g } from "./useLoad-CYRVx6HW.js";
+import { a as x, c as u } from "./index-B2dbYZR9.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-DuEPOmjI.js";
+const V = /* @__PURE__ */ _({
+  __name: "NewRolePage",
+  setup(h) {
+    const { t: o } = v(), r = k(), p = R(), m = x(), t = d(() => typeof r.query.copy == "string" ? r.query.copy : ""), c = g(({ signal: s }) => t.value ? m.role(t.value, { signal: s }) : Promise.resolve(null), { watch: t }), f = (s) => p.replace(u.role({ ref: s.ref }));
+    return (s, a) => (y(), w(e($), {
+      title: e(o)("core.access.new_title"),
+      description: t.value ? e(o)("core.access.new_copy_description") : e(o)("core.access.new_description"),
+      back: { label: e(o)("core.access.title"), to: e(u).roles },
+      width: "content"
+    }, {
+      default: i(() => [
+        l(e(b), {
+          state: e(c).state.value,
+          "skeleton-rows": 8,
+          "is-empty": () => !1,
+          onRetry: a[0] || (a[0] = (n) => e(c).reload())
+        }, {
+          default: i(({ value: n }) => [
+            l(P, {
+              role: null,
+              source: n,
+              onSaved: f
+            }, null, 8, ["source"])
+          ]),
+          _: 1
+        }, 8, ["state"])
+      ]),
+      _: 1
+    }, 8, ["title", "description", "back"]));
+  }
+});
+export {
+  V as default
+};

package/dist/NoAccess.vue_vue_type_script_setup_true_lang-8m9cNptR.js

@@ -0,0 +1,31 @@
+import { createWebHistory as c } from "vue-router";
+import { defineComponent as s, openBlock as i, createBlock as a, unref as o } from "vue";
+import { useI18n as p } from "vue-i18n";
+import { _ as u } from "./EmptyState.vue_vue_type_script_setup_true_lang-C2ZYIT9F.js";
+function _(e = navigator) {
+  return e.standalone === !0;
+}
+function m(e) {
+  const r = c(e);
+  return r.push = (t, n) => r.replace(t, n), r;
+}
+function H(e) {
+  return _() ? m(e) : c(e);
+}
+const h = /* @__PURE__ */ s({
+  __name: "NoAccess",
+  setup(e) {
+    const { t: r } = p();
+    return (t, n) => (i(), a(o(u), {
+      title: o(r)("core.no_access.title"),
+      description: o(r)("core.no_access.body"),
+      icon: "errorWarningLine"
+    }, null, 8, ["title", "description"]));
+  }
+});
+export {
+  h as _,
+  m as a,
+  H as c,
+  _ as i
+};