sakana-element 2.4.2 → 2.5.0

package/dist/es/Loading-DoBtVGWo.js

@@ -1,92 +0,0 @@
-import { _ as e, w as n } from "./utils-CnCdZsHG.js";
-import { defineComponent as t, computed as o, createElementBlock as a, openBlock as i, normalizeStyle as l, normalizeClass as r, createElementVNode as s, useCssVars as d, createBlock as c, Transition as u, withCtx as p, withDirectives as b, createCommentVNode as m, toDisplayString as f, vShow as v, nextTick as g, ref as x, reactive as y, createApp as k } from "vue";
-import { a as L } from "./hooks-dJGu-5DG.js";
-import { i as _, d as $, q as A, r as I } from "./vendor-eombfMkP.js";
-const h = e(t({ name: "PxLoadingIndicator", __name: "LoadingIndicator", props: { variant: { default: "spinner" }, size: { default: "md" }, type: { default: "primary" }, color: {} }, setup(e2) {
-  const n2 = e2, t2 = o((() => n2.color ? { "--px-loading-indicator-color": n2.color } : {}));
-  return (e3, n3) => (i(), a("span", { class: r(["px-loading-indicator", [`px-loading-indicator--${e3.variant}`, `px-loading-indicator--${e3.size}`, `px-loading-indicator--${e3.type}`]]), style: l(t2.value), role: "status", "aria-label": "Loading" }, n3[0] || (n3[0] = [s("span", { class: "px-loading-indicator__inner" }, null, -1)]), 6));
-} }), [["__scopeId", "data-v-1435ecee"]]), z = { class: "px-loading__spinner" }, C = { key: 1, class: "px-loading-text" }, P = t({ name: "PxLoading", inheritAttrs: false, __name: "Loading", props: { visible: {}, background: {}, spinner: {}, text: {}, fullscreen: {}, lock: {}, beforeClose: { type: Function }, closed: { type: Function }, target: {}, body: { type: Boolean }, zIndex: {}, onAfterLeave: { type: Function } }, setup(e2) {
-  d(((e3) => ({ d4003bba: e3.background, b5c47826: e3.zIndex })));
-  const n2 = e2;
-  return (e3, t2) => (i(), c(u, { name: "fade-in-linear", onAfterLeave: e3.onAfterLeave }, { default: p((() => [b(s("div", { class: r(["px-loading px-loading__mask", { "is-fullscreen": e3.fullscreen }]), role: "status", "aria-live": "polite" }, [s("div", z, [false !== n2.spinner ? (i(), c(h, { key: 0, variant: "spinner", size: "lg" })) : m("", true), e3.text ? (i(), a("p", C, f(e3.text), 1)) : m("", true)])], 2), [[v, n2.visible.value]])])), _: 1 }, 8, ["onAfterLeave"]));
-} }), j = "px-loading-parent--relative", F = "px-loading-parent--hiden", N = "px-loading-numb", q = /* @__PURE__ */ new Map(), { nextZIndex: w } = L(3e3);
-function S(e2 = document.body) {
-  e2.classList.remove(F);
-}
-function T(e2 = document.body) {
-  return e2.getAttribute(N);
-}
-let V = null;
-function B(e2 = {}) {
-  var _a;
-  const n2 = (function(e3) {
-    let n3;
-    return n3 = $(e3.target) ? document.querySelector(e3.target) ?? document.body : e3.target || document.body, { parent: n3 === document.body || e3.body ? document.body : n3, background: e3.background ?? "rgba(0, 0, 0, 0.5)", spinner: e3.spinner, text: e3.text, fullscreen: n3 === document.body && (e3.fullscreen ?? true), lock: e3.lock ?? false, visible: e3.visible ?? true, target: n3 };
-  })(e2), t2 = n2.parent ?? document.body;
-  if (n2.fullscreen && !_(V)) return V;
-  if ((function(e3 = document.body) {
-    const n3 = T(e3) ?? "0";
-    e3.setAttribute(N, `${Number.parseInt(n3, 10) + 1}`);
-  })(n2 == null ? void 0 : n2.parent), q.has(t2)) return q.get(t2);
-  const o2 = (function(e3) {
-    const n3 = x(e3.visible), t3 = x(false), o3 = () => {
-      t3.value && i2();
-    }, a2 = y({ ...e3, onAfterLeave: o3 }), i2 = () => {
-      var _a2, _b;
-      const e4 = a2.parent;
-      !(function(e5 = document.body) {
-        const n4 = T(e5);
-        if (n4) {
-          const t4 = Number.parseInt(n4, 10) - 1;
-          0 === t4 ? (function(e6 = document.body) {
-            e6.removeAttribute(N);
-          })(e5) : e5.setAttribute(N, `${t4}`);
-        }
-      })(e4), T(e4) || (I((() => {
-        !(function(e5 = document.body) {
-          e5.classList.remove(j);
-        })(e4), S(e4);
-      }), 1), q.delete(e4 ?? document.body), (_b = (_a2 = s2.$el) == null ? void 0 : _a2.parentNode) == null ? void 0 : _b.removeChild(s2.$el), r2.unmount());
-    };
-    let l2;
-    const r2 = k(P, { ...a2, zIndex: a2.fullscreen ? w() : void 0, visible: n3 }), s2 = r2.mount(document.createElement("div"));
-    return { get $el() {
-      return s2.$el;
-    }, vm: s2, close: () => {
-      var _a2;
-      e3.beforeClose && !e3.beforeClose() || (t3.value = true, clearTimeout(l2), l2 = A(o3), n3.value = false, (_a2 = e3.closed) == null ? void 0 : _a2.call(e3));
-    }, visible: n3, setText: (e4) => a2.text = e4 };
-  })({ ...n2, closed: () => {
-    var _a2;
-    (_a2 = n2.closed) == null ? void 0 : _a2.call(n2), n2.fullscreen && (V = null);
-  } });
-  return (function(e3, n3 = document.body) {
-    e3.lock ? (function(e4 = document.body) {
-      e4.classList.add(F);
-    })(n3) : S(n3), (function(e4 = document.body) {
-      e4.classList.add(j);
-    })(n3);
-  })(e2, n2 == null ? void 0 : n2.parent), (_a = n2.parent) == null ? void 0 : _a.appendChild(o2.$el), g((() => o2.visible.value = !!n2.visible)), n2.fullscreen && (V = o2), q.set(t2, o2), o2;
-}
-const E = Symbol("loading");
-function M(e2, n2) {
-  const t2 = (n3) => e2.getAttribute(`px-loading-${n3}`), o2 = (e3) => n2.modifiers[e3], a2 = o2("fullscreen"), i2 = { text: t2("text"), spinner: t2("spinner"), background: t2("background"), target: a2 ? void 0 : e2, body: o2("body"), lock: o2("lock"), fullscreen: a2 };
-  e2[E] = { options: i2, instance: B(i2) };
-}
-const Z = { mounted(e2, n2) {
-  n2.value && M(e2, n2);
-}, updated(e2, n2) {
-  var _a;
-  n2.oldValue !== n2.value && (!n2.value || n2.oldValue ? (_a = e2[E]) == null ? void 0 : _a.instance.close() : M(e2, n2));
-}, unmounted(e2) {
-  var _a;
-  (_a = e2[E]) == null ? void 0 : _a.instance.close(), e2[E] = void 0;
-} }, D = n(h), G = { name: "PxLoading", install(e2) {
-  e2.directive("loading", Z), e2.config.globalProperties.$loading = B;
-}, directive: Z, service: B };
-export {
-  B as L,
-  G as P,
-  D as a,
-  Z as v
-};

package/dist/es/Message-Ba_P4Wvy.js

@@ -1,152 +0,0 @@
-import { t as e, b as o, R as t, h as s, i as n, j as a } from "./utils-CnCdZsHG.js";
-import { defineComponent as l, ref as i, computed as r, watch as c, onMounted as u, onBeforeUnmount as p, createBlock as d, openBlock as f, Transition as m, withCtx as g, withDirectives as y, createElementVNode as v, normalizeStyle as x, normalizeClass as b, createVNode as h, createElementBlock as B, createCommentVNode as _, renderSlot as C, unref as w, withModifiers as k, vShow as I, shallowReactive as T, isVNode as P, h as $, render as O, reactive as M, nextTick as z, createTextVNode as A, toDisplayString as E, resolveDynamicComponent as j, withKeys as L, Fragment as V } from "vue";
-import { f as D, a as N, u as R, g as S, h as H, i as K, b as Z } from "./hooks-dJGu-5DG.js";
-import { P as U } from "./Icon-BulvH9Wm.js";
-import { u as q, r as F, f as G, d as J, v as Q, g as W, w as X, i as Y, x as ee, y as oe, z as te, A as se } from "./vendor-eombfMkP.js";
-import { b as ne } from "./Button-GsSCWg5x.js";
-import { _ as ae } from "./Input-BUHFulIW.js";
-import { P as le } from "./Overlay-DeyTycv0.js";
-const ie = ["aria-live"], re = { class: "px-message__content" }, ce = { key: 0, class: "px-message__close" }, ue = l({ 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" }, plain: { type: Boolean }, ghost: { type: Boolean }, icon: {}, showTimer: { type: Boolean, default: true }, onDestroy: {} }, setup(s2, { expose: n2 }) {
-  const a2 = s2, l2 = i(false), T2 = i(), P2 = i(0), { topOffset: $2, bottomOffset: O2 } = D({ getLastBottomOffset: q(ve, a2), offset: a2.offset, boxHeight: P2 }), M2 = r((() => a2.icon ?? e.get(a2.type) ?? "circle-info")), z2 = r((() => ({ top: o($2.value), zIndex: a2.zIndex })));
-  let A2;
-  function E2() {
-    0 !== a2.duration && (A2 = F(L2, a2.duration));
-  }
-  function j2() {
-    clearTimeout(A2);
-  }
-  function L2() {
-    j2(), l2.value = false;
-  }
-  return c(l2, ((e2) => {
-    e2 || (P2.value = -a2.offset);
-  })), u((() => {
-    l2.value = true, E2();
-  })), p((() => j2())), n2({ close: L2, bottomOffset: O2 }), (e2, o2) => (f(), d(m, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => P2.value = T2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !l2.value && e2.onDestroy()) }, { default: g((() => [y(v("div", { ref_key: "messageRef", ref: T2, class: b(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center, "is-plain": e2.plain, "is-ghost": e2.ghost }]), style: x(z2.value), role: "alert", "aria-live": "danger" === e2.type || "warning" === e2.type ? "assertive" : "polite", onMouseenter: j2, onMouseleave: E2 }, [h(U, { class: "px-message__icon", icon: M2.value }, null, 8, ["icon"]), v("div", re, [C(e2.$slots, "default", {}, (() => [e2.message ? (f(), d(w(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : _("", true)]))]), e2.showClose ? (f(), B("div", ce, [h(U, { icon: "close", onClick: k(L2, ["stop"]) })])) : _("", true), e2.showTimer && e2.duration > 0 ? (f(), B("div", { key: 1, class: "px-message__timer", style: x({ animationDuration: `${e2.duration}ms` }) }, null, 4)) : _("", true)], 46, ie), [[I, l2.value]])])), _: 3 }, 8, ["name"]));
-} }), pe = ["info", "success", "warning", "danger", "error"], de = T([]), { nextZIndex: fe } = N(), me = n((() => de.length ? de[de.length - 1] : void 0)), ge = { type: "info", duration: 3e3, offset: 10, transitionName: "fade-up" }, ye = (e2) => {
-  const o2 = !e2 || P(e2) || J(e2) ? { message: e2 } : e2;
-  return { ...ge, ...o2 };
-};
-function ve() {
-  const e2 = Q(de, { id: this.id });
-  return e2 <= 0 ? 0 : W(de, [e2 - 1, "vm", "exposed", "bottomOffset", "value"]);
-}
-const xe = (e2 = {}) => {
-  const o2 = ye(e2), t2 = (!e2 || P(e2) || J(e2) ? {} : e2).max;
-  return t2 && t2 > 0 && s(de, t2), ((e3) => {
-    const o3 = R().value, t3 = document.createElement("div"), s2 = { ...e3, id: o3, zIndex: fe(), onDestroy: () => {
-      const e4 = Q(de, { id: o3 });
-      -1 !== e4 && (de.splice(e4, 1), O(null, t3), me.unregister());
-    } }, n2 = $(ue, s2);
-    O(n2, t3), document.body.appendChild(t3.firstElementChild);
-    const a2 = n2.component, l2 = { close: () => a2.exposed.close() }, i2 = { props: s2, id: o3, vm: a2, vnode: n2, handler: l2 };
-    return de.push(i2), me.register(), i2;
-  })(o2).handler;
-};
-G(pe, ((e2) => {
-  X(xe, e2, ((o2) => {
-    const t2 = ye(o2);
-    return xe({ ...t2, type: e2 });
-  }));
-})), xe.closeAll = function(e2) {
-  G(de, ((o2) => {
-    e2 ? o2.props.type === e2 && o2.handler.close() : o2.handler.close();
-  }));
-};
-const be = a(xe, "$message"), he = { class: "px-message-box__content" }, Be = { key: 1, class: "px-message-box__message" }, _e = { class: "px-message-box__input" }, Ce = { key: 0, class: "px-message-box__error" }, we = { class: "px-message-box__footer" }, ke = l({ 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: {}, customClass: {}, customStyle: {}, width: {}, closeOnPressEscape: { type: Boolean, default: true }, inputSchema: {}, inputErrorMessage: {}, distinguishCancelAndClose: { type: Boolean, default: true }, overlayClass: {}, closeOnHashChange: { type: Boolean, default: true }, draggable: { type: Boolean, default: false }, footer: {} }, setup(o2) {
-  const s2 = o2, n2 = S(), { doAction: a2 } = s2, { nextZIndex: l2 } = N(), u2 = i(), p2 = i(), T2 = i(), P2 = i(), $2 = R(), O2 = `msgbox-title-${R().value}`, D2 = M({ ...s2, zIndex: l2() }), q2 = r((() => {
-    var _a;
-    return ((_a = s2.visible) == null ? void 0 : _a.value) ?? false;
-  })), F2 = r((() => !!D2.message)), G2 = r((() => D2.icon ?? e.get(D2.type ?? ""))), J2 = r((() => ({ ...D2.customStyle, ...D2.width ? { "--px-message-box-width": "number" == typeof D2.width ? `${D2.width}px` : D2.width } : {} }))), Q2 = i(""), { activate: W2, deactivate: X2 } = H(u2), { reset: oe2 } = K(r((() => D2.draggable ? u2.value : void 0)), r((() => D2.draggable ? p2.value : void 0)), { constrainToViewport: true });
-  function te2() {
-    s2.closeOnClickModal && re2();
-  }
-  function se2(e2) {
-    if ("textarea" !== D2.inputType) return e2.preventDefault(), ie2("confirm");
-  }
-  function ie2(e2) {
-    if ("confirm" !== e2 || !D2.showInput || (function() {
-      var _a;
-      if (!D2.inputSchema) return true;
-      const e3 = D2.inputSchema.safeParse(D2.inputValue ?? "");
-      return e3.success ? (Q2.value = "", true) : (Q2.value = D2.inputErrorMessage ?? ((_a = e3.error.issues[0]) == null ? void 0 : _a.message) ?? n2.value.t("messagebox.error"), false);
-    })()) if (ee(s2.beforeClose)) {
-      const o3 = "confirm" === e2 ? "confirmButtonLoading" : "cancel" === e2 ? "cancelButtonLoading" : void 0;
-      let t2;
-      o3 && (D2[o3] = true);
-      try {
-        t2 = s2.beforeClose(e2, D2, (() => {
-          o3 && (D2[o3] = false), a2(e2, D2.inputValue);
-        }));
-      } catch {
-        return void (o3 && (D2[o3] = false));
-      }
-      t2 instanceof Promise && t2.catch((() => {
-        o3 && (D2[o3] = false);
-      }));
-    } else a2(e2, D2.inputValue);
-  }
-  function re2() {
-    ie2(false === D2.distinguishCancelAndClose ? "cancel" : "close");
-  }
-  return c((() => {
-    var _a;
-    return (_a = s2.visible) == null ? void 0 : _a.value;
-  }), ((e2) => {
-    e2 ? (D2.zIndex = l2(), oe2(), z((() => {
-      var _a, _b, _c;
-      "prompt" === s2.boxType ? (_a = T2.value) == null ? void 0 : _a.focus() : (_c = (_b = P2.value) == null ? void 0 : _b.$el) == null ? void 0 : _c.focus(), W2();
-    }))) : (X2(), Q2.value = "");
-  })), Z(document, "keydown", ((e2) => {
-    D2.closeOnPressEscape && q2.value && "Escape" === e2.key && re2();
-  })), Z(window, "hashchange", (() => {
-    D2.closeOnHashChange && q2.value && re2();
-  })), (e2, o3) => (f(), d(m, { name: "fade-in-linear", onAfterLeave: e2.destroy }, { default: g((() => [y(h(le, { "z-index": D2.zIndex, "overlay-class": D2.overlayClass, mask: "" }, { default: g((() => [v("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": O2, class: "px-overlay-message-box", onClick: te2 }, [v("div", { ref_key: "rootRef", ref: u2, class: b(["px-message-box", { "is-center": D2.center, "is-draggable": D2.draggable }, D2.type ? `px-message-box--${D2.type}` : "", D2.customClass]), style: x(J2.value), onClick: o3[5] || (o3[5] = k((() => {
-  }), ["stop"])) }, [w(Y)(D2.title) ? _("", true) : (f(), B("div", { key: 0, ref_key: "headerRef", ref: p2, class: "px-message-box__header" }, [v("div", { class: "px-message-box__title", id: O2 }, [G2.value && D2.center ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), A(" " + E(D2.title), 1)]), e2.showClose ? (f(), B("button", { key: 0, class: "px-message-box__header-btn", onClick: k(re2, ["stop"]) }, [h(U, { icon: "close" })])) : _("", true)], 512)), v("div", he, [G2.value && !D2.center && F2.value ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), F2.value ? (f(), B("div", Be, [C(e2.$slots, "default", {}, (() => [(f(), d(j(D2.showInput ? "label" : "p"), { for: D2.showInput ? w($2) : void 0 }, { default: g((() => [A(E(D2.message), 1)])), _: 1 }, 8, ["for"]))]))])) : _("", true)]), y(v("div", _e, [h(ae, { modelValue: D2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => D2.inputValue = e3), ref_key: "inputRef", ref: T2, placeholder: D2.inputPlaceholder, type: D2.inputType, onKeyup: L(se2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"]), Q2.value ? (f(), B("div", Ce, E(Q2.value), 1)) : _("", true)], 512), [[I, D2.showInput]]), v("div", we, [D2.footer ? (f(), d(w(t), { key: 0, vNode: D2.footer }, null, 8, ["vNode"])) : (f(), B(V, { key: 1 }, [D2.showCancelButton ? (f(), d(ne, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: D2.cancelButtonType, round: D2.roundButton, loading: D2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => ie2("cancel")), onKeydown: o3[2] || (o3[2] = L(k(((e3) => ie2("cancel")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.cancelButtonText || w(n2).t("messagebox.cancel")), 1)])), _: 1 }, 8, ["type", "round", "loading"])) : _("", true), y(h(ne, { ref_key: "confirmBtnRef", ref: P2, class: "px-message-box__footer-btn px-message-box__confirm-btn", type: D2.confirmButtonType ?? "primary", round: D2.roundButton, loading: D2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => ie2("confirm")), onKeydown: o3[4] || (o3[4] = L(k(((e3) => ie2("confirm")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.confirmButtonText || w(n2).t("messagebox.confirm")), 1)])), _: 1 }, 8, ["type", "round", "loading"]), [[I, D2.showConfirmButton]])], 64))])], 6)])])), _: 3 }, 8, ["z-index", "overlay-class"]), [[I, q2.value]])])), _: 3 }, 8, ["onAfterLeave"]));
-} }), Ie = /* @__PURE__ */ new Map();
-function Te(e2) {
-  let o2;
-  J(e2) || P(e2) ? e2 = { message: e2 } : o2 = e2.callback;
-  const t2 = new Promise(((t3, s2) => {
-    const n2 = (function(e3) {
-      const o3 = document.createElement("div"), t4 = (function(e4, o4) {
-        const t5 = i(false), s4 = ee(e4 == null ? void 0 : e4.message) || P(e4 == null ? void 0 : e4.message), n3 = h(ke, { ...e4, visible: t5 }, s4 ? { default: (a2 = e4.message, ee(a2) ? a2 : () => a2) } : void 0);
-        var a2;
-        return O(n3, o4), document.body.appendChild(o4.firstElementChild), n3.component;
-      })({ ...e3, doClose: () => {
-        s3.visible.value = false;
-      }, doAction: (o4, t5) => {
-        const n3 = Ie.get(s3);
-        let a2;
-        z((() => s3.doClose())), a2 = e3.showInput ? { value: t5, action: o4 } : o4, e3.callback ? e3.callback(a2) : "cancel" !== o4 && "close" !== o4 ? n3 == null ? void 0 : n3.resolve(a2) : n3 == null ? void 0 : n3.reject(o4);
-      }, destroy: () => {
-        O(null, o3), Ie.delete(s3);
-      } }, o3), s3 = t4 == null ? void 0 : t4.proxy;
-      return s3.visible.value = true, s3;
-    })(e2);
-    Ie.set(n2, { options: e2, callback: o2, resolve: t3, reject: s2 });
-  }));
-  return t2.catch((() => {
-  })), t2;
-}
-const Pe = { alert: { closeOnClickModal: false }, confirm: { showCancelButton: true }, prompt: { showCancelButton: true, showInput: true } };
-G(["alert", "confirm", "prompt"], ((e2) => {
-  return X(Te, e2, (o2 = e2, (e3, t2, s2) => {
-    let n2 = "";
-    return te(t2) ? (s2 = t2, n2 = "") : n2 = se(t2) ? "" : t2, Te(oe({ title: n2, message: e3, type: "", boxType: o2, ...Pe[o2] }, s2));
-  }));
-  var o2;
-})), X(Te, "close", (() => {
-  Ie.forEach(((e2, o2) => {
-    o2.doClose();
-  })), Ie.clear();
-}));
-const $e = Te;
-X($e, "install", ((e2) => {
-  e2.config.globalProperties.$msgbox = Te, e2.config.globalProperties.$messagebox = Te, e2.config.globalProperties.$alert = Te.alert, e2.config.globalProperties.$confirm = Te.confirm, e2.config.globalProperties.$prompt = Te.prompt;
-}));
-export {
-  be as P,
-  $e as a,
-  pe as m
-};

package/dist/es/Notification-DzG8dLuk.js

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

package/dist/es/Overlay-DeyTycv0.js

@@ -1,12 +0,0 @@
-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-CnCdZsHG.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/Pixelate-B21HKbSE.js

@@ -1,39 +0,0 @@
-import { b as e, p as t, w as n } from "./utils-CnCdZsHG.js";
-import { defineComponent as a, ref as r, computed as i, watch as l, createElementBlock as u, openBlock as o, normalizeStyle as s, createElementVNode as c } from "vue";
-const g = ["src"], d = n(a({ name: "PxPixelate", __name: "Pixelate", props: { src: {}, pixelSize: { default: 8 }, width: {}, height: {}, grayscale: { type: Boolean, default: false }, palette: {}, background: { default: "#FFFFFF" } }, emits: ["rendered", "error"], setup(n2, { expose: a2, emit: d2 }) {
-  const h = n2, p = d2, f = r(), v = r(), m = r(false), x = i((() => {
-    const t2 = {};
-    return null != h.width && (t2.width = e(h.width) ?? ""), null != h.height && (t2.height = e(h.height) ?? ""), t2;
-  })), y = i((() => {
-    const e2 = { "image-rendering": "pixelated" };
-    return null != h.width && (e2.width = "100%"), null != h.height && (e2.height = "100%"), e2;
-  }));
-  function w() {
-    const e2 = f.value, n3 = v.value;
-    e2 && n3 && m.value && (t(e2, n3, { pixelSize: h.pixelSize, grayscale: h.grayscale, palette: h.palette, background: h.background }), p("rendered"));
-  }
-  function k() {
-    m.value = true, w();
-  }
-  function F(e2) {
-    p("error", e2);
-  }
-  return l((() => [h.pixelSize, h.grayscale, h.palette, h.background]), (() => {
-    m.value && w();
-  })), l((() => h.src), (() => {
-    m.value = false;
-  })), a2({ render: function() {
-    w();
-  }, canvasRef: f, originRef: v, getSize: function() {
-    const e2 = f.value;
-    return { width: (e2 == null ? void 0 : e2.width) ?? 0, height: (e2 == null ? void 0 : e2.height) ?? 0 };
-  }, getImageData: function() {
-    const e2 = f.value;
-    if (!e2 || !m.value) return null;
-    const t2 = e2.getContext("2d");
-    return t2 ? t2.getImageData(0, 0, e2.width, e2.height) : null;
-  } }), (e2, t2) => (o(), u("div", { class: "px-pixelate", style: s(x.value) }, [c("canvas", { ref_key: "canvasRef", ref: f, style: s(y.value) }, null, 4), c("img", { ref_key: "originRef", ref: v, src: e2.src, style: { display: "none" }, crossorigin: "anonymous", onLoad: k, onError: F }, null, 40, g)], 4));
-} }));
-export {
-  d as P
-};

package/dist/es/Popconfirm-BqN3JxJ_.js

@@ -1,23 +0,0 @@
-import { b as o, _ as e, w as t } from "./utils-CnCdZsHG.js";
-import { defineComponent as c, ref as n, computed as i, createBlock as l, openBlock as r, withCtx as a, renderSlot as f, createElementVNode as p, normalizeStyle as s, createCommentVNode as m, createTextVNode as d, toDisplayString as u, createVNode as _, unref as h } from "vue";
-import { g as y } from "./hooks-dJGu-5DG.js";
-import { b as B } from "./Button-GsSCWg5x.js";
-import { P as x } from "./Icon-BulvH9Wm.js";
-import { T as w } from "./Tooltip-DR4Mc5Fh.js";
-const T = { class: "px-popconfirm__main" }, v = { class: "px-popconfirm__action" }, k = t(e(c({ 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 }, disabled: { type: Boolean }, placement: {}, showArrow: { type: Boolean }, effect: {} }, emits: ["confirm", "cancel"], setup(e2, { emit: t2 }) {
-  const c2 = e2, k2 = t2, b = y(), j = n(), P = i((() => ({ width: o(c2.width) })));
-  function g() {
-    var _a;
-    (_a = j.value) == null ? void 0 : _a.hide();
-  }
-  function A(o2) {
-    k2("confirm", o2), g();
-  }
-  function C(o2) {
-    k2("cancel", o2), g();
-  }
-  return (o2, e3) => (r(), l(w, { ref_key: "tooltipRef", ref: j, trigger: "click", "hide-timeout": o2.hideAfter, disabled: o2.disabled, placement: o2.placement, "show-arrow": o2.showArrow, effect: o2.effect }, { content: a((() => [p("div", { class: "px-popconfirm", role: "alertdialog", style: s(P.value) }, [p("div", T, [!o2.hideIcon && o2.icon ? (r(), l(x, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), d(" " + u(o2.title), 1)]), p("div", v, [_(B, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: C }, { default: a((() => [d(u(o2.cancelButtonText || h(b).t("popconfirm.cancelButtonText")), 1)])), _: 1 }, 8, ["type"]), _(B, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: A }, { default: a((() => [d(u(o2.confirmButtonText || h(b).t("popconfirm.confirmButtonText")), 1)])), _: 1 }, 8, ["type"])])], 4)])), default: a((() => [f(o2.$slots, "reference", {}, (() => [f(o2.$slots, "default", {}, void 0, true)]), true)])), _: 3 }, 8, ["hide-timeout", "disabled", "placement", "show-arrow", "effect"]));
-} }), [["__scopeId", "data-v-68772965"]]));
-export {
-  k as P
-};

package/dist/es/Progress--6EJjbbM.js

@@ -1,12 +0,0 @@
-import { r as e, c as t, w as r } from "./utils-CnCdZsHG.js";
-import { defineComponent as a, computed as s, createElementBlock as o, openBlock as l, normalizeClass as i, createElementVNode as p, createCommentVNode as n, normalizeStyle as d, toDisplayString as u } from "vue";
-const x = { "fill-color": "color", "fill-border-color": "dark", "track-border-color": "dark", "text-color": "dark", "shadow-color": "dark" }, c = ["aria-valuenow"], v = { class: "px-progress__track" }, m = { key: 0, class: "px-progress__inner-text" }, f = { key: 0, class: "px-progress__text" }, g = r(a({ name: "PxProgress", __name: "Progress", props: { percentage: { default: 0 }, type: { default: "primary" }, size: { default: "default" }, status: {}, variant: { default: "solid" }, stripedFlow: { type: Boolean, default: false }, indeterminate: { type: Boolean, default: false }, strokeWidth: { default: 0 }, showText: { type: Boolean, default: true }, textInside: { type: Boolean, default: false }, color: {}, format: {} }, setup(r2, { expose: a2 }) {
-  const g2 = r2, h = s((() => Math.max(0, Math.min(100, g2.percentage)))), k = s((() => g2.color ? "function" == typeof g2.color ? g2.color(h.value) : g2.color : "")), w = s((() => k.value ? e(t(k.value), "px-progress", x) : {})), y = s((() => {
-    const e2 = { ...w.value };
-    return g2.indeterminate || (e2.width = `${h.value}%`), g2.strokeWidth && (e2["--px-progress-height"] = `${g2.strokeWidth}px`), e2;
-  })), _ = s((() => g2.format ? g2.format(h.value) : `${h.value}%`)), $ = s((() => g2.status ? `px-progress--${g2.status}` : ""));
-  return a2({ clampedPercentage: h }), (e2, t2) => (l(), o("div", { class: i(["px-progress", [`px-progress--${e2.type}`, `px-progress--${e2.size}`, $.value, { [`px-progress--${e2.variant}`]: "solid" !== e2.variant, "is-striped-flow": e2.stripedFlow && "striped" === e2.variant, "is-indeterminate": e2.indeterminate, "is-text-inside": e2.textInside }]]), role: "progressbar", "aria-valuenow": e2.indeterminate ? void 0 : h.value, "aria-valuemin": 0, "aria-valuemax": 100 }, [p("div", v, [p("div", { class: "px-progress__fill", style: d(y.value) }, [e2.showText && e2.textInside && !e2.indeterminate ? (l(), o("span", m, u(_.value), 1)) : n("", true)], 4)]), !e2.showText || e2.textInside || e2.indeterminate ? n("", true) : (l(), o("span", f, u(_.value), 1))], 10, c));
-} }));
-export {
-  g as P
-};

package/dist/es/Radio-CrdrvrFH.js

@@ -1,33 +0,0 @@
-import { c as e, r as a, w as l } from "./utils-CnCdZsHG.js";
-import { defineComponent as o, useSlots as d, inject as r, ref as u, computed as i, createElementBlock as t, openBlock as s, normalizeStyle as n, normalizeClass as c, createElementVNode as p, createCommentVNode as m, unref as v, renderSlot as f, createTextVNode as h, toDisplayString as b, provide as y } from "vue";
-import { u as x } from "./hooks-dJGu-5DG.js";
-import { u as _ } from "./Form-C1b8Igns.js";
-const g = Symbol("radioGroupContext"), k = { "checked-color": "color", "checked-border-color": "dark" }, V = { class: "px-radio__input" }, z = ["aria-checked", "id", "name", "disabled", "checked"], B = { key: 0, class: "px-radio__label" }, R = o({ name: "PxRadio", inheritAttrs: false, __name: "Radio", props: { modelValue: { type: [String, Number, Boolean] }, value: { type: [String, Number, Boolean] }, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, label: {}, name: {}, id: {} }, emits: ["update:modelValue", "change"], setup(l2, { expose: o2, emit: y2 }) {
-  const R2 = l2, S2 = y2, $2 = d(), j2 = r(g, void 0), G2 = !!j2, { formItem: N } = _(), P = u(), C = x().value, E = i((() => G2 ? j2.modelValue.value === R2.value : R2.modelValue === R2.value)), I = i((() => !!(j2 == null ? void 0 : j2.disabled.value) || R2.disabled)), w = i((() => R2.size ?? (j2 == null ? void 0 : j2.size.value))), A = i((() => R2.type ?? (j2 == null ? void 0 : j2.type.value))), F = i((() => R2.color ?? (j2 == null ? void 0 : j2.color.value))), q = i((() => R2.name ?? (j2 == null ? void 0 : j2.name.value))), D = i((() => {
-    const l3 = F.value;
-    if (!l3) return {};
-    const o3 = e(l3);
-    return a(o3, "px-radio", k);
-  }));
-  function H() {
-    if (I.value) return;
-    if (E.value) return;
-    const e2 = R2.value;
-    G2 ? j2.changeEvent(e2) : (S2("update:modelValue", e2), S2("change", e2)), G2 || (N == null ? void 0 : N.validate("change").catch(((e3) => {
-    })));
-  }
-  return o2({ checked: E, focus: () => {
-    var _a;
-    (_a = P.value) == null ? void 0 : _a.focus();
-  } }), (e2, a2) => (s(), t("div", { class: c(["px-radio", { [`px-radio--${w.value}`]: w.value, [`px-radio--${A.value}`]: A.value, "is-disabled": I.value, "is-checked": E.value }]), style: n(D.value), onClick: H }, [p("span", V, [p("input", { ref_key: "inputRef", ref: P, class: "px-radio__original", type: "radio", "aria-checked": E.value, id: e2.id || v(C), name: q.value, disabled: I.value, checked: E.value }, null, 8, z), a2[0] || (a2[0] = p("span", { class: "px-radio__inner" }, [p("span", { class: "px-radio__dot" })], -1))]), e2.label || v($2).default ? (s(), t("span", B, [f(e2.$slots, "default", {}, (() => [h(b(e2.label), 1)]))])) : m("", true)], 6));
-} }), S = { class: "px-radio-group", role: "radiogroup" }, $ = o({ name: "PxRadioGroup", __name: "RadioGroup", props: { modelValue: { type: [String, Number, Boolean] }, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, name: {} }, emits: ["update:modelValue", "change"], setup(e2, { emit: a2 }) {
-  const l2 = e2, o2 = a2, { formItem: d2 } = _();
-  return y(g, { modelValue: i((() => l2.modelValue)), disabled: i((() => l2.disabled)), size: i((() => l2.size)), type: i((() => l2.type)), color: i((() => l2.color)), name: i((() => l2.name)), changeEvent: (e3) => {
-    o2("update:modelValue", e3), o2("change", e3), d2 == null ? void 0 : d2.validate("change").catch(((e4) => {
-    }));
-  } }), (e3, a3) => (s(), t("div", S, [f(e3.$slots, "default")]));
-} }), j = l(R), G = l($);
-export {
-  j as P,
-  G as a
-};

package/dist/es/Resizable-By3ijQf0.js

@@ -1,151 +0,0 @@
-import { a as e, w as i } from "./utils-CnCdZsHG.js";
-import { defineComponent as t, ref as n, reactive as a, shallowRef as l, onMounted as o, onBeforeUnmount as s, computed as r, provide as u, createElementBlock as d, openBlock as c, normalizeClass as v, renderSlot as f, triggerRef as z, inject as p, normalizeStyle as m, watch as g } from "vue";
-const S = Symbol("resizableGroupContext"), w = t({ name: "PxResizableGroup", __name: "ResizableGroup", props: { direction: {}, autoSaveId: {}, keyboardResizeBy: { default: 10 } }, emits: ["layout"], setup(i2, { emit: t2 }) {
-  const p2 = i2, m2 = t2, g2 = n(), w2 = a([]), x2 = l(/* @__PURE__ */ new Map()), b2 = a([]);
-  let h2 = 0, y2 = 0;
-  function P2(i3, t3, n2) {
-    const a2 = (x2.value.get(i3.id) ?? 0) + (x2.value.get(t3.id) ?? 0);
-    let l2 = a2 - (n2 = e(n2, i3.minSize, i3.maxSize));
-    l2 = e(l2, t3.minSize, t3.maxSize), n2 = a2 - l2, x2.value.set(i3.id, n2), x2.value.set(t3.id, l2), z(x2);
-  }
-  o((() => {
-    !(function() {
-      if (p2.autoSaveId) try {
-        const e3 = localStorage.getItem(`px-resizable-${p2.autoSaveId}`);
-        if (e3) {
-          const i4 = JSON.parse(e3);
-          if (i4.length === w2.length) {
-            const e4 = /* @__PURE__ */ new Map();
-            return w2.forEach(((t4, n3) => {
-              e4.set(t4.id, i4[n3]);
-            })), void (x2.value = e4);
-          }
-        }
-      } catch {
-      }
-      const e2 = /* @__PURE__ */ new Map();
-      let i3 = 0, t3 = 0;
-      for (const n3 of w2) null != n3.defaultSize ? (e2.set(n3.id, n3.defaultSize), i3 += n3.defaultSize) : t3++;
-      const n2 = t3 > 0 ? (100 - i3) / t3 : 0;
-      for (const i4 of w2) null == i4.defaultSize && e2.set(i4.id, n2);
-      x2.value = e2;
-    })();
-  }));
-  let R = null, E = -1, L = null;
-  function k(e2) {
-    if (E < 0 || !R) return;
-    const i3 = "touches" in e2 ? e2.touches[0].clientX : e2.clientX, t3 = "touches" in e2 ? e2.touches[0].clientY : e2.clientY, n2 = "horizontal" === p2.direction, a2 = n2 ? i3 : t3, l2 = n2 ? R.left : R.top, o2 = n2 ? R.width : R.height;
-    if (0 === o2) return;
-    const s2 = (a2 - l2) / o2 * 100, r2 = w2[E], u2 = w2[E + 1];
-    if (!r2 || !u2) return;
-    let d2 = 0;
-    for (let e3 = 0; e3 < E; e3++) d2 += x2.value.get(w2[e3].id) ?? 0;
-    P2(r2, u2, s2 - d2), H();
-  }
-  function I() {
-    E = -1, R = null, window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", I), A(), L && (L(), L = null);
-  }
-  function H() {
-    const e2 = w2.map(((e3) => x2.value.get(e3.id) ?? 0));
-    m2("layout", e2);
-  }
-  function A() {
-    if (p2.autoSaveId) try {
-      const e2 = w2.map(((e3) => x2.value.get(e3.id) ?? 0));
-      localStorage.setItem(`px-resizable-${p2.autoSaveId}`, JSON.stringify(e2));
-    } catch {
-    }
-  }
-  s((() => {
-    window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", I);
-  }));
-  const B = r((() => p2.direction)), M = r((() => p2.keyboardResizeBy));
-  return u(S, { direction: B, keyboardResizeBy: M, registerPanel: function(e2) {
-    e2.id = h2++, w2.push(e2);
-  }, unregisterPanel: function(e2) {
-    const i3 = w2.findIndex(((i4) => i4.id === e2));
-    i3 > -1 && w2.splice(i3, 1), x2.value.delete(e2), z(x2);
-  }, getPanelSize: function(e2) {
-    return x2.value.get(e2) ?? 0;
-  }, setPanelSize: function(i3, t3, n2 = false) {
-    const a2 = w2.find(((e2) => e2.id === i3));
-    if (!a2) return;
-    const l2 = n2 ? t3 : e(t3, a2.minSize, a2.maxSize), o2 = l2 - (x2.value.get(i3) ?? 0);
-    if (0 === o2) return;
-    const s2 = w2.indexOf(a2), r2 = w2[s2 + 1] ?? w2[s2 - 1];
-    if (!r2) return;
-    const u2 = (x2.value.get(r2.id) ?? 0) - o2;
-    !n2 && (u2 < r2.minSize || u2 > r2.maxSize) || (x2.value.set(i3, l2), x2.value.set(r2.id, u2), z(x2), H());
-  }, startResize: function(e2, i3) {
-    var _a;
-    const t3 = b2.indexOf(e2);
-    t3 < 0 || (E = t3, R = ((_a = g2.value) == null ? void 0 : _a.getBoundingClientRect()) ?? null, L = i3 ?? null, window.addEventListener("mousemove", k), window.addEventListener("mouseup", I), window.addEventListener("touchmove", k, { passive: true }), window.addEventListener("touchend", I));
-  }, keyboardResize: function(e2, i3) {
-    const t3 = b2.indexOf(e2);
-    if (t3 < 0) return;
-    const n2 = w2[t3], a2 = w2[t3 + 1];
-    n2 && a2 && (P2(n2, a2, (x2.value.get(n2.id) ?? 0) + i3), H(), A());
-  }, getNextHandleId: function() {
-    return y2++;
-  }, registerHandle: function(e2) {
-    b2.push(e2);
-  }, unregisterHandle: function(e2) {
-    const i3 = b2.indexOf(e2);
-    i3 > -1 && b2.splice(i3, 1);
-  }, panelSizes: x2 }), (e2, i3) => (c(), d("div", { ref_key: "groupRef", ref: g2, class: v(["px-resizable-group", { "is-horizontal": "horizontal" === B.value, "is-vertical": "vertical" === B.value }]) }, [f(e2.$slots, "default")], 2));
-} }), x = t({ name: "PxResizableHandle", __name: "ResizableHandle", props: { disabled: { type: Boolean, default: false }, hitAreaMargins: { default: 0 } }, emits: ["dragging"], setup(e2, { emit: i2 }) {
-  const t2 = e2, a2 = i2, l2 = p(S);
-  if (!l2) throw new Error("PxResizableHandle must be used inside PxResizableGroup");
-  let u2 = -1;
-  const f2 = n(false);
-  o((() => {
-    u2 = l2.getNextHandleId(), l2.registerHandle(u2);
-  })), s((() => {
-    l2.unregisterHandle(u2);
-  }));
-  const z2 = r((() => "vertical" === l2.direction.value));
-  function g2() {
-    t2.disabled || (f2.value = true, a2("dragging", true), l2.startResize(u2, (() => {
-      f2.value = false, a2("dragging", false);
-    })));
-  }
-  function w2(e3) {
-    if (t2.disabled) return;
-    const i3 = "horizontal" === l2.direction.value ? "ArrowRight" === e3.key ? 1 : "ArrowLeft" === e3.key ? -1 : 0 : "ArrowDown" === e3.key ? 1 : "ArrowUp" === e3.key ? -1 : 0;
-    0 !== i3 && (e3.preventDefault(), l2.keyboardResize(u2, i3 * l2.keyboardResizeBy.value));
-  }
-  const x2 = r((() => t2.hitAreaMargins ? { "--px-handle-hit-area": `${t2.hitAreaMargins}px` } : {}));
-  return (e3, i3) => (c(), d("div", { class: v(["px-resizable-handle", { "is-disabled": t2.disabled, "is-vertical": z2.value, "is-dragging": f2.value, "has-hit-area": !!t2.hitAreaMargins }]), style: m(x2.value), role: "separator", tabindex: "0", onMousedown: g2, onTouchstartPassive: g2, onKeydown: w2 }, null, 38));
-} }), b = t({ name: "PxResizablePanel", __name: "ResizablePanel", props: { defaultSize: {}, minSize: { default: 10 }, maxSize: { default: 100 }, collapsible: { type: Boolean, default: false }, collapsedSize: { default: 0 } }, emits: ["resize", "collapse", "expand"], setup(e2, { expose: i2, emit: t2 }) {
-  const a2 = e2, l2 = t2, u2 = p(S);
-  if (!u2) throw new Error("PxResizablePanel must be used inside PxResizableGroup");
-  const z2 = n(-1), w2 = n(false);
-  let x2 = 0;
-  const b2 = { id: 0, minSize: a2.minSize, maxSize: a2.maxSize, collapsible: a2.collapsible, collapsedSize: a2.collapsedSize, defaultSize: a2.defaultSize };
-  g((() => [a2.minSize, a2.maxSize, a2.collapsible, a2.collapsedSize]), (([e3, i3, t3, n2]) => {
-    b2.minSize = e3, b2.maxSize = i3, b2.collapsible = t3, b2.collapsedSize = n2;
-  })), o((() => {
-    u2.registerPanel(b2), z2.value = b2.id;
-  })), s((() => {
-    u2.unregisterPanel(z2.value);
-  }));
-  const h2 = r((() => u2.panelSizes.value.get(z2.value) ?? 0));
-  g(h2, ((e3, i3) => {
-    void 0 !== i3 && e3 !== i3 && l2("resize", e3);
-  }));
-  const y2 = r((() => ({ flexBasis: `${h2.value}%`, flexGrow: 0, flexShrink: 0 })));
-  return i2({ collapse: function() {
-    a2.collapsible && !w2.value && (x2 = h2.value, w2.value = true, u2.setPanelSize(z2.value, a2.collapsedSize, true), l2("collapse"));
-  }, expand: function() {
-    w2.value && (w2.value = false, u2.setPanelSize(z2.value, x2, true), l2("expand"));
-  }, getSize: function() {
-    return h2.value;
-  }, resize: function(e3) {
-    u2.setPanelSize(z2.value, e3);
-  } }), (e3, i3) => (c(), d("div", { class: v(["px-resizable-panel", { "is-collapsed": w2.value }]), style: m(y2.value) }, [f(e3.$slots, "default")], 6));
-} }), h = i(w), y = i(b), P = i(x);
-export {
-  h as P,
-  P as a,
-  y as b
-};