@svar-ui/trial-vue-kanban 2.6.0

package/dist/index.es.js

@@ -0,0 +1,1686 @@
+import { computed as C, openBlock as r, createElementBlock as d, normalizeStyle as Y, Fragment as N, renderList as re, normalizeClass as J, createTextVNode as te, toDisplayString as F, createCommentVNode as $, inject as W, unref as o, createElementVNode as R, createBlock as K, resolveDynamicComponent as pe, ref as q, watchEffect as U, onUnmounted as Pe, withDirectives as ke, createVNode as ae, onWatcherCleanup as ve, useSlots as Ke, provide as ce, renderSlot as Me, mergeProps as Re, withCtx as he, reactive as je, useAttrs as He } from "vue";
+import { subscribe as De, writable as Ge, subscribeLater as Te } from "@svar-ui/lib-vue";
+import { EventBusRouter as Ye } from "@svar-ui/lib-state";
+import { getMenuOptions as qe, KanbanStore as Xe, getToolbarItems as Ue } from "@svar-ui/trial-kanban-store";
+import { getMenuOptions as Nn, getToolbarItems as Vn } from "@svar-ui/trial-kanban-store";
+import { setID as fe, locale as Ee, getID as ne, locate as Ne, delegateClick as Je, hotkeys as Qe, locateID as Ze } from "@svar-ui/lib-dom";
+import { Popup as _e, Locale as et, RichSelect as tt, MultiCombo as nt, DatePicker as at, Slider as rt, Willow as Oe, WillowDark as ze } from "@svar-ui/vue-core";
+import { ContextMenu as ot } from "@svar-ui/vue-menu";
+import { en as ge } from "@svar-ui/kanban-locales";
+import { en as ye } from "@svar-ui/core-locales";
+import { registerEditorItem as me, Editor as lt } from "@svar-ui/vue-editor";
+import { registerEditorItem as Wn } from "@svar-ui/vue-editor";
+import { Toolbar as ct } from "@svar-ui/vue-toolbar";
+import { RestDataProvider as jn } from "@svar-ui/kanban-provider";
+const st = "2.6.0", it = {
+  version: st
+}, Q = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [c, a] of e)
+    n[c] = a;
+  return n;
+}, dt = ["title", "aria-label"], ut = ["src"], ft = {
+  key: 0,
+  class: "wx-avatar wx-more"
+}, mt = /* @__PURE__ */ Object.assign({ name: "KanbanAvatar" }, {
+  __name: "Avatar",
+  props: {
+    value: { default: null },
+    size: { default: 24 },
+    limit: {}
+  },
+  setup(t) {
+    const e = t, n = C(
+      () => Array.isArray(e.value) ? e.value : e.value ? [e.value] : []
+    ), c = C(
+      () => typeof e.limit == "number" && Number.isFinite(e.limit) ? Math.max(0, Math.floor(e.limit)) : n.value.length
+    ), a = C(() => n.value.slice(0, c.value)), p = C(
+      () => Math.max(0, n.value.length - a.value.length)
+    ), S = C(
+      () => Math.max(10, Math.round(e.size * 0.42))
+    ), s = C(
+      () => `--wx-avatar-size:${e.size}px;--wx-avatar-font-size:${S.value}px;`
+    );
+    function l(x) {
+      return x.label ?? x.name ?? "";
+    }
+    function b(x) {
+      const m = l(x).trim();
+      if (!m) return "";
+      const u = m.split(/\s+/);
+      return (u[0][0] + (u[1]?.[0] ?? "")).toUpperCase().slice(0, 2);
+    }
+    function M(x) {
+      return x.img ?? x.avatar;
+    }
+    return (x, m) => n.value.length > 0 ? (r(), d("div", {
+      key: 0,
+      class: "wx-avatars",
+      style: Y(s.value)
+    }, [
+      (r(!0), d(N, null, re(a.value, (u) => (r(), d("span", {
+        key: u.id,
+        class: J("wx-avatar " + (u.css ?? "")),
+        title: l(u) || void 0,
+        "aria-label": l(u) || void 0
+      }, [
+        M(u) ? (r(), d("img", {
+          key: 0,
+          class: "wx-image",
+          src: M(u),
+          alt: "",
+          loading: "lazy"
+        }, null, 8, ut)) : (r(), d(N, { key: 1 }, [
+          te(F(b(u)), 1)
+        ], 64))
+      ], 10, dt))), 128)),
+      p.value > 0 ? (r(), d("span", ft, "+" + F(p.value), 1)) : $("", !0)
+    ], 4)) : $("", !0);
+  }
+}), vt = /* @__PURE__ */ Q(mt, [["__scopeId", "data-v-2884c896"]]);
+function pt() {
+  return {
+    priority: !0,
+    progress: !0,
+    description: !0,
+    deadline: !0,
+    tags: !0
+  };
+}
+function Ve() {
+  return [
+    { id: 1, label: "Low", css: "wx-card-priority-low" },
+    { id: 2, label: "Medium", css: "wx-card-priority-medium" },
+    { id: 3, label: "High", css: "wx-card-priority-high" }
+  ];
+}
+function we(t) {
+  return typeof t == "object" && t !== null ? t : void 0;
+}
+function ht(t) {
+  const e = t ?? {
+    description: !0,
+    priority: !0,
+    progress: !0,
+    deadline: !0,
+    tags: !1,
+    users: !1
+  }, n = [
+    { comp: "text", key: "label", label: "Title", required: !0 }
+  ];
+  if (e.description && n.push({
+    comp: "textarea",
+    key: "description",
+    label: "Description"
+  }), e.priority) {
+    const p = we(e.priority)?.data;
+    n.push({
+      comp: "richselect",
+      key: "priority",
+      label: "Priority",
+      options: p ?? Ve()
+    });
+  }
+  e.progress && n.push({
+    comp: "slider",
+    key: "progress",
+    label: "Progress",
+    min: 0,
+    max: 1,
+    step: 0.1
+  }), e.deadline && n.push({
+    comp: "datepicker",
+    key: "deadline",
+    label: "Deadline",
+    clear: !0
+  });
+  const c = we(e.tags)?.data;
+  c && n.push({
+    comp: "multicombo",
+    key: "tags",
+    label: "Tags",
+    options: c
+  });
+  const a = we(e.users)?.data;
+  return a && n.push({
+    comp: "multicombo",
+    key: "users",
+    label: "Users",
+    options: a
+  }), n;
+}
+const gt = {
+  key: 1,
+  class: "wx-header"
+}, yt = {
+  key: 1,
+  class: "wx-deadline"
+}, bt = ["aria-label"], xt = { class: "wx-body" }, Ct = { class: "wx-title-row" }, wt = {
+  key: 0,
+  class: "wx-title"
+}, kt = ["aria-label"], St = {
+  key: 0,
+  class: "wx-description"
+}, Mt = {
+  key: 1,
+  class: "wx-tags"
+}, Dt = {
+  key: 2,
+  class: "wx-progress-row"
+}, Et = ["aria-label"], Lt = {
+  key: 0,
+  class: "wx-progress-label"
+}, $t = {
+  key: 2,
+  class: "wx-footer"
+}, Bt = { class: "wx-counters" }, Ot = ["aria-label"], zt = ["aria-label"], At = /* @__PURE__ */ Object.assign({ name: "KanbanCard" }, {
+  __name: "Card",
+  props: {
+    card: {},
+    cardShape: {}
+  },
+  setup(t) {
+    const e = t, n = W("wx-i18n").getGroup("kanban");
+    function c(f) {
+      return typeof f == "number" ? f : Array.isArray(f) ? f.length : 0;
+    }
+    function a(f) {
+      return typeof f == "object" && f !== null ? f : void 0;
+    }
+    function p(f) {
+      if (typeof f == "string" || typeof f == "number") return f;
+      const O = f?.id;
+      return typeof O == "string" || typeof O == "number" ? O : null;
+    }
+    function S(f) {
+      const O = p(f);
+      return O != null ? String(O) : String(f?.label ?? f?.name ?? "");
+    }
+    function s(f, O) {
+      return f?.find((I) => I.id === O);
+    }
+    function l(f, O) {
+      const I = p(f);
+      if (I == null) return null;
+      const Z = s(O, I);
+      return Z || {
+        id: I,
+        label: S(f)
+      };
+    }
+    function b(f, O, I) {
+      if (!Array.isArray(f)) return [];
+      const Z = f.map((H) => l(H, O)).filter((H) => H !== null);
+      return typeof I == "number" && Number.isFinite(I) ? Z.slice(0, Math.max(0, I)) : Z;
+    }
+    function M(f) {
+      if (f instanceof Date)
+        return Number.isNaN(f.getTime()) ? null : f;
+      if (typeof f == "string" || typeof f == "number") {
+        const O = new Date(f);
+        return Number.isNaN(O.getTime()) ? null : O;
+      }
+      return null;
+    }
+    function x(f) {
+      return f < 10 ? "0" + f : String(f);
+    }
+    function m(f, O) {
+      const I = M(f);
+      return I ? O ? O.replace(/YYYY/g, String(I.getFullYear())).replace(/MM/g, x(I.getMonth() + 1)).replace(/DD/g, x(I.getDate())).replace(/HH/g, x(I.getHours())).replace(/mm/g, x(I.getMinutes())) : I.toLocaleDateString() : null;
+    }
+    const u = C(
+      () => a(e.cardShape.priority)
+    ), z = C(() => a(e.cardShape.tags)), k = C(() => a(e.cardShape.users)), h = C(
+      () => a(e.cardShape.deadline)
+    ), D = C(
+      () => a(e.cardShape.progress)
+    ), P = C(
+      () => Math.round(Math.max(0, Math.min(1, e.card.progress ?? 0)) * 100)
+    ), w = C(
+      () => e.cardShape.priority ? l(
+        e.card.priority,
+        u.value?.data ?? Ve()
+      ) : null
+    ), y = C(
+      () => e.cardShape.tags ? b(e.card.tags, z.value?.data, z.value?.max) : []
+    ), A = C(
+      () => e.cardShape.users ? b(
+        e.card.users,
+        k.value?.data,
+        k.value?.max
+      ) : []
+    ), V = C(
+      () => A.value.map((f) => ({ id: f.id, name: f.label, avatar: f.img }))
+    ), j = C(
+      () => e.cardShape.deadline ? m(e.card.deadline, h.value?.format) : null
+    );
+    return (f, O) => (r(), d(N, null, [
+      t.card.cover && t.cardShape.cover ? (r(), d("div", {
+        key: 0,
+        class: "wx-cover",
+        style: Y(`background-image: url(${t.card.cover});`)
+      }, null, 4)) : $("", !0),
+      w.value || j.value ? (r(), d("div", gt, [
+        w.value ? (r(), d("span", {
+          key: 0,
+          class: J("wx-priority " + (w.value.css ?? ""))
+        }, F(o(n)(w.value.label)), 3)) : $("", !0),
+        j.value ? (r(), d("span", yt, F(j.value), 1)) : $("", !0),
+        t.cardShape.menu ? (r(), d("button", {
+          key: 2,
+          type: "button",
+          class: "wx-menu",
+          "data-action": "menu",
+          "aria-label": o(n)("Card menu")
+        }, [...O[0] || (O[0] = [
+          R("i", { class: "wx-icon wxi-dots-h" }, null, -1)
+        ])], 8, bt)) : $("", !0)
+      ])) : $("", !0),
+      R("div", xt, [
+        R("div", Ct, [
+          t.card.label ? (r(), d("div", wt, [
+            te(F(t.card.label) + " ", 1),
+            t.cardShape.menu && !w.value && !j.value ? (r(), d("button", {
+              key: 0,
+              type: "button",
+              class: "wx-menu",
+              "data-action": "menu",
+              "aria-label": o(n)("Card menu")
+            }, [...O[1] || (O[1] = [
+              R("i", { class: "wx-icon wxi-dots-h" }, null, -1)
+            ])], 8, kt)) : $("", !0)
+          ])) : $("", !0)
+        ]),
+        t.card.description && t.cardShape.description ? (r(), d("p", St, F(t.card.description), 1)) : $("", !0),
+        y.value.length > 0 ? (r(), d("div", Mt, [
+          (r(!0), d(N, null, re(y.value, (I) => (r(), d("span", {
+            key: I.id,
+            class: J("wx-tag " + (I.css ?? ""))
+          }, F(I.label), 3))), 128))
+        ])) : $("", !0),
+        t.card.progress > 0 && t.cardShape.progress ? (r(), d("div", Dt, [
+          R("div", {
+            class: "wx-progress",
+            "aria-label": o(n)("Progress")
+          }, [
+            R("div", {
+              class: "wx-progress-fill",
+              style: Y(`width: ${P.value}%;`)
+            }, null, 4)
+          ], 8, Et),
+          D.value?.showLabel ? (r(), d("span", Lt, F(P.value) + "%", 1)) : $("", !0)
+        ])) : $("", !0)
+      ]),
+      A.value.length > 0 || c(t.card.attachments) > 0 && t.cardShape.attachments || c(t.card.comments) > 0 && t.cardShape.comments ? (r(), d("div", $t, [
+        V.value.length > 0 ? (r(), K(vt, {
+          key: 0,
+          value: V.value,
+          size: 24
+        }, null, 8, ["value"])) : $("", !0),
+        R("div", Bt, [
+          c(t.card.attachments) > 0 && t.cardShape.attachments ? (r(), d("span", {
+            key: 0,
+            class: "wx-counter",
+            "aria-label": o(n)("Attachments")
+          }, [
+            O[2] || (O[2] = R("i", { class: "wx-icon wxi-paperclip" }, null, -1)),
+            te(" " + F(c(t.card.attachments)), 1)
+          ], 8, Ot)) : $("", !0),
+          c(t.card.comments) > 0 && t.cardShape.comments ? (r(), d("span", {
+            key: 1,
+            class: "wx-counter",
+            "aria-label": o(n)("Comments")
+          }, [
+            O[3] || (O[3] = R("i", { class: "wx-icon wxi-message" }, null, -1)),
+            te(" " + F(c(t.card.comments)), 1)
+          ], 8, zt)) : $("", !0)
+        ])
+      ])) : $("", !0)
+    ], 64));
+  }
+}), It = /* @__PURE__ */ Q(At, [["__scopeId", "data-v-52077978"]]), Pt = ["data-id", "aria-label"], Rt = {
+  __name: "CardWrapper",
+  props: {
+    cardContent: {},
+    card: {},
+    cardShape: {},
+    extraCss: { default: "" }
+  },
+  setup(t) {
+    const n = W("wx-i18n").getGroup("kanban");
+    return (c, a) => (r(), d("article", {
+      class: J("wx-card " + (t.card.css ?? "") + " " + t.extraCss),
+      "data-id": t.card.id == null ? void 0 : o(fe)(t.card.id),
+      role: "button",
+      tabindex: "0",
+      "aria-label": t.card.label ?? `${o(n)("Card")} ${t.card.id}`
+    }, [
+      typeof t.cardContent == "object" ? (r(), K(pe(t.cardContent), {
+        key: 0,
+        card: t.card,
+        cardShape: t.cardShape
+      }, null, 8, ["card", "cardShape"])) : (r(), K(It, {
+        key: 1,
+        card: t.card,
+        cardShape: t.cardShape
+      }, null, 8, ["card", "cardShape"]))
+    ], 10, Pt));
+  }
+}, Se = /* @__PURE__ */ Q(Rt, [["__scopeId", "data-v-913e56be"]]), Fe = /* @__PURE__ */ Symbol("wx/kanban-scroll-container"), oe = /* @__PURE__ */ Symbol("kanban-api"), be = /* @__PURE__ */ Symbol("wx/kanban-dnd");
+function Ht(t, e) {
+  let n = e;
+  function c(a) {
+    if (n.readonly || a.target !== t) return;
+    const S = We({ label: "New card" }, n.columnAccessor, n.column);
+    n.store.exec("add-card", { card: S });
+  }
+  return t.addEventListener("dblclick", c), {
+    update(a) {
+      n = a;
+    },
+    destroy() {
+      t.removeEventListener("dblclick", c);
+    }
+  };
+}
+function We(t, e, n) {
+  return typeof e == "string" ? { ...t, [e]: n } : e.set(t, n);
+}
+const Tt = ["data-kanban-column-cards", "data-kanban-render-start", "data-kanban-render-end", "data-kanban-card-count", "data-kanban-after-rendered-before-id"], Nt = ["data-kanban-card-id"], Vt = ["data-kanban-card-id"], Ft = {
+  __name: "CardList",
+  props: {
+    column: {},
+    readonly: { type: Boolean, default: !1 },
+    cardContent: {},
+    cardShape: {},
+    contentVisible: { type: Boolean },
+    virtualizeCards: { type: Boolean },
+    estimatedCardHeight: { type: Number },
+    cardOverscan: { type: Number },
+    fixedColumnWidth: { type: Boolean },
+    cardCss: { type: Function }
+  },
+  setup(t) {
+    const e = t;
+    function n(g) {
+      return e.cardCss ? e.cardCss(g, e.column) ?? "" : "";
+    }
+    const c = W(oe), a = W(be), p = W(Fe, void 0), S = C(() => c.getState().columnAccessor), s = q(null), l = q({
+      start: 0,
+      end: -1,
+      top: 0,
+      bottom: 0,
+      total: 0
+    }), b = q(8);
+    let M = 0, x = !1;
+    const m = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+    let z;
+    const k = C(
+      () => a?.active && a.target?.column === e.column.id
+    ), h = C(
+      () => e.virtualizeCards ? l.value.start : 0
+    ), D = C(
+      () => e.virtualizeCards ? l.value.end : e.column.cards.length - 1
+    ), P = C(
+      () => e.contentVisible ? e.column.cards.slice(
+        h.value,
+        Math.max(h.value, D.value + 1)
+      ) : []
+    ), w = C(
+      () => l.value.total || f(e.column.cards.length)
+    ), y = C(
+      () => l.value.start > 0 ? Math.max(0, l.value.top - b.value) : 0
+    ), A = C(
+      () => l.value.bottom > 0 ? Math.max(0, l.value.bottom - b.value) : 0
+    ), V = C(
+      () => e.contentVisible && e.virtualizeCards && D.value >= 0 && D.value < e.column.cards.length - 1 ? e.column.cards[D.value + 1]?.id : void 0
+    ), j = C(
+      () => k.value && (a.target?.beforeId == null || a.target?.beforeId === V.value)
+    );
+    function f(g) {
+      if (!g) return 0;
+      const E = Math.max(1, e.estimatedCardHeight || 1);
+      return g * E + Math.max(0, g - 1) * b.value;
+    }
+    function O() {
+      if (!s.value) return;
+      const g = getComputedStyle(s.value), v = g.getPropertyValue("--wx-card-gap").trim() || g.rowGap || g.gap, T = Number.parseFloat(v);
+      b.value = Number.isFinite(T) ? T : 8;
+    }
+    function I(g) {
+      return g.id != null ? m.get(g.id) ?? Math.max(1, e.estimatedCardHeight || 1) : Math.max(1, e.estimatedCardHeight || 1);
+    }
+    function Z() {
+      const g = [0];
+      let E = 0;
+      for (let v = 0; v < e.column.cards.length; v++)
+        E += I(e.column.cards[v]), v < e.column.cards.length - 1 && (E += b.value), g.push(E);
+      return { offsets: g, total: E };
+    }
+    function H(g, E) {
+      let v = 0, T = g.length;
+      for (; v < T; ) {
+        const G = Math.floor((v + T) / 2);
+        g[G] <= E ? v = G + 1 : T = G;
+      }
+      return v;
+    }
+    function xe() {
+      if (!s.value) return;
+      if (O(), !e.contentVisible || !e.virtualizeCards) {
+        l.value = {
+          start: 0,
+          end: e.contentVisible ? e.column.cards.length - 1 : -1,
+          top: 0,
+          bottom: 0,
+          total: f(e.column.cards.length)
+        };
+        return;
+      }
+      const g = e.column.cards.length;
+      if (!g) {
+        l.value = { start: 0, end: -1, top: 0, bottom: 0, total: 0 };
+        return;
+      }
+      const { offsets: E, total: v } = Z(), T = p?.() ?? null;
+      let G = 0, de = 0;
+      if (T) {
+        const X = T.getBoundingClientRect(), ue = s.value.getBoundingClientRect();
+        G = Math.max(0, X.top - ue.top), de = Math.min(
+          v,
+          X.bottom - ue.top
+        );
+      } else
+        G = s.value.scrollTop, de = G + s.value.clientHeight;
+      const i = Math.max(
+        0,
+        Math.floor(e.cardOverscan || 0)
+      );
+      let L = Math.max(0, H(E, G) - 1), B = Math.max(L, H(E, de) - 1);
+      L = Math.max(0, L - i), B = Math.min(g - 1, B + i), l.value = {
+        start: L,
+        end: B,
+        top: E[L],
+        bottom: Math.max(0, v - E[B + 1]),
+        total: v
+      };
+    }
+    function ee() {
+      M || (M = requestAnimationFrame(() => {
+        M = 0, xe();
+      }));
+    }
+    function Ce() {
+      const g = new Set(e.column.cards.map((E) => E.id));
+      for (const E of m.keys())
+        g.has(E) || m.delete(E);
+      for (; m.size > 1e4; ) {
+        const E = m.keys().next().value;
+        if (E === void 0) break;
+        m.delete(E);
+      }
+    }
+    function se() {
+      z || typeof ResizeObserver > "u" || (z = new ResizeObserver((g) => {
+        let E = !1;
+        for (const v of g) {
+          const T = u.get(v.target);
+          if (T == null) continue;
+          const G = Math.ceil(v.target.offsetHeight);
+          G > 0 && m.get(T) !== G && (m.delete(T), m.set(T, G), E = !0);
+        }
+        E && ee();
+      }));
+    }
+    const le = {
+      mounted(g, E) {
+        const v = E.value;
+        v.id != null && (se(), u.set(g, v.id), z?.observe(g));
+      },
+      updated(g, E) {
+        const v = E.value;
+        z?.unobserve(g), v.id != null ? (se(), u.set(g, v.id), z?.observe(g)) : u.delete(g);
+      },
+      unmounted(g) {
+        z?.unobserve(g), u.delete(g);
+      }
+    }, ie = {
+      mounted(g, E) {
+        const v = Ht(g, E.value);
+        g.__dblclickAction = v;
+      },
+      updated(g, E) {
+        g.__dblclickAction?.update(E.value);
+      },
+      unmounted(g) {
+        g.__dblclickAction?.destroy(), delete g.__dblclickAction;
+      }
+    };
+    return U(() => {
+      e.virtualizeCards && !x && m.clear(), x = e.virtualizeCards, Ce(), e.column.cards, e.contentVisible, e.estimatedCardHeight, e.cardOverscan, ee();
+    }), U((g) => {
+      if (!s.value || !e.contentVisible || !e.virtualizeCards)
+        return;
+      const E = p?.() ?? s.value, v = () => ee();
+      E.addEventListener("scroll", v, { passive: !0 }), window.addEventListener("resize", v), ee(), g(() => {
+        E.removeEventListener("scroll", v), window.removeEventListener("resize", v);
+      });
+    }), U((g) => {
+      if (!s.value || !e.contentVisible || !e.virtualizeCards || e.fixedColumnWidth || typeof ResizeObserver > "u")
+        return;
+      let E = s.value.clientWidth;
+      const v = new ResizeObserver(() => {
+        const T = s.value?.clientWidth ?? 0;
+        T && T !== E && (E = T, m.clear(), ee());
+      });
+      v.observe(s.value), g(() => v.disconnect());
+    }), Pe(() => {
+      M && cancelAnimationFrame(M), z?.disconnect();
+    }), (g, E) => ke((r(), d("div", {
+      class: "wx-column-cards",
+      "data-kanban-column-cards": o(fe)(t.column.id),
+      "data-kanban-render-start": h.value,
+      "data-kanban-render-end": D.value,
+      "data-kanban-card-count": t.column.cards.length,
+      "data-kanban-after-rendered-before-id": V.value == null ? void 0 : o(fe)(V.value),
+      ref_key: "container",
+      ref: s
+    }, [
+      t.contentVisible ? (r(), d(N, { key: 0 }, [
+        t.virtualizeCards ? (r(), d(N, { key: 0 }, [
+          y.value > 0 ? (r(), d("div", {
+            key: 0,
+            class: "wx-virtual-spacer",
+            style: Y({ height: y.value + "px" })
+          }, null, 4)) : $("", !0),
+          (r(!0), d(N, null, re(P.value, (v) => (r(), d(N, {
+            key: v.id
+          }, [
+            k.value && o(a).target?.beforeId === v.id ? (r(), d("div", {
+              key: 0,
+              class: "wx-drop-placeholder",
+              style: Y({ height: o(a).height + "px" })
+            }, null, 4)) : $("", !0),
+            ke((r(), d("div", {
+              class: J([
+                "wx-card-row",
+                v.css ?? "",
+                n(v),
+                {
+                  "wx-dragging": o(a)?.active && o(a).cardId === v.id
+                }
+              ]),
+              "data-kanban-card-id": v.id == null ? void 0 : o(fe)(v.id)
+            }, [
+              ae(Se, {
+                card: v,
+                cardContent: t.cardContent,
+                cardShape: t.cardShape,
+                extraCss: n(v)
+              }, null, 8, ["card", "cardContent", "cardShape", "extraCss"])
+            ], 10, Nt)), [
+              [le, v]
+            ])
+          ], 64))), 128)),
+          j.value ? (r(), d("div", {
+            key: 1,
+            class: "wx-drop-placeholder",
+            style: Y({ height: o(a).height + "px" })
+          }, null, 4)) : $("", !0),
+          A.value > 0 ? (r(), d("div", {
+            key: 2,
+            class: "wx-virtual-spacer",
+            style: Y({ height: A.value + "px" })
+          }, null, 4)) : $("", !0)
+        ], 64)) : (r(), d(N, { key: 1 }, [
+          (r(!0), d(N, null, re(t.column.cards, (v) => (r(), d(N, {
+            key: v.id
+          }, [
+            k.value && o(a).target?.beforeId === v.id ? (r(), d("div", {
+              key: 0,
+              class: "wx-drop-placeholder",
+              style: Y({ height: o(a).height + "px" })
+            }, null, 4)) : $("", !0),
+            R("div", {
+              class: J([
+                "wx-card-row",
+                v.css ?? "",
+                n(v),
+                {
+                  "wx-dragging": o(a)?.active && o(a).cardId === v.id
+                }
+              ]),
+              "data-kanban-card-id": v.id == null ? void 0 : o(fe)(v.id)
+            }, [
+              ae(Se, {
+                card: v,
+                cardContent: t.cardContent,
+                cardShape: t.cardShape,
+                extraCss: n(v)
+              }, null, 8, ["card", "cardContent", "cardShape", "extraCss"])
+            ], 10, Vt)
+          ], 64))), 128)),
+          j.value ? (r(), d("div", {
+            key: 0,
+            class: "wx-drop-placeholder",
+            style: Y({ height: o(a).height + "px" })
+          }, null, 4)) : $("", !0)
+        ], 64))
+      ], 64)) : w.value > 0 ? (r(), d("div", {
+        key: 1,
+        class: "wx-virtual-spacer",
+        style: Y({ height: w.value + "px" })
+      }, null, 4)) : $("", !0)
+    ], 8, Tt)), [
+      [ie, {
+        store: o(c),
+        column: t.column.id,
+        columnAccessor: S.value,
+        readonly: t.readonly
+      }]
+    ]);
+  }
+}, Wt = /* @__PURE__ */ Q(Ft, [["__scopeId", "data-v-78a4e100"]]), Kt = ["aria-label"], jt = { class: "wx-body" }, Gt = { class: "wx-title" }, Yt = { class: "wx-column-header" }, qt = ["aria-label"], Xt = { class: "wx-title" }, Ut = ["aria-label"], Jt = /* @__PURE__ */ Object.assign({ name: "KanbanColumn" }, {
+  __name: "Column",
+  props: {
+    column: {},
+    readonly: { type: Boolean, default: !1 },
+    cardContent: {},
+    cardShape: {},
+    contentVisible: { type: Boolean },
+    requestVisible: { type: Boolean },
+    virtualizeCards: { type: Boolean },
+    estimatedCardHeight: { type: Number },
+    cardOverscan: { type: Number },
+    fixedColumnWidth: { type: Boolean },
+    registerColumn: { type: Function },
+    cardCss: { type: Function },
+    columnCss: { type: Function }
+  },
+  setup(t) {
+    const e = t, n = C(
+      () => e.columnCss ? e.columnCss(e.column.cards, e.column) ?? "" : ""
+    ), c = W(oe), a = C(() => c.getState().columnAccessor), p = W("wx-i18n").getGroup("kanban"), S = q(null), s = C(
+      () => typeof e.column.cardLimit == "number" || e.column.cardLimit === !0
+    ), l = C(
+      () => typeof e.column.cardLimit == "number" ? e.column.cardLimit : null
+    ), b = C(() => e.column.addCard !== !1 && !e.readonly);
+    function M() {
+      c.exec("update-column", {
+        id: e.column.id,
+        column: { collapsed: !e.column.collapsed }
+      });
+    }
+    function x() {
+      if (!b.value) return;
+      const m = We({}, a.value, e.column.id);
+      c.exec("add-card", { card: m, edit: !0 });
+    }
+    return U(() => {
+      if (!e.registerColumn || !S.value) return;
+      const m = e.column.id;
+      e.registerColumn(m, S.value), ve(() => e.registerColumn(m, null));
+    }), U(() => {
+      !e.column.collapsed && e.requestVisible && e.column.dataStatus === "unknown" && c.exec("request-data", { id: e.column.id });
+    }), (m, u) => (r(), d("section", {
+      class: J(["wx-column", t.column.css ?? "", n.value, { "wx-collapsed": t.column.collapsed, "wx-over-limit": t.column.overLimit }]),
+      ref_key: "root",
+      ref: S
+    }, [
+      t.column.collapsed ? (r(), d(N, { key: 0 }, [
+        R("button", {
+          type: "button",
+          class: "wx-expand",
+          onClick: M,
+          "aria-label": o(p)("Expand column")
+        }, [...u[0] || (u[0] = [
+          R("i", { class: "wx-icon wxi-angle-right" }, null, -1)
+        ])], 8, Kt),
+        R("div", jt, [
+          R("h3", Gt, [
+            R("span", null, F(t.column.label), 1),
+            s.value ? (r(), d("span", {
+              key: 0,
+              class: J(["wx-count", { "wx-over": t.column.overLimit }])
+            }, [
+              te(F(t.column.cards.length), 1),
+              l.value != null ? (r(), d(N, { key: 0 }, [
+                te("/" + F(l.value), 1)
+              ], 64)) : $("", !0)
+            ], 2)) : $("", !0)
+          ])
+        ])
+      ], 64)) : (r(), d(N, { key: 1 }, [
+        R("header", Yt, [
+          R("button", {
+            type: "button",
+            class: "wx-toggle",
+            onClick: M,
+            "aria-label": o(p)("Collapse column")
+          }, [...u[1] || (u[1] = [
+            R("i", { class: "wx-icon wxi-angle-left" }, null, -1)
+          ])], 8, qt),
+          R("h3", Xt, F(t.column.label), 1),
+          s.value ? (r(), d("span", {
+            key: 0,
+            class: J(["wx-count", { "wx-over": t.column.overLimit }])
+          }, [
+            te(F(t.column.cards.length), 1),
+            l.value != null ? (r(), d(N, { key: 0 }, [
+              te("/" + F(l.value), 1)
+            ], 64)) : $("", !0)
+          ], 2)) : $("", !0),
+          b.value ? (r(), d("button", {
+            key: 1,
+            type: "button",
+            class: "wx-add",
+            onClick: x,
+            "aria-label": o(p)("Add card to") + " " + t.column.label
+          }, [...u[2] || (u[2] = [
+            R("i", { class: "wx-icon wxi-plus" }, null, -1)
+          ])], 8, Ut)) : $("", !0)
+        ]),
+        ae(Wt, {
+          column: t.column,
+          readonly: t.readonly,
+          cardContent: t.cardContent,
+          cardShape: t.cardShape,
+          contentVisible: t.contentVisible,
+          virtualizeCards: t.virtualizeCards,
+          estimatedCardHeight: t.estimatedCardHeight,
+          cardOverscan: t.cardOverscan,
+          fixedColumnWidth: t.fixedColumnWidth,
+          cardCss: t.cardCss
+        }, null, 8, ["column", "readonly", "cardContent", "cardShape", "contentVisible", "virtualizeCards", "estimatedCardHeight", "cardOverscan", "fixedColumnWidth", "cardCss"])
+      ], 64))
+    ], 2));
+  }
+}), Qt = /* @__PURE__ */ Q(Jt, [["__scopeId", "data-v-aedbf81a"]]), Zt = ["oncontextmenu"], _t = {
+  __name: "ContextMenu",
+  props: {
+    options: { default: () => [] },
+    api: { default: null },
+    resolver: { default: null },
+    filter: { default: null },
+    at: { default: "point" },
+    onclick: { type: Function },
+    css: {}
+  },
+  setup(t, { expose: e }) {
+    const n = t, c = Ke(), a = W(oe, void 0);
+    function p(w) {
+      if (typeof w == "string" && w.startsWith(":")) {
+        const y = document.createElement("div");
+        return y.setAttribute("data-id", w), ne(y);
+      }
+      return typeof w == "string" || typeof w == "number" ? w : null;
+    }
+    function S(w) {
+      const y = p(w);
+      if (y != null)
+        return n.api ? n.api.getCards().find((A) => A.id === y) : a?.getState().cards.getById(y);
+    }
+    function s(w, y) {
+      (n.api ?? a)?.exec(w, y);
+    }
+    let l = null, b = W("wx-i18n", void 0);
+    b || (b = Ee({ ...ge, ...ye }), ce("wx-i18n", b));
+    const M = b.getGroup("kanban");
+    function x(w) {
+      return w.map((y) => (y = { ...y }, y.text && (y.text = M(y.text)), y.subtext && (y.subtext = M(y.subtext)), y.data && (y.data = x(y.data)), y));
+    }
+    function m() {
+      const w = n.options.length ? n.options : qe();
+      return x(w);
+    }
+    function u(w, y) {
+      if (w == null) return null;
+      const A = S(w);
+      return !A || n.resolver && !n.resolver(A, y) ? null : (l = A.id, A);
+    }
+    function z(w) {
+      const y = w?.action;
+      if (!y) return;
+      const A = typeof l == "object" ? l.id : l;
+      y.id === "edit-card" ? s("select-card", { id: A }) : y.id === "duplicate-card" ? s("duplicate-card", { id: A }) : y.id === "delete-card" && s("delete-card", { id: A }), n.onclick?.(w);
+    }
+    function k(w, y) {
+      return n.filter ? n.filter(w, y) : !0;
+    }
+    const h = C(() => m()), D = q(null);
+    function P(w, y) {
+      D.value.show(w, y);
+    }
+    return e({ show: P }), (w, y) => (r(), d(N, null, [
+      ae(o(ot), {
+        filter: k,
+        options: h.value,
+        dataKey: "id",
+        resolver: u,
+        onclick: z,
+        css: t.css,
+        at: t.at,
+        ref_key: "menu",
+        ref: D
+      }, null, 8, ["options", "css", "at"]),
+      o(c).default ? (r(), d("span", {
+        key: 0,
+        oncontextmenu: D.value?.show,
+        "data-menu-ignore": "true"
+      }, [
+        Me(w.$slots, "default", {}, void 0, !0)
+      ], 8, Zt)) : $("", !0)
+    ], 64));
+  }
+}, en = /* @__PURE__ */ Q(_t, [["__scopeId", "data-v-dc3e87b0"]]), tn = {
+  __name: "DragGhost",
+  props: {
+    root: {},
+    cardContent: {},
+    cardShape: {}
+  },
+  setup(t) {
+    const e = t, n = W(be), c = W(oe), a = C(() => !n?.active || n.cardId == null ? null : c.getState().cards.getById(n.cardId) ?? null), p = C(() => {
+      if (!n) return { x: 0, y: 0 };
+      let S = n.pointer.x - n.offset.x, s = n.pointer.y - n.offset.y;
+      if (e.root && n.active) {
+        const l = e.root.getBoundingClientRect();
+        S = Math.max(l.left, Math.min(S, l.right - n.width)), s = Math.max(l.top, Math.min(s, l.bottom - n.height));
+      }
+      return { x: S, y: s };
+    });
+    return (S, s) => o(n)?.active && a.value ? (r(), d("div", {
+      key: 0,
+      class: "wx-ghost",
+      style: Y({
+        width: o(n).width + "px",
+        height: o(n).height + "px",
+        transform: "translate(" + p.value.x + "px, " + p.value.y + "px)"
+      })
+    }, [
+      ae(Se, {
+        card: a.value,
+        cardContent: t.cardContent,
+        cardShape: t.cardShape
+      }, null, 8, ["card", "cardContent", "cardShape"])
+    ], 4)) : $("", !0);
+  }
+}, nn = /* @__PURE__ */ Q(tn, [["__scopeId", "data-v-40eca5a6"]]), Ae = 4;
+function an(t, e) {
+  let n = e, c = 0, a = 0, p = !1, S = !1, s = null;
+  function l(k) {
+    if (k.button !== 0 || n.readonly || !n.dnd || !n.store)
+      return;
+    const h = k.target, D = h ? h.closest("[data-kanban-card-id]") : null;
+    if (!D || !t.contains(D)) return;
+    const P = D.closest("[data-kanban-column-cards]");
+    if (!P) return;
+    const w = ne(D, "data-kanban-card-id"), y = ne(P, "data-kanban-column-cards");
+    if (w == null || y == null) return;
+    const { viewData: A } = n.store.getState(), V = A.columns.find((f) => f.id === y), j = V?.cards.find((f) => f.id === w);
+    !V || !j || j.id == null || (s = {
+      dnd: n.dnd,
+      store: n.store,
+      id: j.id,
+      column: V.id,
+      cardEl: D
+    }, p = !0, S = !1, c = k.clientX, a = k.clientY, window.addEventListener("pointermove", b), window.addEventListener("pointerup", M), window.addEventListener("keydown", x));
+  }
+  function b(k) {
+    if (!(!p || !s)) {
+      if (n.readonly) {
+        z();
+        return;
+      }
+      if (!S) {
+        const h = k.clientX - c, D = k.clientY - a;
+        if (h * h + D * D < Ae * Ae) return;
+        m(k, s);
+      }
+      s.dnd.pointer = { x: k.clientX, y: k.clientY }, rn(k.clientX, k.clientY, s);
+    }
+  }
+  function M() {
+    u(), S && s && (on(s), s.dnd.reset(), document.body.style.userSelect = "", ln()), p = !1, S = !1, s = null;
+  }
+  function x(k) {
+    k.key !== "Escape" || !S || !s || z();
+  }
+  function m(k, h) {
+    const D = h.cardEl.getBoundingClientRect();
+    h.dnd.width = D.width, h.dnd.height = D.height, h.dnd.offset = { x: c - D.left, y: a - D.top }, h.dnd.pointer = { x: k.clientX, y: k.clientY }, h.dnd.cardId = h.id, h.dnd.sourceColumn = h.column, h.dnd.target = { column: h.column, beforeId: null }, h.dnd.active = !0, document.body.style.userSelect = "none", S = !0;
+  }
+  function u() {
+    window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", M), window.removeEventListener("keydown", x);
+  }
+  function z() {
+    u(), S && s && (s.dnd.reset(), document.body.style.userSelect = ""), p = !1, S = !1, s = null;
+  }
+  return t.addEventListener("pointerdown", l), {
+    update(k) {
+      n = k, n.readonly && (p || S) && z();
+    },
+    destroy() {
+      t.removeEventListener("pointerdown", l), z();
+    }
+  };
+}
+function rn(t, e, n) {
+  const c = document.elementFromPoint(t, e), a = c ? c.closest("[data-kanban-column-cards]") : null;
+  if (!a)
+    return;
+  const p = ne(a, "data-kanban-column-cards");
+  if (p == null) return;
+  const s = n.store.getState().viewData.columns.find((m) => m.id === p);
+  if (!s) return;
+  const l = Array.from(
+    a.querySelectorAll("[data-kanban-card-id]")
+  ).filter((m) => ne(m, "data-kanban-card-id") !== n.id);
+  let b = null;
+  for (const m of l) {
+    const u = m.getBoundingClientRect();
+    if (e < u.top + u.height / 2) {
+      b = Ie(
+        s,
+        ne(m, "data-kanban-card-id")
+      );
+      break;
+    }
+  }
+  b == null && (b = Ie(
+    s,
+    ne(a, "data-kanban-after-rendered-before-id")
+  ));
+  const M = { column: s.id, beforeId: b }, x = n.dnd.target;
+  (!x || x.column !== M.column || x.beforeId !== M.beforeId) && (n.dnd.target = M);
+}
+function Ie(t, e) {
+  return e == null ? null : t.cards.find((n) => n.id === e)?.id ?? null;
+}
+function on(t) {
+  const e = t.dnd.target;
+  if (!e) return;
+  const n = {
+    id: t.id,
+    column: e.column
+  };
+  e.beforeId != null && (n.before = e.beforeId), t.store.exec("move-card", n);
+}
+function ln() {
+  const t = (e) => {
+    e.preventDefault(), e.stopPropagation(), window.removeEventListener("click", t, !0);
+  };
+  window.addEventListener("click", t, !0), setTimeout(() => window.removeEventListener("click", t, !0), 0);
+}
+function cn(t, e = "right-start") {
+  let n = null;
+  const c = q(null), a = q({ x: 0, y: 0 }), p = q(null);
+  function S(M) {
+    if (a.value = { x: M.clientX, y: M.clientY }, p.value || !M.target) return;
+    const x = Ne(M.target) ?? null;
+    if (x === n) return;
+    if (n = x, !x) {
+      c.value = null;
+      return;
+    }
+    const m = t(ne(x));
+    c.value = m ? { card: m } : null;
+  }
+  function s() {
+    n = null, c.value = null;
+  }
+  function l(M) {
+    if (c.value = null, n = null, !M) {
+      p.value = null;
+      return;
+    }
+    const x = t(M.cardId);
+    x && (p.value = {
+      card: x,
+      element: M.element,
+      at: e
+    });
+  }
+  function b() {
+    p.value = null;
+  }
+  return {
+    get tooltipState() {
+      return c.value;
+    },
+    get mousePos() {
+      return a.value;
+    },
+    get cardPopupState() {
+      return p.value;
+    },
+    handleTooltipMove: S,
+    handleTooltipLeave: s,
+    handleCardPopup: l,
+    hideCardPopup: b
+  };
+}
+const sn = ["aria-label"], dn = { class: "wx-content" }, un = ["href"], fn = /* @__PURE__ */ Object.assign({ name: "KanbanLayout" }, {
+  __name: "Layout",
+  props: {
+    cardShape: {},
+    readonly: { type: Boolean, default: !1 },
+    render: {},
+    cardContent: {},
+    tooltip: {},
+    cardPopup: {},
+    cardCss: { type: Function },
+    columnCss: { type: Function }
+  },
+  setup(t) {
+    const e = t, n = C(() => e.render?.columnScroll ?? !0), c = C(() => e.render?.fixedColumnWidth ?? !0), a = C(() => e.render?.virtualizeCards ?? !1), p = C(
+      () => e.render?.virtualizeColumns ?? !1
+    ), S = C(
+      () => e.render?.estimatedCardHeight ?? 80
+    ), s = C(() => e.render?.cardOverscan ?? 5), l = C(() => e.render?.columnOverscan ?? 1), b = W(oe), M = De(b.getReactiveState().viewData), x = b.getBrandmark(), m = W("wx-i18n").getGroup("kanban"), u = W(be), z = q(null), k = q(null), h = q(/* @__PURE__ */ new Set());
+    let D = 0;
+    const P = /* @__PURE__ */ new Map();
+    ce(
+      Fe,
+      () => n.value ? null : k.value ?? null
+    );
+    function w(i, L) {
+      if (i.size !== L.size) return !1;
+      for (const B of i)
+        if (!L.has(B)) return !1;
+      return !0;
+    }
+    function y(i) {
+      w(h.value, i) || (h.value = i);
+    }
+    function A() {
+      if (!p.value || !k.value) {
+        y(/* @__PURE__ */ new Set());
+        return;
+      }
+      const i = M.value.columns;
+      if (!i.length) {
+        y(/* @__PURE__ */ new Set());
+        return;
+      }
+      const L = k.value.getBoundingClientRect();
+      let B = -1, X = -1;
+      for (let _ = 0; _ < i.length; _++) {
+        const $e = P.get(i[_].id);
+        if (!$e) continue;
+        const Be = $e.getBoundingClientRect();
+        Be.right >= L.left && Be.left <= L.right && (B === -1 && (B = _), X = _);
+      }
+      if (B === -1 || X === -1) {
+        y(/* @__PURE__ */ new Set());
+        return;
+      }
+      const ue = Math.max(0, Math.floor(l.value || 0));
+      B = Math.max(0, B - ue), X = Math.min(i.length - 1, X + ue);
+      const Le = /* @__PURE__ */ new Set();
+      for (let _ = B; _ <= X; _++)
+        Le.add(i[_].id);
+      y(Le);
+    }
+    function V() {
+      D || (D = requestAnimationFrame(() => {
+        D = 0, A();
+      }));
+    }
+    function j(i, L) {
+      L ? P.set(i, L) : P.delete(i), V();
+    }
+    function f() {
+      k.value && k.value.style.setProperty(
+        "--wx-kanban-scroll-height",
+        `${k.value.clientHeight}px`
+      );
+    }
+    function O(i) {
+      return !p.value || h.value.size === 0 || h.value.has(i);
+    }
+    function I(i) {
+      return !p.value || h.value.has(i);
+    }
+    function Z(i) {
+      return b.getState().cards.getById(i);
+    }
+    const H = cn(Z, "right-start"), xe = { trackScroll: !0 };
+    function ee(i) {
+      !e.readonly && i != null && b.exec("select-card", { id: i });
+    }
+    function Ce(i, L) {
+      if (!(e.readonly || u?.active)) {
+        if (e.cardPopup && i != null) {
+          const B = L?.target, X = B ? Ne(B) : null;
+          if (X) {
+            H.handleCardPopup({ cardId: i, element: X });
+            return;
+          }
+        }
+        ee(i);
+      }
+    }
+    function se(i) {
+      if (e.readonly) return;
+      i?.preventDefault();
+      const L = document.activeElement, B = L ? Ze(L) : null;
+      if (e.cardPopup && B != null && L) {
+        H.handleCardPopup({
+          cardId: B,
+          element: L
+        });
+        return;
+      }
+      ee(B);
+    }
+    const le = C(
+      () => e.cardShape?.menu ? typeof e.cardShape.menu == "object" ? e.cardShape.menu : {} : null
+    ), ie = q(null);
+    function g(i, L) {
+      e.readonly || i == null || !ie.value || (L.stopPropagation(), ie.value.show(L, i));
+    }
+    function E(i) {
+      return Je(i, {
+        click: Ce,
+        menu: g
+      });
+    }
+    function v(i) {
+      return { destroy: Qe.subscribe((B) => {
+        B.configure(
+          {
+            enter: se,
+            space: se
+          },
+          i
+        );
+      }) };
+    }
+    const T = {
+      mounted(i, L) {
+        const B = an(i, L.value);
+        i._cardDrag = B;
+      },
+      updated(i, L) {
+        i._cardDrag?.update(L.value);
+      },
+      unmounted(i) {
+        i._cardDrag?.destroy();
+      }
+    }, G = {
+      mounted(i) {
+        const L = E(i);
+        i._delegateCardClick = L;
+      },
+      unmounted(i) {
+        i._delegateCardClick?.destroy();
+      }
+    }, de = {
+      mounted(i) {
+        const L = v(i);
+        i._cardHotkeys = L;
+      },
+      unmounted(i) {
+        i._cardHotkeys?.destroy();
+      }
+    };
+    return U(() => {
+      p.value, l.value, c.value, M.value.columns, V();
+    }), U(() => {
+      if (!k.value || !p.value || typeof ResizeObserver > "u")
+        return;
+      const i = new ResizeObserver(() => V());
+      i.observe(k.value), ve(() => i.disconnect());
+    }), U(() => {
+      if (!k.value) return;
+      if (f(), window.addEventListener("resize", f), typeof ResizeObserver > "u") {
+        ve(
+          () => window.removeEventListener("resize", f)
+        );
+        return;
+      }
+      const i = new ResizeObserver(f);
+      i.observe(k.value), ve(() => {
+        i.disconnect(), window.removeEventListener("resize", f);
+      });
+    }), Pe(() => {
+      D && cancelAnimationFrame(D);
+    }), (i, L) => (r(), d("div", {
+      class: "wx-kanban",
+      role: "region",
+      "aria-label": o(m)("Kanban board"),
+      ref_key: "root",
+      ref: z
+    }, [
+      ke((r(), d("div", {
+        class: J(["wx-board", {
+          "wx-scroll-board": !n.value,
+          "wx-layout-flex": !c.value
+        }]),
+        onMousemove: L[0] || (L[0] = (B) => t.tooltip && o(H).handleTooltipMove(B)),
+        onMouseleave: L[1] || (L[1] = (B) => t.tooltip && o(H).handleTooltipLeave(B))
+      }, [
+        R("div", {
+          class: "wx-scroll",
+          ref_key: "scroll",
+          ref: k,
+          onScroll: V
+        }, [
+          R("div", dn, [
+            (r(!0), d(N, null, re(o(M).columns, (B) => (r(), K(Qt, {
+              key: B.id,
+              column: B,
+              readonly: t.readonly,
+              cardContent: t.cardContent,
+              cardShape: t.cardShape,
+              contentVisible: O(B.id),
+              requestVisible: I(B.id),
+              virtualizeCards: a.value,
+              estimatedCardHeight: S.value,
+              cardOverscan: s.value,
+              fixedColumnWidth: c.value,
+              registerColumn: j,
+              cardCss: t.cardCss,
+              columnCss: t.columnCss
+            }, null, 8, ["column", "readonly", "cardContent", "cardShape", "contentVisible", "requestVisible", "virtualizeCards", "estimatedCardHeight", "cardOverscan", "fixedColumnWidth", "cardCss", "columnCss"]))), 128))
+          ])
+        ], 544)
+      ], 34)), [
+        [T, { dnd: o(u), store: o(b), readonly: t.readonly }],
+        [G],
+        [de]
+      ]),
+      o(x) ? (r(), d("a", {
+        key: 0,
+        style: Y(o(x).style),
+        href: o(x).link,
+        target: "_blank"
+      }, F(o(x).text), 13, un)) : $("", !0),
+      ae(nn, {
+        root: z.value,
+        cardContent: t.cardContent,
+        cardShape: t.cardShape
+      }, null, 8, ["root", "cardContent", "cardShape"]),
+      le.value ? (r(), K(en, {
+        key: 1,
+        options: le.value.options,
+        filter: le.value.filter,
+        onclick: le.value.onclick,
+        ref_key: "cardMenu",
+        ref: ie
+      }, null, 8, ["options", "filter", "onclick"])) : $("", !0),
+      o(H).tooltipState && t.tooltip ? (r(), d("div", {
+        key: 2,
+        class: "wx-tooltip",
+        style: Y(`position:fixed;left:${o(H).mousePos.x + 12}px;top:${o(H).mousePos.y + 16}px;z-index:10000;pointer-events:none`),
+        "aria-hidden": "true"
+      }, [
+        (r(), K(pe(t.tooltip), {
+          card: o(H).tooltipState.card
+        }, null, 8, ["card"]))
+      ], 4)) : $("", !0),
+      o(H).cardPopupState && t.cardPopup ? (r(), K(o(_e), Re({
+        key: 3,
+        at: o(H).cardPopupState.at,
+        parent: o(H).cardPopupState.element,
+        oncancel: o(H).hideCardPopup
+      }, xe), {
+        default: he(() => [
+          (r(), K(pe(t.cardPopup), {
+            card: o(H).cardPopupState.card,
+            close: o(H).hideCardPopup
+          }, null, 8, ["card", "close"]))
+        ]),
+        _: 1
+      }, 16, ["at", "parent", "oncancel"])) : $("", !0)
+    ], 8, sn));
+  }
+}), mn = /* @__PURE__ */ Q(fn, [["__scopeId", "data-v-7797d7e5"]]), vn = ["data-id"], pn = /* @__PURE__ */ Object.assign({ name: "KanbanExportLayout" }, {
+  __name: "ExportLayout",
+  props: {
+    cardShape: {},
+    cardCss: { type: Function },
+    columnCss: { type: Function },
+    cardContent: {}
+  },
+  setup(t) {
+    const e = t, n = W(oe), c = De(n.getReactiveState().viewData), a = q(null);
+    return U(() => {
+      const p = {};
+      if (e.cardContent) {
+        const l = {};
+        a.value?.querySelectorAll(".wx-ex-cell").forEach((b) => {
+          l[b.dataset.id] = b.innerHTML;
+        }), p.cardContent = l;
+      }
+      const S = {};
+      e.cardCss && (c.value.columns.forEach((l) => {
+        l.cards.forEach((b) => {
+          S[b.id.toString()] = e.cardCss(b, l);
+        });
+      }), p.cardCss = S);
+      const s = {};
+      e.columnCss && (c.value.columns.forEach((l) => {
+        s[l.id.toString()] = e.columnCss(l.cards, l);
+      }), p.columnCss = s), n.exec("export-data", { format: "inner", data: p });
+    }), (p, S) => (r(), d("div", {
+      style: { visibility: "hidden", position: "absolute" },
+      ref_key: "root",
+      ref: a
+    }, [
+      t.cardContent ? (r(!0), d(N, { key: 0 }, re(o(c).columns, (s) => (r(), d(N, {
+        key: s.id
+      }, [
+        (r(!0), d(N, null, re(s.cards, (l) => (r(), d("div", {
+          key: l.id,
+          class: "wx-ex-cell",
+          "data-id": l.id
+        }, [
+          (r(), K(pe(t.cardContent), {
+            card: l,
+            cardShape: t.cardShape
+          }, null, 8, ["card", "cardShape"]))
+        ], 8, vn))), 128))
+      ], 64))), 128)) : $("", !0)
+    ], 512));
+  }
+});
+function hn() {
+  const t = je({
+    active: !1,
+    cardId: null,
+    sourceColumn: null,
+    width: 0,
+    height: 0,
+    pointer: { x: 0, y: 0 },
+    offset: { x: 0, y: 0 },
+    target: null,
+    reset() {
+      t.active = !1, t.cardId = null, t.sourceColumn = null, t.target = null;
+    }
+  });
+  return t;
+}
+const On = /* @__PURE__ */ Object.assign({ name: "KanbanKanban" }, {
+  __name: "Kanban",
+  props: {
+    cards: { default: () => [] },
+    columns: { default: () => [] },
+    columnAccessor: { default: "column" },
+    filters: { default: () => /* @__PURE__ */ new Map() },
+    sort: { default: null },
+    card: { default: () => pt() },
+    readonly: { type: Boolean, default: !1 },
+    render: {},
+    dynamicData: { type: Boolean, default: !1 },
+    history: { type: Boolean, default: !1 },
+    cardContent: {},
+    init: { type: Function },
+    tooltip: {},
+    cardPopup: {},
+    cardCss: { type: Function },
+    columnCss: { type: Function }
+  },
+  setup(t, { expose: e }) {
+    const n = t, c = He(), a = new Xe(Ge, { undo: n.history });
+    let p = a.in;
+    const S = /-/g, s = new Ye((A, V) => {
+      const j = "on" + A.replace(S, ""), f = c[j];
+      typeof f == "function" && f(V);
+    });
+    p.setNext(s);
+    const l = a.getState.bind(a), b = a.getReactive.bind(a), M = () => ({ data: a }), x = a.getCards.bind(a), m = a.in.exec.bind(a.in), u = a.in.on.bind(a.in), z = a.in.detach.bind(a.in), k = a.in.setNext.bind(a.in), h = a.in.intercept.bind(a.in), D = {
+      getState: l,
+      getReactiveState: b,
+      getStores: M,
+      getCards: x,
+      setNext: k,
+      exec: m,
+      on: u,
+      detach: z,
+      intercept: h
+    };
+    ce(oe, {
+      getReactiveState: b,
+      getState: l,
+      exec: m,
+      getBrandmark: a.getBrandmark.bind(a)
+    }), ce(be, hn());
+    const P = () => ({
+      cards: n.cards,
+      columns: n.columns,
+      columnAccessor: n.columnAccessor,
+      filters: n.filters,
+      sort: n.sort,
+      dynamicData: n.dynamicData
+    });
+    a.init({ ...P(), renderMode: "" }), n.init?.(D);
+    let w = !0;
+    U(() => {
+      const A = P();
+      if (w) {
+        w = !1;
+        return;
+      }
+      a.init(A);
+    }), U(() => {
+      a.meta["export-data"] = {
+        card: n.card,
+        cardContent: n.cardContent,
+        cardCss: n.cardCss,
+        columnCss: n.columnCss
+      };
+    });
+    const y = De(a.getReactive().renderMode);
+    return e({
+      getState: l,
+      getReactiveState: b,
+      getStores: M,
+      getCards: x,
+      exec: m,
+      on: u,
+      detach: z,
+      setNext: k,
+      intercept: h
+    }), (A, V) => (r(), K(o(et), {
+      words: { ...o(ye), ...o(ge) },
+      optional: !0
+    }, {
+      default: he(() => [
+        ae(mn, {
+          cardShape: n.card,
+          readonly: t.readonly,
+          render: t.render,
+          cardContent: t.cardContent,
+          tooltip: t.tooltip,
+          cardPopup: t.cardPopup,
+          cardCss: t.cardCss,
+          columnCss: t.columnCss
+        }, null, 8, ["cardShape", "readonly", "render", "cardContent", "tooltip", "cardPopup", "cardCss", "columnCss"]),
+        o(y) === "export" ? (r(), K(pn, {
+          key: 0,
+          cardShape: n.card,
+          cardContent: t.cardContent,
+          cardCss: t.cardCss,
+          columnCss: t.columnCss
+        }, null, 8, ["cardShape", "cardContent", "cardCss", "columnCss"])) : $("", !0)
+      ]),
+      _: 1
+    }, 8, ["words"]));
+  }
+}), gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1, name: "KanbanComponentsEditor" }, {
+  __name: "Editor",
+  props: {
+    api: {},
+    values: {},
+    items: { default: () => ht() },
+    placement: { default: "sidebar" },
+    layout: { default: "default" },
+    focus: { type: Boolean, default: !0 },
+    css: { default: "" },
+    topBar: {},
+    autoSave: { type: Boolean, default: !0 },
+    onchange: { type: Function },
+    onsave: { type: Function },
+    onaction: { type: Function }
+  },
+  setup(t) {
+    me("richselect", tt), me("multicombo", nt), me("datepicker", at), me("slider", rt);
+    const e = t, n = He(), c = Te(
+      () => e.api?.getReactiveState()?.editorData
+    );
+    let a = W("wx-i18n", void 0);
+    a || (a = Ee({ ...ge, ...ye }), ce("wx-i18n", a));
+    const p = a.getGroup("kanban");
+    function S(h) {
+      return typeof h == "string" ? p(h) : h;
+    }
+    function s(h) {
+      return h.map((D) => {
+        const P = { ...D };
+        return P.label = S(P.label), Array.isArray(P.options) && (P.options = P.options.map((w) => ({
+          ...w,
+          label: S(w.label)
+        }))), P;
+      });
+    }
+    const l = C(() => s(e.items)), b = {
+      items: [
+        { comp: "icon", icon: "wxi-close", id: "close" },
+        { comp: "spacer" },
+        {
+          comp: "button",
+          id: "delete",
+          text: p("Delete"),
+          type: "primary danger",
+          onclick: z
+        }
+      ]
+    }, M = C(
+      () => e.topBar === void 0 ? b : e.topBar
+    ), x = C(
+      () => ["wx-editor-kanban", e.css].filter(Boolean).join(" ")
+    );
+    function m(h) {
+      e.onsave?.(h);
+      const D = c().value;
+      D && e.api.exec("update-card", { id: D.id, card: { ...h.values } });
+    }
+    function u(h) {
+      e.onchange?.(h);
+    }
+    function z() {
+      const h = c().value;
+      h && (e.api.exec("delete-card", { id: h.id }), e.api.exec("select-card", { id: null }));
+    }
+    function k(h) {
+      e.onaction?.(h);
+      const { item: D } = h;
+      D.id === "close" && D.comp && e.api.exec("select-card", { id: null });
+    }
+    return (h, D) => o(c)().value ? (r(), K(o(lt), Re({ key: 0 }, o(n), {
+      focus: t.focus,
+      items: l.value,
+      topBar: M.value,
+      autoSave: t.autoSave,
+      onchange: u,
+      onaction: k,
+      onsave: m,
+      placement: t.placement,
+      layout: t.layout,
+      values: o(c)().value,
+      css: x.value
+    }), null, 16, ["focus", "items", "topBar", "autoSave", "placement", "layout", "values", "css"])) : $("", !0);
+  }
+}), zn = /* @__PURE__ */ Q(gn, [["__scopeId", "data-v-238cb105"]]), yn = { class: "wx-root" }, bn = {
+  __name: "Toolbar",
+  props: {
+    api: { default: null },
+    items: { default: () => [] },
+    undo: { type: Boolean, default: !1 },
+    sort: { type: Boolean, default: !1 },
+    add: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = {
+      "sort-label-asc": { field: "label", dir: "asc" },
+      "sort-label-desc": { field: "label", dir: "desc" },
+      "sort-priority-asc": { field: "priority", dir: "asc" },
+      "sort-priority-desc": { field: "priority", dir: "desc" }
+    }, n = t;
+    let c = W("wx-i18n", null);
+    c || (c = Ee({ ...ge, ...ye }), ce("wx-i18n", c));
+    const a = c.getGroup("kanban"), p = { undo: 0, redo: 0 }, S = Te(
+      () => n.api?.getReactiveState()?.history
+    ), s = ["undo", "redo"], l = C(() => S()?.value ?? p);
+    function b(m) {
+      n.api && (m === "add-card" ? n.api.exec("add-card", { card: {}, edit: !0 }) : m === "undo" || m === "redo" ? n.api.exec(m, {}) : m === "sort-clear" ? n.api.exec("sort-cards", { sort: null }) : m in e && n.api.exec("sort-cards", { sort: e[m] }));
+    }
+    function M(m) {
+      const u = { ...m }, z = typeof u.id == "string" ? u.id : "";
+      return u.items && (u.items = u.items.map(M)), u.text && (u.text = a(u.text)), u.menuText && (u.menuText = a(u.menuText)), u.title && (u.title = a(u.title)), s.includes(z) && (u.disabled = z === "undo" ? !l.value?.undo : !l.value?.redo), !u.handler && z && (u.handler = () => b(z)), u;
+    }
+    const x = C(() => (n.items.length ? n.items : Ue({ undo: n.undo, sort: n.sort, add: n.add })).map(M));
+    return (m, u) => (r(), d("div", yn, [
+      ae(o(ct), { items: x.value }, null, 8, ["items"])
+    ]));
+  }
+}, An = /* @__PURE__ */ Q(bn, [["__scopeId", "data-v-cb870cea"]]), In = /* @__PURE__ */ Object.assign({ name: "ThemesWillow" }, {
+  __name: "Willow",
+  props: {
+    fonts: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t;
+    return (n, c) => n.$slots.default ? (r(), K(o(Oe), {
+      key: 0,
+      fonts: e.fonts
+    }, {
+      default: he(() => [
+        Me(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["fonts"])) : (r(), K(o(Oe), {
+      key: 1,
+      fonts: e.fonts
+    }, null, 8, ["fonts"]));
+  }
+}), Pn = {
+  __name: "WillowDark",
+  props: {
+    fonts: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t;
+    return (n, c) => n.$slots.default ? (r(), K(o(ze), {
+      key: 0,
+      fonts: e.fonts
+    }, {
+      default: he(() => [
+        Me(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["fonts"])) : (r(), K(o(ze), {
+      key: 1,
+      fonts: e.fonts
+    }, null, 8, ["fonts"]));
+  }
+}, Rn = it.version;
+export {
+  en as ContextMenu,
+  zn as Editor,
+  On as Kanban,
+  jn as RestDataProvider,
+  An as Toolbar,
+  In as Willow,
+  Pn as WillowDark,
+  pt as getCardShape,
+  ht as getEditorItems,
+  Nn as getMenuOptions,
+  Ve as getPriorityOptions,
+  Vn as getToolbarItems,
+  Wn as registerEditorItem,
+  Rn as version
+};