sakana-element 1.0.3 → 2.0.1

package/dist/es/Message-BuoSEEVc.js

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

package/dist/es/Notification-Bv_vDOpB.js

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

package/dist/es/Overlay-C1k4Jcl7.js

@@ -0,0 +1,12 @@
+import { defineComponent as e, createElementBlock as s, openBlock as o, normalizeStyle as t, normalizeClass as a, renderSlot as l } from "vue";
+import { _ as i } from "./utils-340oIQ8K.js";
+const d = i(e({ name: "PxOverlay", __name: "Overlay", props: { mask: { type: Boolean, default: true }, zIndex: {}, overlayClass: {} }, emits: ["click"], setup(e2, { emit: i2 }) {
+  const d2 = i2;
+  function n(e3) {
+    d2("click", e3);
+  }
+  return (e3, i3) => e3.mask ? (o(), s("div", { key: 0, class: a(["px-overlay", e3.overlayClass]), style: t({ zIndex: e3.zIndex }), onClick: n }, [l(e3.$slots, "default", {}, void 0, true)], 6)) : (o(), s("div", { key: 1, class: a(e3.overlayClass), style: t({ zIndex: e3.zIndex, position: "fixed", top: 0, left: 0, right: 0, bottom: 0 }) }, [l(e3.$slots, "default", {}, void 0, true)], 6));
+} }), [["__scopeId", "data-v-a64cd74a"]]);
+export {
+  d as P
+};

package/dist/es/Popconfirm-mMYpa7O6.js

@@ -0,0 +1,22 @@
+import { b as o, _ as e, w as t } from "./utils-340oIQ8K.js";
+import { defineComponent as n, ref as i, computed as c, createBlock as l, openBlock as a, createSlots as r, withCtx as f, createElementVNode as s, normalizeStyle as p, createCommentVNode as m, createTextVNode as u, toDisplayString as d, createVNode as _, renderSlot as y } from "vue";
+import { b as v } from "./Button-l3ljgd74.js";
+import { P as x } from "./Icon-4XdUD4qc.js";
+import { T as h } from "./Tooltip-CUOZC7JN.js";
+const B = { class: "px-popconfirm__main" }, T = { class: "px-popconfirm__action" }, k = t(e(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(e2, { emit: t2 }) {
+  const n2 = e2, k2 = t2, C = i(), P = c((() => ({ width: o(n2.width) })));
+  function j() {
+    var _a;
+    (_a = C.value) == null ? void 0 : _a.hide();
+  }
+  function w(o2) {
+    k2("confirm", o2), j();
+  }
+  function I(o2) {
+    k2("cancel", o2), j();
+  }
+  return (o2, e3) => (a(), l(h, { ref_key: "tooltipRef", ref: C, trigger: "click", "hide-timeout": o2.hideAfter }, r({ content: f((() => [s("div", { class: "px-popconfirm", style: p(P.value) }, [s("div", B, [!o2.hideIcon && o2.icon ? (a(), l(x, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), u(" " + d(o2.title), 1)])], 4), s("div", T, [_(v, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: I }, { default: f((() => [u(d(o2.cancelButtonText || "Cancel"), 1)])), _: 1 }, 8, ["type"]), _(v, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: w }, { default: f((() => [u(d(o2.confirmButtonText || "Confirm"), 1)])), _: 1 }, 8, ["type"])])])), _: 2 }, [o2.$slots.default ? { name: "default", fn: f((() => [y(o2.$slots, "default", {}, void 0, true)])), key: "0" } : void 0, o2.$slots.reference ? { name: "default", fn: f((() => [y(o2.$slots, "reference", {}, void 0, true)])), key: "1" } : void 0]), 1032, ["hide-timeout"]));
+} }), [["__scopeId", "data-v-72e03259"]]));
+export {
+  k as P
+};

package/dist/es/Select-SRw_b6I2.js

@@ -0,0 +1,126 @@
+import { R as e, _ as l, w as a } from "./utils-340oIQ8K.js";
+import { defineComponent as t, inject as o, computed as i, createElementBlock as n, openBlock as s, withModifiers as u, normalizeClass as d, renderSlot as r, createVNode as p, unref as c, useSlots as h, ref as v, reactive as f, watch as m, onMounted as b, provide as g, withCtx as y, createCommentVNode as x, createElementVNode as _, Fragment as V, renderList as I, createBlock as w, mergeProps as M, nextTick as k, h as O } from "vue";
+import { C as S, D as L, g as B, b as D, s as N, e as j, E as C, F, f as R, y as E, q as H, z as P, i as z, G as W, c as $ } from "./vendor-DXmGx29U.js";
+import { u as q, c as A, a as T } from "./hooks-qpAqkY5H.js";
+import { P as U } from "./Icon-4XdUD4qc.js";
+import { _ as G } from "./Input-C0g1h9x2.js";
+import { T as K } from "./Tooltip-CUOZC7JN.js";
+const J = Symbol("selectContext"), Q = { modifiers: [{ name: "offset", options: { offset: [0, 9] } }, { name: "sameWidth", enabled: true, fn: ({ state: e2 }) => {
+  e2.styles.popper.width = `${e2.rects.reference.width}px`;
+}, phase: "beforeWrite", requires: ["computeStyles"] }] }, X = ["id"], Y = l(t({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
+  const a2 = l2, t2 = o(J), h2 = i((() => {
+    var _a;
+    return ((_a = t2 == null ? void 0 : t2.selectStates.selectedOption) == null ? void 0 : _a.value) === a2.value;
+  })), v2 = i((() => S(["label", "value"], ((e2) => L(B(t2, ["highlightedLine", "value", e2]), B(a2, e2))))));
+  function f2() {
+    a2.disabled || (t2 == null ? void 0 : t2.handleSelect(a2));
+  }
+  return (l3, o2) => (s(), n("li", { class: d(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": h2.value, "is-highlighted": v2.value }]), id: `select-item-${l3.value}`, onClick: u(f2, ["stop"]) }, [r(l3.$slots, "default", {}, (() => {
+    var _a, _b;
+    return [p(c(e), { vNode: ((_a = c(t2)) == null ? void 0 : _a.renderLabel) ? (_b = c(t2)) == null ? void 0 : _b.renderLabel(a2) : l3.label }, null, 8, ["vNode"])];
+  }), true)], 10, X));
+} }), [["__scopeId", "data-v-c5f1823d"]]), Z = { key: 0, class: "px-select__loading" }, ee = { key: 1, class: "px-select__nodata" }, le = { class: "px-select__menu" }, ae = a(l(t({ name: "PxSelect", __name: "Select", props: { modelValue: {}, id: {}, options: { default: () => [] }, placeholder: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, renderLabel: {}, filterable: { type: Boolean }, filterMethod: {}, remote: { type: Boolean }, remoteMethod: {} }, emits: ["update:modelValue", "change", "visible-change", "clear", "focus", "blur"], setup(l2, { expose: a2, emit: t2 }) {
+  const o2 = l2, r2 = t2, S2 = h(), X2 = v(), ae2 = v(), te2 = v(), oe = v(/* @__PURE__ */ new Map()), ie = v(o2.options ?? []), ne = v(false), se = De(o2.modelValue), ue = f({ inputValue: (se == null ? void 0 : se.label) ?? "", selectedOption: se, mouseHover: false, loading: false, highlightedIndex: -1 }), de = i((() => o2.disabled)), re = i((() => {
+    var _a;
+    return D((_a = S2 == null ? void 0 : S2.default) == null ? void 0 : _a.call(S2), ((e2) => L(e2.type, Y)));
+  })), pe = i((() => N(re.value) > 0)), ce = i((() => o2.clearable && ue.mouseHover && "" !== ue.inputValue)), he = i((() => {
+    var _a;
+    let e2;
+    if (pe.value) {
+      const l3 = (_a = [...oe.value][ue.highlightedIndex]) == null ? void 0 : _a[0];
+      e2 = oe.value.get(l3);
+    } else e2 = ie.value[ue.highlightedIndex];
+    return e2;
+  })), ve = i((() => pe.value ? j(re.value, ((e2) => {
+    var _a, _b, _c;
+    return { vNode: O(e2), props: P(e2.props, { disabled: true === ((_a = e2.props) == null ? void 0 : _a.disabled) || !z((_b = e2.props) == null ? void 0 : _b.disabled) && !W((_c = e2.props) == null ? void 0 : _c.disabled) }) };
+  })) : [])), fe = i((() => !!o2.filterable && !me.value)), me = i((() => pe.value && oe.value.size > 0 || !pe.value && N(ie.value) > 0)), be = i((() => pe.value ? oe.value.size - 1 : N(ie.value) - 1)), ge = i((() => o2.filterable && ue.selectedOption && ne.value ? ue.selectedOption.label : o2.placeholder)), ye = i((() => o2.remote ? 300 : 100)), xe = C((function() {
+    const e2 = ue.inputValue;
+    ue.highlightedIndex = -1, pe.value ? (async function(e3) {
+      if (o2.filterable) {
+        if (o2.remote && o2.remoteMethod && E(o2.remoteMethod)) return await Fe(o2.remoteMethod, e3), void je(ve.value);
+        if (o2.filterMethod && E(o2.filterMethod)) {
+          const l3 = j(o2.filterMethod(e3), "value");
+          je(D(ve.value, ((e4) => $(l3, B(e4, ["props", "value"])))));
+        } else je(D(ve.value, ((l3) => $(B(l3, ["props", "label"]), e3))));
+      }
+    })(e2) : (async function(e3) {
+      o2.filterable && (o2.remote && o2.remoteMethod && E(o2.remoteMethod) ? ie.value = await Fe(o2.remoteMethod, e3) : o2.filterMethod && E(o2.filterMethod) ? ie.value = o2.filterMethod(e3) : ie.value = D(o2.options, ((l3) => $(l3.label, e3))));
+    })(e2);
+  }), ye.value), _e = q().value, { wrapperRef: Ve, isFocused: Ie, handleBlur: we, handleFocus: Me } = A(te2), ke = (function({ isDropdownVisible: e2, controlVisible: l3, selectStates: a3, highlightedLine: t3, handleSelect: o3, hasData: i2, lastIndex: n2 }) {
+    const s2 = /* @__PURE__ */ new Map();
+    return s2.set("Enter", (() => {
+      e2.value && a3.highlightedIndex >= 0 && t3.value && o3(t3.value), l3(!e2.value);
+    })), s2.set("Escape", (() => e2.value && l3(!e2.value))), s2.set("ArrowUp", ((e3) => {
+      e3.preventDefault(), i2.value && (-1 !== a3.highlightedIndex && 0 !== a3.highlightedIndex ? a3.highlightedIndex-- : a3.highlightedIndex = n2.value);
+    })), s2.set("ArrowDown", ((e3) => {
+      e3.preventDefault(), i2.value && (-1 !== a3.highlightedIndex && a3.highlightedIndex !== n2.value ? a3.highlightedIndex++ : a3.highlightedIndex = 0);
+    })), s2;
+  })({ isDropdownVisible: ne, controlVisible: Se, selectStates: ue, highlightedLine: he, handleSelect: Ne, hasData: me, lastIndex: be });
+  function Oe(e2) {
+    Ie.value && k((() => we(new FocusEvent("focus", e2))));
+  }
+  function Se(e2) {
+    var _a;
+    ae2.value && ((_a = B(ae2, ["value", e2 ? "show" : "hide"])) == null ? void 0 : _a(), o2.filterable && (function(e3) {
+      var _a2;
+      o2.filterable && (e3 ? (ue.selectedOption && (ue.inputValue = ""), xe()) : ue.inputValue = ((_a2 = ue.selectedOption) == null ? void 0 : _a2.label) || "");
+    })(e2), ne.value = e2, r2("visible-change", e2), ue.highlightedIndex = -1);
+  }
+  function Le() {
+    de.value || Se(!ne.value);
+  }
+  function Be() {
+    var _a;
+    (_a = te2.value) == null ? void 0 : _a.clear(), ue.inputValue = "", ue.selectedOption = null, r2("clear"), R(["change", "update:modelValue"], ((e2) => r2(e2, "")));
+  }
+  function De(e2) {
+    return F(o2.options, ((l3) => l3.value === e2));
+  }
+  function Ne(e2) {
+    var _a;
+    e2.disabled || (ue.inputValue = e2.label, ue.selectedOption = e2, R(["change", "update:modelValue"], ((l3) => r2(l3, e2.value))), Se(false), (_a = te2.value) == null ? void 0 : _a.focus());
+  }
+  function je(e2) {
+    oe.value.clear(), R(e2, ((e3) => {
+      oe.value.set(e3.vNode, e3.props);
+    }));
+  }
+  function Ce(e2) {
+    var _a;
+    ke.has(e2.key) && ((_a = ke.get(e2.key)) == null ? void 0 : _a(e2));
+  }
+  async function Fe(e2, l3) {
+    if (!e2 || !E(e2)) return;
+    let a3;
+    ue.loading = true;
+    try {
+      a3 = await e2(l3);
+    } catch (e3) {
+      a3 = [];
+    }
+    return a3;
+  }
+  function Re() {
+    const e2 = De(o2.modelValue);
+    e2 && (ue.inputValue = e2.label, ue.selectedOption = e2);
+  }
+  return T(X2, ((e2) => Oe(e2))), m((() => o2.options), ((e2) => {
+    ie.value = e2 ?? [];
+  })), m((() => ve.value), ((e2) => je(e2)), { immediate: true }), m((() => o2.modelValue), (() => {
+    Re();
+  })), b((() => {
+    Re();
+  })), g(J, { handleSelect: Ne, selectStates: ue, renderLabel: function(e2) {
+    return E(o2.renderLabel) ? o2.renderLabel(e2) : e2.label;
+  }, highlightedLine: he }), a2({ focus: () => {
+    var _a;
+    (_a = te2.value) == null ? void 0 : _a.focus();
+  }, blur: () => {
+    Oe();
+  } }), (l3, a3) => (s(), n("div", { ref_key: "selectRef", ref: X2, class: d(["px-select", { "is-disabled": de.value }]), onClick: u(Le, ["stop"]), onMouseenter: a3[2] || (a3[2] = (e2) => ue.mouseHover = true), onMouseleave: a3[3] || (a3[3] = (e2) => ue.mouseHover = false) }, [p(K, { ref_key: "tooltipRef", ref: ae2, placement: "bottom-start", "popper-options": c(Q), onClickOutside: a3[1] || (a3[1] = (e2) => Se(false)), manual: "" }, { default: y((() => [_("div", { ref_key: "inputWrapperRef", ref: Ve }, [p(G, { ref_key: "inputRef", ref: te2, modelValue: ue.inputValue, "onUpdate:modelValue": a3[0] || (a3[0] = (e2) => ue.inputValue = e2), id: c(_e), disabled: de.value, placeholder: l3.filterable ? ge.value : l3.placeholder, readonly: !l3.filterable || !ne.value, onFocus: c(Me), onBlur: c(we), onInput: c(xe), onKeydown: Ce }, { suffix: y((() => [ce.value ? (s(), w(U, { key: 0, icon: "close-box", class: "px-input__clear", onClick: u(Be, ["stop"]), onMousedown: u(c(H), ["prevent"]) }, null, 8, ["onMousedown"])) : (s(), w(U, { key: 1, class: d(["header-angle", { "is-active": ne.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "placeholder", "readonly", "onFocus", "onBlur", "onInput"])], 512)])), content: y((() => [ue.loading ? (s(), n("div", Z, [p(U, { icon: "loader", spin: "" })])) : l3.filterable && fe.value ? (s(), n("div", ee, " No data ")) : x("", true), _("ul", le, [pe.value ? (s(true), n(V, { key: 1 }, I(oe.value, (([l4, a4]) => (s(), w(c(e), { key: a4.value, vNode: l4 }, null, 8, ["vNode"])))), 128)) : (s(true), n(V, { key: 0 }, I(ie.value, ((e2) => (s(), w(Y, M({ key: e2.value, ref_for: true }, e2), null, 16)))), 128))])])), _: 1 }, 8, ["popper-options"])], 34));
+} }), [["__scopeId", "data-v-cf32c555"]])), te = a(Y);
+export {
+  ae as P,
+  te as a
+};

package/dist/es/Switch-bhJBaSI7.js

@@ -0,0 +1,22 @@
+import { w as e } from "./utils-340oIQ8K.js";
+import { defineComponent as a, computed as i, ref as t, onMounted as c, watch as l, createElementBlock as s, openBlock as u, normalizeClass as n, createElementVNode as o, withKeys as d, unref as r, createCommentVNode as v, toDisplayString as p } from "vue";
+import { u as h } from "./hooks-qpAqkY5H.js";
+const m = ["id", "name", "disabled", "checked"], x = { class: "px-switch__core" }, _ = { class: "px-switch__core-inner" }, f = { key: 0, class: "px-switch__core-inner-text" }, w = e(a({ name: "PxSwitch", inheritAttrs: false, __name: "Switch", props: { modelValue: { type: [Boolean, String, Number] }, disabled: { type: Boolean }, activeText: {}, inactiveText: {}, activeValue: { type: [Boolean, String, Number], default: true }, inactiveValue: { type: [Boolean, String, Number], default: false }, name: {}, id: {}, size: {} }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: w2 }) {
+  const k = e2, b = w2, V = i((() => k.disabled)), y = t(k.modelValue), T = t(), g = h().value, S = i((() => y.value === k.activeValue));
+  function B() {
+    if (V.value) return;
+    const e3 = S.value ? k.inactiveValue : k.activeValue;
+    y.value = e3, b("update:modelValue", e3), b("change", e3);
+  }
+  return c((() => {
+    T.value.checked = S.value;
+  })), l(S, ((e3) => {
+    T.value.checked = e3;
+  })), a2({ checked: S, focus: () => {
+    var _a;
+    (_a = T.value) == null ? void 0 : _a.focus();
+  } }), (e3, a3) => (u(), s("div", { class: n(["px-switch", { [`px-switch--${e3.size}`]: e3.size, "is-disabled": V.value, "is-checked": S.value }]), onClick: B }, [o("input", { class: "px-switch__input", type: "checkbox", role: "switch", ref_key: "inputRef", ref: T, id: r(g), name: e3.name, disabled: V.value, checked: S.value, onKeydown: d(B, ["enter"]) }, null, 40, m), o("div", x, [o("div", _, [e3.activeText || e3.inactiveText ? (u(), s("span", f, p(S.value ? e3.activeText : e3.inactiveText), 1)) : v("", true)]), a3[0] || (a3[0] = o("div", { class: "px-switch__core-action" }, null, -1))])], 2));
+} }));
+export {
+  w as P
+};

package/dist/es/Tooltip-CUOZC7JN.js

@@ -0,0 +1,74 @@
+import { _ as e, w as t } from "./utils-340oIQ8K.js";
+import { onMounted as o, watch as a, onUnmounted as l, defineComponent as i, 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, Transition as g, withCtx as m, createCommentVNode as h, createElementVNode as _, createTextVNode as k, toDisplayString as T } from "vue";
+import { createPopper as y } from "@popperjs/core";
+import { a as x } from "./hooks-qpAqkY5H.js";
+import { H as b, f as w, E as j, v as B } from "./vendor-DXmGx29U.js";
+const E = e(i({ 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: i2 }) {
+  const E2 = e2, L2 = i2, N = r(false), R = r({}), $ = r({}), O = r({}), P = r(), A = r(), D = r(), H = n((() => E2.virtualTriggering ? E2.virtualRef : D.value)), I = n((() => ({ placement: E2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...E2.popperOptions }))), M = n((() => "hover" === E2.trigger ? E2.showTimeout : 0)), q = n((() => "hover" === E2.trigger ? E2.hideTimeout : 0));
+  let z, C, F;
+  function G() {
+    C == null ? void 0 : C.cancel(), z == null ? void 0 : z();
+  }
+  function J() {
+    z == null ? void 0 : z.cancel(), C == null ? void 0 : C();
+  }
+  function K() {
+    N.value ? J() : G();
+  }
+  function Q(e3) {
+    E2.disabled || (N.value = e3, L2("visible-change", e3));
+  }
+  function S() {
+    if (!E2.disabled && !E2.manual) return "hover" === E2.trigger ? (R.value.mouseenter = G, $.value.mouseleave = J, void (O.value.mouseenter = G)) : void ("click" !== E2.trigger ? "contextmenu" !== E2.trigger || (R.value.contextmenu = (e3) => {
+      e3.preventDefault(), G();
+    }) : R.value.click = K);
+  }
+  function U() {
+    F == null ? void 0 : F.destroy(), F = null;
+  }
+  function V() {
+    R.value = {}, $.value = {}, O.value = {}, S();
+  }
+  const W = G, X = () => {
+    z == null ? void 0 : z.cancel(), Q(false);
+  };
+  return a(N, ((e3) => {
+    e3 && H.value && A.value && (F = y(H.value, A.value, I.value));
+  }), { flush: "post" }), a((() => E2.manual), ((e3) => {
+    e3 ? V() : S();
+  })), a((() => E2.trigger), (() => {
+    z == null ? void 0 : z.cancel(), N.value = false, L2("visible-change", false), V();
+  })), u((() => {
+    E2.manual || S(), z = j(B(Q, null, true), M.value), C = j(B(Q, null, false), q.value);
+  })), x(P, (() => {
+    L2("click-outside"), "hover" === E2.trigger || E2.manual || N.value && J();
+  })), (function(e3, t3, i3) {
+    let r2, n2;
+    const u2 = /* @__PURE__ */ new Map(), s2 = () => {
+      const e4 = t3.value;
+      e4 && b(e4) && w(i3.value, ((t4, o2) => {
+        u2.set(o2, t4), e4.addEventListener(o2, t4);
+      }));
+    }, v2 = (e4) => {
+      const o2 = e4 ?? t3.value;
+      o2 && b(o2) && w(["mouseenter", "click", "contextmenu"], ((e5) => u2.has(e5) && o2.removeEventListener(e5, u2.get(e5))));
+    };
+    o((() => {
+      n2 = a((() => e3.virtualRef), ((t4, o2) => {
+        e3.virtualTriggering && (b(o2) && v2(o2), b(t4) && s2());
+      }), { immediate: true }), r2 = a(i3, (() => {
+        e3.virtualTriggering && (v2(), s2(), z == null ? void 0 : z.cancel(), Q(false));
+      }), { deep: true });
+    })), l((() => {
+      r2 == null ? void 0 : r2(), n2 == null ? void 0 : n2();
+    }));
+  })(E2, H, R), l((() => {
+    U();
+  })), t2({ show: W, hide: X, toggle: () => {
+    N.value ? X() : W();
+  } }), (e3, t3) => (v(), s("div", c({ class: "px-tooltip", ref_key: "containerNode", ref: P }, p($.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: D }, p(R.value, true)), [d(e3.$slots, "default", {}, void 0, true)], 16)), f(g, { name: e3.transition, onAfterLeave: U }, { default: m((() => [N.value ? (v(), s("div", c({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: A }, p(O.value, true)), [d(e3.$slots, "content", {}, (() => [k(T(e3.content), 1)]), true), t3[0] || (t3[0] = _("div", { id: "arrow", "data-popper-arrow": "" }, null, -1))], 16)) : h("", true)])), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-e8b45d39"]]), L = t(E);
+export {
+  L as P,
+  E as T
+};

package/dist/es/hooks-qpAqkY5H.js

@@ -0,0 +1,64 @@
+import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as l, unref as r, getCurrentInstance as o, useSlots as a, watchEffect as u, ref as s, computed as c } from "vue";
+import { f as i, y as v, k as d, z as f } from "./vendor-DXmGx29U.js";
+function p(o2, a2, u2) {
+  e(o2) ? t(o2, ((e2, t2) => {
+    null == t2 || t2.removeEventListener(a2, u2), null == e2 || e2.addEventListener(a2, u2);
+  })) : n((() => null == o2 ? void 0 : o2.addEventListener(a2, u2))), l((() => {
+    var e2;
+    return null == (e2 = r(o2)) ? void 0 : e2.removeEventListener(a2, u2);
+  }));
+}
+function m(e2, t2) {
+  p(document, "click", ((n2) => {
+    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
+  }));
+}
+const h = (e2, t2) => i(e2, ((e3) => {
+  v(t2) && t2(e3), e3.children && h(e3.children, t2);
+}));
+function x() {
+  var e2, t2;
+  const n2 = /* @__PURE__ */ new Map(), l2 = o(), r2 = null == (t2 = null == (e2 = a()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
+  u((() => {
+    (null == l2 ? void 0 : l2.props.disabled) ? h(r2 ?? [], ((e3) => {
+      (null == e3 ? void 0 : e3.props) && (n2.set(e3, d(e3.props)), e3.props = f(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
+    })) : h(r2 ?? [], ((e3) => {
+      n2.has(e3) && (e3.props = n2.get(e3));
+    }));
+  }));
+}
+function g(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: l2 } = {}) {
+  const r2 = o(), { emit: a2 } = r2, u2 = s(), c2 = s(false);
+  return p(u2, "click", (() => {
+    var t3;
+    null == (t3 = e2.value) || t3.focus();
+  })), { wrapperRef: u2, isFocused: c2, handleFocus: (e3) => {
+    c2.value || (c2.value = true, a2("focus", e3), null == l2 || l2());
+  }, handleBlur: (e3) => {
+    var l3;
+    v(n2) && n2(e3) || e3.relatedTarget && (null == (l3 = u2.value) ? void 0 : l3.contains(e3.relatedTarget)) || (c2.value = false, a2("blur", e3), null == t2 || t2());
+  } };
+}
+const b = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
+function L(e2 = "er") {
+  return c((() => `${e2}-${b.prefix}-${b.current++}`));
+}
+function B(e2) {
+  const t2 = c((() => e2.getLastBottomOffset())), n2 = c((() => e2.offset + t2.value)), l2 = c((() => n2.value + e2.boxHeight.value));
+  return { topOffset: n2, bottomOffset: l2 };
+}
+const E = s(0);
+function k(e2 = 2e3) {
+  const t2 = s(e2), n2 = c((() => E.value + t2.value));
+  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (E.value++, n2.value) };
+}
+s("system"), s(false);
+export {
+  m as a,
+  x as b,
+  g as c,
+  k as d,
+  B as e,
+  p as f,
+  L as u
+};