sakana-element 2.1.5 → 2.3.0

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-7ZxUCS8z.js

@@ -0,0 +1,133 @@
+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, 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) {
+  const t2 = l2, a2 = s(ee), o2 = n((() => {
+    var _a;
+    return ((_a = a2 == null ? void 0 : a2.selectStates.selectedOption) == null ? void 0 : _a.value) === t2.value;
+  })), i2 = n((() => $(["label", "value"], ((e2) => j(C(a2, ["highlightedLine", "value", e2]), C(t2, e2))))));
+  function f2() {
+    t2.disabled || (a2 == null ? void 0 : a2.handleSelect(t2));
+  }
+  return (l3, s2) => (r(), u("li", { role: "option", "aria-selected": o2.value, class: c(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": o2.value, "is-highlighted": i2.value }]), id: `select-item-${l3.value}`, onClick: d(f2, ["stop"]) }, [p(l3.$slots, "default", {}, (() => {
+    var _a, _b;
+    return [h(v(e), { vNode: ((_a = v(a2)) == null ? void 0 : _a.renderLabel) ? (_b = v(a2)) == null ? void 0 : _b.renderLabel(t2) : l3.label }, null, 8, ["vNode"])];
+  }), true)], 10, oe));
+} }), [["__scopeId", "data-v-d9852f9a"]]), se = { key: 0, class: "px-select__loading" }, ne = { key: 1, class: "px-select__nodata" }, ue = ["id"], re = o(l(i({ name: "PxSelect", __name: "Select", props: { modelValue: {}, id: {}, options: { default: () => [] }, placeholder: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, ghost: { type: Boolean }, color: {}, size: {}, renderLabel: {}, filterable: { type: Boolean }, filterMethod: {}, remote: { type: Boolean }, remoteMethod: {} }, emits: ["update:modelValue", "change", "visible-change", "clear", "focus", "blur"], setup(e2, { expose: l2, emit: o2 }) {
+  const i2 = G(), s2 = e2, p2 = o2, $2 = f(), oe2 = m(), re2 = m(), de2 = m(), ce = m(/* @__PURE__ */ new Map()), pe = m(s2.options ?? []), he = m(false), ve = We(s2.modelValue), fe = g({ inputValue: (ve == null ? void 0 : ve.label) ?? "", selectedOption: ve, mouseHover: false, loading: false, highlightedIndex: -1 }), me = n((() => s2.disabled)), ge = n((() => te.has(s2.color ?? ""))), be = n((() => !!s2.color && !ge.value)), xe = n((() => {
+    if (!be.value) return {};
+    const e3 = t(s2.color), l3 = s2.ghost ? "ghost" : "default";
+    return a(e3, "px-select", ae[l3]);
+  })), ye = n((() => {
+    var _a;
+    return F((_a = $2 == null ? void 0 : $2.default) == null ? void 0 : _a.call($2), ((e3) => j(e3.type, ie)));
+  })), _e = n((() => R(ye.value) > 0)), Ve = n((() => s2.clearable && fe.mouseHover && "" !== fe.inputValue)), we = n((() => {
+    let e3;
+    return e3 = _e.value ? [...ce.value.values()][fe.highlightedIndex] : pe.value[fe.highlightedIndex], e3;
+  })), Ie = n((() => _e.value ? E(ye.value, ((e3) => {
+    var _a, _b, _c;
+    return { props: { ...e3.props, disabled: true === ((_a = e3.props) == null ? void 0 : _a.disabled) || !N((_b = e3.props) == null ? void 0 : _b.disabled) && !T((_c = e3.props) == null ? void 0 : _c.disabled) } };
+  })) : [])), Me = n((() => !!s2.filterable && !ke.value)), ke = n((() => _e.value && ce.value.size > 0 || !_e.value && R(pe.value) > 0)), Se = n((() => _e.value ? ce.value.size - 1 : R(pe.value) - 1)), Oe = n((() => s2.filterable && fe.selectedOption && he.value ? fe.selectedOption.label : s2.placeholder)), Le = n((() => s2.remote ? 300 : 100));
+  let Be = H(Ne, Le.value);
+  b((() => {
+    Be.cancel(), Be = H(Ne, Le.value);
+  }));
+  const De = K().value, { wrapperRef: ze, isFocused: $e, handleBlur: je, handleFocus: Ce } = J(de2), Fe = (function({ isDropdownVisible: e3, controlVisible: l3, selectStates: t2, highlightedLine: a2, handleSelect: o3, hasData: i3, lastIndex: s3 }) {
+    const n2 = /* @__PURE__ */ new Map();
+    return n2.set("Enter", (() => {
+      e3.value && t2.highlightedIndex >= 0 && a2.value && o3(a2.value), l3(!e3.value);
+    })), n2.set("Escape", (() => e3.value && l3(!e3.value))), n2.set("ArrowUp", ((e4) => {
+      e4.preventDefault(), i3.value && (-1 !== t2.highlightedIndex && 0 !== t2.highlightedIndex ? t2.highlightedIndex-- : t2.highlightedIndex = s3.value);
+    })), n2.set("ArrowDown", ((e4) => {
+      e4.preventDefault(), i3.value && (-1 !== t2.highlightedIndex && t2.highlightedIndex !== s3.value ? t2.highlightedIndex++ : t2.highlightedIndex = 0);
+    })), n2;
+  })({ isDropdownVisible: he, controlVisible: Ee, selectStates: fe, highlightedLine: we, handleSelect: qe, hasData: ke, lastIndex: Se });
+  function Re(e3) {
+    $e.value && x((() => je(new FocusEvent("focus", e3))));
+  }
+  function Ee(e3) {
+    var _a;
+    re2.value && ((_a = C(re2, ["value", e3 ? "show" : "hide"])) == null ? void 0 : _a(), s2.filterable && (function(e4) {
+      var _a2;
+      s2.filterable && (e4 ? (fe.selectedOption && (fe.inputValue = ""), Be()) : fe.inputValue = ((_a2 = fe.selectedOption) == null ? void 0 : _a2.label) || "");
+    })(e3), he.value = e3, p2("visible-change", e3), fe.highlightedIndex = -1);
+  }
+  function He() {
+    me.value || Ee(!he.value);
+  }
+  function Pe() {
+    var _a;
+    (_a = de2.value) == null ? void 0 : _a.clear(), fe.inputValue = "", fe.selectedOption = null, p2("clear"), W(["change", "update:modelValue"], ((e3) => p2(e3, "")));
+  }
+  function We(e3) {
+    return P(s2.options, ((l3) => l3.value === e3));
+  }
+  function qe(e3) {
+    var _a;
+    e3.disabled || (fe.inputValue = e3.label, fe.selectedOption = e3, W(["change", "update:modelValue"], ((l3) => p2(l3, e3.value))), Ee(false), (_a = de2.value) == null ? void 0 : _a.focus());
+  }
+  function Ae(e3) {
+    ce.value.clear(), W(e3, ((e4) => {
+      ce.value.set(e4.props.value, e4.props);
+    }));
+  }
+  function Ne() {
+    const e3 = fe.inputValue;
+    fe.highlightedIndex = -1, _e.value ? (async function(e4) {
+      if (s2.filterable) {
+        if (s2.remote && s2.remoteMethod && q(s2.remoteMethod)) return await Ue(s2.remoteMethod, e4), void Ae(Ie.value);
+        if (s2.filterMethod && q(s2.filterMethod)) {
+          const l3 = E(s2.filterMethod(e4), "value");
+          Ae(F(Ie.value, ((e5) => U(l3, C(e5, ["props", "value"])))));
+        } else Ae(F(Ie.value, ((l3) => U(C(l3, ["props", "label"]), e4))));
+      }
+    })(e3) : (async function(e4) {
+      s2.filterable && (s2.remote && s2.remoteMethod && q(s2.remoteMethod) ? pe.value = await Ue(s2.remoteMethod, e4) : s2.filterMethod && q(s2.filterMethod) ? pe.value = s2.filterMethod(e4) : pe.value = F(s2.options, ((l3) => U(l3.label, e4))));
+    })(e3);
+  }
+  function Te(e3) {
+    var _a;
+    Fe.has(e3.key) && ((_a = Fe.get(e3.key)) == null ? void 0 : _a(e3));
+  }
+  async function Ue(e3, l3) {
+    if (!e3 || !q(e3)) return;
+    let t2;
+    fe.loading = true;
+    try {
+      t2 = await e3(l3);
+    } catch (e4) {
+      t2 = [];
+    }
+    return t2;
+  }
+  function Ge() {
+    const e3 = We(s2.modelValue);
+    e3 && (fe.inputValue = e3.label, fe.selectedOption = e3);
+  }
+  return Q(oe2, ((e3) => Re(e3))), y((() => s2.options), ((e3) => {
+    pe.value = e3 ?? [];
+  })), y((() => Ie.value), ((e3) => Ae(e3)), { immediate: true }), y((() => s2.modelValue), (() => {
+    Ge();
+  })), _((() => {
+    Ge();
+  })), V((() => {
+    Be.cancel();
+  })), 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: 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,
+  de as a
+};

package/dist/es/Switch-DiCsMJT3.js

@@ -0,0 +1,34 @@
+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-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 = {};
+    if (T.activeColor) {
+      const i3 = e(T.activeColor);
+      c3["--px-switch-on-color"] = i3.color, c3["--px-switch-on-border-color"] = i3.dark;
+    }
+    if (T.inactiveColor) {
+      const i3 = e(T.inactiveColor);
+      c3["--px-switch-off-color"] = i3.color, c3["--px-switch-off-border-color"] = i3.dark;
+    }
+    return c3;
+  }));
+  function $() {
+    if (I.value) return;
+    const e2 = j.value ? T.inactiveValue : T.activeValue;
+    S.value = e2, g("update:modelValue", e2), g("change", e2);
+  }
+  return o((() => {
+    z.value.checked = j.value;
+  })), l(j, ((e2) => {
+    z.value.checked = e2;
+  })), i2({ checked: j, focus: () => {
+    var _a;
+    (_a = z.value) == null ? void 0 : _a.focus();
+  } }), (e2, c3) => (n(), s("div", { class: u(["px-switch", { [`px-switch--${e2.size}`]: e2.size, [`px-switch--${e2.type}`]: e2.type, "is-disabled": I.value, "is-checked": j.value }]), style: r(P.value), onClick: $ }, [v("input", { class: "px-switch__input", type: "checkbox", role: "switch", "aria-checked": j.value, ref_key: "inputRef", ref: z, id: p(B), name: e2.name, disabled: I.value, checked: j.value, onKeydown: d($, ["enter"]) }, null, 40, k), v("div", _, [v("div", y, [e2.activeText || e2.inactiveText ? (n(), s("span", b, x(j.value ? e2.activeText : e2.inactiveText), 1)) : h("", true)]), v("div", V, [N.value ? (n(), m(w, { key: 0, class: "px-switch__icon", icon: N.value, size: "xs" }, null, 8, ["icon"])) : h("", true)])])], 6));
+} }));
+export {
+  C as P
+};

package/dist/es/Table-BvA_xzDe.js

@@ -0,0 +1,10 @@
+import { w as e } from "./utils-BS5vsvlM.js";
+import { defineComponent as o, computed as s, createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as p, renderSlot as i } from "vue";
+const r = { class: "px-table__inner" }, n = ["xs", "sm", "md", "lg", "xl"], b = e(o({ name: "PxTable", __name: "Table", props: { type: {}, zebra: { type: Boolean }, hover: { type: Boolean }, border: { type: Boolean }, stripe: { type: Boolean }, pinRows: { type: Boolean }, pinCols: { type: Boolean }, size: { default: "md" }, showHeader: { type: Boolean, default: true }, outline: { type: Boolean }, ghost: { type: Boolean }, hoverable: { type: Boolean } }, setup(e2) {
+  const o2 = e2, n2 = s((() => o2.zebra || o2.stripe)), b2 = s((() => ({ "px-table": true, [`px-table--${o2.size}`]: o2.size, [`px-table--${o2.type}`]: o2.type, "is-zebra": n2.value, "is-hover": o2.hover, "is-border": o2.border, "is-pin-rows": o2.pinRows, "is-pin-cols": o2.pinCols, "is-hide-header": !o2.showHeader, "is-outline": o2.outline, "is-ghost": o2.ghost, "is-hoverable": o2.hoverable })));
+  return (e3, o3) => (a(), t("div", { class: l(b2.value) }, [p("div", r, [i(e3.$slots, "default")])], 2));
+} }));
+export {
+  b as P,
+  n as t
+};

package/dist/es/Tooltip-J3ji6weH.js

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

package/dist/es/hooks-BqobYUzS.js

@@ -0,0 +1,171 @@
+import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as o, unref as a, getCurrentInstance as r, useSlots as l, watchEffect as u, ref as s, inject as i, computed as c, onUnmounted as d } from "vue";
+import { f as m, y as v, k as f, z as p, n as h, o as g, a as E } from "./vendor-DXmGx29U.js";
+function L(r2, l2, u2) {
+  e(r2) ? t(r2, ((e2, t2) => {
+    null == t2 || t2.removeEventListener(l2, u2), null == e2 || e2.addEventListener(l2, u2);
+  })) : n((() => null == r2 ? void 0 : r2.addEventListener(l2, u2))), o((() => {
+    var e2;
+    return null == (e2 = a(r2)) ? void 0 : e2.removeEventListener(l2, u2);
+  }));
+}
+function w(e2, t2) {
+  L(document, "click", ((n2) => {
+    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
+  }));
+}
+const y = (e2, t2) => m(e2, ((e3) => {
+  v(t2) && t2(e3), e3.children && y(e3.children, t2);
+}));
+function x() {
+  var e2, t2;
+  const n2 = /* @__PURE__ */ new Map(), o2 = r(), a2 = null == (t2 = null == (e2 = l()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
+  u((() => {
+    (null == o2 ? void 0 : o2.props.disabled) ? y(a2 ?? [], ((e3) => {
+      (null == e3 ? void 0 : e3.props) && (n2.set(e3, f(e3.props)), e3.props = p(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
+    })) : y(a2 ?? [], ((e3) => {
+      n2.has(e3) && (e3.props = n2.get(e3));
+    }));
+  }));
+}
+function k(e2, n2, a2 = {}) {
+  let r2 = 0, l2 = 0, u2 = 0, s2 = 0, i2 = false;
+  function c2(e3) {
+    0 === e3.button && (i2 = true, u2 = e3.clientX - r2, s2 = e3.clientY - l2, document.addEventListener("mousemove", d2), document.addEventListener("mouseup", m2), e3.preventDefault());
+  }
+  function d2(t2) {
+    if (!i2) return;
+    const n3 = e2.value;
+    if (!n3) return;
+    let o2 = t2.clientX - u2, c3 = t2.clientY - s2;
+    if (a2.constrainToViewport) {
+      const e3 = n3.getBoundingClientRect(), t3 = document.documentElement.clientWidth, a3 = document.documentElement.clientHeight, u3 = e3.left - r2, s3 = e3.top - l2, i3 = -u3, d3 = t3 - u3 - e3.width, m3 = -s3, v3 = a3 - s3 - e3.height;
+      o2 = Math.max(i3, Math.min(d3, o2)), c3 = Math.max(m3, Math.min(v3, c3));
+    }
+    r2 = o2, l2 = c3, n3.style.transform = `translate(${r2}px, ${l2}px)`;
+  }
+  function m2() {
+    i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
+  }
+  function v2(e3) {
+    null == e3 || e3.removeEventListener("mousedown", c2);
+  }
+  return t(n2, ((e3, t2) => {
+    var n3;
+    v2(t2), i2 && (i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2)), null == (n3 = e3) || n3.addEventListener("mousedown", c2);
+  }), { immediate: true }), o((() => {
+    v2(n2.value), document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
+  })), { reset: function() {
+    const t2 = e2.value;
+    r2 = 0, l2 = 0, t2 && (t2.style.transform = "");
+  } };
+}
+function b(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: o2 } = {}) {
+  const a2 = r(), { emit: l2 } = a2, u2 = s(), i2 = s(false);
+  return L(u2, "click", (() => {
+    var t3;
+    null == (t3 = e2.value) || t3.focus();
+  })), { wrapperRef: u2, isFocused: i2, handleFocus: (e3) => {
+    i2.value || (i2.value = true, l2("focus", e3), null == o2 || o2());
+  }, handleBlur: (e3) => {
+    var o3;
+    v(n2) && n2(e3) || e3.relatedTarget && (null == (o3 = u2.value) ? void 0 : o3.contains(e3.relatedTarget)) || (i2.value = false, l2("blur", e3), null == t2 || t2());
+  } };
+}
+const M = ["a[href]", "button:not([disabled])", "input:not([disabled])", "textarea:not([disabled])", "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", ");
+function D(e2) {
+  let t2 = null, n2 = false;
+  function a2(t3) {
+    if (!n2 || "Tab" !== t3.key) return;
+    const o2 = e2.value;
+    if (!o2) return;
+    const a3 = Array.from(o2.querySelectorAll(M)).filter(((e3) => null !== e3.offsetParent));
+    if (0 === a3.length) return void t3.preventDefault();
+    const r3 = a3[0], l2 = a3[a3.length - 1];
+    t3.shiftKey ? document.activeElement !== r3 && o2.contains(document.activeElement) || (t3.preventDefault(), l2.focus()) : document.activeElement !== l2 && o2.contains(document.activeElement) || (t3.preventDefault(), r3.focus());
+  }
+  function r2() {
+    n2 && (n2 = false, document.removeEventListener("keydown", a2), t2 && "function" == typeof t2.focus && t2.focus(), t2 = null);
+  }
+  return o((() => {
+    r2();
+  })), { activate: function() {
+    n2 || (t2 = document.activeElement, n2 = true, document.addEventListener("keydown", a2));
+  }, deactivate: r2 };
+}
+const T = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
+function B(e2 = "er") {
+  const t2 = `${e2}-${T.prefix}-${T.current++}`;
+  return s(t2);
+}
+const I = { name: "en", el: { select: { loading: "Loading", noMatch: "No matching data", noData: "No data", placeholder: "Select" }, dropdown: { toggleDropdown: "Toggle Dropdown" }, messagebox: { title: "Message", confirm: "OK", cancel: "Cancel", error: "Illegal input", close: "Close this dialog" }, popconfirm: { confirmButtonText: "Yes", cancelButtonText: "No" } } };
+function S(e2) {
+  {
+    const e3 = i(h, s(g({ locale: I.name, messages: { en: I.el } })));
+    return c((() => {
+      return t2 = a(e3), E(t2, "install");
+      var t2;
+    }));
+  }
+}
+function $(e2) {
+  const t2 = c((() => e2.getLastBottomOffset())), n2 = c((() => e2.offset + t2.value)), o2 = c((() => n2.value + e2.boxHeight.value));
+  return { topOffset: n2, bottomOffset: o2 };
+}
+const O = s(0);
+function j(e2 = 2e3) {
+  const t2 = s(e2), n2 = c((() => O.value + t2.value));
+  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (O.value++, n2.value) };
+}
+function C() {
+  const e2 = s(false);
+  let t2 = null, o2 = null;
+  return n((() => {
+    "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, o2 = (t3) => {
+      e2.value = t3.matches;
+    }, t2.addEventListener ? t2.addEventListener("change", o2) : t2.addListener(o2));
+  })), d((() => {
+    t2 && o2 && (t2.removeEventListener ? t2.removeEventListener("change", o2) : t2.removeListener(o2));
+  })), { prefersDark: e2, prefers: c((() => e2.value ? "dark" : "light")) };
+}
+const F = "px-theme", N = "px-dark", Y = s("system"), A = s(false);
+function H(e2) {
+  "undefined" != typeof document && (e2 ? document.documentElement.classList.add(N) : document.documentElement.classList.remove(N));
+}
+function K(e2) {
+  return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
+}
+let R = false;
+function V() {
+  if (!R && "undefined" != typeof window) {
+    !(function() {
+      if ("undefined" == typeof window) return;
+      const e4 = localStorage.getItem(F);
+      e4 && ["light", "dark", "system"].includes(e4) ? Y.value = e4 : Y.value = "system", A.value = K(Y.value), H(A.value);
+    })(), R = true;
+    const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
+      "system" === Y.value && (A.value = e4.matches, H(A.value));
+    };
+    e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
+  }
+  const e2 = (e3) => {
+    Y.value = e3, A.value = K(e3), H(A.value), "undefined" != typeof localStorage && localStorage.setItem(F, e3);
+  };
+  return { theme: c((() => Y.value)), isDark: c((() => A.value)), setTheme: e2, toggleTheme: () => {
+    const t2 = A.value ? "light" : "dark";
+    e2(t2);
+  } };
+}
+export {
+  j as a,
+  L as b,
+  w as c,
+  x as d,
+  b as e,
+  $ as f,
+  S as g,
+  D as h,
+  k as i,
+  C as j,
+  V as k,
+  B as u
+};