sakana-element 2.4.1 → 2.5.0

package/dist/es/Filter-CLLkrn-W.js

@@ -1,40 +0,0 @@
-import { c as e, r as l, w as a } from "./utils-DzOow9K9.js";
-import { defineComponent as i, useSlots as t, inject as u, computed as o, createElementBlock as s, openBlock as r, normalizeStyle as d, normalizeClass as n, createElementVNode as v, createCommentVNode as c, unref as m, renderSlot as p, createTextVNode as f, toDisplayString as b, provide as y, createVNode as h, Fragment as k, renderList as x, createBlock as V } from "vue";
-import { P as g } from "./Icon-XJfGGAMY.js";
-import { u as _ } from "./hooks-pTjI-j9o.js";
-const A = Symbol("filterContext"), z = { "active-color": "color", "active-border-color": "dark" }, F = ["type", "aria-checked", "id", "name", "disabled", "checked"], P = { key: 0, class: "px-filter-item__label" }, $ = i({ name: "PxFilterItem", inheritAttrs: false, __name: "FilterItem", props: { value: {}, label: {}, disabled: { type: Boolean } }, setup(a2) {
-  const i2 = a2, y2 = t(), h2 = u(A, void 0), k2 = !!h2, x2 = _().value, V2 = o((() => (h2 == null ? void 0 : h2.multiple.value) ?? false)), g2 = o((() => {
-    if (!k2) return false;
-    const e2 = h2.modelValue.value;
-    return V2.value ? Array.isArray(e2) && e2.includes(i2.value) : e2 === i2.value;
-  })), $2 = o((() => !!k2 && !V2.value && h2.hasSelection.value && !g2.value)), j2 = o((() => !!(h2 == null ? void 0 : h2.disabled.value) || (i2.disabled ?? false))), B2 = o((() => h2 == null ? void 0 : h2.size.value)), C2 = o((() => h2 == null ? void 0 : h2.type.value)), E = o((() => h2 == null ? void 0 : h2.color.value)), I = o((() => h2 == null ? void 0 : h2.name.value)), S = o((() => {
-    const a3 = E.value;
-    if (!a3) return {};
-    const i3 = e(a3);
-    return l(i3, "px-filter-item", z);
-  }));
-  function w() {
-    !j2.value && k2 && (V2.value ? h2.changeEvent(i2.value) : h2.changeEvent(g2.value ? void 0 : i2.value));
-  }
-  return (e2, l2) => (r(), s("div", { class: n(["px-filter-item", { [`px-filter-item--${B2.value}`]: B2.value, [`px-filter-item--${C2.value}`]: C2.value, "is-active": g2.value, "is-disabled": j2.value, "is-hidden": $2.value }]), style: d(S.value), onClick: w }, [v("input", { class: "px-filter-item__original", type: V2.value ? "checkbox" : "radio", "aria-checked": g2.value, id: m(x2), name: I.value, disabled: j2.value, checked: g2.value }, null, 8, F), e2.label || m(y2).default ? (r(), s("span", P, [p(e2.$slots, "default", {}, (() => [f(b(e2.label), 1)]))])) : c("", true)], 6));
-} }), j = ["role"], B = a(i({ name: "PxFilter", __name: "Filter", props: { modelValue: {}, options: {}, name: {}, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, multiple: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { emit: l2 }) {
-  const a2 = e2, i2 = l2, t2 = o((() => a2.multiple ? Array.isArray(a2.modelValue) && a2.modelValue.length > 0 : void 0 !== a2.modelValue)), u2 = (e3) => {
-    if (a2.multiple) {
-      const l3 = Array.isArray(a2.modelValue) ? [...a2.modelValue] : [];
-      if (void 0 === e3) return i2("update:modelValue", []), void i2("change", []);
-      const t3 = l3.indexOf(e3);
-      t3 >= 0 ? l3.splice(t3, 1) : l3.push(e3), i2("update:modelValue", l3), i2("change", l3);
-    } else i2("update:modelValue", e3), i2("change", e3);
-  };
-  function d2() {
-    u2(void 0);
-  }
-  return y(A, { modelValue: o((() => a2.modelValue)), disabled: o((() => a2.disabled)), size: o((() => a2.size)), type: o((() => a2.type)), color: o((() => a2.color)), name: o((() => a2.name)), multiple: o((() => a2.multiple)), hasSelection: t2, changeEvent: u2 }), (e3, l3) => {
-    var _a;
-    return r(), s("div", { class: n(["px-filter", { "is-collapsed": !e3.multiple && t2.value }]), role: e3.multiple ? "group" : "radiogroup" }, [t2.value ? (r(), s("div", { key: 0, class: "px-filter__reset", onClick: d2 }, [h(g, { icon: "close" })])) : c("", true), ((_a = e3.options) == null ? void 0 : _a.length) ? (r(true), s(k, { key: 1 }, x(e3.options, ((e4) => (r(), V($, { key: e4.value, value: e4.value, label: e4.label, disabled: e4.disabled }, null, 8, ["value", "label", "disabled"])))), 128)) : p(e3.$slots, "default", { key: 2 })], 10, j);
-  };
-} })), C = a($);
-export {
-  B as P,
-  C as a
-};

package/dist/es/Form-po3aIrSN.js

@@ -1,123 +0,0 @@
-import { inject as e, defineComponent as s, reactive as r, toRefs as t, provide as a, createElementBlock as l, openBlock as o, normalizeClass as i, renderSlot as u, useCssVars as n, computed as d, useSlots as c, ref as p, onMounted as m, onUnmounted as v, normalizeStyle as f, unref as h, createBlock as b, createCommentVNode as g, createElementVNode as y, resolveDynamicComponent as x, withCtx as _, createTextVNode as q, toDisplayString as P, nextTick as k } from "vue";
-import { d as F, _ as I, w } from "./utils-DzOow9K9.js";
-import { f as j, b as $, s as B, c as A, d as S, i as W, e as M, g as V, h as z, j as C, k as O, l as T, p as D } from "./vendor-DrBJKLFW.js";
-import { u as E } from "./hooks-pTjI-j9o.js";
-import { z as R } from "zod";
-import { P as G } from "./Icon-XJfGGAMY.js";
-const H = Symbol("formContext"), J = Symbol("formItemContext");
-function K() {
-  return { form: e(H, void 0), formItem: e(J, void 0) };
-}
-const L = s({ name: "PxForm", __name: "Form", props: { model: {}, rules: {}, disabled: { type: Boolean }, inline: { type: Boolean }, statusIcon: { type: Boolean }, labelWidth: {}, labelPosition: { default: "right" }, labelSuffix: {}, showMessage: { type: Boolean, default: true }, hideRequiredAsterisk: { type: Boolean, default: false }, requiredAsteriskPosition: { default: "left" } }, emits: ["validate"], setup(e2, { expose: s2, emit: n2 }) {
-  const d2 = n2, c2 = [], p2 = async (e3, s3) => {
-    try {
-      const r2 = await (async function(e4 = []) {
-        let s4 = {};
-        for (const r3 of e4) try {
-          await r3.validate("");
-        } catch (e5) {
-          s4 = { ...s4, ...e5 };
-        }
-        return !B(Object.keys(s4)) || Promise.reject(s4);
-      })(m2(c2, e3 ?? []));
-      return true === r2 && (s3 == null ? void 0 : s3(r2)), r2;
-    } catch (e4) {
-      if (e4 instanceof Error) throw e4;
-      const r2 = e4;
-      return s3 == null ? void 0 : s3(false, r2), Promise.reject(r2);
-    }
-  };
-  function m2(e3, s3) {
-    return B(s3) ? $(e3, ((e4) => A(s3, e4.prop))) : e3;
-  }
-  const v2 = r({ ...t(e2), emits: d2, addField: (e3) => {
-    e3.prop && c2.push(e3);
-  }, removeField: (e3) => {
-    e3.prop && c2.splice(c2.indexOf(e3), 1);
-  } });
-  return a(H, v2), s2({ validate: async (e3) => p2([], e3), validateField: p2, resetFields: (e3) => {
-    j(m2(c2, e3 ?? []), ((e4) => e4.resetField()));
-  }, clearValidate: (e3) => {
-    j(m2(c2, e3 ?? []), ((e4) => e4.clearValidate()));
-  } }), (e3, s3) => (o(), l("form", { class: i(["px-form", { "is-inline": e3.inline }]) }, [u(e3.$slots, "default")], 2));
-} }), N = ["aria-describedby"], Q = { class: "px-form-item__input-wrap" }, U = ["id"], X = I(s({ name: "PxFormItem", __name: "FormItem", props: { prop: {}, label: {}, for: {}, labelWidth: {}, disabled: { type: Boolean }, required: { type: Boolean, default: void 0 }, showMessage: { type: Boolean, default: true }, error: {}, rules: {} }, setup(s2, { expose: I2 }) {
-  n(((e2) => ({ ac9c6e38: le.value })));
-  const w2 = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), j2 = s2, K2 = c(), L2 = e(H), X2 = E().value, Y2 = p("init"), Z2 = p(""), ee = p([]), se = (e2) => {
-    return e2 && j2.prop && !W(V(e2, j2.prop)) ? (s3 = j2.prop, (T(s3) ? s3 : s3.split(".")).some(((e3) => w2.has(e3))) ? (F("PxFormItem", `Prop path "${j2.prop}" contains a dangerous segment and was rejected.`), null) : V(e2, j2.prop)) : null;
-    var s3;
-  }, re = d((() => !(!j2.label && !K2.label))), te = d((() => j2.for || (ee.value.length ? ee.value[0] : ""))), ae = d((() => `${j2.label ?? ""}${(L2 == null ? void 0 : L2.labelSuffix) ?? ""}`)), le = d((() => {
-    const e2 = (e3) => z(e3) ? `${e3}px` : C(e3, "px") ? e3 : `${e3}px`;
-    return j2.labelWidth ? e2(j2.labelWidth) : (L2 == null ? void 0 : L2.labelWidth) ? e2(L2 == null ? void 0 : L2.labelWidth) : "150px";
-  })), oe = d((() => (L2 == null ? void 0 : L2.labelPosition) ?? "right")), ie = d((() => "top" === oe.value)), ue = d((() => ie.value ? { width: "100%", textAlign: "left", padding: "0 0 8px 0" } : { textAlign: "left" === oe.value ? "left" : "right" })), ne = d((() => (L2 == null ? void 0 : L2.disabled) || j2.disabled)), de = d((() => {
-    const e2 = L2 == null ? void 0 : L2.model;
-    return se(e2);
-  })), ce = d((() => j2.prop ? S(j2.prop) ? j2.prop : j2.prop.join(".") : "")), pe = d((() => {
-    const { required: e2 } = j2, s3 = [];
-    j2.rules && s3.push(...j2.rules);
-    const r2 = L2 == null ? void 0 : L2.rules;
-    if (r2 && j2.prop) {
-      const e3 = se(r2);
-      e3 && s3.push(...e3);
-    }
-    if (!W(e2)) {
-      const r3 = $(M(s3, ((e3, s4) => [e3, s4])), ((e3) => A(D(e3[0]), "required")));
-      if (B(r3)) for (const t2 of r3) {
-        const [r4, a2] = t2;
-        r4.required !== e2 && (s3[a2] = { ...r4, required: e2 });
-      }
-      else s3.push({ required: e2 });
-    }
-    return s3;
-  })), me = d((() => W(j2.required) ? B($(pe.value, ((e2) => e2.required))) > 0 : j2.required));
-  let ve = null, fe = false;
-  const he = async (e2, s3) => {
-    if (fe || !j2.prop || ne.value) return false;
-    if (!Y2.value) return s3 == null ? void 0 : s3(false), false;
-    const r2 = (function(e3) {
-      const s4 = pe.value;
-      return s4 ? $(s4, ((s5) => !(s5 == null ? void 0 : s5.trigger) || !e3 || (T(s5.trigger) ? s5.trigger.includes(e3) : s5.trigger === e3))) : [];
-    })(e2);
-    return B(r2) ? (Y2.value = "validating", (async function(e3) {
-      var _a;
-      const s4 = de.value;
-      for (const r3 of e3) {
-        let e4 = r3.schema ?? null;
-        if (!e4 && r3.required && (e4 = R.string({ message: r3.message ?? "This field is required" }).min(1, r3.message ?? "This field is required")), !e4) continue;
-        const t2 = e4.safeParse(s4);
-        if (!t2.success) {
-          const e5 = r3.message ?? ((_a = t2.error.issues[0]) == null ? void 0 : _a.message) ?? "Validation failed";
-          Y2.value = "error", Z2.value = e5;
-          const s5 = { errors: [{ field: ce.value, message: e5 }], fields: { [ce.value]: [{ message: e5 }] } };
-          return L2 == null ? void 0 : L2.emits("validate", j2, false, e5), Promise.reject(s5);
-        }
-      }
-      return Y2.value = "success", L2 == null ? void 0 : L2.emits("validate", j2, true, ""), true;
-    })(r2).then((() => (s3 == null ? void 0 : s3(true), true))).catch(((e3) => {
-      const { fields: r3 } = e3;
-      return s3 == null ? void 0 : s3(false, r3), Promise.reject(r3);
-    }))) : (s3 == null ? void 0 : s3(true), true);
-  }, be = () => {
-    const e2 = L2 == null ? void 0 : L2.model;
-    e2 && ce.value && !W(V(e2, ce.value)) && (fe = true, e2[ce.value] = O(ve)), k((() => ge()));
-  }, ge = () => {
-    Y2.value = "init", Z2.value = "", fe = false;
-  }, ye = r({ ...t(j2), disabled: ne.value, validate: he, resetField: be, clearValidate: ge, addInputId: (e2) => {
-    A(ee.value, e2) || ee.value.push(e2);
-  }, removeInputId: (e2) => {
-    ee.value = $(ee.value, ((s3) => s3 !== e2));
-  } });
-  return m((() => {
-    j2.prop && (L2 == null ? void 0 : L2.addField(ye), ve = de.value);
-  })), v((() => {
-    j2.prop && (L2 == null ? void 0 : L2.removeField(ye));
-  })), a(J, ye), I2({ validateMessage: Z2, validateStatus: Y2, validate: he, resetField: be, clearValidate: ge }), (e2, s3) => {
-    var _a, _b, _c, _d, _e;
-    return o(), l("div", { class: i(["px-form-item", { "is-error": "error" === Y2.value, "is-success": "success" === Y2.value, "is-disabled": ne.value, "is-required": me.value, "asterisk-left": "left" === ((_a = h(L2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(L2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: f(ie.value ? { flexDirection: "column" } : {}) }, [re.value ? (o(), b(x(te.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: f(ue.value), id: h(X2), for: te.value }, { default: _((() => [u(e2.$slots, "label", { label: ae.value }, (() => [q(P(ae.value), 1)]), true)])), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: f(ie.value ? { width: "100%" } : {}), "aria-describedby": "error" === Y2.value ? `form-item-error-${h(X2)}` : void 0 }, [y("div", Q, [u(e2.$slots, "default", { validate: he }, void 0, true), ((_c = h(L2)) == null ? void 0 : _c.statusIcon) && "success" === Y2.value ? (o(), b(G, { key: 0, icon: "check", class: "px-form-item__status-icon is-success", size: "sm" })) : g("", true), ((_d = h(L2)) == null ? void 0 : _d.statusIcon) && "error" === Y2.value ? (o(), b(G, { key: 1, icon: "close", class: "px-form-item__status-icon is-error", size: "sm" })) : g("", true)]), "error" === Y2.value ? (o(), l("div", { key: 0, class: "px-form-item__error-msg", id: `form-item-error-${h(X2)}` }, [((_e = h(L2)) == null ? void 0 : _e.showMessage) && e2.showMessage ? u(e2.$slots, "error", { key: 0, error: Z2.value }, (() => [q(P(Z2.value), 1)]), true) : g("", true)], 8, U)) : g("", true)], 12, N)], 6);
-  };
-} }), [["__scopeId", "data-v-0e2bbb22"]]), Y = w(L), Z = w(X);
-export {
-  J as F,
-  Y as P,
-  Z as a,
-  K as u
-};