sakana-element 2.1.4 → 2.2.0

package/dist/es/Select-TIoGsqKv.js

@@ -1,133 +0,0 @@
-import { R as e, _ as l, c as t, r as o, w as a } 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 g, reactive as m, watchEffect as b, watch as y, onMounted as x, onBeforeUnmount as _, provide as V, normalizeStyle as w, withCtx as I, createCommentVNode as M, createElementVNode as k, Fragment as S, renderList as O, createBlock as L, mergeProps as B, nextTick as z } from "vue";
-import { C as D, D as j, g as C, b as F, s as R, e as $, E, F as H, f as P, y as N, q as W, i as q, G as A, c as T } from "./vendor-DXmGx29U.js";
-import { u as U, c as G, a as K } from "./hooks-CYdEHUVd.js";
-import { P as J } from "./Icon-DpJyuj7c.js";
-import { _ as Q } from "./Input-DBPpvf0Y.js";
-import { T as X } from "./Tooltip-HWx_i2FA.js";
-const Y = Symbol("selectContext"), Z = { 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"] }] }, ee = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), le = { 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" } }, te = ["id"], oe = l(i({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
-  const t2 = l2, o2 = s(Y), a2 = n((() => {
-    var _a;
-    return ((_a = o2 == null ? void 0 : o2.selectStates.selectedOption) == null ? void 0 : _a.value) === t2.value;
-  })), i2 = n((() => D(["label", "value"], ((e2) => j(C(o2, ["highlightedLine", "value", e2]), C(t2, e2))))));
-  function f2() {
-    t2.disabled || (o2 == null ? void 0 : o2.handleSelect(t2));
-  }
-  return (l3, s2) => (r(), u("li", { class: c(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": a2.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(o2)) == null ? void 0 : _a.renderLabel) ? (_b = v(o2)) == null ? void 0 : _b.renderLabel(t2) : l3.label }, null, 8, ["vNode"])];
-  }), true)], 10, te));
-} }), [["__scopeId", "data-v-c5f1823d"]]), ae = { key: 0, class: "px-select__loading" }, ie = { key: 1, class: "px-select__nodata" }, se = { class: "px-select__menu" }, ne = a(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: a2 }) {
-  const i2 = e2, s2 = a2, p2 = f(), D2 = g(), te2 = g(), ne2 = g(), ue2 = g(/* @__PURE__ */ new Map()), re = g(i2.options ?? []), de = g(false), ce = Ee(i2.modelValue), pe = m({ inputValue: (ce == null ? void 0 : ce.label) ?? "", selectedOption: ce, mouseHover: false, loading: false, highlightedIndex: -1 }), he = n((() => i2.disabled)), ve = n((() => ee.has(i2.color ?? ""))), fe = n((() => !!i2.color && !ve.value)), ge = n((() => {
-    if (!fe.value) return {};
-    const e3 = t(i2.color), l3 = i2.ghost ? "ghost" : "default";
-    return o(e3, "px-select", le[l3]);
-  })), me = n((() => {
-    var _a;
-    return F((_a = p2 == null ? void 0 : p2.default) == null ? void 0 : _a.call(p2), ((e3) => j(e3.type, oe)));
-  })), be = n((() => R(me.value) > 0)), ye = n((() => i2.clearable && pe.mouseHover && "" !== pe.inputValue)), xe = n((() => {
-    let e3;
-    return e3 = be.value ? [...ue2.value.values()][pe.highlightedIndex] : re.value[pe.highlightedIndex], e3;
-  })), _e = n((() => be.value ? $(me.value, ((e3) => {
-    var _a, _b, _c;
-    return { props: { ...e3.props, disabled: true === ((_a = e3.props) == null ? void 0 : _a.disabled) || !q((_b = e3.props) == null ? void 0 : _b.disabled) && !A((_c = e3.props) == null ? void 0 : _c.disabled) } };
-  })) : [])), Ve = n((() => !!i2.filterable && !we.value)), we = n((() => be.value && ue2.value.size > 0 || !be.value && R(re.value) > 0)), Ie = n((() => be.value ? ue2.value.size - 1 : R(re.value) - 1)), Me = n((() => i2.filterable && pe.selectedOption && de.value ? pe.selectedOption.label : i2.placeholder)), ke = n((() => i2.remote ? 300 : 100));
-  let Se = E(Ne, ke.value);
-  b((() => {
-    Se.cancel(), Se = E(Ne, ke.value);
-  }));
-  const Oe = U().value, { wrapperRef: Le, isFocused: Be, handleBlur: ze, handleFocus: De } = G(ne2), je = (function({ isDropdownVisible: e3, controlVisible: l3, selectStates: t2, highlightedLine: o2, handleSelect: a3, hasData: i3, lastIndex: s3 }) {
-    const n2 = /* @__PURE__ */ new Map();
-    return n2.set("Enter", (() => {
-      e3.value && t2.highlightedIndex >= 0 && o2.value && a3(o2.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: de, controlVisible: Fe, selectStates: pe, highlightedLine: xe, handleSelect: He, hasData: we, lastIndex: Ie });
-  function Ce(e3) {
-    Be.value && z((() => ze(new FocusEvent("focus", e3))));
-  }
-  function Fe(e3) {
-    var _a;
-    te2.value && ((_a = C(te2, ["value", e3 ? "show" : "hide"])) == null ? void 0 : _a(), i2.filterable && (function(e4) {
-      var _a2;
-      i2.filterable && (e4 ? (pe.selectedOption && (pe.inputValue = ""), Se()) : pe.inputValue = ((_a2 = pe.selectedOption) == null ? void 0 : _a2.label) || "");
-    })(e3), de.value = e3, s2("visible-change", e3), pe.highlightedIndex = -1);
-  }
-  function Re() {
-    he.value || Fe(!de.value);
-  }
-  function $e() {
-    var _a;
-    (_a = ne2.value) == null ? void 0 : _a.clear(), pe.inputValue = "", pe.selectedOption = null, s2("clear"), P(["change", "update:modelValue"], ((e3) => s2(e3, "")));
-  }
-  function Ee(e3) {
-    return H(i2.options, ((l3) => l3.value === e3));
-  }
-  function He(e3) {
-    var _a;
-    e3.disabled || (pe.inputValue = e3.label, pe.selectedOption = e3, P(["change", "update:modelValue"], ((l3) => s2(l3, e3.value))), Fe(false), (_a = ne2.value) == null ? void 0 : _a.focus());
-  }
-  function Pe(e3) {
-    ue2.value.clear(), P(e3, ((e4) => {
-      ue2.value.set(e4.props.value, e4.props);
-    }));
-  }
-  function Ne() {
-    const e3 = pe.inputValue;
-    pe.highlightedIndex = -1, be.value ? (async function(e4) {
-      if (i2.filterable) {
-        if (i2.remote && i2.remoteMethod && N(i2.remoteMethod)) return await qe(i2.remoteMethod, e4), void Pe(_e.value);
-        if (i2.filterMethod && N(i2.filterMethod)) {
-          const l3 = $(i2.filterMethod(e4), "value");
-          Pe(F(_e.value, ((e5) => T(l3, C(e5, ["props", "value"])))));
-        } else Pe(F(_e.value, ((l3) => T(C(l3, ["props", "label"]), e4))));
-      }
-    })(e3) : (async function(e4) {
-      i2.filterable && (i2.remote && i2.remoteMethod && N(i2.remoteMethod) ? re.value = await qe(i2.remoteMethod, e4) : i2.filterMethod && N(i2.filterMethod) ? re.value = i2.filterMethod(e4) : re.value = F(i2.options, ((l3) => T(l3.label, e4))));
-    })(e3);
-  }
-  function We(e3) {
-    var _a;
-    je.has(e3.key) && ((_a = je.get(e3.key)) == null ? void 0 : _a(e3));
-  }
-  async function qe(e3, l3) {
-    if (!e3 || !N(e3)) return;
-    let t2;
-    pe.loading = true;
-    try {
-      t2 = await e3(l3);
-    } catch (e4) {
-      t2 = [];
-    }
-    return t2;
-  }
-  function Ae() {
-    const e3 = Ee(i2.modelValue);
-    e3 && (pe.inputValue = e3.label, pe.selectedOption = e3);
-  }
-  return K(D2, ((e3) => Ce(e3))), y((() => i2.options), ((e3) => {
-    re.value = e3 ?? [];
-  })), y((() => _e.value), ((e3) => Pe(e3)), { immediate: true }), y((() => i2.modelValue), (() => {
-    Ae();
-  })), x((() => {
-    Ae();
-  })), _((() => {
-    Se.cancel();
-  })), V(Y, { handleSelect: He, selectStates: pe, renderLabel: function(e3) {
-    return N(i2.renderLabel) ? i2.renderLabel(e3) : e3.label;
-  }, highlightedLine: xe }), l2({ focus: () => {
-    var _a;
-    (_a = ne2.value) == null ? void 0 : _a.focus();
-  }, blur: () => {
-    Ce();
-  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: D2, class: c(["px-select", { "is-disabled": he.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ve.value }]), style: w(ge.value), onClick: d(Re, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => pe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => pe.mouseHover = false) }, [h(X, { ref_key: "tooltipRef", ref: te2, placement: "bottom-start", "popper-options": v(Z), onClickOutside: l3[1] || (l3[1] = (e4) => Fe(false)), manual: "" }, { default: I((() => [k("div", { ref_key: "inputWrapperRef", ref: Le }, [h(Q, { ref_key: "inputRef", ref: ne2, modelValue: pe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => pe.inputValue = e4), id: v(Oe), disabled: he.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Me.value : e3.placeholder, readonly: !e3.filterable || !de.value, onFocus: v(De), onBlur: v(ze), onInput: v(Se), onKeydown: We }, { suffix: I((() => [ye.value ? (r(), L(J, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d($e, ["stop"]), onMousedown: d(v(W), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), L(J, { key: 1, class: c(["header-angle", { "is-active": de.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "onFocus", "onBlur", "onInput"])], 512)])), content: I((() => [pe.loading ? (r(), u("div", ae, [h(J, { icon: "loader", spin: "" })])) : e3.filterable && Ve.value ? (r(), u("div", ie, " No data ")) : M("", true), k("ul", se, [be.value ? (r(true), u(S, { key: 1 }, O(ue2.value, (([e4, l4]) => (r(), L(oe, B({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(S, { key: 0 }, O(re.value, ((e4) => (r(), L(oe, B({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))])])), _: 1 }, 8, ["popper-options"])], 38));
-} }), [["__scopeId", "data-v-ec41a99d"]])), ue = a(oe);
-export {
-  ne as P,
-  ue as a
-};

package/dist/es/Switch-CHjcLtHs.js

@@ -1,34 +0,0 @@
-import { c as e, w as i } from "./utils-bsCscZfS.js";
-import { defineComponent as c, computed as t, ref as a, 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-CYdEHUVd.js";
-import { P as w } from "./Icon-DpJyuj7c.js";
-const _ = ["id", "name", "disabled", "checked"], k = { 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 = i(c({ 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(i2, { expose: c2, emit: C2 }) {
-  const T = i2, g = C2, I = t((() => T.disabled)), S = a(T.modelValue), z = a(), B = f().value, j = t((() => S.value === T.activeValue)), N = t((() => j.value ? T.activeIcon : T.inactiveIcon)), P = t((() => {
-    const i3 = {};
-    if (T.activeColor) {
-      const c3 = e(T.activeColor);
-      i3["--px-switch-on-color"] = c3.color, i3["--px-switch-on-border-color"] = c3.dark;
-    }
-    if (T.inactiveColor) {
-      const c3 = e(T.inactiveColor);
-      i3["--px-switch-off-color"] = c3.color, i3["--px-switch-off-border-color"] = c3.dark;
-    }
-    return i3;
-  }));
-  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;
-  })), c2({ checked: j, focus: () => {
-    var _a;
-    (_a = z.value) == null ? void 0 : _a.focus();
-  } }), (e2, i3) => (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", ref_key: "inputRef", ref: z, id: p(B), name: e2.name, disabled: I.value, checked: j.value, onKeydown: d($, ["enter"]) }, null, 40, _), v("div", k, [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/hooks-CYdEHUVd.js

@@ -1,105 +0,0 @@
-import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as a, unref as r, getCurrentInstance as o, useSlots as l, watchEffect as s, ref as u, computed as d, onUnmounted as c } from "vue";
-import { f as i, y as v, k as f, z as m } from "./vendor-DXmGx29U.js";
-function p(o2, l2, s2) {
-  e(o2) ? t(o2, ((e2, t2) => {
-    null == t2 || t2.removeEventListener(l2, s2), null == e2 || e2.addEventListener(l2, s2);
-  })) : n((() => null == o2 ? void 0 : o2.addEventListener(l2, s2))), a((() => {
-    var e2;
-    return null == (e2 = r(o2)) ? void 0 : e2.removeEventListener(l2, s2);
-  }));
-}
-function h(e2, t2) {
-  p(document, "click", ((n2) => {
-    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
-  }));
-}
-const g = (e2, t2) => i(e2, ((e3) => {
-  v(t2) && t2(e3), e3.children && g(e3.children, t2);
-}));
-function w() {
-  var e2, t2;
-  const n2 = /* @__PURE__ */ new Map(), a2 = o(), r2 = null == (t2 = null == (e2 = l()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
-  s((() => {
-    (null == a2 ? void 0 : a2.props.disabled) ? g(r2 ?? [], ((e3) => {
-      (null == e3 ? void 0 : e3.props) && (n2.set(e3, f(e3.props)), e3.props = m(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
-    })) : g(r2 ?? [], ((e3) => {
-      n2.has(e3) && (e3.props = n2.get(e3));
-    }));
-  }));
-}
-function L(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: a2 } = {}) {
-  const r2 = o(), { emit: l2 } = r2, s2 = u(), d2 = u(false);
-  return p(s2, "click", (() => {
-    var t3;
-    null == (t3 = e2.value) || t3.focus();
-  })), { wrapperRef: s2, isFocused: d2, handleFocus: (e3) => {
-    d2.value || (d2.value = true, l2("focus", e3), null == a2 || a2());
-  }, handleBlur: (e3) => {
-    var a3;
-    v(n2) && n2(e3) || e3.relatedTarget && (null == (a3 = s2.value) ? void 0 : a3.contains(e3.relatedTarget)) || (d2.value = false, l2("blur", e3), null == t2 || t2());
-  } };
-}
-const k = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
-function y(e2 = "er") {
-  const t2 = `${e2}-${k.prefix}-${k.current++}`;
-  return u(t2);
-}
-function E(e2) {
-  const t2 = d((() => e2.getLastBottomOffset())), n2 = d((() => e2.offset + t2.value)), a2 = d((() => n2.value + e2.boxHeight.value));
-  return { topOffset: n2, bottomOffset: a2 };
-}
-const x = u(0);
-function b(e2 = 2e3) {
-  const t2 = u(e2), n2 = d((() => x.value + t2.value));
-  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (x.value++, n2.value) };
-}
-function M() {
-  const e2 = u(false);
-  let t2 = null, a2 = null;
-  return n((() => {
-    "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, a2 = (t3) => {
-      e2.value = t3.matches;
-    }, t2.addEventListener ? t2.addEventListener("change", a2) : t2.addListener(a2));
-  })), c((() => {
-    t2 && a2 && (t2.removeEventListener ? t2.removeEventListener("change", a2) : t2.removeListener(a2));
-  })), { prefersDark: e2, prefers: d((() => e2.value ? "dark" : "light")) };
-}
-const B = "px-theme", I = "px-dark", T = u("system"), F = u(false);
-function O(e2) {
-  "undefined" != typeof document && (e2 ? document.documentElement.classList.add(I) : document.documentElement.classList.remove(I));
-}
-function S(e2) {
-  return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
-}
-let $ = false;
-function D() {
-  if (!$ && "undefined" != typeof window) {
-    !(function() {
-      if ("undefined" == typeof window) return;
-      const e4 = localStorage.getItem(B);
-      e4 && ["light", "dark", "system"].includes(e4) ? T.value = e4 : T.value = "system", F.value = S(T.value), O(F.value);
-    })(), $ = true;
-    const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
-      "system" === T.value && (F.value = e4.matches, O(F.value));
-    };
-    e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
-  }
-  const e2 = (e3) => {
-    T.value = e3, F.value = S(e3), O(F.value), "undefined" != typeof localStorage && localStorage.setItem(B, e3);
-  };
-  return { theme: d((() => T.value)), isDark: d((() => F.value)), setTheme: e2, toggleTheme: () => {
-    const t2 = F.value ? "light" : "dark";
-    e2(t2);
-  } };
-}
-export {
-  h as a,
-  w as b,
-  L as c,
-  b as d,
-  E as e,
-  p as f,
-  M as g,
-  D as h,
-  y as u
-};