hys-ui 0.6.0 → 0.8.0

package/dist/components/HysIcon/iconSafety.js

@@ -0,0 +1,191 @@
+const m = /* @__PURE__ */ new Set([
+  "g",
+  "path",
+  "circle",
+  "ellipse",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "defs",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "clipPath",
+  "mask"
+]), x = /* @__PURE__ */ new Set([
+  "id",
+  "d",
+  "x",
+  "y",
+  "x1",
+  "y1",
+  "x2",
+  "y2",
+  "cx",
+  "cy",
+  "r",
+  "rx",
+  "ry",
+  "fx",
+  "fy",
+  "width",
+  "height",
+  "points",
+  "transform",
+  "opacity",
+  "fill",
+  "fill-opacity",
+  "fill-rule",
+  "stroke",
+  "stroke-width",
+  "stroke-opacity",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "vector-effect",
+  "clip-path",
+  "clip-rule",
+  "mask",
+  "gradientUnits",
+  "gradientTransform",
+  "spreadMethod",
+  "offset",
+  "stop-color",
+  "stop-opacity",
+  "maskUnits",
+  "maskContentUnits",
+  "clipPathUnits",
+  "pathLength"
+]), f = /^[A-Za-z_][\w.-]*$/, h = /^url\(#([A-Za-z_][\w.-]*)\)$/, g = /^[^<>\\\x00-\x1f]{0,16000}$/, u = "http://www.w3.org/2000/svg";
+function y(r) {
+  const n = r == null ? void 0 : r.trim().split(/[ ,]+/).map(Number);
+  return (n == null ? void 0 : n.length) === 4 && n.every(Number.isFinite) && n[2] > 0 && n[3] > 0 ? n.join(" ") : "0 0 24 24";
+}
+function v(r) {
+  if (g.test(r))
+    return /url\s*\(/i.test(r) ? h.test(r) ? r : void 0 : r;
+}
+function k(r, n) {
+  const i = {};
+  for (const [t, o] of Object.entries(r ?? {})) {
+    if (!x.has(t) || typeof o != "string" && typeof o != "number")
+      continue;
+    const e = String(o).trim();
+    if (g.test(e)) {
+      if (t === "id") {
+        f.test(e) && (i[t] = n + e);
+        continue;
+      }
+      if (/url\s*\(/i.test(e)) {
+        const c = h.exec(e);
+        c && ["fill", "stroke", "clip-path", "mask"].includes(t) && (i[t] = "url(#" + n + c[1] + ")");
+        continue;
+      }
+      (t === "clip-path" || t === "mask") && e !== "none" || (i[t] = e);
+    }
+  }
+  return i;
+}
+function w(r, n = "") {
+  let i = 500;
+  function t(o, e) {
+    if (!Array.isArray(o) || e > 15) return [];
+    const c = [];
+    for (const a of o) {
+      if (--i < 0) break;
+      !a || !m.has(a.tag) || c.push({
+        tag: a.tag,
+        attrs: k(a.attrs, n),
+        children: t(a.children, e + 1)
+      });
+    }
+    return c;
+  }
+  return t(r, 0);
+}
+function b(r) {
+  var a, p;
+  if (typeof DOMParser > "u")
+    throw new Error("SVG import requires DOMParser");
+  if (r.length > 25e4 || /<!\s*(?:doctype|entity)/i.test(r))
+    throw new Error("SVG document is too large or contains a document type");
+  const n = new DOMParser().parseFromString(r, "image/svg+xml"), i = n.documentElement;
+  if (i.localName !== "svg" || i.namespaceURI && i.namespaceURI !== u || n.querySelector("parsererror"))
+    throw new Error("Invalid SVG document");
+  let t = 0;
+  function o(s, d) {
+    if (!(d > 15 || ++t > 500) && !(!m.has(s.localName) || s.namespaceURI && s.namespaceURI !== u))
+      return {
+        tag: s.localName,
+        attrs: Object.fromEntries(
+          [...s.attributes].map((l) => [
+            l.name,
+            l.value
+          ])
+        ),
+        children: [...s.children].map((l) => o(l, d + 1)).filter((l) => l !== void 0)
+      };
+  }
+  const e = [...i.children].map((s) => o(s, 1)).filter((s) => s !== void 0), c = w([
+    {
+      tag: "g",
+      attrs: Object.fromEntries(
+        [...i.attributes].map((s) => [
+          s.name,
+          s.value
+        ])
+      ),
+      children: e
+    }
+  ]);
+  if (!((p = (a = c[0]) == null ? void 0 : a.children) != null && p.some((s) => s.tag !== "defs")))
+    throw new Error("SVG contains no supported graphics");
+  return {
+    type: "svg",
+    viewBox: y(i.getAttribute("viewBox") ?? void 0),
+    nodes: c
+  };
+}
+function S(r, n, i = !1) {
+  const t = r == null ? void 0 : r.trim();
+  if (!(!t || /[\\\x00-\x1f]/.test(t))) {
+    if (t.startsWith("#"))
+      return i && f.test(t.slice(1)) ? t : void 0;
+    try {
+      const o = typeof document > "u" ? "https://hys-ui.invalid/" : document.baseURI, e = new URL(t, o);
+      return !["https:", "http:"].includes(e.protocol) || e.username || e.password || n && e.origin !== new URL(o).origin && !n.includes(e.origin) || i && !f.test(e.hash.slice(1)) ? void 0 : t;
+    } catch {
+      return;
+    }
+  }
+}
+function U(r, n) {
+  if (!r) return;
+  const i = [];
+  for (const t of r.split(",")) {
+    const [o, e, c] = t.trim().split(/\s+/), a = S(o, n);
+    if (!a || c || e && !/^\d+(?:\.\d+)?[wx]$/.test(e))
+      return;
+    i.push(e ? a + " " + e : a);
+  }
+  return i.join(", ");
+}
+function A(r) {
+  const n = (t) => t.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;"), i = (t) => {
+    const o = Object.entries(t.attrs ?? {}).map(([e, c]) => " " + e + '="' + n(String(c)) + '"').join("");
+    return "<" + t.tag + o + ">" + (t.children ?? []).map(i).join("") + "</" + t.tag + ">";
+  };
+  return '<svg xmlns="' + u + '" viewBox="' + y(r.viewBox) + '" fill="none" stroke="currentColor">' + w(r.nodes).map(i).join("") + "</svg>";
+}
+export {
+  S as iconAssetUrl,
+  v as iconPaint,
+  U as iconSrcset,
+  y as iconViewBox,
+  b as importHysIconSvg,
+  w as sanitizeIconNodes,
+  A as serializeHysIconSvg
+};

package/dist/components/HysIcon/iconStyle.js

@@ -0,0 +1,70 @@
+const h = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 28,
+  xl: 36
+}, n = (e) => typeof e == "number" && Number.isFinite(e) ? e + "px" : typeof e == "string" ? e : void 0;
+function a(e, i, c, r) {
+  return Number.isFinite(e) ? Math.min(r, Math.max(c, e)) : i;
+}
+const y = [
+  "none",
+  "spin",
+  "rotate",
+  "pulse",
+  "bounce",
+  "shake",
+  "swing",
+  "wiggle",
+  "float",
+  "breathing",
+  "scale",
+  "fade",
+  "slide",
+  "flip",
+  "spring",
+  "heartbeat",
+  "blink",
+  "draw",
+  "morph",
+  "gradient",
+  "loading"
+];
+function g(e, i, c) {
+  const r = n(
+    typeof e.size == "string" && Object.hasOwn(h, e.size) ? h[e.size] : e.size
+  ) ?? "1em", s = y.includes(i), d = i === "none" ? "none" : s ? "hys-icon-" + i : i, t = a(e.duration, 900, 0, 6e4) / a(e.speed, 1, 0.05, 20), l = typeof e.iterations == "number" ? a(e.iterations, 1, 0, 1e5) : e.iterations ?? (e.animateOn === "click" || e.animateOn === "state" ? 1 : "infinite");
+  return {
+    "--hys-icon-width": n(e.width) ?? r,
+    "--hys-icon-height": n(e.height) ?? r,
+    "--hys-icon-font-size": n(e.height) ?? r,
+    "--hys-icon-padding": n(e.padding) ?? "0px",
+    "--hys-icon-gap": n(e.gap) ?? "6px",
+    "--hys-icon-radius": n(e.radius) ?? (e.shape === "circle" ? "50%" : e.shape === "square" ? "0px" : "7px"),
+    "--hys-icon-angle": a(e.rotate, 0, -36e3, 36e3) + "deg",
+    "--hys-icon-flip-x": e.flipX ? -1 : 1,
+    "--hys-icon-flip-y": e.flipY ? -1 : 1,
+    "--hys-icon-mirrored-x": e.flipX ? 1 : -1,
+    "--hys-icon-animation": d,
+    "--hys-icon-duration": t + "ms",
+    "--hys-icon-delay": a(e.animationDelay, 0, -6e4, 6e4) + "ms",
+    "--hys-icon-ease": e.easing ?? (["spin", "rotate", "loading", "draw"].includes(i) ? "linear" : "ease-in-out"),
+    "--hys-icon-repeat": l,
+    "--hys-icon-play": c ? "paused" : "running",
+    color: e.color,
+    opacity: a(e.opacity, 1, 0, 1),
+    background: e.background,
+    border: e.border,
+    boxShadow: e.shadow,
+    filter: e.glow ? "drop-shadow(" + e.glow + ")" : void 0,
+    verticalAlign: e.verticalAlign,
+    ...e.animationStyle
+  };
+}
+export {
+  y as hysIconAnimations,
+  n as iconLength,
+  a as iconNumber,
+  g as iconStyle
+};

package/dist/components/HysIcon/useIconResource.js

@@ -0,0 +1,75 @@
+import { shallowRef as d, computed as E, watch as R, onMounted as U, onActivated as x, onDeactivated as A, onBeforeUnmount as O } from "vue";
+import { iconAssetUrl as h } from "./iconSafety.js";
+function D(r) {
+  const a = d(), u = d(), c = d(!1);
+  let i = !1, o = 0;
+  const I = E(() => {
+    const e = r.registry();
+    e.revision.value;
+    const t = r.reference();
+    return typeof t == "string" ? e.resolve(t) : void 0;
+  });
+  function g(e) {
+    var n;
+    const t = (n = r.allowedOrigins) == null ? void 0 : n.call(r);
+    if (e.type === "image" && !h(e.src, t) || e.type === "sprite" && !h(e.href, t, !0))
+      throw new Error("Icon URL is not allowed");
+    a.value = e;
+  }
+  function f(e) {
+    a.value = void 0, u.value = e ?? new Error("Icon failed to load"), c.value = !1;
+  }
+  function s() {
+    const e = ++o;
+    u.value = void 0, c.value = !1;
+    const t = r.reference();
+    if (!t) {
+      a.value = void 0;
+      return;
+    }
+    const n = r.registry(), w = r.variant();
+    try {
+      const l = typeof t == "string" ? n.get(t, w) : t;
+      if (l) {
+        g(l);
+        return;
+      }
+      if (a.value = void 0, typeof t != "string" || !n.resolve(t)) {
+        f(new Error("Icon not found: " + t));
+        return;
+      }
+      if (c.value = !0, !i) return;
+      n.load(t, w).then((v) => {
+        e === o && (g(v), c.value = !1);
+      }).catch((v) => {
+        e === o && f(v);
+      });
+    } catch (l) {
+      f(l);
+    }
+  }
+  R(
+    [
+      r.reference,
+      r.registry,
+      () => r.registry().revision.value,
+      r.variant,
+      () => {
+        var e;
+        return (e = r.allowedOrigins) == null ? void 0 : e.call(r);
+      }
+    ],
+    s,
+    { immediate: !0 }
+  );
+  function y() {
+    i || (i = !0, s());
+  }
+  function m() {
+    i = !1, o++;
+  }
+  return U(y), x(y), A(m), O(m), { source: a, loading: c, error: u, record: I, fail: f, reload: s };
+}
+export {
+  D as useIconResource
+};

package/dist/components/HysPopconfirm/HysPopconfirm.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysPopconfirm2.vue.js";
+/* empty css               */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a41bf6b8"]]);
+export {
+  p as default
+};

package/dist/components/HysPopconfirm/HysPopconfirm2.vue.js

@@ -0,0 +1,346 @@
+import { defineComponent as le, useSlots as ie, ref as re, computed as s, watch as _, openBlock as u, createElementBlock as x, mergeProps as se, unref as l, createVNode as H, withCtx as T, renderSlot as m, normalizeProps as v, guardReactiveProps as y, createBlock as R, createTextVNode as h, toDisplayString as g, createCommentVNode as C, createElementVNode as P, resolveDynamicComponent as ce, nextTick as W } from "vue";
+import { CircleAlert as ue, TriangleAlert as de, CircleCheck as fe, Info as pe, CircleHelp as me } from "lucide-vue-next";
+import { useHysRootAttrs as ve } from "../../config.js";
+import { useHysControlState as ye } from "../../composables/formContext.js";
+import { usePopupSurface as ge } from "../../composables/usePopupSurface.js";
+import be from "../../internal/PopupReference.js";
+import he from "../../internal/PopupSurfacePanel.vue.js";
+import N from "../HysButton/HysButton.vue.js";
+import { usePopconfirmAction as Ce } from "./usePopconfirmAction.js";
+const we = ["data-external"], Be = ["data-tone"], xe = { class: "hys-popconfirm-body" }, Te = {
+  key: 0,
+  class: "hys-popconfirm-icon",
+  "aria-hidden": "true"
+}, Pe = { class: "hys-popconfirm-copy" }, ke = ["id"], De = {
+  key: 0,
+  class: "hys-popconfirm-error",
+  role: "alert"
+}, Ee = ["data-align"], Se = {
+  class: "hys-popconfirm-sr",
+  role: "status"
+}, Ne = /* @__PURE__ */ le({
+  __name: "HysPopconfirm",
+  props: {
+    trigger: { default: "click" },
+    triggerText: { default: "打开确认" },
+    title: { default: "确认操作？" },
+    description: {},
+    tone: { default: "warning" },
+    icon: { type: Boolean, default: void 0 },
+    showIcon: { type: Boolean, default: !0 },
+    confirmText: { default: "确认" },
+    cancelText: { default: "取消" },
+    pendingText: { default: "处理中…" },
+    errorText: {},
+    confirmVariant: {},
+    cancelVariant: { default: "secondary" },
+    size: { default: "sm" },
+    align: { default: "end" },
+    showCancel: { type: Boolean, default: !0 },
+    confirmDisabled: { type: Boolean },
+    cancelDisabled: { type: Boolean },
+    loading: { type: Boolean },
+    allowCancelWhilePending: { type: Boolean },
+    dismissWhilePending: { type: Boolean },
+    closeOnConfirm: { type: Boolean, default: !0 },
+    closeOnCancel: { type: Boolean, default: !0 },
+    initialFocus: { default: "cancel" },
+    restoreFocus: { type: Boolean, default: !0 },
+    beforeConfirm: {},
+    beforeCancel: {},
+    action: {},
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
+    triggerKeys: {},
+    triggerTabindex: {},
+    placement: { default: "top" },
+    offset: { default: 9 },
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !0 },
+    forceRender: { type: Boolean },
+    appendTo: { type: [String, Boolean], default: "body" },
+    reference: {},
+    width: {},
+    maxWidth: { default: 360 },
+    maxHeight: {},
+    showArrow: { type: Boolean, default: !0 },
+    arrowOffset: {},
+    effect: {},
+    color: {},
+    textColor: {},
+    overlayClass: {},
+    overlayStyle: {},
+    contentClass: {},
+    contentStyle: {},
+    zIndex: {},
+    ariaLabel: {},
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["update:open", "update:modelValue", "openChange", "visibleChange", "show", "hide", "opened", "closed", "confirm", "cancel", "dismiss", "error"],
+  setup(a, { expose: ee, emit: oe }) {
+    const t = a, w = oe, q = ie(), te = ve(), { disabled: k } = ye({
+      get disabled() {
+        return t.disabled;
+      }
+    }), d = Ce(), f = re(""), p = s(
+      () => d.pending.value ?? (t.loading ? "confirm" : null)
+    ), b = s(() => p.value !== null), o = ge(
+      t,
+      "popover",
+      (e, ...i) => w(e, ...i),
+      {
+        allowClose: (e) => e === "programmatic" || e === "anchor" || !b.value || t.dismissWhilePending,
+        onDismiss: (e) => {
+          e !== "auto" && w("dismiss", e);
+        },
+        allowTabExit: !0,
+        shouldRestoreFocus: () => t.restoreFocus
+      }
+    ), ne = {
+      neutral: me,
+      info: pe,
+      success: fe,
+      warning: de,
+      danger: ue
+    }, K = s(
+      () => t.showIcon && (t.icon ?? ne[t.tone])
+    ), ae = s(
+      () => t.confirmVariant ?? (t.tone === "danger" ? "danger" : t.tone === "success" ? "success" : "primary")
+    ), O = s(
+      () => k.value || t.confirmDisabled || b.value
+    ), V = s(
+      () => k.value || t.cancelDisabled || p.value === "cancel" || b.value && !t.allowCancelWhilePending
+    ), j = s(() => !!(t.title || q.title)), L = s(
+      () => !!(t.description || q.description)
+    ), G = o.id + "-description";
+    function z() {
+      f.value = "";
+    }
+    function D() {
+      return o.request(!1, t.restoreFocus);
+    }
+    function J() {
+      var e;
+      (e = o.panel.value) == null || e.focus({ preventScroll: !0 });
+    }
+    function M(e) {
+      var n, E;
+      (E = ((n = o.panel.value) == null ? void 0 : n.querySelector(
+        `[data-hys-popconfirm-focus="${e}"]:not(:disabled):not([aria-disabled="true"])`
+      )) ?? o.panel.value) == null || E.focus({ preventScroll: !0 });
+    }
+    let F = !1;
+    _(
+      [o.open, o.panel, () => o.style.value.visibility],
+      ([e, i, n]) => {
+        if (!e) {
+          F = !1;
+          return;
+        }
+        !i || n === "hidden" || F || (F = !0, t.initialFocus === "panel" ? J() : t.initialFocus !== "none" && M(t.initialFocus));
+      },
+      { flush: "post" }
+    ), _(
+      o.open,
+      (e) => {
+        e ? z() : d.abort();
+      },
+      { flush: "sync" }
+    );
+    function Q(e, i) {
+      var Z;
+      if (!o.open.value || (e === "confirm" ? O.value : V.value))
+        return Promise.resolve(!1);
+      e === "cancel" && p.value === "confirm" && d.abort();
+      const n = document.activeElement, E = !!(n != null && n.matches(`[data-hys-popconfirm-focus="${e}"]`)) && !!((Z = o.panel.value) != null && Z.contains(n)), X = e === "confirm" ? t.beforeConfirm : t.beforeCancel, I = e === "confirm" ? t.action : void 0;
+      z();
+      const Y = d.run(
+        e,
+        i,
+        async (r) => X && await X(r) === !1 || r.signal.aborted ? !1 : I == null ? void 0 : I(r),
+        async (r, B, S) => {
+          e === "confirm" ? w("confirm", r, B) : w("cancel", B), (e === "confirm" ? t.closeOnConfirm : t.closeOnCancel) && (await W(), S() && o.open.value && await o.request(
+            !1,
+            t.restoreFocus,
+            "programmatic",
+            !1
+          ));
+        },
+        (r, B) => {
+          const S = e === "confirm" ? "操作失败，请重试。" : "取消失败，请重试。";
+          try {
+            f.value = (typeof t.errorText == "function" ? t.errorText(r, B) : t.errorText) || S;
+          } catch {
+            f.value = S;
+          }
+          w("error", r, B);
+        }
+      );
+      return E ? (W(() => {
+        o.open.value && d.pending.value === e && (document.activeElement === n || document.activeElement === document.body) && J();
+      }), Y.then(async (r) => (await W(), o.open.value && !b.value && document.activeElement === o.panel.value && M(e), r))) : Y;
+    }
+    const $ = (e) => Q("confirm", e), A = (e) => Q("cancel", e), U = () => o.open.value ? D() : o.show(), c = s(() => ({
+      ...o.scope.value,
+      close: D,
+      toggle: U,
+      confirm: $,
+      cancel: A,
+      abort: d.abort,
+      pending: p.value,
+      busy: b.value,
+      disabled: k.value,
+      confirmDisabled: O.value,
+      cancelDisabled: V.value,
+      error: f.value
+    }));
+    return ee({
+      element: o.panel,
+      referenceElement: o.actualReference,
+      open: o.open,
+      placement: o.placement,
+      show: o.show,
+      close: D,
+      hide: D,
+      toggle: U,
+      updatePosition: o.updatePosition,
+      focus: o.focus,
+      confirm: $,
+      cancel: A,
+      abort: d.abort,
+      pending: p,
+      error: f,
+      clearError: z
+    }), (e, i) => (u(), x("span", se({
+      ref: (n) => l(o).wrapper.value = n
+    }, { ...l(te), ...l(o).wrapperAttrs.value }, {
+      class: "hys-ui-popconfirm",
+      "data-external": !!a.reference || void 0,
+      onClick: i[1] || (i[1] = //@ts-ignore
+      (...n) => l(o).click && l(o).click(...n)),
+      onContextmenu: i[2] || (i[2] = //@ts-ignore
+      (...n) => l(o).contextmenu && l(o).contextmenu(...n)),
+      onKeydown: i[3] || (i[3] = //@ts-ignore
+      (...n) => l(o).key && l(o).key(...n))
+    }), [
+      H(l(be), {
+        id: l(o).id,
+        open: c.value.open,
+        kind: "popover",
+        onElement: i[0] || (i[0] = (n) => l(o).referenceElement.value = n)
+      }, {
+        default: T(() => [
+          m(e.$slots, "trigger", v(y(c.value)), () => [
+            m(e.$slots, "default", v(y(c.value)), () => [
+              a.reference ? C("", !0) : (u(), R(N, {
+                key: 0,
+                variant: "secondary",
+                disabled: l(k)
+              }, {
+                default: T(() => [
+                  h(g(a.triggerText), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]))
+            ], !0)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["id", "open"]),
+      H(he, {
+        surface: l(o),
+        options: t,
+        kind: "popover",
+        tabindex: -1,
+        "labelled-by": j.value ? l(o).titleId : void 0,
+        "described-by": L.value ? G : void 0
+      }, {
+        default: T(() => [
+          P("div", {
+            class: "hys-popconfirm-layout",
+            "data-tone": a.tone
+          }, [
+            P("div", xe, [
+              a.showIcon && (K.value || e.$slots.icon) ? (u(), x("div", Te, [
+                m(e.$slots, "icon", v(y(c.value)), () => [
+                  (u(), R(ce(K.value), { size: 19 }))
+                ], !0)
+              ])) : C("", !0),
+              P("div", Pe, [
+                j.value ? (u(), x("div", {
+                  key: 0,
+                  id: l(o).titleId,
+                  class: "hys-popconfirm-title"
+                }, [
+                  m(e.$slots, "title", v(y(c.value)), () => [
+                    h(g(a.title), 1)
+                  ], !0)
+                ], 8, ke)) : C("", !0),
+                L.value ? (u(), x("div", {
+                  key: 1,
+                  id: G,
+                  class: "hys-popconfirm-description"
+                }, [
+                  m(e.$slots, "description", v(y(c.value)), () => [
+                    h(g(a.description), 1)
+                  ], !0)
+                ])) : C("", !0)
+              ])
+            ]),
+            f.value ? (u(), x("div", De, [
+              m(e.$slots, "error", v(y(c.value)), () => [
+                h(g(f.value), 1)
+              ], !0)
+            ])) : C("", !0),
+            P("div", {
+              class: "hys-popconfirm-actions",
+              "data-align": a.align
+            }, [
+              m(e.$slots, "actions", v(y(c.value)), () => [
+                a.showCancel ? (u(), R(N, {
+                  key: 0,
+                  size: a.size,
+                  variant: a.cancelVariant,
+                  disabled: V.value,
+                  loading: p.value === "cancel",
+                  "loading-text": a.pendingText,
+                  "data-hys-popconfirm-focus": "cancel",
+                  onClick: A
+                }, {
+                  default: T(() => [
+                    h(g(a.cancelText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "variant", "disabled", "loading", "loading-text"])) : C("", !0),
+                H(N, {
+                  size: a.size,
+                  variant: ae.value,
+                  disabled: O.value,
+                  loading: p.value === "confirm",
+                  "loading-text": a.pendingText,
+                  "data-hys-popconfirm-focus": "confirm",
+                  onClick: $
+                }, {
+                  default: T(() => [
+                    h(g(a.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "variant", "disabled", "loading", "loading-text"])
+              ], !0)
+            ], 8, Ee),
+            P("span", Se, g(b.value ? a.pendingText : ""), 1)
+          ], 8, Be)
+        ]),
+        _: 3
+      }, 8, ["surface", "labelled-by", "described-by"])
+    ], 16, we));
+  }
+});
+export {
+  Ne as default
+};