@gradient-ui/core 0.4.0 → 0.4.1

package/dist/useSnackbar-DeNHZH8v.js

@@ -0,0 +1,908 @@
+import { defineComponent as F, computed as g, unref as s, openBlock as d, createBlock as x, resolveDynamicComponent as te, mergeProps as J, createCommentVNode as w, ref as E, onMounted as xe, onBeforeUnmount as me, createElementBlock as k, createElementVNode as b, useCssVars as fe, useId as Ie, normalizeStyle as Y, normalizeClass as B, withCtx as K, renderSlot as N, toRef as Me, toValue as X, useSlots as ve, useAttrs as Re, resolveDirective as ce, withDirectives as ue, Fragment as oe, renderList as ge, createVNode as Z, createTextVNode as re, toDisplayString as ie, shallowRef as he, onUnmounted as be, createApp as ye, watch as Ge, reactive as Te, h as ae } from "vue";
+import { b as Q, c as ze, u as Ae, _ as Ne, a as Ve } from "./GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js";
+import { j as _e, r as Pe, s as We, t as Fe, v as ke, l as Ue, b as je, q as Ee, a as Le, o as De } from "./materialSurface-BBrP9ltj.js";
+import { j as ee, p as ne, t as He, v as qe, d as Xe, k as Ye, i as Je, f as Ke } from "./surface-BKu4KfkY.js";
+import "@mdi/js";
+const Qe = () => ({
+  icon: {
+    type: String,
+    required: !0
+  },
+  size: {
+    type: [Number, String],
+    default: void 0
+  },
+  tag: {
+    type: String,
+    default: "span"
+  }
+}), Ze = /* @__PURE__ */ F({
+  __name: "GIcon",
+  props: Qe(),
+  setup(t) {
+    const n = t, l = _e(() => n.icon), e = g(
+      () => n.size == null ? "var(--g-token-icon-size-m)" : Number.isFinite(Number(n.size)) ? `${n.size}px` : String(n.size)
+    );
+    return (c, r) => s(l).icon ? (d(), x(te(s(l).component), J({
+      key: 0,
+      icon: s(l).icon,
+      tag: n.tag,
+      class: "g-icon",
+      style: { fontSize: e.value }
+    }, c.$attrs), null, 16, ["icon", "tag", "style"])) : w("", !0);
+  }
+}), de = /* @__PURE__ */ Q(Ze, [["__scopeId", "data-v-f1c09700"]]), et = ["viewBox"], tt = ["id", "width", "height"], nt = ["width", "height", "rx", "ry"], at = ["x", "y", "width", "height", "rx", "ry"], st = ["id", "x", "y", "width", "height"], ot = ["stdDeviation"], rt = ["filter"], it = ["width", "height", "mask"], lt = /* @__PURE__ */ F({
+  __name: "GGradientBorderLayer",
+  props: {
+    maskId: {},
+    borderRadius: {},
+    borderWidth: {},
+    placement: {},
+    rounded: { type: Boolean },
+    glowBlur: {}
+  },
+  setup(t) {
+    const n = t, l = E(), e = E({ width: 1, height: 1 });
+    let c;
+    const r = g(() => `url(#${n.maskId})`), u = g(() => `${n.maskId}-blur`), a = g(
+      () => n.glowBlur ? `url(#${u.value})` : void 0
+    ), o = g(() => (n.glowBlur ?? 0) * 4), m = g(
+      () => `0 0 ${e.value.width} ${e.value.height}`
+    ), h = (f) => Number.parseFloat(String(f)), i = g(() => {
+      const { width: f, height: p } = e.value, y = Math.max(0, h(n.borderWidth)), I = Math.max(0, h(n.borderRadius)), $ = Math.min(y, 0.5), C = n.placement === "center", M = C || n.placement === "top" ? y : 0, O = C || n.placement === "right" ? y : 0, R = C || n.placement === "bottom" ? y : 0, v = C || n.placement === "left" ? y : 0, U = Math.max(0, f - v - O), G = Math.max(0, p - M - R), T = v + (v ? $ : 0), z = M + (M ? $ : 0), j = O + (O ? $ : 0), L = R + (R ? $ : 0), V = Math.max(0, f - T - j), A = Math.max(0, p - z - L), P = n.rounded ? Math.min(f, p) / 2 : I + y, D = n.rounded ? Math.min(
+        C ? V : U,
+        C ? A : G
+      ) / 2 : Math.max(0, I - (C ? $ : 0));
+      return {
+        width: f,
+        height: p,
+        outerRadius: P,
+        innerX: T,
+        innerY: z,
+        innerWidth: V,
+        innerHeight: A,
+        innerRadius: D
+      };
+    }), S = () => {
+      const f = l.value;
+      if (!f) return;
+      const { width: p, height: y } = f.getBoundingClientRect();
+      p > 0 && y > 0 && (e.value = { width: p, height: y });
+    };
+    return xe(() => {
+      const f = l.value;
+      f && (S(), c = new ResizeObserver(S), c.observe(f));
+    }), me(() => c == null ? void 0 : c.disconnect()), (f, p) => (d(), k("svg", {
+      ref_key: "layerRef",
+      ref: l,
+      class: "g-gradient-border-layer",
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: m.value,
+      preserveAspectRatio: "none"
+    }, [
+      b("defs", null, [
+        b("mask", {
+          id: t.maskId,
+          "mask-type": "luminance",
+          maskUnits: "userSpaceOnUse",
+          maskContentUnits: "userSpaceOnUse",
+          x: "0",
+          y: "0",
+          width: i.value.width,
+          height: i.value.height
+        }, [
+          b("rect", {
+            class: "g-gradient-border-layer__mask-outer",
+            x: "0",
+            y: "0",
+            width: i.value.width,
+            height: i.value.height,
+            rx: i.value.outerRadius,
+            ry: i.value.outerRadius
+          }, null, 8, nt),
+          b("rect", {
+            class: "g-gradient-border-layer__mask-inner",
+            x: i.value.innerX,
+            y: i.value.innerY,
+            width: i.value.innerWidth,
+            height: i.value.innerHeight,
+            rx: i.value.innerRadius,
+            ry: i.value.innerRadius
+          }, null, 8, at)
+        ], 8, tt),
+        t.glowBlur ? (d(), k("filter", {
+          key: 0,
+          id: u.value,
+          "color-interpolation-filters": "sRGB",
+          filterUnits: "userSpaceOnUse",
+          x: -o.value,
+          y: -o.value,
+          width: i.value.width + o.value * 2,
+          height: i.value.height + o.value * 2
+        }, [
+          b("feGaussianBlur", {
+            in: "SourceGraphic",
+            stdDeviation: t.glowBlur
+          }, null, 8, ot)
+        ], 8, st)) : w("", !0)
+      ]),
+      b("g", { filter: a.value }, [
+        (d(), k("foreignObject", {
+          x: "0",
+          y: "0",
+          width: i.value.width,
+          height: i.value.height,
+          mask: r.value
+        }, [...p[0] || (p[0] = [
+          b("div", { class: "g-gradient-border-layer__paint" }, null, -1)
+        ])], 8, it))
+      ], 8, rt)
+    ], 8, et));
+  }
+}), pe = /* @__PURE__ */ Q(lt, [["__scopeId", "data-v-6137c224"]]), ct = { class: "g-gradient__slot" }, ut = /* @__PURE__ */ F({
+  __name: "GGradient",
+  props: ke(),
+  setup(t) {
+    fe((p) => ({
+      af7aa536: s(a),
+      v1cbbcd11: s(S)
+    }));
+    const n = t, l = Ie().replaceAll(":", ""), e = `g-gradient-border-${l}`, c = `g-gradient-glow-${l}`, r = g(() => Number(n.borderWidth) > 0), u = g(
+      () => r.value && !!(n.glow || n.animateGlow)
+    ), { containerBorderRadius: a, gradientClasses: o, gradientStyles: m } = Pe(n), { glowClasses: h } = We(n), { interactionClass: i, surfaceBorderRadius: S, surfaceFillClass: f } = Fe(n);
+    return (p, y) => (d(), x(te(p.rootTag), {
+      class: B(["g-gradient", [
+        s(o),
+        s(h),
+        s(i),
+        s(f)
+      ]]),
+      style: Y(s(m))
+    }, {
+      default: K(() => [
+        r.value ? (d(), x(pe, {
+          key: 0,
+          class: "g-gradient__border",
+          "mask-id": e,
+          "border-radius": p.borderRadius,
+          "border-width": p.borderWidth,
+          placement: p.placement,
+          rounded: p.rounded
+        }, null, 8, ["border-radius", "border-width", "placement", "rounded"])) : w("", !0),
+        u.value ? (d(), x(pe, {
+          key: 1,
+          class: "g-gradient__glow",
+          "mask-id": c,
+          "border-radius": p.borderRadius,
+          "border-width": p.borderWidth,
+          placement: p.placement,
+          rounded: p.rounded,
+          "glow-blur": 4
+        }, null, 8, ["border-radius", "border-width", "placement", "rounded"])) : w("", !0),
+        b("div", ct, [
+          N(p.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), Se = /* @__PURE__ */ Q(ut, [["__scopeId", "data-v-7cbe99a6"]]), dt = /* @__PURE__ */ F({
+  __name: "GIcon",
+  props: {
+    icon: {},
+    size: { default: 20 },
+    tag: { default: "span" }
+  },
+  setup(t) {
+    const n = t, l = ee(Me(n, "size")), e = _e(() => n.icon);
+    return (c, r) => (d(), x(te(s(e).component), J({
+      icon: s(e).icon,
+      tag: n.tag,
+      class: "g-icon",
+      style: { fontSize: s(l) }
+    }, c.$attrs), null, 16, ["icon", "tag", "style"]));
+  }
+}), se = /* @__PURE__ */ Q(dt, [["__scopeId", "data-v-1e1fd36a"]]), pt = ne({
+  ...He(),
+  ...ze(),
+  active: Boolean,
+  activeColor: String,
+  activeState: String,
+  activeVariant: String,
+  gradientRecipe: String,
+  morph: Boolean,
+  shadowOptions: Object,
+  dropShadowOptions: Object,
+  animationOptions: Object,
+  morphOptions: Object
+});
+function mt(t, n, l = {}) {
+  const { disabledClass: e, roundedClass: c, stateClass: r, textureClass: u } = qe(t, n), { glassStyles: a } = Xe(t), {
+    surfaceOverlayClasses: o,
+    surfaceMaterialMorphBlobClasses: m,
+    surfaceMaterialMorphClasses: h,
+    surfaceTextureClasses: i,
+    surfaceUnderlayClasses: S,
+    surfaceContentClasses: f
+  } = Ye(n), p = Ae(t, n), y = g(
+    () => !!(X(l.active) ?? t.active)
+  ), I = g(() => !!X(l.selected)), { resolvedColor: $, resolvedState: C, colorStyles: M } = Je({
+    color: () => X(t.color),
+    state: () => t.state,
+    active: () => y.value || I.value,
+    activeColor: () => X(t.activeColor),
+    activeState: () => t.activeState
+  }), O = g(
+    () => (I.value || y.value) && t.activeVariant ? t.activeVariant : t.variant
+  ), {
+    getMorphBlobStyle: R,
+    gradientMaterial: v,
+    materialStyles: U,
+    morphBlobs: G,
+    morphEnabled: T
+  } = Ue({
+    color: $,
+    kind: "action",
+    recipe: () => t.gradientRecipe,
+    effects: () => O.value === "gradient",
+    animations: () => !!t.animationOptions,
+    shadow: () => t.shadowOptions,
+    dropShadow: () => t.dropShadowOptions,
+    animation: () => t.animationOptions,
+    morph: () => t.morphOptions ?? t.morph
+  }), z = g(() => ({
+    ...M.value,
+    ...U.value,
+    ...a.value
+  }));
+  return {
+    actionSurfaceClasses: g(() => {
+      var A;
+      const L = !!X(l.focused), V = (A = t.animationOptions) == null ? void 0 : A.preset;
+      return [
+        `${n}_${O.value}`,
+        e.value,
+        c.value,
+        r.value,
+        u.value,
+        p.value,
+        L ? `${n}_focused` : "",
+        I.value ? `${n}_selected` : "",
+        y.value ? `${n}_active` : "",
+        V ? `${n}_animation-${V}` : ""
+      ].filter(Boolean);
+    }),
+    getMorphBlobStyle: R,
+    gradientMaterial: v,
+    morphBlobs: G,
+    morphEnabled: T,
+    resolvedColor: $,
+    resolvedState: C,
+    resolvedVariant: O,
+    surfaceStyles: z,
+    surfaceMaterialMorphBlobClasses: m,
+    surfaceMaterialMorphClasses: h,
+    surfaceOverlayClasses: o,
+    surfaceUnderlayClasses: S,
+    surfaceTextureClasses: i,
+    surfaceContentClasses: f
+  };
+}
+const ft = ne({
+  prepend: String,
+  append: String,
+  label: String
+}), vt = ne({
+  ...pt(),
+  ...ft(),
+  ...ke(),
+  ...je(),
+  isIconButton: Boolean,
+  iconButton: String,
+  ripple: {
+    type: [Boolean, String, Object],
+    default: !0
+  }
+}), gt = {
+  key: 0,
+  class: "g-button__prepend"
+}, ht = { class: "g-button__label" }, bt = {
+  key: 1,
+  class: "g-button__append"
+}, yt = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "GButton",
+  props: vt({
+    borderWidth: void 0,
+    borderRadius: 4,
+    placement: "center"
+  }),
+  setup(t) {
+    fe((v) => ({
+      v11cb3954: s(c)
+    }));
+    const n = ve(), l = Re(), e = t, c = ee(e.borderRadius), r = g(
+      () => e.borderWidth ?? (e.variant === "glass" || e.glow || e.animateGlow ? 1 : 0)
+    ), u = g(() => e.disabled || e.ripple === !1 ? !1 : typeof e.ripple == "object" ? {
+      ...e.ripple,
+      disabled: e.ripple.disabled || e.disabled
+    } : e.ripple), { tagName: a, tagAttrs: o } = Ee(e, "button"), {
+      actionSurfaceClasses: m,
+      resolvedColor: h,
+      resolvedState: i,
+      surfaceStyles: S,
+      surfaceMaterialMorphBlobClasses: f,
+      surfaceMaterialMorphClasses: p,
+      surfaceOverlayClasses: y,
+      surfaceUnderlayClasses: I,
+      surfaceTextureClasses: $,
+      surfaceContentClasses: C,
+      morphBlobs: M,
+      morphEnabled: O,
+      getMorphBlobStyle: R
+    } = mt(e, "g-button");
+    return (v, U) => {
+      const G = ce("ripple"), T = ce("gradient-icon");
+      return ue((d(), x(Se, J({ class: "g-gradient" }, {
+        ...e,
+        color: s(h),
+        state: s(i)
+      }, { "border-width": r.value }), {
+        default: K(() => [
+          ue((d(), x(te(s(a)), J({
+            class: ["g-button", [
+              s(m),
+              {
+                "g-button_icon": v.iconButton || v.isIconButton
+              }
+            ]],
+            style: s(S)
+          }, { ...s(o), ...s(l) }), {
+            default: K(() => [
+              b("span", {
+                class: B(s(I))
+              }, null, 2),
+              s(O) ? (d(), k("span", {
+                key: 0,
+                class: B(s(p)),
+                "aria-hidden": "true"
+              }, [
+                (d(!0), k(oe, null, ge(s(M), (z, j) => (d(), k("span", {
+                  key: j,
+                  class: B(s(f)),
+                  style: Y(s(R)(z))
+                }, null, 6))), 128))
+              ], 2)) : w("", !0),
+              b("span", {
+                class: B(s(y))
+              }, null, 2),
+              b("span", {
+                class: B(s($))
+              }, null, 2),
+              b("span", {
+                class: B(["g-button__content", s(C)])
+              }, [
+                (n.prepend || v.prepend) && !v.iconButton ? (d(), k("span", gt, [
+                  N(v.$slots, "prepend", {}, () => [
+                    Z(se, { icon: v.prepend }, null, 8, ["icon"])
+                  ])
+                ])) : w("", !0),
+                b("span", ht, [
+                  N(v.$slots, "default", {}, () => [
+                    v.iconButton ? v.iconButton ? (d(), x(se, {
+                      key: 1,
+                      icon: v.iconButton
+                    }, null, 8, ["icon"])) : w("", !0) : (d(), k(oe, { key: 0 }, [
+                      re(ie(v.label), 1)
+                    ], 64))
+                  ])
+                ]),
+                (n.append || v.append) && !v.iconButton ? (d(), k("span", bt, [
+                  N(v.$slots, "append", {}, () => [
+                    Z(se, { icon: v.append }, null, 8, ["icon"])
+                  ])
+                ])) : w("", !0)
+              ], 2)
+            ]),
+            _: 3
+          }, 16, ["class", "style"])), [
+            [G, u.value]
+          ])
+        ]),
+        _: 3
+      }, 16, ["border-width"])), [
+        [T]
+      ]);
+    };
+  }
+});
+function Ft() {
+  const t = he(null), n = E(!1), l = (a) => {
+    c();
+    const o = e(a.target), m = o.style.position;
+    r(o) || (o.style.position = "relative");
+    const h = document.createElement("div");
+    h.className = "g-loading__container", o.appendChild(h);
+    const i = {}, S = ye(Ne, {
+      text: a.text,
+      noText: a.noText,
+      color: a.color,
+      dark: a.dark,
+      opacity: a.opacity,
+      blur: a.blur,
+      progressView: a.progressView,
+      onClose: () => {
+        u(i);
+      }
+    }), f = S.mount(h);
+    Object.assign(i, {
+      app: S,
+      container: h,
+      target: o,
+      originalPosition: m,
+      componentInstance: f
+    }), t.value = i, f.show(), n.value = !0;
+  }, e = (a) => {
+    if (!a) return document.body;
+    if (typeof a == "string") {
+      const o = document.querySelector(a);
+      if (!o) throw new Error(`Target element ${a} not found`);
+      return o;
+    }
+    return a;
+  }, c = async () => {
+    if (!t.value) return;
+    const { componentInstance: a } = t.value;
+    a && a.hide();
+  }, r = (a) => {
+    const o = window.getComputedStyle(a).position;
+    return ["relative", "absolute", "fixed", "sticky"].includes(o);
+  }, u = (a = t.value) => {
+    if (!a) return;
+    const o = t.value === a, { app: m, container: h, target: i, originalPosition: S } = a;
+    m.unmount(), h.parentElement === i && i.removeChild(h), o && (i.style.position = S, t.value = null, n.value = !1);
+  };
+  return be(() => {
+    c();
+  }), {
+    show: l,
+    hide: c,
+    visible: n
+  };
+}
+const _t = ne({
+  ...Le({ borderRadius: 12 }),
+  ...Ke(),
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultOpen: {
+    type: Boolean,
+    default: !1
+  },
+  title: String,
+  text: String,
+  icon: String,
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String,
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  location: {
+    type: String,
+    default: "bottom-center"
+  },
+  position: {
+    type: String,
+    default: "fixed"
+  },
+  transition: {
+    type: [Boolean, String, Object],
+    default: void 0
+  },
+  timeout: {
+    type: Number,
+    default: 5e3
+  },
+  persistent: {
+    type: Boolean,
+    default: !1
+  },
+  closeable: {
+    type: Boolean,
+    default: !0
+  },
+  action: Object,
+  actionText: String,
+  closeOnAction: {
+    type: Boolean,
+    default: !0
+  },
+  multiline: {
+    type: Boolean,
+    default: !1
+  },
+  offset: {
+    type: [Number, String],
+    default: 24
+  },
+  maxWidth: {
+    type: [Number, String],
+    default: 520
+  },
+  pauseOnHover: {
+    type: Boolean,
+    default: !0
+  }
+}), kt = {
+  key: 0,
+  class: "g-snackbar__prepend"
+}, St = { class: "g-snackbar__main" }, wt = {
+  key: 0,
+  class: "g-snackbar__title"
+}, Bt = {
+  key: 1,
+  class: "g-snackbar__text"
+}, Ct = {
+  key: 1,
+  class: "g-snackbar__actions"
+}, $t = /* @__PURE__ */ F({
+  __name: "GSnackbar",
+  props: _t(),
+  emits: ["update:modelValue", "action", "close", "after-close"],
+  setup(t, { expose: n, emit: l }) {
+    const e = t, c = l, r = ve(), u = E(), a = E(e.defaultOpen), o = E("manual"), m = g(() => e.modelValue !== void 0), h = g(
+      () => m.value ? e.modelValue === !0 : a.value
+    ), i = ee(e.offset), S = ee(e.maxWidth), {
+      getMorphBlobStyle: f,
+      morphBlobs: p,
+      morphEnabled: y,
+      materialFrameProps: I,
+      surfaceStyles: $,
+      surfaceMaterialMorphBlobClasses: C,
+      surfaceMaterialMorphClasses: M,
+      surfaceOverlayClasses: O,
+      surfaceUnderlayClasses: R,
+      surfaceTextureClasses: v,
+      surfaceContentClasses: U
+    } = De(e, "g-snackbar"), G = g(
+      () => {
+        var _;
+        return ((_ = e.action) == null ? void 0 : _.label) ?? e.actionText;
+      }
+    ), T = g(() => ({
+      "--g-snackbar-max-width": S.value
+    })), z = g(() => ({
+      "--g-snackbar-offset": i.value
+    })), j = g(() => [
+      `g-snackbar_${e.variant}`,
+      {
+        "g-snackbar_multiline": e.multiline,
+        [`g-snackbar_texture-${e.texture}`]: e.texture !== "none"
+      }
+    ]), L = g(() => [
+      `g-snackbar-layer_position-${e.position}`,
+      `g-snackbar-layer_location-${e.location}`
+    ]), V = g(
+      () => e.transition ?? {
+        name: e.location.startsWith("top") ? "slide-y" : "slide-y-reverse",
+        appear: !0,
+        duration: 240,
+        leaveDuration: 180,
+        distance: "16px"
+      }
+    );
+    function A(_) {
+      m.value || (a.value = _), c("update:modelValue", _);
+    }
+    function P() {
+      u.value !== void 0 && (window.clearTimeout(u.value), u.value = void 0);
+    }
+    function D() {
+      P(), !(!h.value || e.persistent || e.timeout <= 0) && (u.value = window.setTimeout(() => {
+        H("timeout");
+      }, e.timeout));
+    }
+    function H(_ = "manual") {
+      o.value = _, P(), A(!1), c("close", _);
+    }
+    function we() {
+      var _, q;
+      c("action", (_ = e.action) == null ? void 0 : _.value), (((q = e.action) == null ? void 0 : q.closeOnClick) ?? e.closeOnAction) && H("action");
+    }
+    function Be() {
+      e.pauseOnHover && P();
+    }
+    function Ce() {
+      e.pauseOnHover && D();
+    }
+    Ge(h, (_) => {
+      if (!_) {
+        P();
+        return;
+      }
+      D();
+    }), D(), me(() => {
+      P();
+    });
+    function $e() {
+      c("after-close", o.value);
+    }
+    return n({
+      open: () => A(!0),
+      close: H
+    }), (_, q) => (d(), k("div", {
+      class: B(["g-snackbar-layer", L.value]),
+      style: Y(z.value)
+    }, [
+      Z(s(Ve), {
+        transition: V.value,
+        onAfterLeave: $e
+      }, {
+        default: K(() => [
+          h.value ? (d(), x(Se, J({
+            key: 0,
+            class: "g-snackbar__frame"
+          }, s(I), {
+            "inherit-width": !1,
+            style: T.value
+          }), {
+            default: K(() => [
+              b("section", {
+                class: B(["g-snackbar", j.value]),
+                style: Y(s($)),
+                role: "status",
+                "aria-live": "polite",
+                onMouseenter: Be,
+                onMouseleave: Ce
+              }, [
+                b("span", {
+                  class: B(s(R))
+                }, null, 2),
+                s(y) ? (d(), k("span", {
+                  key: 0,
+                  class: B(s(M)),
+                  "aria-hidden": "true"
+                }, [
+                  (d(!0), k(oe, null, ge(s(p), (le, Oe) => (d(), k("span", {
+                    key: Oe,
+                    class: B(s(C)),
+                    style: Y(s(f)(le))
+                  }, null, 6))), 128))
+                ], 2)) : w("", !0),
+                b("span", {
+                  class: B(s(O))
+                }, null, 2),
+                b("span", {
+                  class: B(s(v))
+                }, null, 2),
+                b("div", {
+                  class: B(["g-snackbar__content", s(U)])
+                }, [
+                  r.prepend || e.icon ? (d(), k("div", kt, [
+                    N(_.$slots, "prepend", {}, () => [
+                      e.icon ? (d(), x(de, {
+                        key: 0,
+                        icon: e.icon,
+                        size: "22"
+                      }, null, 8, ["icon"])) : w("", !0)
+                    ], !0)
+                  ])) : w("", !0),
+                  b("div", St, [
+                    r.title || e.title ? (d(), k("div", wt, [
+                      N(_.$slots, "title", {}, () => [
+                        re(ie(e.title), 1)
+                      ], !0)
+                    ])) : w("", !0),
+                    r.default || e.text ? (d(), k("div", Bt, [
+                      N(_.$slots, "default", {}, () => [
+                        re(ie(e.text), 1)
+                      ], !0)
+                    ])) : w("", !0)
+                  ]),
+                  r.action || G.value || e.closeable ? (d(), k("div", Ct, [
+                    N(_.$slots, "action", {
+                      close: () => H("action")
+                    }, () => [
+                      G.value ? (d(), x(yt, {
+                        key: 0,
+                        variant: "text",
+                        size: "s",
+                        label: G.value,
+                        onClick: we
+                      }, null, 8, ["label"])) : w("", !0)
+                    ], !0),
+                    e.closeable ? (d(), k("button", {
+                      key: 0,
+                      type: "button",
+                      class: "g-snackbar__close",
+                      "aria-label": "Close snackbar",
+                      onClick: q[0] || (q[0] = (le) => H("dismiss"))
+                    }, [
+                      Z(de, {
+                        icon: "close",
+                        size: "18"
+                      })
+                    ])) : w("", !0)
+                  ])) : w("", !0)
+                ], 2)
+              ], 38)
+            ]),
+            _: 3
+          }, 16, ["style"])) : w("", !0)
+        ]),
+        _: 3
+      }, 8, ["transition"])
+    ], 6));
+  }
+}), Ot = /* @__PURE__ */ Q($t, [["__scopeId", "data-v-ce4de976"]]), xt = "bottom-center", It = "slide-y", W = /* @__PURE__ */ new Map();
+let Mt = 0;
+function Rt(t) {
+  return typeof t == "string" ? {
+    label: t
+  } : t;
+}
+function Gt(t, n) {
+  return t === "fade" ? "fade" : t === "scale" ? "scale" : t === "slide-x" ? n.endsWith("right") ? "slide-x-reverse" : "slide-x" : n.startsWith("top") ? "slide-y" : "slide-y-reverse";
+}
+function Tt() {
+  return F({
+    name: "GSnackbarHost",
+    props: {
+      items: {
+        type: Array,
+        required: !0
+      },
+      location: {
+        type: String,
+        required: !0
+      },
+      transition: {
+        type: String,
+        required: !0
+      },
+      close: {
+        type: Function,
+        required: !0
+      },
+      remove: {
+        type: Function,
+        required: !0
+      }
+    },
+    setup(t) {
+      return () => ae(
+        "div",
+        {
+          class: [
+            "g-snackbar-stack",
+            `g-snackbar-stack_location-${t.location}`
+          ]
+        },
+        [
+          ae(
+            "div",
+            {
+              class: "g-snackbar-stack__items"
+            },
+            t.items.map(
+              (n) => ae(Ot, {
+                key: n.id,
+                ...n,
+                modelValue: n.open,
+                position: "static",
+                transition: {
+                  name: Gt(
+                    n.transition ?? t.transition,
+                    n.location
+                  ),
+                  appear: !0,
+                  duration: 240,
+                  leaveDuration: 180,
+                  distance: "18px",
+                  scale: 0.96
+                },
+                "onUpdate:modelValue": (l) => {
+                  n.open = l;
+                },
+                onClose: (l) => t.close(n.id, l),
+                onAfterClose: () => t.remove(n.id)
+              })
+            )
+          )
+        ]
+      );
+    }
+  });
+}
+function zt(t, n, l, e) {
+  const c = W.get(t);
+  if (c) return c;
+  const r = document.createElement("div");
+  r.className = "g-snackbar-stack__container", document.body.appendChild(r);
+  const u = Te([]), a = ye(Tt(), {
+    items: u,
+    location: t,
+    transition: n,
+    close: l,
+    remove: e
+  });
+  a.mount(r);
+  const o = {
+    app: a,
+    container: r,
+    items: u
+  };
+  return W.set(t, o), o;
+}
+function Ut() {
+  const t = he([]);
+  function n(r) {
+    for (const [u, a] of W.entries()) {
+      const o = a.items.findIndex((m) => m.id === r);
+      if (o !== -1) {
+        a.items.splice(o, 1), t.value = t.value.filter(
+          (m) => m.id !== r
+        ), a.items.length || window.setTimeout(() => {
+          a.items.length || (a.app.unmount(), a.container.remove(), W.delete(u));
+        }, 220);
+        return;
+      }
+    }
+  }
+  function l(r, u = "manual") {
+    for (const a of W.values()) {
+      const o = a.items.find((m) => m.id === r);
+      if (o) {
+        o.open = !1;
+        return;
+      }
+    }
+  }
+  function e(r) {
+    const u = typeof r == "string" ? { text: r } : r, a = u.location ?? xt, o = u.transition ?? It, m = ++Mt, h = {
+      ...u,
+      id: m,
+      open: !0,
+      location: a,
+      transition: o,
+      action: Rt(u.action)
+    };
+    return zt(a, o, l, n).items.push(h), t.value = [...t.value, h], {
+      id: m,
+      close: (S = "manual") => {
+        l(m, S);
+      }
+    };
+  }
+  function c() {
+    for (const [r, u] of W.entries())
+      u.app.unmount(), u.container.remove(), W.delete(r);
+    t.value = [];
+  }
+  return be(() => {
+    c();
+  }), {
+    show: e,
+    closeAll: c,
+    items: t
+  };
+}
+export {
+  Se as G,
+  yt as _,
+  de as a,
+  Ot as b,
+  Ut as c,
+  mt as d,
+  se as e,
+  ft as f,
+  pt as m,
+  Ft as u
+};