@studio-west/component-sw 0.11.18 → 0.11.19

package/dist/SwSkeleton-B7ysp8L9.js

@@ -1,26 +0,0 @@
-import { renderSlot as l, createElementBlock as a, openBlock as o, normalizeClass as n, createVNode as r } from "vue";
-import c from "./SwSkeletonItem-CU7LvihY.js";
-const f = {
-  __name: "SwSkeleton",
-  props: {
-    class: { type: String, default: "" },
-    visual: { type: Boolean, default: !1 }
-  },
-  setup(t) {
-    const e = t;
-    return (s, i) => e.visual ? l(s.$slots, "default", { key: 0 }) : (o(), a("div", {
-      key: 1,
-      class: n(["sw-skeleton", e.class])
-    }, [
-      l(s.$slots, "skeleton", {}, () => [
-        r(c, {
-          animate: "",
-          size: "small"
-        })
-      ])
-    ], 2));
-  }
-};
-export {
-  f as default
-};

package/dist/SwSkeletonItem-CU7LvihY.js

@@ -1,29 +0,0 @@
-import { computed as s, createElementBlock as a, openBlock as n, normalizeStyle as r, normalizeClass as c, createCommentVNode as u } from "vue";
-const m = { key: 0 }, f = {
-  __name: "SwSkeletonItem",
-  props: {
-    width: { type: String, default: "100" },
-    class: { type: String, default: "" },
-    animate: { type: Boolean, default: !1 },
-    size: { type: String, default: "" }
-  },
-  setup(l) {
-    const e = l, i = s(
-      () => {
-        let t = ["sw-skeleton-item"];
-        return e.size.length > 0 && t.push("sw-" + e.size), e.animate && t.push("sw-animate"), e.class.length > 0 && t.push(e.class), t;
-      }
-    ), o = s(() => ({
-      width: e.width + "%"
-    }));
-    return (t, p) => (n(), a("div", {
-      class: c(i.value),
-      style: r(o.value)
-    }, [
-      e.animate ? (n(), a("div", m)) : u("", !0)
-    ], 6));
-  }
-};
-export {
-  f as default
-};

package/dist/SwSlider--meCHr2D.js

@@ -1,158 +0,0 @@
-import { mergeModels as F, useModel as I, ref as p, computed as v, onMounted as q, onUnmounted as U, createElementBlock as M, openBlock as x, normalizeClass as D, createElementVNode as N, withModifiers as P, normalizeStyle as B, Fragment as j, renderList as G, renderSlot as H, createCommentVNode as J, toDisplayString as K } from "vue";
-import { c as O } from "./index-DX9QZTeL.js";
-const Q = ["onMouseenter", "onMouseleave", "onFocus", "onBlur", "onMousedown", "onTouchstart"], _ = {
-  __name: "SwSlider",
-  props: /* @__PURE__ */ F({
-    class: { type: String, default: "" },
-    size: { type: String, default: "" },
-    min: { type: Number, default: 0 },
-    max: { type: Number, default: 100 },
-    step: { type: Number, default: 1 },
-    vertical: { type: Boolean, default: !1 },
-    showValue: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { type: [Number, Array], required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup($) {
-    const m = I($, "modelValue"), n = $, u = p([]), f = p([]), R = v(
-      () => {
-        let e = ["sw-slider"];
-        return n.size.length > 0 && e.push("sw-" + n.size), n.class.length > 0 && e.push(n.class), n.vertical && e.push("vertical"), e;
-      }
-    ), L = (e) => {
-      const t = [...u.value];
-      t[e] = !0, u.value = t;
-    }, k = (e) => {
-      const t = [...u.value];
-      t[e] = !1, u.value = t;
-    }, S = (e) => {
-      const t = document.querySelector(".sw-slider");
-      return t ? O(t, n.vertical) : n.vertical ? { right: "100%", marginRight: "10px" } : { bottom: "100%", marginBottom: "10px" };
-    }, d = v(() => Array.isArray(m.value)), r = v({
-      get() {
-        return d.value ? [...m.value] : [m.value];
-      },
-      set(e) {
-        d.value ? m.value = [...e].sort((t, l) => t - l) : m.value = e[0];
-      }
-    }), i = v(() => {
-      const e = n.max - n.min;
-      return r.value.map((t) => e === 0 ? 0 : (t - n.min) / e * 100);
-    }), X = v(() => {
-      if (n.vertical)
-        if (d.value) {
-          const e = i.value[0] || 0, t = i.value[i.value.length - 1] || 0, l = Math.min(e, t);
-          return {
-            height: `${Math.max(e, t) - l}%`,
-            top: `${l}%`,
-            left: "0",
-            width: "100%"
-          };
-        } else
-          return {
-            height: `${i.value[0] || 0}%`,
-            top: "0",
-            left: "0",
-            width: "100%"
-          };
-      else if (d.value) {
-        const e = i.value[0] || 0, t = i.value[i.value.length - 1] || 0, l = Math.min(e, t);
-        return {
-          width: `${Math.max(e, t) - l}%`,
-          left: `${l}%`,
-          top: "0",
-          height: "100%"
-        };
-      } else
-        return {
-          width: `${i.value[0] || 0}%`,
-          left: "0",
-          top: "0",
-          height: "100%"
-        };
-    }), Y = v(() => i.value.map((e, t) => n.vertical ? { top: `${e}%`, zIndex: r.value.length - t } : { left: `${e}%`, zIndex: r.value.length - t }));
-    function A(e) {
-      if (d.value) return;
-      const t = e.currentTarget.closest(".sw-slider");
-      if (!t) return;
-      const l = t.getBoundingClientRect(), o = n.vertical ? (e.clientY - l.top) / l.height : (e.clientX - l.left) / l.width, s = Math.max(0, Math.min(1, o)), b = n.max - n.min;
-      let a = n.min + s * b;
-      const T = Math.round((a - n.min) / n.step);
-      a = n.min + T * n.step, a = Math.max(n.min, Math.min(n.max, a)), r.value = [a], setTimeout(() => {
-        const h = [...f.value];
-        h[0] = S(), f.value = h;
-      }, 0);
-    }
-    const E = p(!1), c = p(null), V = p(null);
-    function g(e, t) {
-      const l = e.target.closest(".sw-slider");
-      l && (V.value = l.getBoundingClientRect(), c.value = t, E.value = !0, z(e.clientX || e.touches?.[0]?.clientX, e.clientY || e.touches?.[0]?.clientY));
-    }
-    function w(e) {
-      if (!E.value) return;
-      e.preventDefault?.();
-      const t = e.clientX || e.touches?.[0]?.clientX, l = e.clientY || e.touches?.[0]?.clientY;
-      z(t, l);
-    }
-    function y() {
-      E.value = !1, c.value = null;
-    }
-    function z(e, t) {
-      if (!V.value || c.value === null) return;
-      const l = V.value, o = n.vertical ? (t - l.top) / l.height : (e - l.left) / l.width, s = Math.max(0, Math.min(1, o)), b = n.max - n.min;
-      let a = n.min + s * b;
-      const T = Math.round((a - n.min) / n.step);
-      a = n.min + T * n.step, a = Math.max(n.min, Math.min(n.max, a));
-      const h = [...r.value];
-      h[c.value] = a, r.value = h, setTimeout(() => {
-        const C = [...f.value];
-        C[c.value] = S(c.value), f.value = C;
-      }, 0);
-    }
-    return q(() => {
-      window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), window.addEventListener("touchmove", w, { passive: !1 }), window.addEventListener("touchend", y), u.value = new Array(r.value.length).fill(!1);
-    }), U(() => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", y);
-    }), (e, t) => (x(), M("div", {
-      class: D(R.value)
-    }, [
-      N("div", {
-        class: "track",
-        onClick: A,
-        onMousedown: t[0] || (t[0] = P((l) => g(l, 0), ["prevent"])),
-        onTouchstart: t[1] || (t[1] = P((l) => g(l.touches[0], 0), ["prevent"]))
-      }, [
-        N("div", {
-          class: "fill",
-          style: B(X.value)
-        }, null, 4)
-      ], 32),
-      (x(!0), M(j, null, G(r.value, (l, o) => (x(), M("div", {
-        class: "thumb",
-        key: o,
-        style: B(Y.value[o]),
-        onMouseenter: (s) => L(o),
-        onMouseleave: (s) => k(o),
-        onFocus: (s) => L(o),
-        onBlur: (s) => k(o),
-        onMousedown: P((s) => g(s, o), ["prevent"]),
-        onTouchstart: P((s) => g(s.touches[0], o), ["prevent"])
-      }, [
-        H(e.$slots, "default", {
-          index: o,
-          value: l
-        }),
-        u.value[o] && $.showValue ? (x(), M("div", {
-          key: 0,
-          class: D(["tooltip", { "tooltip-vertical": n.vertical }]),
-          style: B(S())
-        }, K(l), 7)) : J("", !0)
-      ], 44, Q))), 128))
-    ], 2));
-  }
-};
-export {
-  _ as default
-};

package/dist/SwSwitch-DeMdyD0-.js

@@ -1,47 +0,0 @@
-import { defineComponent as n, mergeModels as d, useModel as u, computed as f, createElementBlock as i, openBlock as h, normalizeClass as r, createElementVNode as t, renderSlot as m } from "vue";
-const p = ["name", "id", "checked"], b = ["for", "data-onlabel", "data-offlabel"], _ = /* @__PURE__ */ n({
-  __name: "SwSwitch",
-  props: /* @__PURE__ */ d({
-    id: { default: "checkbox" },
-    class: { default: "" },
-    name: { default: "" },
-    on: { default: "" },
-    off: { default: "" },
-    size: { default: "" },
-    checkbox: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(a) {
-    const o = u(a, "modelValue"), e = a, s = f(() => {
-      let l = ["sw-switch"];
-      return e.size.length > 0 && l.push("sw-" + e.size), e.checkbox && l.push("sw-checkbox"), e.class.length > 0 && l.push(e.class), l;
-    }), c = (l) => {
-      o.value = l.target.checked;
-    };
-    return (l, k) => (h(), i("div", {
-      class: r(s.value)
-    }, [
-      t("input", {
-        type: "checkbox",
-        name: e.name,
-        class: "sw-control",
-        id: e.id,
-        checked: o.value,
-        onChange: c
-      }, null, 40, p),
-      t("label", {
-        for: e.id,
-        class: "sw-label",
-        "data-onlabel": e.on,
-        "data-offlabel": e.off
-      }, null, 8, b),
-      m(l.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  _ as default
-};

package/dist/SwTable-BSCqB4nS.js

@@ -1,156 +0,0 @@
-import { useSlots as F, ref as W, onMounted as G, computed as m, createElementBlock as p, openBlock as i, createElementVNode as D, Fragment as g, renderList as w, normalizeStyle as N, toDisplayString as R, renderSlot as J, createTextVNode as K } from "vue";
-import O from "./SwTableColumn-BLF5bPuJ.js";
-const P = { class: "sw-table" }, Q = ["colspan", "rowspan"], U = ["colspan", "rowspan"], Z = {
-  __name: "SwTable",
-  props: {
-    data: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(M) {
-    const T = M, x = F(), h = W([]);
-    function C(l) {
-      const o = [];
-      for (const e of l)
-        if (e.type === O || e.type.__name === "SwTableColumn" || e.type.name === "SwTableColumn" || typeof e.type == "object" && e.props?.prop !== void 0) {
-          const t = {
-            ...e.props,
-            children: []
-          };
-          let s = [];
-          typeof e.children?.default == "function" ? s = e.children.default() : Array.isArray(e.children) && (s = e.children), s && s.length > 0 && (t.children = C(s)), o.push(t);
-        }
-      return o;
-    }
-    function k(l) {
-      if (!l || l.length === 0) return 1;
-      let o = 1;
-      for (const e of l)
-        if (e.children && e.children.length > 0) {
-          const n = k(e.children);
-          o = Math.max(o, 1 + n);
-        }
-      return o;
-    }
-    function A(l, o) {
-      const e = Array.from({ length: o }, () => []);
-      function n(t, s, u = "") {
-        for (let c = 0; c < t.length; c++) {
-          const r = t[c], d = u ? `${u}-${r.prop || c}` : r.prop || c;
-          if (r.children && r.children.length > 0) {
-            const a = E(r.children);
-            e[s].push({
-              key: d,
-              label: r.label,
-              colspan: a,
-              rowspan: 1,
-              width: r.width,
-              height: r.height
-            }), n(r.children, s + 1, d);
-          } else
-            e[s].push({
-              key: r.prop,
-              label: r.label,
-              colspan: 1,
-              rowspan: o - s,
-              width: r.width,
-              height: r.height,
-              prop: r.prop
-            });
-        }
-      }
-      return n(l, 0), e;
-    }
-    function E(l) {
-      let o = 0;
-      function e(n) {
-        for (const t of n)
-          t.children && t.children.length > 0 ? e(t.children) : o++;
-      }
-      return e(l), o;
-    }
-    function j(l) {
-      const o = [];
-      function e(n) {
-        for (const t of n)
-          t.children && t.children.length > 0 ? e(t.children) : o.push(t);
-      }
-      return e(l), o;
-    }
-    function B(l, o) {
-      const e = [], n = /* @__PURE__ */ new Map();
-      return l.forEach((t, s) => {
-        const u = [];
-        o.forEach((c, r) => {
-          const d = `${s}-${c.prop}`;
-          if (n.has(d))
-            return;
-          const a = t[c.prop];
-          let S = a, b = 1, _ = 1, V = {};
-          a && typeof a == "object" && a !== null && (S = a.label || a.value || "", b = a.colspan || 1, _ = a.rowspan || 1, V = a.style || {});
-          const z = {
-            key: d,
-            label: S,
-            prop: c.prop,
-            colspan: b,
-            rowspan: _,
-            style: V,
-            originalRow: t,
-            rowIndex: s
-          };
-          u.push(z);
-          for (let f = 0; f < _; f++)
-            for (let y = 0; y < b; y++) {
-              if (f === 0 && y === 0) continue;
-              const $ = `${s + f}-${o[r + y]?.prop}`;
-              $ && n.set($, !0);
-            }
-        }), u.length > 0 && e.push(u);
-      }), e;
-    }
-    G(() => {
-      const l = x.default?.() || [];
-      console.log("Raw slot VNodes:", l);
-      const o = l.filter((e) => {
-        console.log("VNode type:", e.type, "props:", e.props);
-        const n = e.type && (typeof e.type == "object" || typeof e.type == "function");
-        return console.log("Is component:", n), n;
-      });
-      console.log("Valid VNodes:", o), h.value = C(o), console.log("SwTable mounted - columnTree:", h.value), console.log("SwTable mounted - flatColumns:", v.value), console.log("SwTable mounted - data:", T.data);
-    });
-    const L = m(() => k(h.value)), H = m(() => A(h.value, L.value)), v = m(() => j(h.value)), q = m(() => B(T.data, v.value));
-    return (l, o) => (i(), p("table", P, [
-      D("thead", null, [
-        (i(!0), p(g, null, w(H.value, (e, n) => (i(), p("tr", { key: n }, [
-          (i(!0), p(g, null, w(e, (t) => (i(), p("th", {
-            key: t.key,
-            colspan: t.colspan,
-            rowspan: t.rowspan,
-            style: N({ minWidth: t.width, minHeight: t.height })
-          }, R(t.label), 13, Q))), 128))
-        ]))), 128))
-      ]),
-      D("tbody", null, [
-        (i(!0), p(g, null, w(q.value, (e, n) => (i(), p("tr", { key: n }, [
-          (i(!0), p(g, null, w(e, (t) => (i(), p("td", {
-            key: t.key,
-            colspan: t.colspan,
-            rowspan: t.rowspan,
-            style: N(t.style)
-          }, [
-            J(l.$slots, t.prop, {
-              row: t.originalRow,
-              $index: t.rowIndex
-            }, () => [
-              K(R(t.label), 1)
-            ])
-          ], 12, U))), 128))
-        ]))), 128))
-      ])
-    ]));
-  }
-};
-export {
-  Z as default
-};

package/dist/SwTableColumn-BLF5bPuJ.js

@@ -1,28 +0,0 @@
-import { createElementBlock as t, openBlock as e } from "vue";
-const r = { style: { display: "none" } }, l = {
-  __name: "SwTableColumn",
-  props: {
-    prop: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: String,
-      default: "auto"
-    },
-    height: {
-      type: String,
-      default: "auto"
-    }
-  },
-  setup(o) {
-    return (n, p) => (e(), t("div", r));
-  }
-};
-export {
-  l as default
-};

package/dist/SwTabs-DkSI4oAh.js

@@ -1,38 +0,0 @@
-import { mergeModels as u, ref as m, useModel as k, provide as l, createElementBlock as s, openBlock as r, normalizeClass as d, createCommentVNode as _, renderSlot as h, Fragment as T, renderList as y, toDisplayString as C } from "vue";
-const S = { key: 0 }, V = ["onClick"], B = {
-  __name: "SwTabs",
-  props: /* @__PURE__ */ u({
-    class: { type: String, default: "" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ u(["tab-click"], ["update:modelValue"]),
-  setup(n, { emit: p }) {
-    m(0);
-    const e = m([]), v = n, o = k(n, "modelValue"), b = p;
-    function f(t) {
-      e.value.push(t);
-    }
-    function g(t) {
-      e.value = e.value.filter((c) => c !== t);
-    }
-    return l("registerTab", f), l("unregisterTab", g), l("activeTab", o), l("tabs", e), (t, c) => (r(), s("div", {
-      class: d("sw-tabs " + v.class)
-    }, [
-      e.value.length !== 0 ? (r(), s("header", S, [
-        (r(!0), s(T, null, y(e.value, (i, a) => (r(), s("span", {
-          key: a,
-          class: d([{ active: o.value === a }]),
-          onClick: (M) => {
-            o.value = a, b("tab-click", a);
-          }
-        }, C(i.label || i.title), 11, V))), 128))
-      ])) : _("", !0),
-      h(t.$slots, "default")
-    ], 2));
-  }
-};
-export {
-  B as default
-};

package/dist/SwTabsPane-Dwtj8g7T.js

@@ -1,38 +0,0 @@
-import { inject as t, onMounted as b, onUnmounted as d, computed as n, createElementBlock as p, createCommentVNode as m, openBlock as v, renderSlot as T } from "vue";
-const _ = {
-  key: 0,
-  class: "tab-content"
-}, S = {
-  __name: "SwTabsPane",
-  props: {
-    title: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(l) {
-    const e = l, o = t("registerTab"), r = t("unregisterTab");
-    b(() => {
-      o({
-        title: e.title,
-        label: e.label
-      });
-    }), d(() => {
-      r({
-        title: e.title,
-        label: e.label
-      });
-    });
-    const s = t("activeTab"), i = t("tabs"), c = n(() => i.value.findIndex((a) => a.title === e.title)), u = n(() => s.value === c.value);
-    return (a, f) => u.value ? (v(), p("div", _, [
-      T(a.$slots, "default")
-    ])) : m("", !0);
-  }
-};
-export {
-  S as default
-};