@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/SelectField.vue_vue_type_script_setup_true_lang-SyFWE33A.js

@@ -1,422 +0,0 @@
-import { defineComponent as L, useModel as P, useTemplateRef as O, computed as D, ref as M, watch as E, openBlock as r, createBlock as B, mergeProps as N, unref as u, withCtx as V, createElementVNode as c, normalizeClass as b, createElementBlock as p, toDisplayString as F, createCommentVNode as _, mergeModels as T, mergeDefaults as W, useId as Y, createVNode as S, withDirectives as Z, vModelText as ee, Fragment as R, renderList as U, createSlots as te, createTextVNode as oe } from "vue";
-import { b as le } from "./controlSurface-t7OEFESJ.js";
-import { u as ae } from "./format-B8mJm946.js";
-import { u as G, a as H, _ as j, f as K, b as J, g as ne, m as se } from "./options-CjSz2dQK.js";
-import { useI18n as Q } from "vue-i18n";
-import { _ as re } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
-import { _ as z } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { u as ie } from "./mediaQuery-CygcXmFW.js";
-import { _ as ue } from "./Sheet.vue_vue_type_script_setup_true_lang-BLBD5ps8.js";
-import { _ as ce } from "./toast-BTeX0r66.js";
-function de(v) {
-  const o = v.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), e = /^\d(\D)\d/.exec(o)?.[1] ?? "";
-  return { decimal: o.charAt(o.length - 2) || ".", group: e === "." || e === "," ? e : "" };
-}
-function pe(v, o) {
-  const e = v.trim().startsWith("-"), a = v.replace(/[^\d.,]/g, "");
-  if (a === "") return e ? void 0 : null;
-  const h = [...a].filter((n) => n === "." || n === ",");
-  let m = a, w = "";
-  if (o.decimals > 0 && h.length > 0) {
-    const n = Math.max(a.lastIndexOf("."), a.lastIndexOf(",")), y = a.charAt(n), $ = a.slice(n + 1), i = a.includes(".") && a.includes(","), l = h.filter((s) => s === y).length > 1, k = !i && y === o.group && $.length === 3;
-    (i || !l && !k) && (m = a.slice(0, n), w = $);
-  }
-  const g = (n) => n.replace(/\D/g, ""), x = +`${g(m) || "0"}.${g(w) || "0"}`;
-  if (!Number.isFinite(x)) return;
-  const d = Number(x.toFixed(o.decimals));
-  return e ? -d || 0 : d;
-}
-const me = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, fe = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], be = {
-  key: 1,
-  class: "shrink-0 text-footnote text-content-muted"
-}, Te = /* @__PURE__ */ L({
-  __name: "NumberField",
-  props: /* @__PURE__ */ T(/* @__PURE__ */ W({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    decimals: {},
-    negative: { type: Boolean },
-    placeholder: {},
-    prefix: {},
-    suffix: {},
-    width: {}
-  }, { ...J, decimals: 0, negative: !1, placeholder: void 0, prefix: void 0, suffix: void 0, width: "sm" }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(v, { expose: o }) {
-    const e = v, a = P(v, "modelValue"), h = ae(), m = O("input"), w = !!G(), g = H("text", () => e.error ? "error" : e.disabled ? "locked" : "rest"), x = D(() => w ? le(e.width) : "w-full"), d = D(() => de(h)), n = (t) => t === null ? "" : h.number(t, { minimumFractionDigits: e.decimals, maximumFractionDigits: e.decimals }), y = (t) => t === null ? "" : String(t).replace(".", d.value.decimal), $ = (t) => pe(t, { decimals: e.decimals, group: d.value.group }), i = M(!1), l = M(n(a.value));
-    E(a, (t) => {
-      i.value ? $(l.value) !== t && (l.value = y(t)) : l.value = n(t);
-    }), E(() => [e.decimals, d.value.decimal], () => {
-      i.value || (l.value = n(a.value));
-    });
-    function k(t) {
-      const q = t.target;
-      let C = q.value.replace(/[^\d.,\-\s]/g, "");
-      e.negative ? C = C.replace(/(?!^)-/g, "") : C = C.replace(/-/g, ""), C !== q.value && (q.value = C), l.value = C;
-      const A = $(C);
-      A !== void 0 ? a.value = A : a.value = null;
-    }
-    function s() {
-      i.value = !0, l.value = y(a.value);
-    }
-    function f() {
-      i.value = !1, l.value = n(a.value);
-    }
-    return o({ focus: () => m.value?.focus() }), (t, q) => (r(), B(j, N(u(K)(e), {
-      value: a.value === null ? null : n(a.value),
-      prefix: e.prefix,
-      suffix: e.suffix,
-      "value-style": "numeric"
-    }), {
-      default: V(({ id: C, describedby: A, invalid: X }) => [
-        c("div", {
-          class: b(["flex items-center gap-1.5", [u(g), x.value]])
-        }, [
-          e.prefix ? (r(), p("span", me, F(e.prefix), 1)) : _("", !0),
-          c("input", {
-            id: C,
-            ref_key: "input",
-            ref: m,
-            value: l.value,
-            type: "text",
-            inputmode: "decimal",
-            autocomplete: "off",
-            name: e.name,
-            placeholder: e.placeholder,
-            disabled: e.disabled,
-            required: e.required,
-            "aria-required": e.required || void 0,
-            "aria-invalid": X || void 0,
-            "aria-describedby": A,
-            class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-right text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-            onInput: k,
-            onFocus: s,
-            onBlur: f
-          }, null, 40, fe),
-          e.suffix ? (r(), p("span", be, F(e.suffix), 1)) : _("", !0)
-        ], 2)
-      ]),
-      _: 1
-    }, 16, ["value", "prefix", "suffix"]));
-  }
-}), ve = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill px-2.5 text-content-muted focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-border-focus" }, he = ["aria-label", "placeholder"], ge = ["aria-multiselectable"], xe = {
-  key: 0,
-  role: "presentation"
-}, ye = ["aria-selected"], ke = { class: "flex-1 py-2" }, _e = ["id"], we = ["aria-labelledby"], $e = ["aria-selected"], Ce = ["disabled", "onClick"], Fe = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "flex shrink-0 items-center"
-}, qe = { class: "min-w-0 flex-1 text-content-strong" }, De = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, Ve = {
-  key: 1,
-  class: "px-4 py-6 text-center text-subheadline text-content-muted"
-}, I = /* @__PURE__ */ L({
-  __name: "OptionList",
-  props: {
-    options: {},
-    modelValue: { default: null },
-    multiple: { type: Boolean, default: !1 },
-    searchFrom: { default: 9 },
-    noneLabel: { default: void 0 },
-    presentation: { default: "grouped" }
-  },
-  emits: ["select"],
-  setup(v, { emit: o }) {
-    const e = v, a = o, { t: h } = Q(), m = M(""), w = Y(), g = O("root"), x = D(() => e.options.length >= e.searchFrom), d = D(() => ne(se(e.options, m.value))), n = (l) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(l.value) : e.modelValue === l.value, y = D(() => e.multiple ? !1 : e.modelValue === null);
-    function $(l) {
-      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(l.key)) return;
-      const s = [...g.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
-      if (s.length === 0) return;
-      const f = s.indexOf(document.activeElement), t = l.key === "Home" ? 0 : l.key === "End" ? s.length - 1 : l.key === "ArrowDown" ? Math.min(f + 1, s.length - 1) : Math.max(f - 1, 0);
-      l.key === "ArrowUp" && f <= 0 ? g.value?.querySelector("[data-option-search]")?.focus() : s[f === -1 && l.key === "ArrowDown" ? 0 : t]?.focus(), l.preventDefault();
-    }
-    const i = D(() => e.presentation === "grouped");
-    return (l, k) => (r(), p("div", {
-      ref_key: "root",
-      ref: g,
-      "data-test": "option-list",
-      onKeydown: $
-    }, [
-      x.value ? (r(), p("div", {
-        key: 0,
-        class: b(["sticky top-0 z-10 pb-2", i.value ? "bg-surface-page pt-1" : "bg-surface-cell"])
-      }, [
-        c("label", ve, [
-          S(u(z), {
-            name: "search",
-            size: 16,
-            class: "shrink-0"
-          }),
-          Z(c("input", {
-            "onUpdate:modelValue": k[0] || (k[0] = (s) => m.value = s),
-            "data-option-search": "",
-            type: "search",
-            enterkeyhint: "search",
-            autocomplete: "off",
-            autocapitalize: "off",
-            spellcheck: "false",
-            "aria-label": u(h)("core.form.select.search"),
-            placeholder: u(h)("core.form.select.search"),
-            class: "min-w-0 flex-1 border-0 bg-transparent p-0 text-body text-content-strong outline-none placeholder:text-content-disabled focus:ring-0"
-          }, null, 8, he), [
-            [ee, m.value]
-          ])
-        ])
-      ], 2)) : _("", !0),
-      c("ul", {
-        class: b(["flex flex-col", i.value ? "gap-group-gap" : "gap-2"]),
-        role: "listbox",
-        "aria-multiselectable": e.multiple || void 0
-      }, [
-        e.noneLabel && m.value === "" ? (r(), p("li", xe, [
-          c("ul", {
-            role: "group",
-            class: b(i.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            c("li", {
-              role: "option",
-              "aria-selected": y.value
-            }, [
-              c("button", {
-                type: "button",
-                "data-option": "",
-                class: b(["flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill", [y.value ? "text-content-strong" : "text-content-muted", i.value ? "rounded-group" : "rounded-control"]]),
-                onClick: k[1] || (k[1] = (s) => a("select", null))
-              }, [
-                c("span", ke, F(e.noneLabel), 1),
-                y.value ? (r(), B(u(z), {
-                  key: 0,
-                  name: "checkCustom",
-                  size: 18,
-                  class: "shrink-0 text-content-link"
-                })) : _("", !0)
-              ], 2)
-            ], 8, ye)
-          ], 2)
-        ])) : _("", !0),
-        (r(!0), p(R, null, U(d.value, (s, f) => (r(), p("li", {
-          key: s.title ?? f,
-          role: "presentation"
-        }, [
-          s.title ? (r(), p("p", {
-            key: 0,
-            id: `${u(w)}-${f}`,
-            class: "px-row-inset pb-1.5 text-footnote uppercase tracking-wide text-content-muted"
-          }, F(s.title), 9, _e)) : _("", !0),
-          c("ul", {
-            role: "group",
-            "aria-labelledby": s.title ? `${u(w)}-${f}` : void 0,
-            class: b(i.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            (r(!0), p(R, null, U(s.options, (t) => (r(), p("li", {
-              key: String(t.value),
-              role: "option",
-              "aria-selected": n(t),
-              class: "group/option"
-            }, [
-              c("button", {
-                type: "button",
-                "data-option": "",
-                "data-test": "option",
-                disabled: t.disabled,
-                class: b(["flex w-full cursor-pointer items-stretch gap-3 pl-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill disabled:cursor-not-allowed disabled:opacity-45", i.value ? "group-first/option:rounded-t-group group-last/option:rounded-b-group" : "rounded-control"]),
-                onClick: (q) => a("select", t.value)
-              }, [
-                e.multiple ? (r(), p("span", Fe, [
-                  c("span", {
-                    class: b(["flex size-5.5 items-center justify-center rounded-full border", n(t) ? "border-control-on bg-control-on text-white" : "border-border-control"])
-                  }, [
-                    n(t) ? (r(), B(u(z), {
-                      key: 0,
-                      name: "checkCustom",
-                      size: 12
-                    })) : _("", !0)
-                  ], 2)
-                ])) : _("", !0),
-                c("span", {
-                  class: b(["flex min-h-row min-w-0 flex-1 items-center gap-3 py-2 pr-row-inset", i.value ? "border-t border-border-separator group-first/option:border-t-0" : ""])
-                }, [
-                  c("span", qe, F(t.label), 1),
-                  t.description ? (r(), p("span", De, F(t.description), 1)) : _("", !0),
-                  !e.multiple && n(t) ? (r(), B(u(z), {
-                    key: 1,
-                    name: "checkCustom",
-                    size: 18,
-                    class: "shrink-0 text-content-link"
-                  })) : _("", !0)
-                ], 2)
-              ], 10, Ce)
-            ], 8, $e))), 128))
-          ], 10, we)
-        ]))), 128)),
-        d.value.length === 0 ? (r(), p("li", Ve, F(u(h)("core.form.select.no_matches")), 1)) : _("", !0)
-      ], 10, ge)
-    ], 544));
-  }
-}), Be = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby"], Se = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "onClick"], ze = { class: "max-h-72 overflow-y-auto" }, We = /* @__PURE__ */ L({
-  __name: "SelectField",
-  props: /* @__PURE__ */ T(/* @__PURE__ */ W({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    options: {},
-    placeholder: {},
-    clearable: { type: Boolean },
-    searchFrom: {}
-  }, { ...J, placeholder: void 0, clearable: !1, searchFrom: 9 }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(v) {
-    const o = v, e = P(v, "modelValue"), { t: a } = Q(), h = ie(), m = !!G(), w = O("sheet"), g = M(!1), x = D(() => o.options.find((i) => i.value === e.value) ?? null), d = D(() => o.placeholder ?? a("core.form.select.choose")), n = H("popup", () => o.error ? "error" : o.disabled ? "locked" : "rest");
-    function y(i) {
-      e.value = i, w.value?.dismiss();
-    }
-    const $ = D(() => [
-      "flex max-w-full min-w-0 items-center gap-1.5 py-1 pl-2.5 pr-2 text-body focus-visible:outline-none",
-      m ? "compact:pl-0 compact:pr-0" : "",
-      o.disabled ? "cursor-not-allowed" : "cursor-pointer"
-    ]);
-    return (i, l) => (r(), B(j, N(u(K)(o), {
-      value: x.value?.label ?? null
-    }), {
-      default: V(({ id: k, describedby: s, invalid: f }) => [
-        c("div", {
-          class: b(["inline-flex max-w-full min-w-0", u(n)])
-        }, [
-          u(h) ? (r(), p("button", {
-            key: 0,
-            id: k,
-            type: "button",
-            disabled: o.disabled,
-            "aria-haspopup": "dialog",
-            "aria-expanded": g.value,
-            "aria-required": o.required || void 0,
-            "aria-invalid": f || void 0,
-            "aria-describedby": s,
-            class: b($.value),
-            onClick: l[0] || (l[0] = (t) => w.value?.present())
-          }, [
-            c("span", {
-              class: b(["min-w-0 truncate", x.value ? m ? "text-content-strong compact:text-content-muted" : "text-content-strong" : "text-content-disabled"])
-            }, F(x.value?.label ?? d.value), 3),
-            S(u(z), {
-              name: "expandUpDownLine",
-              size: 14,
-              class: "shrink-0 text-content-muted"
-            })
-          ], 10, Be)) : (r(), B(ce, {
-            key: 1,
-            label: o.label ?? d.value,
-            width: "md",
-            placement: "bottom-start",
-            arrow: !1
-          }, {
-            trigger: V(({ toggle: t, attrs: q }) => [
-              c("button", N({
-                id: k,
-                type: "button"
-              }, q, {
-                "aria-haspopup": "listbox",
-                disabled: o.disabled,
-                "aria-required": o.required || void 0,
-                "aria-invalid": f || void 0,
-                "aria-describedby": s,
-                class: $.value,
-                onClick: t
-              }), [
-                c("span", {
-                  class: b(["min-w-0 truncate", x.value ? "text-content-strong" : "text-content-disabled"])
-                }, F(x.value?.label ?? d.value), 3),
-                S(u(z), {
-                  name: "expandUpDownLine",
-                  size: 14,
-                  class: "shrink-0 text-content-muted"
-                })
-              ], 16, Se)
-            ]),
-            default: V(({ dismiss: t }) => [
-              c("div", ze, [
-                S(I, {
-                  options: o.options,
-                  "model-value": e.value,
-                  "search-from": o.searchFrom,
-                  "none-label": o.clearable ? u(a)("core.form.select.clear") : void 0,
-                  presentation: "plain",
-                  onSelect: (q) => {
-                    e.value = q, t();
-                  }
-                }, null, 8, ["options", "model-value", "search-from", "none-label", "onSelect"])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["label"]))
-        ], 2),
-        u(h) ? (r(), B(ue, {
-          key: 0,
-          ref_key: "sheet",
-          ref: w,
-          title: o.label ?? d.value,
-          grouped: "",
-          onPresented: l[2] || (l[2] = (t) => g.value = !0),
-          onDismissed: l[3] || (l[3] = (t) => g.value = !1)
-        }, te({
-          default: V(() => [
-            S(I, {
-              options: o.options,
-              "model-value": e.value,
-              "search-from": o.searchFrom,
-              "none-label": o.clearable ? u(a)("core.form.select.clear") : void 0,
-              onSelect: y
-            }, null, 8, ["options", "model-value", "search-from", "none-label"])
-          ]),
-          _: 2
-        }, [
-          o.clearable && e.value !== null ? {
-            name: "footer",
-            fn: V(() => [
-              S(re, {
-                prominence: "plain",
-                onClick: l[1] || (l[1] = (t) => y(null))
-              }, {
-                default: V(() => [
-                  oe(F(u(a)("core.form.select.clear")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["title"])) : _("", !0)
-      ]),
-      _: 1
-    }, 16, ["value"]));
-  }
-});
-export {
-  Te as _,
-  We as a,
-  I as b
-};

package/dist/Sheet.vue_vue_type_script_setup_true_lang-BLBD5ps8.js

@@ -1,210 +0,0 @@
-import { ref as _, computed as P, defineComponent as V, useId as Y, watch as j, openBlock as m, createBlock as L, Teleport as O, createElementBlock as v, unref as t, createVNode as C, Transition as N, withCtx as $, normalizeStyle as z, createCommentVNode as h, normalizeClass as A, createElementVNode as k, mergeProps as B, renderSlot as D, toDisplayString as F } from "vue";
-import { useI18n as W } from "vue-i18n";
-import { _ as K } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { a as Q } from "./mediaQuery-CygcXmFW.js";
-import { u as q } from "./useDialog-wmyNx2j_.js";
-const G = 120, J = 0.5, R = 40;
-function U({ enabled: g, panel: w, body: I, onDismiss: p }) {
-  const o = _(0), l = _(!1);
-  let n = 0, u = 0, b = 0, c = 0, y = !1, r = !1;
-  function d(e, a) {
-    g.value && (n = u = e, b = performance.now(), c = 0, y = a, r = !0, l.value = !a);
-  }
-  function f(e) {
-    if (!r) return !1;
-    const a = e - n;
-    if (!l.value) {
-      const M = (I.value?.scrollTop ?? 0) <= 0;
-      if (!y || !M || a <= 0)
-        return (a < 0 || !M) && (r = !1), !1;
-      l.value = !0, n = e;
-    }
-    const E = performance.now();
-    return c = (e - u) / Math.max(E - b, 1), u = e, b = E, o.value = Math.max(0, e - n), !0;
-  }
-  async function s() {
-    if (!r || (r = !1, !l.value)) return;
-    l.value = !1;
-    const e = c > J && o.value > R;
-    if (o.value > G || e) {
-      const a = o.value;
-      if (await p()) {
-        o.value = Math.max(a, w.value?.offsetHeight ?? window.innerHeight);
-        return;
-      }
-    }
-    o.value = 0;
-  }
-  function T() {
-    r = !1, l.value = !1, o.value = 0;
-  }
-  const x = {
-    onPointerdown(e) {
-      e.button === 0 && (e.target?.closest('button, a, input, [role="button"]') || (e.currentTarget.setPointerCapture(e.pointerId), d(e.clientY, !1)));
-    },
-    onPointermove(e) {
-      if (e.buttons === 0) {
-        s();
-        return;
-      }
-      f(e.clientY);
-    },
-    onPointerup: () => void s(),
-    onPointercancel: () => void s()
-  }, i = {
-    onTouchstartPassive(e) {
-      const a = e.touches[0];
-      a && e.touches.length === 1 && d(a.clientY, !0);
-    },
-    onTouchmove(e) {
-      const a = e.touches[0];
-      a && f(a.clientY) && e.cancelable && e.preventDefault();
-    },
-    onTouchend: () => void s(),
-    onTouchcancel: () => void s()
-  }, S = P(
-    () => !g.value || o.value === 0 ? void 0 : { transform: `translateY(${o.value}px)` }
-  ), H = P(() => {
-    if (!g.value || o.value === 0) return;
-    const e = w.value?.offsetHeight || window.innerHeight;
-    return { opacity: String(Math.max(0, 1 - o.value / e)) };
-  });
-  return { dragOffset: o, dragging: l, handleEvents: x, bodyEvents: i, panelStyle: S, backdropStyle: H, reset: T };
-}
-const X = ["aria-labelledby"], Z = {
-  key: 0,
-  class: "flex justify-center pt-1.5",
-  "aria-hidden": "true"
-}, ee = ["id"], te = ["aria-label"], oe = {
-  key: 0,
-  class: "shrink-0 border-t border-border-separator bg-surface-cell px-4 pt-3 pb-[max(0.75rem,var(--app-safe-bottom))]"
-}, ie = /* @__PURE__ */ V({
-  __name: "Sheet",
-  props: {
-    title: { default: void 0 },
-    grouped: { type: Boolean, default: !1 }
-  },
-  emits: ["presented", "dismissed"],
-  setup(g, { expose: w, emit: I }) {
-    const p = g, o = I, { t: l } = W(), n = Q("(max-width: 1023px), (pointer: coarse)"), u = _(!1), b = () => {
-      f.value || (u.value = !1);
-    }, c = _(null), y = _(null), r = Y(), d = q(c, {
-      initialFocus: "panel",
-      onPresented: () => o("presented"),
-      onDismissed: () => o("dismissed")
-    }), { isOpen: f } = d;
-    j(f, (i) => {
-      i && (u.value = !0);
-    }, { flush: "sync" });
-    const s = U({
-      enabled: n,
-      panel: c,
-      body: y,
-      onDismiss: () => (d.dismissWithoutAsking(), !0)
-    });
-    function T() {
-      s.reset(), d.present();
-    }
-    function x() {
-      d.dismissWithoutAsking();
-    }
-    return w({ present: T, dismiss: x }), (i, S) => (m(), L(O, { to: "body" }, [
-      u.value ? (m(), v("div", {
-        key: 0,
-        class: "relative z-9999",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": p.title ? t(r) : void 0
-      }, [
-        C(N, {
-          appear: "",
-          "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
-          "enter-from-class": "opacity-0",
-          "leave-active-class": "pointer-events-none transition-opacity duration-motion-normal ease-motion-standard",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: $(() => [
-            t(f) ? (m(), v("div", {
-              key: 0,
-              class: "fixed inset-0 bg-scrim",
-              style: z(t(s).backdropStyle.value),
-              "aria-hidden": "true",
-              onClick: x
-            }, null, 4)) : h("", !0)
-          ]),
-          _: 1
-        }),
-        C(N, {
-          appear: "",
-          "enter-active-class": "transition-transform duration-motion-sheet ease-motion-sheet",
-          "enter-from-class": t(n) ? "translate-y-full" : "translate-x-full",
-          "leave-active-class": "pointer-events-none transition-transform duration-motion-normal ease-motion-standard",
-          "leave-to-class": t(n) ? "translate-y-full" : "translate-x-full",
-          onAfterLeave: b
-        }, {
-          default: $(() => [
-            t(f) ? (m(), v("div", {
-              key: 0,
-              ref_key: "panel",
-              ref: c,
-              tabindex: "-1",
-              "data-part": "panel",
-              class: A(["fixed flex flex-col text-content-strong shadow-dialog outline-none", [
-                p.grouped ? "bg-surface-page" : "bg-surface-cell",
-                t(n) ? "inset-x-0 bottom-0 mx-auto max-h-[90dvh] w-full max-w-readable rounded-t-sheet" : "inset-y-0 right-0 w-full max-w-md",
-                t(s).dragging.value ? "" : "transition-transform duration-motion-normal ease-motion-sheet"
-              ]]),
-              style: z(t(s).panelStyle.value)
-            }, [
-              k("div", B({
-                class: ["shrink-0", t(n) ? "cursor-grab touch-none select-none" : ""]
-              }, t(s).handleEvents), [
-                t(n) ? (m(), v("div", Z, [...S[0] || (S[0] = [
-                  k("span", { class: "h-1.25 w-9 rounded-full bg-fill-strong" }, null, -1)
-                ])])) : h("", !0),
-                D(i.$slots, "header", { titleId: t(r) }, () => [
-                  k("div", {
-                    class: A(["flex min-h-bar-height items-center justify-between gap-3 px-4", t(n) ? "pb-1" : "border-b border-border-separator"])
-                  }, [
-                    p.title ? (m(), v("h3", {
-                      key: 0,
-                      id: t(r),
-                      class: "text-headline font-semibold"
-                    }, F(p.title), 9, ee)) : h("", !0),
-                    k("button", {
-                      type: "button",
-                      "data-part": "close",
-                      "aria-label": t(l)("core.actions.close"),
-                      class: "hit-target -mr-1 ml-auto 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",
-                      onClick: x
-                    }, [
-                      C(t(K), {
-                        name: "close",
-                        size: 14
-                      })
-                    ], 8, te)
-                  ], 2)
-                ])
-              ], 16),
-              k("div", B({
-                ref_key: "body",
-                ref: y,
-                class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4"
-              }, t(s).bodyEvents), [
-                D(i.$slots, "default")
-              ], 16),
-              i.$slots.footer ? (m(), v("div", oe, [
-                D(i.$slots, "footer")
-              ])) : h("", !0)
-            ], 6)) : h("", !0)
-          ]),
-          _: 3
-        }, 8, ["enter-from-class", "leave-to-class"])
-      ], 8, X)) : h("", !0)
-    ]));
-  }
-});
-export {
-  ie as _,
-  U as u
-};