sakana-element 2.2.0 → 2.3.0

package/dist/es/Indicator-B-en-MgG.js

@@ -0,0 +1,9 @@
+import { r as o, c as i, _ as e, w as t } from "./utils-BS5vsvlM.js";
+import { defineComponent as a, useSlots as s, computed as n, createElementBlock as r, openBlock as p, normalizeClass as c, renderSlot as l, createCommentVNode as d, createElementVNode as f, normalizeStyle as _ } from "vue";
+const x = { "bg-color": "color", "border-color": "dark", "shadow-color": "dark" }, u = t(e(a({ name: "PxIndicator", __name: "Indicator", props: { placement: { default: "top-end" }, type: { default: "primary" }, color: {}, offset: {}, inline: { type: Boolean }, processing: { type: Boolean } }, setup(e2) {
+  const t2 = e2, a2 = s(), u2 = n((() => !a2.indicator)), m = n((() => t2.color ? o(i(t2.color), "px-indicator", x) : {})), v = n((() => t2.offset ? { "--px-indicator-offset-x": `${t2.offset[0]}px`, "--px-indicator-offset-y": `${t2.offset[1]}px` } : {}));
+  return (o2, i2) => (p(), r("div", { class: c(["px-indicator", { "is-inline": o2.inline }]) }, [l(o2.$slots, "default", {}, void 0, true), o2.processing && u2.value ? (p(), r("span", { key: 0, class: c(["px-indicator__ping", [`px-indicator__ping--${o2.placement}`, `px-indicator__ping--${o2.type}`]]), style: _([m.value, v.value]) }, null, 6)) : d("", true), f("div", { class: c(["px-indicator__item", [`px-indicator__item--${o2.placement}`, `px-indicator__item--${o2.type}`, { "is-dot": u2.value, "is-processing": o2.processing }]]), style: _([m.value, v.value]) }, [l(o2.$slots, "indicator", {}, void 0, true)], 6)], 2));
+} }), [["__scopeId", "data-v-84fa8f8b"]]));
+export {
+  u as P
+};

package/dist/es/{Input-CiE4bPJN.js → Input-C5HuVehE.js}

@@ -1,8 +1,8 @@
-import { c as e, r as o, d as a, w as l } from "./utils-bsCscZfS.js";
-import { defineComponent as s, ref as r, shallowRef as u, useAttrs as t, computed as p, watch as n, createElementBlock as d, openBlock as c, normalizeStyle as i, normalizeClass as f, unref as v, withDirectives as m, Fragment as y, createCommentVNode as h, createElementVNode as x, renderSlot as _, mergeProps as w, vModelDynamic as k, createBlock as b, withModifiers as g, vModelText as $, nextTick as B } from "vue";
-import { c as V, u as I } from "./hooks-BaG7l8K5.js";
-import { u as P } from "./Form-j90EzLXU.js";
-import { P as j } from "./Icon-DpJyuj7c.js";
+import { c as e, r as o, d as a, w as l } from "./utils-BS5vsvlM.js";
+import { defineComponent as s, ref as r, shallowRef as u, useAttrs as t, computed as p, watch as n, createElementBlock as d, openBlock as c, normalizeStyle as i, normalizeClass as f, unref as v, withDirectives as m, Fragment as y, createCommentVNode as h, createElementVNode as x, renderSlot as _, mergeProps as w, vModelDynamic as k, createBlock as b, withModifiers as $, vModelText as g, nextTick as B } from "vue";
+import { e as V, u as I } from "./hooks-BqobYUzS.js";
+import { u as P } from "./Form-7lZt5ehf.js";
+import { P as j } from "./Icon-BLDDdSU-.js";
 import { q as C, f as F } from "./vendor-DXmGx29U.js";
 const R = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), z = { default: { "border-color": "color", "hover-border-color": "dark", "focus-border-color": "dark", "shadow-color": "dark", "focus-shadow-color": "dark" }, ghost: { "border-color": "transparent", "hover-border-color": "color", "focus-border-color": "dark", "shadow-color": "transparent", "focus-shadow-color": "dark" } }, M = { key: 0, class: "px-input__prepend" }, U = { key: 0, class: "px-input__prefix" }, q = ["id", "type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], A = { key: 1, class: "px-input__suffix" }, S = { key: 1, class: "px-input__append" }, D = ["id", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], E = s({ name: "PxInput", inheritAttrs: false, __name: "Input", props: { id: {}, modelValue: {}, type: { default: "text" }, size: {}, color: {}, ghost: { type: Boolean }, disabled: { type: Boolean }, clearable: { type: Boolean }, showPassword: { type: Boolean }, placeholder: {}, readonly: { type: Boolean }, autocomplete: { default: "off" }, autofocus: { type: Boolean }, form: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"], setup(l2, { expose: s2, emit: E2 }) {
   const G2 = l2, H = E2, J = r(G2.modelValue), K = r(false), L = u(), N = u(), O = t(), { formItem: Q } = P(), T = p((() => L.value || N.value)), W = p((() => G2.disabled)), X = p((() => R.has(G2.color ?? ""))), Y = p((() => !!G2.color && !X.value)), Z = p((() => {
@@ -34,7 +34,7 @@ const R = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "i
   }, select: () => {
     var _a;
     (_a = T.value) == null ? void 0 : _a.select();
-  }, clear: ue }), (e2, o2) => (c(), d("div", { class: f(["px-input", { [`px-input--${e2.type}`]: e2.type, [`px-input--${e2.size}`]: e2.size, [`px-input--${e2.color}`]: X.value, "is-ghost": e2.ghost, "is-disabled": W.value, "is-prepend": e2.$slots.prepend, "is-append": e2.$slots.append, "is-prefix": e2.$slots.prefix, "is-suffix": e2.$slots.suffix, "is-focus": v(le) }]), style: i(Z.value) }, ["textarea" !== e2.type ? (c(), d(y, { key: 0 }, [e2.$slots.prepend ? (c(), d("div", M, [_(e2.$slots, "prepend")])) : h("", true), x("div", { class: "px-input__wrapper", ref_key: "wrapperRef", ref: ae }, [e2.$slots.prefix ? (c(), d("span", U, [_(e2.$slots, "prefix")])) : h("", true), m(x("input", w({ class: "px-input__inner", ref_key: "inputRef", ref: L, id: v(I)().value, type: e2.showPassword ? K.value ? "text" : "password" : e2.type, disabled: W.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, form: e2.form, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => J.value = e3) }, v(O), { onInput: te, onChange: pe, onFocus: o2[1] || (o2[1] = (...e3) => v(se) && v(se)(...e3)), onBlur: o2[2] || (o2[2] = (...e3) => v(re) && v(re)(...e3)) }), null, 16, q), [[k, J.value]]), e2.$slots.suffix || ee.value || oe.value ? (c(), d("span", A, [_(e2.$slots, "suffix"), ee.value ? (c(), b(j, { key: 0, icon: "close-box", class: "px-input__clear", onClick: ue, onMousedown: g(v(C), ["prevent"]) }, null, 8, ["onMousedown"])) : h("", true), oe.value && K.value ? (c(), b(j, { key: 1, icon: "eye", class: "px-input__password", onClick: ne })) : h("", true), oe.value && !K.value ? (c(), b(j, { key: 2, icon: "eye-closed", class: "px-input__password", onClick: ne })) : h("", true)])) : h("", true)], 512), e2.$slots.append ? (c(), d("div", S, [_(e2.$slots, "append")])) : h("", true)], 64)) : m((c(), d("textarea", w({ key: 1, class: "px-textarea__wrapper", ref_key: "textareaRef", ref: N, id: v(I)().value, disabled: W.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, form: e2.form, "onUpdate:modelValue": o2[3] || (o2[3] = (e3) => J.value = e3) }, v(O), { onInput: te, onChange: pe, onFocus: o2[4] || (o2[4] = (...e3) => v(se) && v(se)(...e3)), onBlur: o2[5] || (o2[5] = (...e3) => v(re) && v(re)(...e3)) }), null, 16, D)), [[$, J.value]])], 6));
+  }, clear: ue }), (e2, o2) => (c(), d("div", { class: f(["px-input", { [`px-input--${e2.type}`]: e2.type, [`px-input--${e2.size}`]: e2.size, [`px-input--${e2.color}`]: X.value, "is-ghost": e2.ghost, "is-disabled": W.value, "is-prepend": e2.$slots.prepend, "is-append": e2.$slots.append, "is-prefix": e2.$slots.prefix, "is-suffix": e2.$slots.suffix, "is-focus": v(le) }]), style: i(Z.value) }, ["textarea" !== e2.type ? (c(), d(y, { key: 0 }, [e2.$slots.prepend ? (c(), d("div", M, [_(e2.$slots, "prepend")])) : h("", true), x("div", { class: "px-input__wrapper", ref_key: "wrapperRef", ref: ae }, [e2.$slots.prefix ? (c(), d("span", U, [_(e2.$slots, "prefix")])) : h("", true), m(x("input", w({ class: "px-input__inner", ref_key: "inputRef", ref: L, id: v(I)().value, type: e2.showPassword ? K.value ? "text" : "password" : e2.type, disabled: W.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, form: e2.form, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => J.value = e3) }, v(O), { onInput: te, onChange: pe, onFocus: o2[1] || (o2[1] = (...e3) => v(se) && v(se)(...e3)), onBlur: o2[2] || (o2[2] = (...e3) => v(re) && v(re)(...e3)) }), null, 16, q), [[k, J.value]]), e2.$slots.suffix || ee.value || oe.value ? (c(), d("span", A, [_(e2.$slots, "suffix"), ee.value ? (c(), b(j, { key: 0, icon: "close-box", class: "px-input__clear", onClick: ue, onMousedown: $(v(C), ["prevent"]) }, null, 8, ["onMousedown"])) : h("", true), oe.value && K.value ? (c(), b(j, { key: 1, icon: "eye", class: "px-input__password", onClick: ne })) : h("", true), oe.value && !K.value ? (c(), b(j, { key: 2, icon: "eye-closed", class: "px-input__password", onClick: ne })) : h("", true)])) : h("", true)], 512), e2.$slots.append ? (c(), d("div", S, [_(e2.$slots, "append")])) : h("", true)], 64)) : m((c(), d("textarea", w({ key: 1, class: "px-textarea__wrapper", ref_key: "textareaRef", ref: N, id: v(I)().value, disabled: W.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, form: e2.form, "onUpdate:modelValue": o2[3] || (o2[3] = (e3) => J.value = e3) }, v(O), { onInput: te, onChange: pe, onFocus: o2[4] || (o2[4] = (...e3) => v(se) && v(se)(...e3)), onBlur: o2[5] || (o2[5] = (...e3) => v(re) && v(re)(...e3)) }), null, 16, D)), [[g, J.value]])], 6));
 } }), G = l(E);
 export {
   G as P,

package/dist/es/{Link-B9B2APZq.js → Link-Av9RdcFv.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, _ as t, w as l } from "./utils-bsCscZfS.js";
+import { r as e, c as o, _ as t, w as l } from "./utils-BS5vsvlM.js";
 import { defineComponent as r, computed as a, createElementBlock as i, openBlock as s, normalizeStyle as d, normalizeClass as n, renderSlot as c } from "vue";
 const p = ["href", "target"], u = l(t(r({ name: "PxLink", __name: "Link", props: { type: {}, underline: { type: Boolean, default: true }, disabled: { type: Boolean }, href: {}, target: {}, color: {} }, emits: ["click"], setup(t2, { emit: l2 }) {
   const r2 = t2, u2 = l2, k = { "text-color": "color", "hover-color": "dark" }, f = a((() => r2.color ? e(o(r2.color), "px-link", k) : {})), m = (e2) => {

package/dist/es/{Loading-BW99pE5N.js → Loading-CBNDUWQd.js}

@@ -1,14 +1,14 @@
-import { _ as e, w as n } from "./utils-bsCscZfS.js";
-import { defineComponent as t, computed as o, createElementBlock as i, openBlock as a, 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 { d as L } from "./hooks-BaG7l8K5.js";
+import { _ as e, w as n } from "./utils-BS5vsvlM.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-BqobYUzS.js";
 import { i as _, d as $, r as A, u as I } from "./vendor-DXmGx29U.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) => (a(), i("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));
+  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) => (a(), 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 ? (a(), c(h, { key: 0, variant: "spinner", size: "lg" })) : m("", true), e3.text ? (a(), i("p", C, f(e3.text), 1)) : m("", true)])], 2), [[v, n2.visible.value]])])), _: 1 }, 8, ["onAfterLeave"]));
+  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", w = /* @__PURE__ */ new Map(), { nextZIndex: S } = L(3e3);
 function T(e2 = document.body) {
   e2.classList.remove(F);
@@ -30,10 +30,10 @@ function B(e2 = {}) {
   })(n2 == null ? void 0 : n2.parent), w.has(t2)) return w.get(t2);
   const o2 = (function(e3) {
     const n3 = x(e3.visible), t3 = x(false), o3 = () => {
-      t3.value && a2();
-    }, i2 = y({ ...e3, onAfterLeave: o3 }), a2 = () => {
+      t3.value && i2();
+    }, a2 = y({ ...e3, onAfterLeave: o3 }), i2 = () => {
       var _a2, _b;
-      const e4 = i2.parent;
+      const e4 = a2.parent;
       !(function(e5 = document.body) {
         const n4 = V(e5);
         if (n4) {
@@ -49,13 +49,13 @@ function B(e2 = {}) {
       }), 1), w.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, { ...i2, zIndex: i2.fullscreen ? S() : void 0, visible: n3 }), s2 = r2.mount(document.createElement("div"));
+    const r2 = k(P, { ...a2, zIndex: a2.fullscreen ? S() : 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) => i2.text = e4 };
+    }, visible: n3, setText: (e4) => a2.text = e4 };
   })({ ...n2, closed: () => {
     var _a2;
     (_a2 = n2.closed) == null ? void 0 : _a2.call(n2), n2.fullscreen && (q = null);
@@ -70,8 +70,8 @@ function B(e2 = {}) {
 }
 const E = Symbol("loading");
 function M(e2, n2) {
-  const t2 = (n3) => e2.getAttribute(`px-loading-${n3}`), o2 = (e3) => n2.modifiers[e3], i2 = o2("fullscreen"), a2 = { text: t2("text"), spinner: t2("spinner"), background: t2("background"), target: i2 ? void 0 : e2, body: o2("body"), lock: o2("lock"), fullscreen: i2 };
-  e2[E] = { options: a2, instance: B(a2) };
+  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);

package/dist/es/Message-DgnyyuXn.js

@@ -0,0 +1,152 @@
+import { t as e, e as o, R as t, f as s, h as n, i as a } from "./utils-BS5vsvlM.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 L, withKeys as V, Fragment as j } 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-BqobYUzS.js";
+import { P as U } from "./Icon-BLDDdSU-.js";
+import { v as q, u as F, f as G, d as J, w as Q, g as W, x as X, i as Y, y as ee, z as oe, A as te, B as se } from "./vendor-DXmGx29U.js";
+import { b as ne } from "./Button-BJHtN7gh.js";
+import { _ as ae } from "./Input-C5HuVehE.js";
+import { P as le } from "./Overlay-CpvMhnuU.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(V2, a2.duration));
+  }
+  function L2() {
+    clearTimeout(A2);
+  }
+  function V2() {
+    L2(), l2.value = false;
+  }
+  return c(l2, ((e2) => {
+    e2 || (P2.value = -a2.offset);
+  })), u((() => {
+    l2.value = true, E2();
+  })), p((() => L2())), n2({ close: V2, 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: L2, 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(V2, ["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(L(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: V(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(j, { 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] = V(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] = V(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-LYRXnVAf.js

@@ -0,0 +1,69 @@
+import { t, e as o, R as e, _ as n, f as i, h as s, i as a } from "./utils-BS5vsvlM.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, createCommentVNode as _, createElementBlock as C, toDisplayString as w, renderSlot as k, unref as b, createVNode as I, withModifiers as N, vShow as z, isVNode as B, h as E, render as O, shallowReactive as $ } from "vue";
+import { f as j, a as D, u as T } from "./hooks-BqobYUzS.js";
+import { P as M } from "./Icon-BLDDdSU-.js";
+import { v as P, u as R, f as A, d as L, w as W, g as H, x as Z } from "./vendor-DXmGx29U.js";
+const q = ["aria-live"], F = { class: "px-notification__text" }, G = { class: "px-notification__title" }, J = { class: "px-notification__content" }, K = { key: 1, 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: E2, bottomOffset: O2 } = j({ getLastBottomOffset: P(it, s2), offset: s2.offset, boxHeight: B2 }), $2 = 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(E2.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: O2, 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 }, [$2.value ? (u(), d(M, { key: 0, icon: $2.value, class: "px-notification__icon" }, null, 8, ["icon"])) : _("", true), g("div", F, [g("div", G, w(t2.title), 1), g("div", J, [k(t2.$slots, "default", {}, (() => [t2.message ? (u(), d(b(e), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : _("", true)]), true)])]), t2.showClose ? (u(), C("div", K, [I(M, { icon: "close", onClick: N(Z2, ["stop"]) })])) : _("", true), t2.showTimer && t2.duration > 0 ? (u(), C("div", { key: 2, class: "px-notification__timer", style: x({ animationDuration: `${t2.duration}ms` }) }, null, 4)) : _("", true)], 46, q), [[z, a2.value]])])), _: 3 }, 8, ["name"]));
+} }), [["__scopeId", "data-v-4191d2e2"]]), 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, $([]));
+}));
+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), O(null, e3), Y.unregister());
+    } }, s2 = E(Q, i2);
+    O(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-BRDSWspM.js → Overlay-CpvMhnuU.js}

@@ -1,5 +1,5 @@
 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-bsCscZfS.js";
+import { _ as i } from "./utils-BS5vsvlM.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) {

package/dist/es/Pixelate-BPypBgJU.js

@@ -0,0 +1,67 @@
+import { w as e } from "./utils-BS5vsvlM.js";
+import { defineComponent as t, ref as n, computed as r, watch as a, createElementBlock as l, openBlock as i, normalizeStyle as o, createElementVNode as u } from "vue";
+const s = ["src"], h = e(t({ name: "PxPixelate", __name: "Pixelate", props: { src: {}, pixelSize: { default: 8 }, width: {}, height: {}, grayscale: { type: Boolean, default: false }, palette: {}, background: { default: "#FFFFFF" } }, emits: ["rendered", "error"], setup(e2, { expose: t2, emit: h2 }) {
+  const c = e2, g = h2, d = n(), f = n(), p = n(false), m = r((() => {
+    const e3 = {};
+    return null != c.width && (e3.width = "number" == typeof c.width ? `${c.width}px` : c.width), null != c.height && (e3.height = "number" == typeof c.height ? `${c.height}px` : c.height), e3;
+  })), y = r((() => {
+    const e3 = { "image-rendering": "pixelated" };
+    return null != c.width && (e3.width = "100%"), null != c.height && (e3.height = "100%"), e3;
+  }));
+  function v(e3, t3, n2, r2) {
+    let a2 = 1 / 0, l2 = r2[0];
+    for (const i2 of r2) {
+      const r3 = (e3 - i2[0]) ** 2 + (t3 - i2[1]) ** 2 + (n2 - i2[2]) ** 2;
+      r3 < a2 && (a2 = r3, l2 = i2);
+    }
+    return l2;
+  }
+  function x() {
+    const e3 = d.value, t3 = f.value;
+    if (!e3 || !t3 || !p.value) return;
+    const n2 = e3.getContext("2d");
+    if (!n2) return;
+    const r2 = t3.naturalWidth, a2 = t3.naturalHeight;
+    e3.width = r2, e3.height = a2, n2.fillStyle = c.background, n2.fillRect(0, 0, r2, a2), n2.drawImage(t3, 0, 0, r2, a2);
+    const l2 = n2.getImageData(0, 0, r2, a2).data, i2 = Math.max(1, Math.round(c.pixelSize)), o2 = c.palette ? c.palette.map(((e4) => "string" == typeof e4 ? (function(e5) {
+      const t4 = e5.replace("#", "");
+      return [parseInt(t4.substring(0, 2), 16), parseInt(t4.substring(2, 4), 16), parseInt(t4.substring(4, 6), 16)];
+    })(e4) : e4)) : null;
+    n2.fillStyle = c.background, n2.fillRect(0, 0, r2, a2);
+    for (let e4 = 0; e4 < a2; e4 += i2) for (let t4 = 0; t4 < r2; t4 += i2) {
+      const u2 = Math.min(i2, r2 - t4), s2 = Math.min(i2, a2 - e4);
+      let h3 = 0, g2 = 0, d2 = 0, f2 = 0;
+      for (let n3 = 0; n3 < s2; n3++) for (let a3 = 0; a3 < u2; a3++) {
+        const i3 = 4 * ((e4 + n3) * r2 + (t4 + a3));
+        h3 += l2[i3], g2 += l2[i3 + 1], d2 += l2[i3 + 2], f2++;
+      }
+      let p2 = Math.round(h3 / f2), m2 = Math.round(g2 / f2), y2 = Math.round(d2 / f2);
+      c.grayscale && (p2 = m2 = y2 = Math.round(0.299 * p2 + 0.587 * m2 + 0.114 * y2)), o2 && ([p2, m2, y2] = v(p2, m2, y2, o2)), n2.fillStyle = `rgb(${p2},${m2},${y2})`, n2.fillRect(t4, e4, u2, s2);
+    }
+    g("rendered");
+  }
+  function w() {
+    p.value = true, x();
+  }
+  function b(e3) {
+    g("error", e3);
+  }
+  return a((() => [c.pixelSize, c.grayscale, c.palette, c.background]), (() => {
+    p.value && x();
+  })), a((() => c.src), (() => {
+    p.value = false;
+  })), t2({ render: function() {
+    x();
+  }, canvasRef: d, originRef: f, getSize: function() {
+    const e3 = d.value;
+    return { width: (e3 == null ? void 0 : e3.width) ?? 0, height: (e3 == null ? void 0 : e3.height) ?? 0 };
+  }, getImageData: function() {
+    const e3 = d.value;
+    if (!e3 || !p.value) return null;
+    const t3 = e3.getContext("2d");
+    return t3 ? t3.getImageData(0, 0, e3.width, e3.height) : null;
+  } }), (e3, t3) => (i(), l("div", { class: "px-pixelate", style: o(m.value) }, [u("canvas", { ref_key: "canvasRef", ref: d, style: o(y.value) }, null, 4), u("img", { ref_key: "originRef", ref: f, src: e3.src, style: { display: "none" }, crossorigin: "anonymous", onLoad: w, onError: b }, null, 40, s)], 4));
+} }));
+export {
+  h as P
+};

package/dist/es/Popconfirm-DvxFdLrw.js

@@ -0,0 +1,23 @@
+import { e as o, _ as e, w as t } from "./utils-BS5vsvlM.js";
+import { defineComponent as c, ref as i, computed as n, 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-BqobYUzS.js";
+import { b as B } from "./Button-BJHtN7gh.js";
+import { P as x } from "./Icon-BLDDdSU-.js";
+import { T as w } from "./Tooltip-J3ji6weH.js";
+const T = { class: "px-popconfirm__main" }, v = { class: "px-popconfirm__action" }, b = 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, b2 = t2, k = y(), j = i(), P = n((() => ({ width: o(c2.width) })));
+  function g() {
+    var _a;
+    (_a = j.value) == null ? void 0 : _a.hide();
+  }
+  function A(o2) {
+    b2("confirm", o2), g();
+  }
+  function C(o2) {
+    b2("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(k).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(k).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 {
+  b as P
+};

package/dist/es/Progress-Bc5INMhJ.js

@@ -0,0 +1,12 @@
+import { r as e, c as t, w as r } from "./utils-BS5vsvlM.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-263_rtRl.js

@@ -0,0 +1,33 @@
+import { c as e, r as a, w as l } from "./utils-BS5vsvlM.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-BqobYUzS.js";
+import { u as _ } from "./Form-7lZt5ehf.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/{Select-Dwqv8isB.js → Select-7ZxUCS8z.js}

@@ -1,10 +1,10 @@
-import { R as e, _ as l, c as t, r as a, w as o } from "./utils-bsCscZfS.js";
-import { defineComponent as i, inject as s, computed as n, createElementBlock as u, openBlock as r, withModifiers as d, normalizeClass as c, renderSlot as p, createVNode as h, unref as v, useSlots as f, ref as m, reactive as g, watchEffect as b, watch as x, onMounted as y, onBeforeUnmount as _, provide as V, normalizeStyle as w, withCtx as I, createCommentVNode as M, createElementVNode as k, toDisplayString as S, Fragment as O, renderList as L, createBlock as B, mergeProps as D, nextTick as z } from "vue";
+import { R as e, _ as l, c as t, r as a, w as o } from "./utils-BS5vsvlM.js";
+import { defineComponent as i, inject as s, computed as n, createElementBlock as u, openBlock as r, withModifiers as d, normalizeClass as c, renderSlot as p, createVNode as h, unref as v, useSlots as f, ref as m, reactive as g, watchEffect as b, nextTick as x, watch as y, onMounted as _, onBeforeUnmount as V, provide as w, normalizeStyle as I, withCtx as M, createCommentVNode as k, createElementVNode as S, toDisplayString as O, Fragment as L, renderList as B, createBlock as D, mergeProps as z } from "vue";
 import { C as $, D as j, g as C, b as F, s as R, e as E, E as H, F as P, f as W, y as q, q as A, i as N, G as T, c as U } from "./vendor-DXmGx29U.js";
-import { g as G, u as K, c as J, a as Q } from "./hooks-BaG7l8K5.js";
-import { P as X } from "./Icon-DpJyuj7c.js";
-import { _ as Y } from "./Input-CiE4bPJN.js";
-import { T as Z } from "./Tooltip-k6gKnMyt.js";
+import { g as G, u as K, e as J, c as Q } from "./hooks-BqobYUzS.js";
+import { P as X } from "./Icon-BLDDdSU-.js";
+import { _ as Y } from "./Input-C5HuVehE.js";
+import { T as Z } from "./Tooltip-J3ji6weH.js";
 const ee = Symbol("selectContext"), le = { 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"] }] }, te = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), ae = { default: { "item-selected-font-color": "color", "item-selected-bg-color": "light", "item-indicator-color": "color", "item-highlighted-border-color": "color" }, ghost: { "item-selected-font-color": "color", "item-selected-bg-color": "light", "item-indicator-color": "color", "item-highlighted-border-color": "color" } }, oe = ["aria-selected", "id"], ie = l(i({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
@@ -49,7 +49,7 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     })), n2;
   })({ isDropdownVisible: he, controlVisible: Ee, selectStates: fe, highlightedLine: we, handleSelect: qe, hasData: ke, lastIndex: Se });
   function Re(e3) {
-    $e.value && z((() => je(new FocusEvent("focus", e3))));
+    $e.value && x((() => je(new FocusEvent("focus", e3))));
   }
   function Ee(e3) {
     var _a;
@@ -110,22 +110,22 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     const e3 = We(s2.modelValue);
     e3 && (fe.inputValue = e3.label, fe.selectedOption = e3);
   }
-  return Q(oe2, ((e3) => Re(e3))), x((() => s2.options), ((e3) => {
+  return Q(oe2, ((e3) => Re(e3))), y((() => s2.options), ((e3) => {
     pe.value = e3 ?? [];
-  })), x((() => Ie.value), ((e3) => Ae(e3)), { immediate: true }), x((() => s2.modelValue), (() => {
-    Ge();
-  })), y((() => {
+  })), y((() => Ie.value), ((e3) => Ae(e3)), { immediate: true }), y((() => s2.modelValue), (() => {
     Ge();
   })), _((() => {
+    Ge();
+  })), V((() => {
     Be.cancel();
-  })), V(ee, { handleSelect: qe, selectStates: fe, renderLabel: function(e3) {
+  })), w(ee, { handleSelect: qe, selectStates: fe, renderLabel: function(e3) {
     return q(s2.renderLabel) ? s2.renderLabel(e3) : e3.label;
   }, highlightedLine: we }), l2({ focus: () => {
     var _a;
     (_a = de2.value) == null ? void 0 : _a.focus();
   }, blur: () => {
     Re();
-  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: oe2, class: c(["px-select", { "is-disabled": me.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ge.value }]), style: w(xe.value), onClick: d(He, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => fe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => fe.mouseHover = false) }, [h(Z, { ref_key: "tooltipRef", ref: re2, placement: "bottom-start", "popper-options": v(le), onClickOutside: l3[1] || (l3[1] = (e4) => Ee(false)), manual: "" }, { default: I((() => [k("div", { ref_key: "inputWrapperRef", ref: ze }, [h(Y, { ref_key: "inputRef", ref: de2, modelValue: fe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => fe.inputValue = e4), id: v(De), disabled: me.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Oe.value : e3.placeholder, readonly: !e3.filterable || !he.value, "aria-controls": `px-select-menu-${v(De)}`, "aria-activedescendant": we.value ? `select-item-${we.value.value}` : void 0, onFocus: v(Ce), onBlur: v(je), onInput: v(Be), onKeydown: Te }, { suffix: I((() => [Ve.value ? (r(), B(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(A), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), B(X, { key: 1, class: c(["header-angle", { "is-active": he.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onInput"])], 512)])), content: I((() => [fe.loading ? (r(), u("div", se, [h(X, { icon: "loader", spin: "" })])) : e3.filterable && Me.value ? (r(), u("div", ne, S(v(i2).t("select.noData")), 1)) : M("", true), k("ul", { class: "px-select__menu", role: "listbox", id: `px-select-menu-${v(De)}` }, [_e.value ? (r(true), u(O, { key: 1 }, L(ce.value, (([e4, l4]) => (r(), B(ie, D({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(O, { key: 0 }, L(pe.value, ((e4) => (r(), B(ie, D({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))], 8, ue)])), _: 1 }, 8, ["popper-options"])], 38));
+  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: oe2, class: c(["px-select", { "is-disabled": me.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ge.value }]), style: I(xe.value), onClick: d(He, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => fe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => fe.mouseHover = false) }, [h(Z, { ref_key: "tooltipRef", ref: re2, placement: "bottom-start", "popper-options": v(le), onClickOutside: l3[1] || (l3[1] = (e4) => Ee(false)), manual: "" }, { default: M((() => [S("div", { ref_key: "inputWrapperRef", ref: ze }, [h(Y, { ref_key: "inputRef", ref: de2, modelValue: fe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => fe.inputValue = e4), id: v(De), disabled: me.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Oe.value : e3.placeholder, readonly: !e3.filterable || !he.value, "aria-controls": `px-select-menu-${v(De)}`, "aria-activedescendant": we.value ? `select-item-${we.value.value}` : void 0, onFocus: v(Ce), onBlur: v(je), onInput: v(Be), onKeydown: Te }, { suffix: M((() => [Ve.value ? (r(), D(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(A), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), D(X, { key: 1, class: c(["header-angle", { "is-active": he.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onInput"])], 512)])), content: M((() => [fe.loading ? (r(), u("div", se, [h(X, { icon: "loader", spin: "" })])) : e3.filterable && Me.value ? (r(), u("div", ne, O(v(i2).t("select.noData")), 1)) : k("", true), S("ul", { class: "px-select__menu", role: "listbox", id: `px-select-menu-${v(De)}` }, [_e.value ? (r(true), u(L, { key: 1 }, B(ce.value, (([e4, l4]) => (r(), D(ie, z({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(L, { key: 0 }, B(pe.value, ((e4) => (r(), D(ie, z({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))], 8, ue)])), _: 1 }, 8, ["popper-options"])], 38));
 } }), [["__scopeId", "data-v-4d450d40"]])), de = o(ie);
 export {
   re as P,

package/dist/es/{Switch-B1Gnv1tB.js → Switch-DiCsMJT3.js}

@@ -1,7 +1,7 @@
-import { c as e, w as c } from "./utils-bsCscZfS.js";
+import { c as e, w as c } from "./utils-BS5vsvlM.js";
 import { defineComponent as i, computed as a, ref as t, onMounted as o, watch as l, createElementBlock as s, openBlock as n, normalizeStyle as r, normalizeClass as u, createElementVNode as v, withKeys as d, unref as p, createCommentVNode as h, toDisplayString as x, createBlock as m } from "vue";
-import { u as f } from "./hooks-BaG7l8K5.js";
-import { P as w } from "./Icon-DpJyuj7c.js";
+import { u as f } from "./hooks-BqobYUzS.js";
+import { P as w } from "./Icon-BLDDdSU-.js";
 const k = ["aria-checked", "id", "name", "disabled", "checked"], _ = { class: "px-switch__core" }, y = { class: "px-switch__core-inner" }, b = { key: 0, class: "px-switch__core-inner-text" }, V = { class: "px-switch__core-action" }, C = c(i({ 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: {}, type: {}, activeColor: {}, inactiveColor: {}, activeIcon: {}, inactiveIcon: {} }, emits: ["update:modelValue", "change"], setup(c2, { expose: i2, emit: C2 }) {
   const T = c2, g = C2, I = a((() => T.disabled)), S = t(T.modelValue), z = t(), B = f().value, j = a((() => S.value === T.activeValue)), N = a((() => j.value ? T.activeIcon : T.inactiveIcon)), P = a((() => {
     const c3 = {};