sakana-element 2.2.0 → 2.4.0

package/package.json

@@ -1,59 +1,59 @@
-{
-  "name": "sakana-element",
-  "version": "2.2.0",
-  "description": "A pixel-style Vue 3 component library, built with TypeScript and Vitest",
-  "type": "module",
-  "main": "./dist/umd/index.umd.cjs",
-  "module": "./dist/es/index.js",
-  "types": "./dist/types/core/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/types/core/index.d.ts",
-      "import": "./dist/es/index.js",
-      "require": "./dist/umd/index.umd.cjs"
-    },
-    "./dist/index.css": "./dist/index.css",
-    "./dist/": {
-      "import": "./dist/",
-      "require": "./dist/"
-    }
-  },
-  "sideEffects": [
-    "./dist/index.css"
-  ],
-  "scripts": {
-    "build": "run-p build-es build-umd",
-    "build:watch": "run-p build-es:watch build-umd:watch",
-    "build-umd": "vite build --config build/vite.umd.config.ts",
-    "build-es": "vite build --config build/vite.es.config.ts",
-    "build-umd:watch": "vite build --watch --config build/vite.umd.config.ts",
-    "build-es:watch": "vite build --watch --config build/vite.es.config.ts"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/yu859/sakana-element.git"
-  },
-  "homepage": "https://github.com/yu859/sakana-element#readme",
-  "bugs": {
-    "url": "https://github.com/yu859/sakana-element/issues"
-  },
-  "dependencies": {
-    "@popperjs/core": "^2.11.8"
-  },
-  "devDependencies": {
-    "@rollup/plugin-terser": "^0.4.4",
-    "@sakana-element/components": "workspace:*",
-    "terser": "^5.39.0",
-    "vite-plugin-compression2": "^1.3.3"
-  },
-  "peerDependencies": {
-    "vue": "^3.4.19",
-    "zod": "^3.0.0 || ^4.0.0"
-  }
-}
+{
+  "name": "sakana-element",
+  "version": "2.4.0",
+  "description": "A pixel-style Vue 3 component library, built with TypeScript and Vitest",
+  "type": "module",
+  "main": "./dist/umd/index.umd.cjs",
+  "module": "./dist/es/index.js",
+  "types": "./dist/types/core/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/core/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/umd/index.umd.cjs"
+    },
+    "./dist/index.css": "./dist/index.css",
+    "./dist/": {
+      "import": "./dist/",
+      "require": "./dist/"
+    }
+  },
+  "sideEffects": [
+    "./dist/index.css"
+  ],
+  "scripts": {
+    "build": "run-p build-es build-umd",
+    "build:watch": "run-p build-es:watch build-umd:watch",
+    "build-umd": "vite build --config build/vite.umd.config.ts",
+    "build-es": "vite build --config build/vite.es.config.ts",
+    "build-umd:watch": "vite build --watch --config build/vite.umd.config.ts",
+    "build-es:watch": "vite build --watch --config build/vite.es.config.ts"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SaKaNa-Y/sakana-element.git"
+  },
+  "homepage": "https://github.com/SaKaNa-Y/sakana-element#readme",
+  "bugs": {
+    "url": "https://github.com/SaKaNa-Y/sakana-element/issues"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.11.8"
+  },
+  "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
+    "@sakana-element/components": "workspace:*",
+    "terser": "^5.39.0",
+    "vite-plugin-compression2": "^1.3.3"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.19",
+    "zod": "^3.0.0 || ^4.0.0"
+  }
+}

package/dist/es/Avatar-CxsRW-wl.js

@@ -1,9 +0,0 @@
-import { r as a, c as s, S as t, _ as e, w as r } from "./utils-bsCscZfS.js";
-import { defineComponent as o, computed as l, createElementBlock as u, openBlock as p, normalizeStyle as d, normalizeClass as i, renderSlot as c, createCommentVNode as n } from "vue";
-const v = r(e(o({ name: "PxAvatar", __name: "Avatar", props: { size: { default: "default" }, shape: { default: "circle" }, border: { type: Boolean, default: true }, color: {}, status: {} }, setup(e2) {
-  const r2 = e2, o2 = l((() => r2.color ? a(s(r2.color), "px-avatar", t.default) : {}));
-  return (a2, s2) => (p(), u("span", { class: i(["px-avatar", { [`px-avatar--${a2.size}`]: a2.size && "default" !== a2.size, "is-square": "square" === a2.shape, "is-border": a2.border }]), style: d(o2.value) }, [c(a2.$slots, "default", {}, void 0, true), a2.status ? (p(), u("span", { key: 0, class: i(["px-avatar__indicator", `is-${a2.status}`]) }, null, 2)) : n("", true)], 6));
-} }), [["__scopeId", "data-v-47da9c60"]]));
-export {
-  v as P
-};

package/dist/es/Dropdown-GcomGMAI.js

@@ -1,40 +0,0 @@
-import { w as e } from "./utils-bsCscZfS.js";
-import { defineComponent as o, inject as i, computed as t, createElementBlock as a, openBlock as l, Fragment as d, createCommentVNode as n, createElementVNode as s, normalizeClass as p, unref as r, renderSlot as m, createTextVNode as u, toDisplayString as c, useSlots as f, ref as v, provide as h, createVNode as y, mergeProps as b, withCtx as k, createBlock as w, renderList as _ } from "vue";
-import { u as B, a as x, b as g } from "./hooks-BaG7l8K5.js";
-import { P as C, a as z } from "./Button-S_31-UWJ.js";
-import { T as $ } from "./Tooltip-k6gKnMyt.js";
-import { a as j, i as T } from "./vendor-DXmGx29U.js";
-const D = Symbol("dropdownContext"), I = { key: 0, role: "separator", class: "divided-placeholder" }, O = ["id"], P = o({ name: "PxDropdownItem", __name: "DropdownItem", props: { command: { default: B().value }, label: {}, disabled: { type: Boolean, default: false }, divided: { type: Boolean, default: false } }, setup(e2) {
-  const o2 = e2, f2 = i(D), v2 = t((() => f2 == null ? void 0 : f2.size.value));
-  function h2() {
-    o2.disabled || (f2 == null ? void 0 : f2.handleItemClick(o2));
-  }
-  return (e3, o3) => (l(), a(d, null, [e3.divided ? (l(), a("li", I)) : n("", true), s("li", { role: "menuitem", id: `dropdown-item-${e3.command ?? r(B)().value}`, class: p({ "px-dropdown__item": true, ["px-dropdown__item--" + v2.value]: v2.value, "is-disabled": e3.disabled, "is-divided": e3.divided }), onClick: h2 }, [m(e3.$slots, "default", {}, (() => [u(c(e3.label), 1)]))], 10, O)], 64));
-} }), R = ["aria-expanded"], A = { class: "px-dropdown__menu", role: "menu" }, S = e(o({ name: "PxDropdown", inheritAttrs: false, __name: "Dropdown", props: { type: {}, size: {}, items: { default: () => [] }, hideOnClick: { type: Boolean, default: true }, splitButton: { type: Boolean }, content: {}, trigger: {}, placement: {}, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: {}, showTimeout: {}, hideTimeout: {}, virtualRef: {}, virtualTriggering: { type: Boolean } }, emits: ["visible-change", "command", "click"], setup(e2, { expose: o2, emit: i2 }) {
-  const n2 = e2, u2 = i2;
-  f();
-  const c2 = v(), B2 = v(), I2 = v(false), O2 = t((() => j(n2, ["items", "hideOnClick", "size", "type", "splitButton"])));
-  function S2() {
-    var _a;
-    (_a = c2.value) == null ? void 0 : _a.toggle();
-  }
-  return x(B2, (() => {
-    var _a;
-    n2.splitButton && ((_a = c2.value) == null ? void 0 : _a.hide());
-  })), g(), h(D, { handleItemClick: function(e3) {
-    var _a;
-    n2.hideOnClick && ((_a = c2.value) == null ? void 0 : _a.hide()), !T(e3.command) && u2("command", e3.command);
-  }, size: t((() => n2.size)) }), o2({ open: () => {
-    var _a;
-    return (_a = c2.value) == null ? void 0 : _a.show();
-  }, close: () => {
-    var _a;
-    return (_a = c2.value) == null ? void 0 : _a.hide();
-  } }), (e3, o3) => (l(), a("div", { ref_key: "dropdownRef", ref: B2, class: p(["px-dropdown", { "is-disabled": n2.disabled }]), "aria-haspopup": "true", "aria-expanded": I2.value }, [y($, b({ ref_key: "tooltipRef", ref: c2 }, O2.value, { manual: e3.splitButton, onVisibleChange: o3[1] || (o3[1] = (o4) => {
-    I2.value = o4, e3.$emit("visible-change", o4);
-  }) }), { content: k((() => [s("div", A, [m(e3.$slots, "dropdown", {}, (() => [(l(true), a(d, null, _(e3.items, ((e4) => (l(), w(P, b({ key: e4.command, ref_for: true }, e4), null, 16)))), 128))]))])])), default: k((() => [e3.splitButton ? (l(), w(r(C), { key: 0, type: e3.type, size: e3.size, disabled: e3.disabled }, { default: k((() => [y(r(z), { onClick: o3[0] || (o3[0] = (o4) => e3.$emit("click", o4)) }, { default: k((() => [m(e3.$slots, "default")])), _: 3 }), y(r(z), { icon: "chevron-down", onClick: S2 })])), _: 3 }, 8, ["type", "size", "disabled"])) : m(e3.$slots, "default", { key: 1 })])), _: 3 }, 16, ["manual"])], 10, R));
-} })), V = e(P);
-export {
-  S as P,
-  V as a
-};

package/dist/es/Form-j90EzLXU.js

@@ -1,122 +0,0 @@
-import { defineComponent as e, reactive as r, toRefs as s, provide as t, createElementBlock as a, openBlock as l, normalizeClass as o, renderSlot as i, useCssVars as u, computed as n, useSlots as d, inject as c, ref as p, onMounted as m, onUnmounted as v, normalizeStyle as f, unref as h, createBlock as b, createCommentVNode as g, createElementVNode as y, resolveDynamicComponent as x, withCtx as _, createTextVNode as q, toDisplayString as P, nextTick as k } from "vue";
-import { d as F, _ as I, w } from "./utils-bsCscZfS.js";
-import { f as j, b as $, s as B, c as A, d as S, i as W, e as M, g as V, h as z, j as C, k as O, l as T, p as D } from "./vendor-DXmGx29U.js";
-import { u as E } from "./hooks-BaG7l8K5.js";
-import { z as R } from "zod";
-import { P as G } from "./Icon-DpJyuj7c.js";
-const H = Symbol("formContext"), J = Symbol("formItemContext"), K = e({ name: "PxForm", __name: "Form", props: { model: {}, rules: {}, disabled: { type: Boolean }, inline: { type: Boolean }, statusIcon: { type: Boolean }, labelWidth: {}, labelPosition: { default: "right" }, labelSuffix: {}, showMessage: { type: Boolean, default: true }, hideRequiredAsterisk: { type: Boolean, default: false }, requiredAsteriskPosition: { default: "left" } }, emits: ["validate"], setup(e2, { expose: u2, emit: n2 }) {
-  const d2 = n2, c2 = [], p2 = async (e3, r2) => {
-    try {
-      const s2 = await (async function(e4 = []) {
-        let r3 = {};
-        for (const s3 of e4) try {
-          await s3.validate("");
-        } catch (e5) {
-          r3 = { ...r3, ...e5 };
-        }
-        return !B(Object.keys(r3)) || Promise.reject(r3);
-      })(m2(c2, e3 ?? []));
-      return true === s2 && (r2 == null ? void 0 : r2(s2)), s2;
-    } catch (e4) {
-      if (e4 instanceof Error) throw e4;
-      const s2 = e4;
-      return r2 == null ? void 0 : r2(false, s2), Promise.reject(s2);
-    }
-  };
-  function m2(e3, r2) {
-    return B(r2) ? $(e3, ((e4) => A(r2, e4.prop))) : e3;
-  }
-  const v2 = r({ ...s(e2), emits: d2, addField: (e3) => {
-    e3.prop && c2.push(e3);
-  }, removeField: (e3) => {
-    e3.prop && c2.splice(c2.indexOf(e3), 1);
-  } });
-  return t(H, v2), u2({ validate: async (e3) => p2([], e3), validateField: p2, resetFields: (e3) => {
-    j(m2(c2, e3 ?? []), ((e4) => e4.resetField()));
-  }, clearValidate: (e3) => {
-    j(m2(c2, e3 ?? []), ((e4) => e4.clearValidate()));
-  } }), (e3, r2) => (l(), a("form", { class: o(["px-form", { "is-inline": e3.inline }]) }, [i(e3.$slots, "default")], 2));
-} }), L = ["aria-describedby"], N = { class: "px-form-item__input-wrap" }, Q = ["id"], U = I(e({ name: "PxFormItem", __name: "FormItem", props: { prop: {}, label: {}, for: {}, labelWidth: {}, disabled: { type: Boolean }, required: { type: Boolean, default: void 0 }, showMessage: { type: Boolean, default: true }, error: {}, rules: {} }, setup(e2, { expose: I2 }) {
-  u(((e3) => ({ ac9c6e38: le.value })));
-  const w2 = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), j2 = e2, K2 = d(), U2 = c(H), X2 = E().value, Y2 = p("init"), Z2 = p(""), ee = p([]), re = (e3) => {
-    return e3 && j2.prop && !W(V(e3, j2.prop)) ? (r2 = j2.prop, (T(r2) ? r2 : r2.split(".")).some(((e4) => w2.has(e4))) ? (F("PxFormItem", `Prop path "${j2.prop}" contains a dangerous segment and was rejected.`), null) : V(e3, j2.prop)) : null;
-    var r2;
-  }, se = n((() => !(!j2.label && !K2.label))), te = n((() => j2.for || (ee.value.length ? ee.value[0] : ""))), ae = n((() => `${j2.label ?? ""}${(U2 == null ? void 0 : U2.labelSuffix) ?? ""}`)), le = n((() => {
-    const e3 = (e4) => z(e4) ? `${e4}px` : C(e4, "px") ? e4 : `${e4}px`;
-    return j2.labelWidth ? e3(j2.labelWidth) : (U2 == null ? void 0 : U2.labelWidth) ? e3(U2 == null ? void 0 : U2.labelWidth) : "150px";
-  })), oe = n((() => (U2 == null ? void 0 : U2.labelPosition) ?? "right")), ie = n((() => "top" === oe.value)), ue = n((() => ie.value ? { width: "100%", textAlign: "left", padding: "0 0 8px 0" } : { textAlign: "left" === oe.value ? "left" : "right" })), ne = n((() => (U2 == null ? void 0 : U2.disabled) || j2.disabled)), de = n((() => {
-    const e3 = U2 == null ? void 0 : U2.model;
-    return re(e3);
-  })), ce = n((() => j2.prop ? S(j2.prop) ? j2.prop : j2.prop.join(".") : "")), pe = n((() => {
-    const { required: e3 } = j2, r2 = [];
-    j2.rules && r2.push(...j2.rules);
-    const s2 = U2 == null ? void 0 : U2.rules;
-    if (s2 && j2.prop) {
-      const e4 = re(s2);
-      e4 && r2.push(...e4);
-    }
-    if (!W(e3)) {
-      const s3 = $(M(r2, ((e4, r3) => [e4, r3])), ((e4) => A(D(e4[0]), "required")));
-      if (B(s3)) for (const t2 of s3) {
-        const [s4, a2] = t2;
-        s4.required !== e3 && (r2[a2] = { ...s4, required: e3 });
-      }
-      else r2.push({ required: e3 });
-    }
-    return r2;
-  })), me = n((() => W(j2.required) ? B($(pe.value, ((e3) => e3.required))) > 0 : j2.required));
-  let ve = null, fe = false;
-  const he = async (e3, r2) => {
-    if (fe || !j2.prop || ne.value) return false;
-    if (!Y2.value) return r2 == null ? void 0 : r2(false), false;
-    const s2 = (function(e4) {
-      const r3 = pe.value;
-      return r3 ? $(r3, ((r4) => !(r4 == null ? void 0 : r4.trigger) || !e4 || (T(r4.trigger) ? r4.trigger.includes(e4) : r4.trigger === e4))) : [];
-    })(e3);
-    return B(s2) ? (Y2.value = "validating", (async function(e4) {
-      var _a;
-      const r3 = de.value;
-      for (const s3 of e4) {
-        let e5 = s3.schema ?? null;
-        if (!e5 && s3.required && (e5 = R.string({ message: s3.message ?? "This field is required" }).min(1, s3.message ?? "This field is required")), !e5) continue;
-        const t2 = e5.safeParse(r3);
-        if (!t2.success) {
-          const e6 = s3.message ?? ((_a = t2.error.issues[0]) == null ? void 0 : _a.message) ?? "Validation failed";
-          Y2.value = "error", Z2.value = e6;
-          const r4 = { errors: [{ field: ce.value, message: e6 }], fields: { [ce.value]: [{ message: e6 }] } };
-          return U2 == null ? void 0 : U2.emits("validate", j2, false, e6), Promise.reject(r4);
-        }
-      }
-      return Y2.value = "success", U2 == null ? void 0 : U2.emits("validate", j2, true, ""), true;
-    })(s2).then((() => (r2 == null ? void 0 : r2(true), true))).catch(((e4) => {
-      const { fields: s3 } = e4;
-      return r2 == null ? void 0 : r2(false, s3), Promise.reject(s3);
-    }))) : (r2 == null ? void 0 : r2(true), true);
-  }, be = () => {
-    const e3 = U2 == null ? void 0 : U2.model;
-    e3 && ce.value && !W(V(e3, ce.value)) && (fe = true, e3[ce.value] = O(ve)), k((() => ge()));
-  }, ge = () => {
-    Y2.value = "init", Z2.value = "", fe = false;
-  }, ye = r({ ...s(j2), disabled: ne.value, validate: he, resetField: be, clearValidate: ge, addInputId: (e3) => {
-    A(ee.value, e3) || ee.value.push(e3);
-  }, removeInputId: (e3) => {
-    ee.value = $(ee.value, ((r2) => r2 !== e3));
-  } });
-  return m((() => {
-    j2.prop && (U2 == null ? void 0 : U2.addField(ye), ve = de.value);
-  })), v((() => {
-    j2.prop && (U2 == null ? void 0 : U2.removeField(ye));
-  })), t(J, ye), I2({ validateMessage: Z2, validateStatus: Y2, validate: he, resetField: be, clearValidate: ge }), (e3, r2) => {
-    var _a, _b, _c, _d, _e;
-    return l(), a("div", { class: o(["px-form-item", { "is-error": "error" === Y2.value, "is-success": "success" === Y2.value, "is-disabled": ne.value, "is-required": me.value, "asterisk-left": "left" === ((_a = h(U2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(U2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: f(ie.value ? { flexDirection: "column" } : {}) }, [se.value ? (l(), b(x(te.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: f(ue.value), id: h(X2), for: te.value }, { default: _((() => [i(e3.$slots, "label", { label: ae.value }, (() => [q(P(ae.value), 1)]), true)])), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: f(ie.value ? { width: "100%" } : {}), "aria-describedby": "error" === Y2.value ? `form-item-error-${h(X2)}` : void 0 }, [y("div", N, [i(e3.$slots, "default", { validate: he }, void 0, true), ((_c = h(U2)) == null ? void 0 : _c.statusIcon) && "success" === Y2.value ? (l(), b(G, { key: 0, icon: "check", class: "px-form-item__status-icon is-success", size: "sm" })) : g("", true), ((_d = h(U2)) == null ? void 0 : _d.statusIcon) && "error" === Y2.value ? (l(), b(G, { key: 1, icon: "close", class: "px-form-item__status-icon is-error", size: "sm" })) : g("", true)]), "error" === Y2.value ? (l(), a("div", { key: 0, class: "px-form-item__error-msg", id: `form-item-error-${h(X2)}` }, [((_e = h(U2)) == null ? void 0 : _e.showMessage) && e3.showMessage ? i(e3.$slots, "error", { key: 0, error: Z2.value }, (() => [q(P(Z2.value), 1)]), true) : g("", true)], 8, Q)) : g("", true)], 12, L)], 6);
-  };
-} }), [["__scopeId", "data-v-0e2bbb22"]]);
-function X() {
-  return { form: c(H, void 0), formItem: c(J, void 0) };
-}
-const Y = w(K), Z = w(U);
-export {
-  Y as P,
-  Z as a,
-  X as u
-};

package/dist/es/Message-DCNnTUje.js

@@ -1,123 +0,0 @@
-import { t as e, e as o, R as t, f as n } from "./utils-bsCscZfS.js";
-import { defineComponent as s, ref as a, computed as l, watch as c, onMounted as i, createBlock as r, openBlock as u, Transition as p, withCtx as d, withDirectives as f, createElementVNode as m, normalizeStyle as y, normalizeClass as g, createVNode as x, createElementBlock as v, createCommentVNode as b, renderSlot as h, unref as B, withModifiers as _, vShow as C, shallowReactive as k, isVNode as w, h as I, render as T, reactive as P, nextTick as $, createTextVNode as z, toDisplayString as M, resolveDynamicComponent as j, withKeys as A } from "vue";
-import { e as O, f as L, d as V, u as E, g as D } from "./hooks-BaG7l8K5.js";
-import { P as R } from "./Icon-DpJyuj7c.js";
-import { v as N, u as K, f as S, d as Z, w as H, g as U, x as q, i as F, y as G, z as J, A as Q, B as W } from "./vendor-DXmGx29U.js";
-import { b as X } from "./Button-S_31-UWJ.js";
-import { _ as Y } from "./Input-CiE4bPJN.js";
-import { P as ee } from "./Overlay-BRDSWspM.js";
-const oe = ["aria-live"], te = { class: "px-message__content" }, ne = { key: 0, class: "px-message__close" }, se = s({ name: "PxMessage", __name: "Message", props: { id: {}, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean }, center: { type: Boolean }, type: { default: "info" }, offset: { default: 10 }, zIndex: {}, transitionName: { default: "fade-up" }, onDestroy: {} }, setup(n2, { expose: s2 }) {
-  const k2 = n2, w2 = a(false), I2 = a(), T2 = a(0), { topOffset: P2, bottomOffset: $2 } = O({ getLastBottomOffset: N(ue, k2), offset: k2.offset, boxHeight: T2 }), z2 = l((() => e.get(k2.type) ?? "circle-info")), M2 = l((() => ({ top: o(P2.value), zIndex: k2.zIndex })));
-  let j2;
-  function A2() {
-    0 !== k2.duration && (j2 = K(E2, k2.duration));
-  }
-  function V2() {
-    clearTimeout(j2);
-  }
-  function E2() {
-    w2.value = false;
-  }
-  return c(w2, ((e2) => {
-    e2 || (T2.value = -k2.offset);
-  })), L(document, "keydown", ((e2) => {
-    const { code: o2 } = e2;
-    "Escape" === o2 && E2();
-  })), i((() => {
-    w2.value = true, A2();
-  })), s2({ close: E2, bottomOffset: $2 }), (e2, o2) => (u(), r(p, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => T2.value = I2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !w2.value && e2.onDestroy()) }, { default: d((() => [f(m("div", { ref_key: "messageRef", ref: I2, class: g(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center }]), style: y(M2.value), role: "alert", "aria-live": "danger" === e2.type || "warning" === e2.type ? "assertive" : "polite", onMouseenter: V2, onMouseleave: A2 }, [x(R, { class: "px-message__icon", icon: z2.value }, null, 8, ["icon"]), m("div", te, [h(e2.$slots, "default", {}, (() => [e2.message ? (u(), r(B(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : b("", true)]))]), e2.showClose ? (u(), v("div", ne, [x(R, { icon: "close", onClick: _(E2, ["stop"]) })])) : b("", true)], 46, oe), [[C, w2.value]])])), _: 3 }, 8, ["name"]));
-} }), ae = ["info", "success", "warning", "danger", "error"], le = k([]), { nextZIndex: ce } = V(), ie = { type: "info", duration: 3e3, offset: 10, transitionName: "fade-up" }, re = (e2) => {
-  const o2 = !e2 || w(e2) || Z(e2) ? { message: e2 } : e2;
-  return { ...ie, ...o2 };
-};
-function ue() {
-  const e2 = H(le, { id: this.id });
-  return e2 <= 0 ? 0 : U(le, [e2 - 1, "vm", "exposed", "bottomOffset", "value"]);
-}
-const pe = (e2 = {}) => ((e3) => {
-  const o2 = E().value, t2 = document.createElement("div"), n2 = { ...e3, id: o2, zIndex: ce(), onDestroy: () => {
-    const e4 = H(le, { id: o2 });
-    -1 !== e4 && (le.splice(e4, 1), T(null, t2));
-  } }, s2 = I(se, n2);
-  T(s2, t2), document.body.appendChild(t2.firstElementChild);
-  const a2 = s2.component, l2 = { close: () => a2.exposed.close() }, c2 = { props: n2, id: o2, vm: a2, vnode: s2, handler: l2 };
-  return le.push(c2), c2;
-})(re(e2)).handler;
-S(ae, ((e2) => {
-  q(pe, e2, ((o2) => {
-    const t2 = re(o2);
-    return pe({ ...t2, type: e2 });
-  }));
-})), pe.closeAll = function(e2) {
-  S(le, ((o2) => {
-    e2 ? o2.props.type === e2 && o2.handler.close() : o2.handler.close();
-  }));
-};
-const de = n(pe, "$message"), fe = { class: "px-message-box__content" }, me = { key: 1, class: "px-message-box__message" }, ye = { class: "px-message-box__input" }, ge = { class: "px-message-box__footer" }, xe = s({ name: "PxMessageBox", inheritAttrs: false, __name: "MessageBox", props: { visible: {}, doClose: {}, doAction: {}, destroy: {}, title: {}, message: {}, type: {}, boxType: { default: "" }, icon: {}, callback: {}, showClose: { type: Boolean, default: true }, showInput: { type: Boolean }, showCancelButton: { type: Boolean }, showConfirmButton: { type: Boolean, default: true }, cancelButtonText: {}, confirmButtonText: {}, cancelButtonLoading: { type: Boolean }, confirmButtonLoading: { type: Boolean }, cancelButtonDisabled: { type: Boolean }, confirmButtonDisabled: { type: Boolean }, cancelButtonType: {}, confirmButtonType: { default: "primary" }, roundButton: { type: Boolean, default: false }, center: { type: Boolean }, lockScroll: { type: Boolean, default: true }, closeOnClickModal: { type: Boolean, default: true }, inputPlaceholder: {}, inputValue: { default: "" }, inputType: {}, buttonSize: {}, beforeClose: {} }, setup(o2) {
-  const t2 = o2, n2 = D(), { doAction: s2 } = t2, { nextZIndex: i2 } = V(), y2 = a(), k2 = a(), w2 = E(), I2 = `msgbox-title-${E().value}`, T2 = P({ ...t2, zIndex: i2() }), O2 = l((() => !!T2.message)), L2 = l((() => T2.icon ?? e.get(T2.type ?? "")));
-  function N2() {
-    t2.closeOnClickModal && S2("close");
-  }
-  function K2(e2) {
-    if ("textarea" !== T2.inputType) return e2.preventDefault(), S2("confirm");
-  }
-  function S2(e2) {
-    G(t2.beforeClose) ? t2.beforeClose(e2, T2, (() => s2(e2, T2.inputValue))) : s2(e2, T2.inputValue);
-  }
-  function Z2() {
-    S2("close");
-  }
-  return c((() => {
-    var _a;
-    return (_a = t2.visible) == null ? void 0 : _a.value;
-  }), ((e2) => {
-    e2 && (T2.zIndex = i2()), "prompt" === t2.boxType && e2 && $((() => {
-      var _a;
-      (_a = k2.value) == null ? void 0 : _a.focus();
-    }));
-  })), (e2, o3) => (u(), r(p, { name: "fade-in-linear", onAfterLeave: e2.destroy }, { default: d((() => [f(x(ee, { "z-index": T2.zIndex, mask: "" }, { default: d((() => [m("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": I2, class: "px-overlay-message-box", onClick: N2 }, [m("div", { ref: "rootRef", class: g(["px-message-box", { "is-center": T2.center }]), onClick: o3[5] || (o3[5] = _((() => {
-  }), ["stop"])) }, [B(F)(T2.title) ? b("", true) : (u(), v("div", { key: 0, ref_key: "headerRef", ref: y2, class: g(["px-message-box__header", { "show-close": T2.showClose }]) }, [m("div", { class: "px-message-box__title", id: I2 }, [L2.value && T2.center ? (u(), r(R, { key: 0, class: g({ [`px-icon-${T2.type}`]: T2.type }), icon: L2.value }, null, 8, ["class", "icon"])) : b("", true), z(" " + M(T2.title), 1)]), e2.showClose ? (u(), v("button", { key: 0, class: "px-message-box__header-btn", onClick: _(Z2, ["stop"]) }, [x(R, { icon: "close" })])) : b("", true)], 2)), m("div", fe, [L2.value && !T2.center && O2.value ? (u(), r(R, { key: 0, class: g({ [`px-icon-${T2.type}`]: T2.type }), icon: L2.value }, null, 8, ["class", "icon"])) : b("", true), O2.value ? (u(), v("div", me, [h(e2.$slots, "default", {}, (() => [(u(), r(j(T2.showInput ? "label" : "p"), { for: T2.showInput ? B(w2) : void 0 }, { default: d((() => [z(M(T2.message), 1)])), _: 1 }, 8, ["for"]))]))])) : b("", true)]), f(m("div", ye, [x(Y, { modelValue: T2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => T2.inputValue = e3), ref_key: "inputRef", ref: k2, placeholder: T2.inputPlaceholder, type: T2.inputType, onKeyup: A(K2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"])], 512), [[C, T2.showInput]]), m("div", ge, [T2.showCancelButton ? (u(), r(X, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: T2.cancelButtonType, round: T2.roundButton, loading: T2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => S2("cancel")), onKeydown: o3[2] || (o3[2] = A(_(((e3) => S2("cancel")), ["prevent"]), ["enter"])) }, { default: d((() => [z(M(T2.cancelButtonText || B(n2).t("messagebox.cancel")), 1)])), _: 1 }, 8, ["type", "round", "loading"])) : b("", true), f(x(X, { class: "px-message-box__footer-btn px-message-box__confirm-btn", type: T2.confirmButtonType ?? "primary", round: T2.roundButton, loading: T2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => S2("confirm")), onKeydown: o3[4] || (o3[4] = A(_(((e3) => S2("confirm")), ["prevent"]), ["enter"])) }, { default: d((() => [z(M(T2.confirmButtonText || B(n2).t("messagebox.confirm")), 1)])), _: 1 }, 8, ["type", "round", "loading"]), [[C, T2.showConfirmButton]])])], 2)])])), _: 3 }, 8, ["z-index"]), [[C, e2.visible.value]])])), _: 3 }, 8, ["onAfterLeave"]));
-} }), ve = /* @__PURE__ */ new Map();
-function be(e2) {
-  let o2;
-  return Z(e2) || w(e2) ? e2 = { message: e2 } : o2 = e2.callback, new Promise(((t2, n2) => {
-    const s2 = (function(e3) {
-      const o3 = document.createElement("div"), t3 = (function(e4, o4) {
-        const t4 = a(false), n4 = G(e4 == null ? void 0 : e4.message) || w(e4 == null ? void 0 : e4.message), s3 = x(xe, { ...e4, visible: t4 }, n4 ? { default: (l2 = e4.message, G(l2) ? l2 : () => l2) } : void 0);
-        var l2;
-        return T(s3, o4), document.body.appendChild(o4.firstElementChild), s3.component;
-      })({ ...e3, doClose: () => {
-        n3.visible.value = false;
-      }, doAction: (o4, t4) => {
-        const s3 = ve.get(n3);
-        let a2;
-        $((() => n3.doClose())), a2 = e3.showInput ? { value: t4, action: o4 } : o4, e3.callback ? e3.callback(a2) : "cancel" !== o4 && "close" !== o4 ? s3 == null ? void 0 : s3.resolve(a2) : s3 == null ? void 0 : s3.reject(o4);
-      }, destroy: () => {
-        T(null, o3), ve.delete(n3);
-      } }, o3), n3 = t3 == null ? void 0 : t3.proxy;
-      return n3.visible.value = true, n3;
-    })(e2);
-    ve.set(s2, { options: e2, callback: o2, resolve: t2, reject: n2 });
-  }));
-}
-const he = { alert: { closeOnClickModal: false }, confirm: { showCancelButton: true }, prompt: { showCancelButton: true, showInput: true } };
-S(["alert", "confirm", "prompt"], ((e2) => {
-  return q(be, e2, (o2 = e2, (e3, t2, n2) => {
-    let s2 = "";
-    return Q(t2) ? (n2 = t2, s2 = "") : s2 = W(t2) ? "" : t2, be(J({ title: s2, message: e3, type: "", boxType: o2, ...he[o2] }, n2));
-  }));
-  var o2;
-})), q(be, "close", (() => {
-  ve.forEach(((e2, o2) => {
-    o2.doClose();
-  })), ve.clear();
-}));
-const Be = be;
-q(Be, "install", ((e2) => {
-  e2.config.globalProperties.$msgbox = be, e2.config.globalProperties.$messagebox = be, e2.config.globalProperties.$alert = be.alert, e2.config.globalProperties.$confirm = be.confirm, e2.config.globalProperties.$prompt = be.prompt;
-}));
-export {
-  de as P,
-  Be as a,
-  ae as m
-};

package/dist/es/Notification-CBzY5904.js

@@ -1,58 +0,0 @@
-import { t, e, R as o, _ as n, f as i } from "./utils-bsCscZfS.js";
-import { defineComponent as s, ref as a, computed as l, onMounted as f, createBlock as r, openBlock as c, Transition as p, withCtx as d, withDirectives as u, createElementVNode as m, normalizeStyle as v, normalizeClass as h, createCommentVNode as g, createElementBlock as x, toDisplayString as y, renderSlot as _, unref as C, createVNode as k, withModifiers as w, vShow as b, isVNode as I, h as N, render as O, shallowReactive as j } from "vue";
-import { e as z, d as E, u as $ } from "./hooks-BaG7l8K5.js";
-import { P as B } from "./Icon-DpJyuj7c.js";
-import { v as D, u as M, f as P, d as R, w as A, g as L, x as W } from "./vendor-DXmGx29U.js";
-const H = ["aria-live"], T = { class: "px-notification__text" }, Z = { class: "px-notification__title" }, q = { class: "px-notification__content" }, F = { key: 1, class: "px-notification__close" }, G = n(s({ name: "PxNotification", __name: "Notification", props: { title: {}, id: {}, zIndex: {}, position: { default: "top-right" }, type: { default: "info" }, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean, default: true }, offset: { default: 20 }, transitionName: { default: "fade" }, icon: {}, onClick: {}, onClose: {}, onDestroy: {} }, setup(n2, { expose: i2 }) {
-  const s2 = n2, I2 = a(false), N2 = a(), O2 = a(0), { topOffset: j2, bottomOffset: E2 } = z({ getLastBottomOffset: D(tt, s2), offset: s2.offset, boxHeight: O2 }), $2 = l((() => t.get(s2.type) ?? "circle-info")), P2 = l((() => s2.position.endsWith("right") ? "right" : "left")), R2 = l((() => s2.position.startsWith("top") ? "top" : "bottom")), A2 = l((() => ({ [R2.value]: e(j2.value), zIndex: s2.zIndex })));
-  let L2;
-  function W2() {
-    0 !== s2.duration && (L2 = M(J2, s2.duration));
-  }
-  function G2() {
-    clearTimeout(L2);
-  }
-  function J2() {
-    I2.value = false;
-  }
-  return f((() => {
-    I2.value = true, W2();
-  })), i2({ bottomOffset: E2, close: J2 }), (t2, e2) => (c(), r(p, { name: `px-notification-${t2.transitionName}`, onAfterLeave: e2[1] || (e2[1] = (e3) => !I2.value && t2.onDestroy()), onEnter: e2[2] || (e2[2] = (t3) => O2.value = N2.value.getBoundingClientRect().height) }, { default: d((() => [u(m("div", { ref_key: "notifyRef", ref: N2, class: h(["px-notification", { [`px-notification--${t2.type}`]: t2.type, [P2.value]: true, "show-close": t2.showClose }]), style: v(A2.value), role: "alert", "aria-live": "danger" === t2.type || "warning" === t2.type ? "assertive" : "polite", onClick: e2[0] || (e2[0] = (...e3) => t2.onClick && t2.onClick(...e3)), onMouseenter: G2, onMouseleave: W2 }, [$2.value ? (c(), r(B, { key: 0, icon: $2.value, class: "px-notification__icon" }, null, 8, ["icon"])) : g("", true), m("div", T, [m("div", Z, y(t2.title), 1), m("div", q, [_(t2.$slots, "default", {}, (() => [t2.message ? (c(), r(C(o), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : g("", true)]), true)])]), t2.showClose ? (c(), x("div", F, [k(B, { icon: "close", onClick: w(J2, ["stop"]) })])) : g("", true)], 46, H), [[b, I2.value]])])), _: 3 }, 8, ["name"]));
-} }), [["__scopeId", "data-v-ff3aeca4"]]), J = ["info", "success", "warning", "danger"], K = ["top-right", "top-left", "bottom-right", "bottom-left"], Q = /* @__PURE__ */ new Map();
-P(K, ((t2) => {
-  Q.set(t2, j([]));
-}));
-const { nextZIndex: S } = E(), U = { title: "", type: "info", duration: 3e3, offset: 20, position: "top-right", transitionName: "fade", showClose: true }, V = (t2) => {
-  const e2 = !t2 || I(t2) || R(t2) ? { message: t2 } : t2;
-  return { ...U, ...e2 };
-}, X = (t2) => Q.get(t2), Y = (t2 = {}) => ((t3) => {
-  const e2 = $().value, o2 = document.createElement("div"), n2 = X(t3.position || "top-right"), i2 = { ...t3, id: e2, zIndex: S(), onDestroy: () => {
-    const t4 = A(n2, { id: e2 });
-    -1 !== t4 && (n2.splice(t4, 1), O(null, o2));
-  } }, s2 = N(G, i2);
-  O(s2, o2), document.body.appendChild(o2.firstElementChild);
-  const a2 = s2.component, l2 = { close: () => a2.exposed.close() }, f2 = { props: i2, id: e2, vm: a2, vnode: s2, handler: l2 };
-  return n2.push(f2), f2;
-})(V(t2)).handler;
-function tt() {
-  const t2 = X(this.position || "top-right"), e2 = A(t2, { id: this.id });
-  return e2 <= 0 ? 0 : L(t2, [e2 - 1, "vm", "exposed", "bottomOffset", "value"]);
-}
-P(J, ((t2) => {
-  W(Y, t2, ((e2) => {
-    const o2 = V(e2);
-    return Y({ ...o2, type: t2 });
-  }));
-})), Y.closeAll = function(t2) {
-  Q.forEach(((e2) => {
-    P(e2, ((e3) => {
-      t2 ? e3.props.type === t2 && e3.handler.close() : e3.handler.close();
-    }));
-  }));
-};
-const et = i(Y, "$notify");
-export {
-  et as P,
-  K as a,
-  J as n
-};

package/dist/es/Popconfirm-DF6d2ORS.js

@@ -1,23 +0,0 @@
-import { e as o, _ as t, w as e } from "./utils-bsCscZfS.js";
-import { defineComponent as n, ref as i, computed as c, createBlock as l, openBlock as r, createSlots as a, withCtx as f, createElementVNode as s, normalizeStyle as p, createCommentVNode as m, createTextVNode as d, toDisplayString as u, createVNode as _, unref as y, renderSlot as x } from "vue";
-import { g as B } from "./hooks-BaG7l8K5.js";
-import { b as T } from "./Button-S_31-UWJ.js";
-import { P as h } from "./Icon-DpJyuj7c.js";
-import { T as v } from "./Tooltip-k6gKnMyt.js";
-const k = { class: "px-popconfirm__main" }, j = { class: "px-popconfirm__action" }, P = e(t(n({ name: "PxPopconfirm", __name: "Popconfirm", props: { title: { default: "" }, confirmButtonText: {}, cancelButtonText: {}, confirmButtonType: { default: "primary" }, cancelButtonType: {}, icon: { default: "question-circle" }, iconColor: { default: "#f90" }, hideIcon: { type: Boolean }, hideAfter: { default: 200 }, width: { default: 150 } }, emits: ["confirm", "cancel"], setup(t2, { emit: e2 }) {
-  const n2 = t2, P2 = e2, g = B(), w = i(), C = c((() => ({ width: o(n2.width) })));
-  function I() {
-    var _a;
-    (_a = w.value) == null ? void 0 : _a.hide();
-  }
-  function $(o2) {
-    P2("confirm", o2), I();
-  }
-  function z(o2) {
-    P2("cancel", o2), I();
-  }
-  return (o2, t3) => (r(), l(v, { ref_key: "tooltipRef", ref: w, trigger: "click", "hide-timeout": o2.hideAfter }, a({ content: f((() => [s("div", { class: "px-popconfirm", role: "alertdialog", style: p(C.value) }, [s("div", k, [!o2.hideIcon && o2.icon ? (r(), l(h, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), d(" " + u(o2.title), 1)])], 4), s("div", j, [_(T, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: z }, { default: f((() => [d(u(o2.cancelButtonText || y(g).t("popconfirm.cancelButtonText")), 1)])), _: 1 }, 8, ["type"]), _(T, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: $ }, { default: f((() => [d(u(o2.confirmButtonText || y(g).t("popconfirm.confirmButtonText")), 1)])), _: 1 }, 8, ["type"])])])), _: 2 }, [o2.$slots.default ? { name: "default", fn: f((() => [x(o2.$slots, "default", {}, void 0, true)])), key: "0" } : void 0, o2.$slots.reference ? { name: "default", fn: f((() => [x(o2.$slots, "reference", {}, void 0, true)])), key: "1" } : void 0]), 1032, ["hide-timeout"]));
-} }), [["__scopeId", "data-v-fd6e7d1d"]]));
-export {
-  P
-};

package/dist/es/Tooltip-k6gKnMyt.js

@@ -1,74 +0,0 @@
-import { _ as e, w as t } from "./utils-bsCscZfS.js";
-import { onMounted as a, watch as o, onUnmounted as i, defineComponent as l, ref as r, computed as n, watchEffect as u, createElementBlock as s, openBlock as v, mergeProps as c, toHandlers as p, renderSlot as d, createVNode as f, unref as g, Transition as m, withCtx as h, createCommentVNode as _, createElementVNode as b, createTextVNode as k, toDisplayString as y } from "vue";
-import { createPopper as T } from "@popperjs/core";
-import { u as x, a as w } from "./hooks-BaG7l8K5.js";
-import { H as j, f as B, E, v as L } from "./vendor-DXmGx29U.js";
-const N = ["aria-describedby"], R = ["id"], $ = e(l({ name: "PxTooltip", __name: "Tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: { default: "fade" }, showTimeout: { default: 0 }, hideTimeout: { default: 200 }, virtualRef: {}, virtualTriggering: { type: Boolean } }, emits: ["visible-change", "click-outside"], setup(e2, { expose: t2, emit: l2 }) {
-  const $2 = e2, O2 = l2, P = r(false), A = x("px-tooltip"), D = r({}), H = r({}), I = r({}), M = r(), q = r(), z = r(), C = n((() => $2.virtualTriggering ? $2.virtualRef : z.value)), F = n((() => ({ placement: $2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...$2.popperOptions }))), G = n((() => "hover" === $2.trigger ? $2.showTimeout : 0)), J = n((() => "hover" === $2.trigger ? $2.hideTimeout : 0));
-  let K, Q, S;
-  function U() {
-    Q == null ? void 0 : Q.cancel(), K == null ? void 0 : K();
-  }
-  function V() {
-    K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q();
-  }
-  function W() {
-    P.value ? V() : U();
-  }
-  function X(e3) {
-    $2.disabled || (P.value = e3, O2("visible-change", e3));
-  }
-  function Y() {
-    if (!$2.disabled && !$2.manual) return "hover" === $2.trigger ? (D.value.mouseenter = U, H.value.mouseleave = V, void (I.value.mouseenter = U)) : void ("click" !== $2.trigger ? "contextmenu" !== $2.trigger || (D.value.contextmenu = (e3) => {
-      e3.preventDefault(), U();
-    }) : D.value.click = W);
-  }
-  function Z() {
-    S == null ? void 0 : S.destroy(), S = null;
-  }
-  function ee() {
-    D.value = {}, H.value = {}, I.value = {}, Y();
-  }
-  const te = U, ae = () => {
-    K == null ? void 0 : K.cancel(), X(false);
-  };
-  return o(P, ((e3) => {
-    e3 && C.value && q.value && (S = T(C.value, q.value, F.value));
-  }), { flush: "post" }), o((() => $2.manual), ((e3) => {
-    e3 ? ee() : Y();
-  })), o((() => $2.trigger), (() => {
-    K == null ? void 0 : K.cancel(), P.value = false, O2("visible-change", false), ee();
-  })), u((() => {
-    $2.manual || Y(), K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q.cancel(), K = E(L(X, null, true), G.value), Q = E(L(X, null, false), J.value);
-  })), w(M, (() => {
-    O2("click-outside"), "hover" === $2.trigger || $2.manual || P.value && V();
-  })), (function(e3, t3, l3) {
-    let r2, n2;
-    const u2 = /* @__PURE__ */ new Map(), s2 = () => {
-      const e4 = t3.value;
-      e4 && j(e4) && B(l3.value, ((t4, a2) => {
-        u2.set(a2, t4), e4.addEventListener(a2, t4);
-      }));
-    }, v2 = (e4) => {
-      const a2 = e4 ?? t3.value;
-      a2 && j(a2) && B(["mouseenter", "click", "contextmenu"], ((e5) => u2.has(e5) && a2.removeEventListener(e5, u2.get(e5))));
-    };
-    a((() => {
-      n2 = o((() => e3.virtualRef), ((t4, a2) => {
-        e3.virtualTriggering && (j(a2) && v2(a2), j(t4) && s2());
-      }), { immediate: true }), r2 = o(l3, (() => {
-        e3.virtualTriggering && (v2(), s2(), K == null ? void 0 : K.cancel(), X(false));
-      }), { deep: true });
-    })), i((() => {
-      r2 == null ? void 0 : r2(), n2 == null ? void 0 : n2();
-    }));
-  })($2, C, D), i((() => {
-    Z(), K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q.cancel();
-  })), t2({ show: te, hide: ae, toggle: () => {
-    P.value ? ae() : te();
-  } }), (e3, t3) => (v(), s("div", c({ class: "px-tooltip", ref_key: "containerNode", ref: M }, p(H.value, true)), [e3.virtualTriggering ? d(e3.$slots, "default", { key: 1 }, void 0, true) : (v(), s("div", c({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: z }, p(D.value, true), { "aria-describedby": P.value ? g(A) : void 0 }), [d(e3.$slots, "default", {}, void 0, true)], 16, N)), f(m, { name: e3.transition, onAfterLeave: Z }, { default: h((() => [P.value ? (v(), s("div", c({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: q }, p(I.value, true), { id: g(A), role: "tooltip" }), [d(e3.$slots, "content", {}, (() => [k(y(e3.content), 1)]), true), t3[0] || (t3[0] = b("div", { id: "arrow", "data-popper-arrow": "" }, null, -1))], 16, R)) : _("", true)])), _: 3 }, 8, ["name"])], 16));
-} }), [["__scopeId", "data-v-4e2bfb45"]]), O = t($);
-export {
-  O as P,
-  $ as T
-};