@richpods/coloeus 0.1.0

package/LICENSE

@@ -0,0 +1,55 @@
+# Blue Oak Model License
+
+Version 1.0.0
+
+## Purpose
+
+This license gives everyone as much permission to work with
+this software as possible, while protecting contributors
+from liability.
+
+## Acceptance
+
+In order to receive this license, you must agree to its
+rules.  The rules of this license are both obligations
+under that agreement and conditions to your license.
+You must not do anything with this software that triggers
+a rule that you cannot or will not follow.
+
+## Copyright
+
+Each contributor licenses you to do everything with this
+software that would otherwise infringe that contributor's
+copyright in it.
+
+## Notices
+
+You must ensure that everyone who gets a copy of
+any part of this software from you, with or without
+changes, also gets the text of this license or a link to
+<https://blueoakcouncil.org/license/1.0.0>.
+
+## Excuse
+
+If anyone notifies you in writing that you have not
+complied with [Notices](#notices), you can keep your
+license by taking all practical steps to comply within 30
+days after the notice.  If you do not do so, your license
+ends immediately.
+
+## Patent
+
+Each contributor licenses you to do everything with this
+software that would otherwise infringe any patent claims
+they can license or become able to license.
+
+## Reliability
+
+No contributor can revoke this license.
+
+## No Liability
+
+***As far as the law allows, this software comes as is,
+without any warranty or condition, and no contributor
+will be liable to anyone for any damages related to this
+software or this license, under any kind of legal claim.***

package/dist/coloeus-components.css

@@ -0,0 +1 @@
+.coloeus-poll{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;max-width:600px;margin:0 auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.coloeus-poll__title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.coloeus-poll__form{margin:0}.coloeus-poll__fieldset{border:none;margin:0;padding:0}.coloeus-poll__instructions{font-size:.875rem;color:#4b5563;margin:0 0 1rem}.coloeus-poll__instructions-note{display:block;margin-top:.25rem;font-size:.8125rem;color:#6b7280}.coloeus-poll__options{list-style:none;padding:0;margin:0}.coloeus-poll__option{position:relative;margin-bottom:.75rem;border-radius:6px;overflow:hidden;transition:transform .15s ease}.coloeus-poll__option:hover:not(.coloeus-poll__option--disabled){transform:translate(4px)}.coloeus-poll__option--selected{outline:none}.coloeus-poll__option--voted .coloeus-poll__option-content{background-color:#f0f9ff}.coloeus-poll__option--disabled{cursor:default}.coloeus-poll__option-label{display:block}.coloeus-poll__option-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;font-size:1rem;text-align:left;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;z-index:1;cursor:pointer;overflow:hidden}.coloeus-poll__option:not(.coloeus-poll__option--disabled) .coloeus-poll__option-content:hover{background:#ebebeb}.coloeus-poll__option--disabled .coloeus-poll__option-content{cursor:default;opacity:.9}.coloeus-poll__option--selected .coloeus-poll__option-content{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.coloeus-poll__option-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.coloeus-poll__option-input:focus-visible+.coloeus-poll__option-content{box-shadow:0 0 0 3px #2563eb73}.coloeus-poll__option-progress{position:absolute;top:0;left:0;height:100%;background:#dbeafe;border-radius:6px;transition:width .3s ease;z-index:0}.coloeus-poll__option-text{flex:1;color:#1a1a1a}.coloeus-poll__option-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.coloeus-poll__option-percentage{font-weight:600;color:#3b82f6}.coloeus-poll__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.coloeus-poll__footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.coloeus-poll__vote-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.coloeus-poll__vote-btn:hover:not(:disabled){background:#2563eb}.coloeus-poll__vote-btn:disabled{background:#94a3b8;cursor:not-allowed}.coloeus-poll__total{font-size:.875rem;color:#666}.coloeus-poll__status-group{display:flex;align-items:center;gap:.5rem}.coloeus-poll__error{margin-top:.75rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}.coloeus-poll__loading{text-align:center;padding:2rem;color:#666}.coloeus-poll__status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.coloeus-poll__status--active{background:#dcfce7;color:#166534}.coloeus-poll__status--open{background:#e0f2fe;color:#075985}.coloeus-poll__status--inactive{background:#fef3c7;color:#92400e}.coloeus-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;max-width:600px;margin:0 auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.coloeus-editor__title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#1a1a1a}.coloeus-editor__field{margin-bottom:1.25rem}.coloeus-editor__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.coloeus-editor__input,.coloeus-editor__textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .15s ease;box-sizing:border-box}.coloeus-editor__input:focus,.coloeus-editor__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.coloeus-editor__options{list-style:none;padding:0;margin:0}.coloeus-editor__option{display:flex;gap:.5rem;margin-bottom:.5rem}.coloeus-editor__option-input{flex:1;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem}.coloeus-editor__option-input:focus{outline:none;border-color:#3b82f6}.coloeus-editor__remove-btn{padding:.625rem .875rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .15s ease}.coloeus-editor__remove-btn:hover{background:#fecaca}.coloeus-editor__add-btn{margin-top:.5rem;padding:.625rem 1rem;background:#f3f4f6;color:#374151;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;width:100%;transition:background-color .15s ease}.coloeus-editor__add-btn:hover{background:#e5e7eb}.coloeus-editor__actions{margin-top:1.5rem;display:flex;gap:.75rem}.coloeus-editor__submit-btn{flex:1;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.coloeus-editor__submit-btn:hover:not(:disabled){background:#2563eb}.coloeus-editor__submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.coloeus-editor__cancel-btn{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .15s ease}.coloeus-editor__cancel-btn:hover{background:#e5e7eb}.coloeus-editor__error{margin-top:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}

package/dist/coloeus-components.js

@@ -0,0 +1,595 @@
+import { ref as g, computed as _, onMounted as H, watch as Y, defineComponent as K, createElementBlock as u, openBlock as d, Fragment as U, createElementVNode as s, createCommentVNode as E, withModifiers as x, toDisplayString as h, createTextVNode as N, renderList as Q, normalizeClass as ce, normalizeStyle as ue, withDirectives as j, vModelText as z } from "vue";
+let C = {
+  apiUrl: ""
+};
+function po(t) {
+  C = { ...C, ...t };
+}
+function _o() {
+  return C;
+}
+async function J() {
+  const t = {
+    "Content-Type": "application/json"
+  };
+  if (C.getAuthToken) {
+    const l = await C.getAuthToken();
+    l && (t.Authorization = `Bearer ${l}`);
+  }
+  return t;
+}
+async function L(t) {
+  if (!t.ok) {
+    const l = await t.json().catch(() => ({ error: "Unknown error" }));
+    throw new Error(l.error || `HTTP error ${t.status}`);
+  }
+  return t.json();
+}
+async function de(t) {
+  const l = await fetch(`${C.apiUrl}/polls/${t}`, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return L(l);
+}
+async function pe(t, l) {
+  if (l.length === 0)
+    throw new Error("At least one option must be selected");
+  const c = await fetch(`${C.apiUrl}/polls/${t}/vote`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ optionIndices: l })
+  });
+  return L(c);
+}
+async function _e(t) {
+  const l = await J(), c = await fetch(`${C.apiUrl}/admin/polls`, {
+    method: "POST",
+    headers: l,
+    body: JSON.stringify(t)
+  });
+  return L(c);
+}
+async function ve(t, l) {
+  const c = await J(), e = await fetch(`${C.apiUrl}/admin/polls/${t}`, {
+    method: "PUT",
+    headers: c,
+    body: JSON.stringify(l)
+  });
+  return L(e);
+}
+async function fe(t) {
+  const l = await J(), c = await fetch(`${C.apiUrl}/admin/polls/${t}`, {
+    method: "GET",
+    headers: l
+  });
+  return L(c);
+}
+function me(t) {
+  const l = g(null), c = g(!0), e = g(null), p = _(() => l.value?.totalVotes ?? 0), y = _(() => l.value?.isActive ?? !1), n = _(() => !l.value || p.value === 0 ? l.value?.options.map(() => 0) ?? [] : l.value.options.map(
+    (i) => Math.round(i.voteCount / p.value * 100)
+  ));
+  async function o() {
+    c.value = !0, e.value = null;
+    try {
+      l.value = await de(t);
+    } catch (i) {
+      e.value = i instanceof Error ? i.message : "Failed to load poll", l.value = null;
+    } finally {
+      c.value = !1;
+    }
+  }
+  function a(i) {
+    l.value = i;
+  }
+  return H(() => {
+    o();
+  }), {
+    poll: l,
+    loading: c,
+    error: e,
+    totalVotes: p,
+    isActive: y,
+    optionPercentages: n,
+    loadPoll: o,
+    updatePoll: a
+  };
+}
+const W = "coloeus-votes";
+function he() {
+  try {
+    const t = localStorage.getItem(W);
+    return t ? JSON.parse(t) : {};
+  } catch {
+    return {};
+  }
+}
+function R(t) {
+  try {
+    localStorage.setItem(W, JSON.stringify(t));
+  } catch {
+  }
+}
+function ye() {
+  const t = g(he());
+  function l(n) {
+    return n in t.value;
+  }
+  function c(n) {
+    const o = t.value[n];
+    if (o == null)
+      return [];
+    const a = Array.isArray(o) ? o : [o];
+    return Array.from(new Set(a)).sort((i, O) => i - O);
+  }
+  function e(n, o) {
+    const a = Array.isArray(o) ? o : [o], i = Array.from(new Set(a)).sort((O, T) => O - T);
+    t.value = {
+      ...t.value,
+      [n]: i.length === 1 ? i[0] : i
+    }, R(t.value);
+  }
+  function p(n) {
+    const o = { ...t.value };
+    delete o[n], t.value = o, R(t.value);
+  }
+  function y() {
+    t.value = {}, R(t.value);
+  }
+  return {
+    votes: t,
+    hasVoted: l,
+    getVotedOptions: c,
+    recordVote: e,
+    clearVote: p,
+    clearAllVotes: y
+  };
+}
+function ge(t, l) {
+  const { hasVoted: c, getVotedOptions: e, recordVote: p } = ye(), y = g(!1), n = g(null), o = g([]), a = g(1);
+  l?.selectionLimit && Y(
+    l.selectionLimit,
+    (f) => {
+      a.value = be(f), o.value.length > a.value && (o.value = o.value.slice(0, a.value));
+    },
+    { immediate: !0 }
+  );
+  const i = _(() => c(t)), O = _(() => e(t)), T = _(() => a.value > 1), b = _(() => o.value.length > 0);
+  Y(
+    O,
+    (f) => {
+      i.value && f.length && (o.value = [...f]);
+    },
+    { immediate: !0 }
+  );
+  function P(f) {
+    if (!i.value)
+      if (k(), T.value) {
+        if (o.value.includes(f)) {
+          o.value = o.value.filter((S) => S !== f);
+          return;
+        }
+        if (o.value.length < a.value) {
+          o.value = [...o.value, f];
+          return;
+        }
+        n.value = `You can select up to ${a.value} options.`;
+      } else
+        o.value = [f];
+  }
+  async function w() {
+    if (!b.value)
+      return n.value = "Please select at least one option", null;
+    if (i.value)
+      return n.value = "You have already voted on this poll", null;
+    y.value = !0, n.value = null;
+    const f = [...o.value].sort((S, A) => S - A);
+    try {
+      const S = await pe(t, f);
+      return p(t, f), S.poll;
+    } catch (S) {
+      return n.value = S instanceof Error ? S.message : "Failed to submit vote", null;
+    } finally {
+      y.value = !1;
+    }
+  }
+  function k() {
+    n.value = null;
+  }
+  return {
+    submitting: y,
+    error: n,
+    selectedOptions: o,
+    selectionLimit: a,
+    isMultiSelect: T,
+    hasSelection: b,
+    alreadyVoted: i,
+    votedOptionIndices: O,
+    selectOption: P,
+    submitVote: w,
+    clearError: k
+  };
+}
+function be(t) {
+  return typeof t != "number" || !Number.isFinite(t) || t <= 0 ? 1 : Math.max(1, Math.floor(t));
+}
+const Se = /* @__PURE__ */ K({
+  __name: "ColoeusPolls",
+  props: {
+    id: { type: String, required: !0 }
+  },
+  emits: ["voted", "error"],
+  setup(t, { expose: l, emit: c }) {
+    l();
+    const e = t, p = c, { poll: y, loading: n, error: o, totalVotes: a, isActive: i, optionPercentages: O, updatePoll: T } = me(e.id), b = _(() => {
+      const m = y.value?.maxSelections;
+      return typeof m == "number" && m > 0 ? Math.floor(m) : 1;
+    }), {
+      submitting: P,
+      error: w,
+      selectedOptions: k,
+      selectionLimit: f,
+      isMultiSelect: S,
+      hasSelection: A,
+      alreadyVoted: I,
+      votedOptionIndices: F,
+      selectOption: M,
+      submitVote: r,
+      clearError: v
+    } = ge(e.id, { selectionLimit: b }), V = _(() => o.value || w.value), D = _(() => i.value && !I.value), Z = _(() => I.value || !i.value), $ = _(() => `coloeus-poll-title-${e.id}`), ee = _(() => `coloeus-poll-instructions-${e.id}`), oe = _(() => `coloeus-poll-status-${e.id}`), te = _(() => i.value ? I.value ? "You have already voted on this poll" : "Voting is open" : "Voting is closed"), le = _(() => S.value ? "checkbox" : "radio"), ne = _(() => S.value ? `Select up to ${f.value} options and submit your vote.` : "Select one option and submit your vote.");
+    async function se() {
+      v();
+      const m = await r();
+      m ? (T(m), p("voted", e.id, [...k.value])) : w.value && p("error", w.value);
+    }
+    function ie(m) {
+      D.value && M(m);
+    }
+    function ae(m) {
+      return `coloeus-poll-option-${e.id}-stats-${m}`;
+    }
+    function q(m) {
+      return k.value.includes(m);
+    }
+    function B(m) {
+      return F.value.includes(m);
+    }
+    function re(m) {
+      return q(m) || B(m);
+    }
+    const G = { props: e, emit: p, poll: y, loading: n, pollError: o, totalVotes: a, isActive: i, optionPercentages: O, updatePoll: T, pollSelectionLimit: b, submitting: P, voteError: w, selectedOptions: k, selectionLimit: f, isMultiSelect: S, hasSelection: A, alreadyVoted: I, votedOptionIndices: F, selectOption: M, submitVote: r, clearError: v, displayError: V, canVote: D, showResults: Z, pollTitleId: $, pollInstructionsId: ee, pollStatusId: oe, pollStatusMessage: te, optionInputType: le, selectionInstruction: ne, handleVote: se, handleOptionSelect: ie, getOptionStatsId: ae, isOptionCurrentlySelected: q, hasVotedForOption: B, isOptionChecked: re };
+    return Object.defineProperty(G, "__isScriptSetup", { enumerable: !1, value: !0 }), G;
+  }
+}), X = (t, l) => {
+  const c = t.__vccOpts || t;
+  for (const [e, p] of l)
+    c[e] = p;
+  return c;
+}, Oe = { class: "coloeus-poll" }, Ve = {
+  key: 0,
+  class: "coloeus-poll__loading"
+}, Te = ["aria-labelledby", "aria-describedby"], we = ["aria-describedby", "aria-disabled"], ke = ["id"], Ce = ["id"], Ee = {
+  key: 0,
+  class: "coloeus-poll__instructions-note"
+}, Pe = {
+  class: "coloeus-poll__options",
+  role: "list"
+}, Ie = { class: "coloeus-poll__option-label" }, Ae = ["type", "name", "value", "checked", "disabled", "aria-describedby", "onChange"], Me = { class: "coloeus-poll__option-content" }, Ue = { class: "coloeus-poll__option-text" }, Le = {
+  key: 0,
+  class: "coloeus-poll__option-stats",
+  "aria-hidden": "true"
+}, Fe = { class: "coloeus-poll__option-percentage" }, De = ["id"], Ne = { key: 0 }, je = { class: "coloeus-poll__footer" }, ze = ["disabled"], Re = {
+  class: "coloeus-poll__total",
+  "aria-live": "polite"
+}, Ye = ["id"], Je = {
+  key: 0,
+  class: "coloeus-poll__status coloeus-poll__status--inactive"
+}, qe = {
+  key: 1,
+  class: "coloeus-poll__status coloeus-poll__status--active"
+}, Be = {
+  key: 2,
+  class: "coloeus-poll__status coloeus-poll__status--open"
+}, Ge = { class: "coloeus-poll__sr" }, He = {
+  key: 0,
+  class: "coloeus-poll__error",
+  role: "alert",
+  "aria-live": "assertive"
+}, Ke = {
+  key: 2,
+  class: "coloeus-poll__error"
+};
+function xe(t, l, c, e, p, y) {
+  return d(), u("div", Oe, [
+    e.loading ? (d(), u("div", Ve, "Loading poll...")) : e.poll ? (d(), u(U, { key: 1 }, [
+      s("form", {
+        class: "coloeus-poll__form",
+        role: "form",
+        "aria-labelledby": e.pollTitleId,
+        "aria-describedby": `${e.pollInstructionsId} ${e.pollStatusId}`,
+        onSubmit: x(e.handleVote, ["prevent"])
+      }, [
+        s("fieldset", {
+          class: "coloeus-poll__fieldset",
+          "aria-describedby": `${e.pollInstructionsId} ${e.pollStatusId}`,
+          "aria-disabled": !e.canVote
+        }, [
+          s("legend", {
+            id: e.pollTitleId,
+            class: "coloeus-poll__title"
+          }, h(e.poll.title), 9, ke),
+          s("p", {
+            id: e.pollInstructionsId,
+            class: "coloeus-poll__instructions"
+          }, [
+            N(h(e.selectionInstruction) + " ", 1),
+            e.canVote ? E("", !0) : (d(), u("span", Ee, h(e.pollStatusMessage), 1))
+          ], 8, Ce),
+          s("ul", Pe, [
+            (d(!0), u(U, null, Q(e.poll.options, (n, o) => (d(), u("li", {
+              key: o,
+              class: ce(["coloeus-poll__option", {
+                "coloeus-poll__option--selected": e.isOptionCurrentlySelected(o),
+                "coloeus-poll__option--voted": e.hasVotedForOption(o),
+                "coloeus-poll__option--disabled": !e.canVote
+              }])
+            }, [
+              s("label", Ie, [
+                s("input", {
+                  type: e.optionInputType,
+                  class: "coloeus-poll__option-input",
+                  name: `coloeus-poll-${e.props.id}`,
+                  value: o,
+                  checked: e.isOptionChecked(o),
+                  disabled: !e.canVote,
+                  "aria-describedby": e.getOptionStatsId(o),
+                  onChange: (a) => e.handleOptionSelect(o)
+                }, null, 40, Ae),
+                s("span", Me, [
+                  s("span", {
+                    class: "coloeus-poll__option-progress",
+                    style: ue({ width: `${e.optionPercentages[o]}%` }),
+                    "aria-hidden": "true"
+                  }, null, 4),
+                  s("span", Ue, h(n.text), 1),
+                  e.showResults ? (d(), u("span", Le, [
+                    s("span", Fe, h(e.optionPercentages[o]) + "%", 1),
+                    s("span", null, "(" + h(n.voteCount) + ")", 1)
+                  ])) : E("", !0),
+                  s("span", {
+                    id: e.getOptionStatsId(o),
+                    class: "coloeus-poll__sr"
+                  }, [
+                    e.showResults ? (d(), u(U, { key: 0 }, [
+                      N(h(n.voteCount) + " vote" + h(n.voteCount === 1 ? "" : "s") + " (" + h(e.optionPercentages[o]) + " percent). ", 1),
+                      e.hasVotedForOption(o) ? (d(), u("span", Ne, "You selected this option.")) : E("", !0)
+                    ], 64)) : (d(), u(U, { key: 1 }, [
+                      N(" Results are hidden until voting closes. ")
+                    ], 64))
+                  ], 8, De)
+                ])
+              ])
+            ], 2))), 128))
+          ])
+        ], 8, we),
+        s("div", je, [
+          e.canVote ? (d(), u("button", {
+            key: 0,
+            type: "submit",
+            class: "coloeus-poll__vote-btn",
+            disabled: !e.hasSelection || e.submitting
+          }, h(e.submitting ? "Voting..." : "Vote"), 9, ze)) : E("", !0),
+          s("span", Re, h(e.totalVotes) + " vote" + h(e.totalVotes === 1 ? "" : "s") + " cast ", 1),
+          s("div", {
+            id: e.pollStatusId,
+            class: "coloeus-poll__status-group",
+            role: "status",
+            "aria-live": "polite"
+          }, [
+            e.isActive ? e.alreadyVoted ? (d(), u("span", qe, " You voted ")) : (d(), u("span", Be, " Voting open ")) : (d(), u("span", Je, " Voting closed ")),
+            s("span", Ge, h(e.pollStatusMessage), 1)
+          ], 8, Ye)
+        ])
+      ], 40, Te),
+      e.displayError ? (d(), u("div", He, h(e.displayError), 1)) : E("", !0)
+    ], 64)) : (d(), u("div", Ke, "Failed to load poll"))
+  ]);
+}
+const vo = /* @__PURE__ */ X(Se, [["render", xe], ["__file", "/Users/philipp/Code/coloeus/frontend/components/src/components/ColoeusPolls.vue"]]), Qe = /* @__PURE__ */ K({
+  __name: "ColoeusEditor",
+  props: {
+    id: { type: String, required: !1 }
+  },
+  emits: ["saved", "cancel", "error"],
+  setup(t, { expose: l, emit: c }) {
+    l();
+    const e = t, p = c, y = _(() => !!e.id), n = g(""), o = g(["", ""]), a = g(""), i = g(""), O = g(!1), T = g(!1), b = g(null), P = _(() => !(!n.value.trim() || o.value.filter((v) => v.trim()).length < 2));
+    async function w() {
+      if (e.id) {
+        O.value = !0, b.value = null;
+        try {
+          const r = await fe(e.id);
+          n.value = r.title, o.value = r.options.map((v) => v.text), a.value = r.startTime ? k(r.startTime) : "", i.value = r.endTime ? k(r.endTime) : "";
+        } catch (r) {
+          b.value = r instanceof Error ? r.message : "Failed to load poll", p("error", b.value);
+        } finally {
+          O.value = !1;
+        }
+      }
+    }
+    function k(r) {
+      const v = new Date(r), V = v.getTimezoneOffset();
+      return new Date(v.getTime() - V * 60 * 1e3).toISOString().slice(0, 16);
+    }
+    function f() {
+      o.value.length < 20 && (o.value = [...o.value, ""]);
+    }
+    function S(r) {
+      o.value.length > 2 && (o.value = o.value.filter((v, V) => V !== r));
+    }
+    function A(r, v) {
+      const V = [...o.value];
+      V[r] = v, o.value = V;
+    }
+    async function I() {
+      if (P.value) {
+        T.value = !0, b.value = null;
+        try {
+          const r = o.value.filter((v) => v.trim());
+          if (y.value && e.id) {
+            const v = {
+              title: n.value.trim(),
+              startTime: a.value ? new Date(a.value).toISOString() : null,
+              endTime: i.value ? new Date(i.value).toISOString() : null
+            }, V = await ve(e.id, v);
+            p("saved", V);
+          } else {
+            const v = {
+              title: n.value.trim(),
+              options: r,
+              startTime: a.value ? new Date(a.value).toISOString() : void 0,
+              endTime: i.value ? new Date(i.value).toISOString() : void 0
+            }, V = await _e(v);
+            p("saved", V);
+          }
+        } catch (r) {
+          b.value = r instanceof Error ? r.message : "Failed to save poll", p("error", b.value);
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    function F() {
+      p("cancel");
+    }
+    H(() => {
+      e.id && w();
+    }), Y(
+      () => e.id,
+      (r) => {
+        r ? w() : (n.value = "", o.value = ["", ""], a.value = "", i.value = "", b.value = null);
+      }
+    );
+    const M = { props: e, emit: p, isEditMode: y, title: n, options: o, startTime: a, endTime: i, loading: O, submitting: T, error: b, canSubmit: P, loadPoll: w, formatDateTimeLocal: k, addOption: f, removeOption: S, updateOption: A, handleSubmit: I, handleCancel: F };
+    return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
+  }
+}), We = { class: "coloeus-editor" }, Xe = { class: "coloeus-editor__title" }, Ze = {
+  key: 0,
+  class: "coloeus-poll__loading"
+}, $e = { class: "coloeus-editor__field" }, eo = { class: "coloeus-editor__field" }, oo = { class: "coloeus-editor__options" }, to = ["value", "placeholder", "disabled", "onInput"], lo = ["onClick"], no = { class: "coloeus-editor__field" }, so = { class: "coloeus-editor__field" }, io = { class: "coloeus-editor__actions" }, ao = ["disabled"], ro = {
+  key: 0,
+  class: "coloeus-editor__error"
+};
+function co(t, l, c, e, p, y) {
+  return d(), u("div", We, [
+    s("h3", Xe, h(e.isEditMode ? "Edit Poll" : "Create Poll"), 1),
+    e.loading ? (d(), u("div", Ze, "Loading...")) : (d(), u("form", {
+      key: 1,
+      onSubmit: x(e.handleSubmit, ["prevent"])
+    }, [
+      s("div", $e, [
+        l[3] || (l[3] = s("label", {
+          class: "coloeus-editor__label",
+          for: "poll-title"
+        }, "Title", -1)),
+        j(s("input", {
+          id: "poll-title",
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => e.title = n),
+          type: "text",
+          class: "coloeus-editor__input",
+          placeholder: "Enter poll title",
+          maxlength: "500",
+          required: ""
+        }, null, 512), [
+          [z, e.title]
+        ])
+      ]),
+      s("div", eo, [
+        l[4] || (l[4] = s("label", { class: "coloeus-editor__label" }, "Options", -1)),
+        s("ul", oo, [
+          (d(!0), u(U, null, Q(e.options, (n, o) => (d(), u("li", {
+            key: o,
+            class: "coloeus-editor__option"
+          }, [
+            s("input", {
+              value: n,
+              type: "text",
+              class: "coloeus-editor__option-input",
+              placeholder: `Option ${o + 1}`,
+              maxlength: "150",
+              disabled: e.isEditMode,
+              onInput: (a) => e.updateOption(o, a.target.value)
+            }, null, 40, to),
+            e.options.length > 2 && !e.isEditMode ? (d(), u("button", {
+              key: 0,
+              type: "button",
+              class: "coloeus-editor__remove-btn",
+              onClick: (a) => e.removeOption(o)
+            }, " Remove ", 8, lo)) : E("", !0)
+          ]))), 128))
+        ]),
+        e.options.length < 20 && !e.isEditMode ? (d(), u("button", {
+          key: 0,
+          type: "button",
+          class: "coloeus-editor__add-btn",
+          onClick: e.addOption
+        }, " + Add Option ")) : E("", !0)
+      ]),
+      s("div", no, [
+        l[5] || (l[5] = s("label", {
+          class: "coloeus-editor__label",
+          for: "poll-start"
+        }, "Start Time (optional)", -1)),
+        j(s("input", {
+          id: "poll-start",
+          "onUpdate:modelValue": l[1] || (l[1] = (n) => e.startTime = n),
+          type: "datetime-local",
+          class: "coloeus-editor__input"
+        }, null, 512), [
+          [z, e.startTime]
+        ])
+      ]),
+      s("div", so, [
+        l[6] || (l[6] = s("label", {
+          class: "coloeus-editor__label",
+          for: "poll-end"
+        }, "End Time (optional)", -1)),
+        j(s("input", {
+          id: "poll-end",
+          "onUpdate:modelValue": l[2] || (l[2] = (n) => e.endTime = n),
+          type: "datetime-local",
+          class: "coloeus-editor__input"
+        }, null, 512), [
+          [z, e.endTime]
+        ])
+      ]),
+      s("div", io, [
+        s("button", {
+          type: "submit",
+          class: "coloeus-editor__submit-btn",
+          disabled: !e.canSubmit || e.submitting
+        }, h(e.submitting ? "Saving..." : e.isEditMode ? "Update Poll" : "Create Poll"), 9, ao),
+        s("button", {
+          type: "button",
+          class: "coloeus-editor__cancel-btn",
+          onClick: e.handleCancel
+        }, " Cancel ")
+      ]),
+      e.error ? (d(), u("div", ro, h(e.error), 1)) : E("", !0)
+    ], 32))
+  ]);
+}
+const fo = /* @__PURE__ */ X(Qe, [["render", co], ["__file", "/Users/philipp/Code/coloeus/frontend/components/src/components/ColoeusEditor.vue"]]);
+export {
+  fo as ColoeusEditor,
+  vo as ColoeusPolls,
+  po as configureColoeus,
+  _o as getConfig,
+  ye as useLocalStorage,
+  me as usePoll,
+  ge as useVote
+};

package/dist/coloeus-components.umd.cjs

@@ -0,0 +1 @@
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.ColoeusComponents={},y.Vue))})(this,(function(y,e){"use strict";let E={apiUrl:""};function R(l){E={...E,...l}}function Y(){return E}async function v(){const l={"Content-Type":"application/json"};if(E.getAuthToken){const n=await E.getAuthToken();n&&(l.Authorization=`Bearer ${n}`)}return l}async function C(l){if(!l.ok){const n=await l.json().catch(()=>({error:"Unknown error"}));throw new Error(n.error||`HTTP error ${l.status}`)}return l.json()}async function J(l){const n=await fetch(`${E.apiUrl}/polls/${l}`,{method:"GET",headers:{"Content-Type":"application/json"}});return C(n)}async function q(l,n){if(n.length===0)throw new Error("At least one option must be selected");const c=await fetch(`${E.apiUrl}/polls/${l}/vote`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({optionIndices:n})});return C(c)}async function G(l){const n=await v(),c=await fetch(`${E.apiUrl}/admin/polls`,{method:"POST",headers:n,body:JSON.stringify(l)});return C(c)}async function H(l,n){const c=await v(),t=await fetch(`${E.apiUrl}/admin/polls/${l}`,{method:"PUT",headers:c,body:JSON.stringify(n)});return C(t)}async function K(l){const n=await v(),c=await fetch(`${E.apiUrl}/admin/polls/${l}`,{method:"GET",headers:n});return C(c)}function I(l){const n=e.ref(null),c=e.ref(!0),t=e.ref(null),d=e.computed(()=>n.value?.totalVotes??0),_=e.computed(()=>n.value?.isActive??!1),s=e.computed(()=>!n.value||d.value===0?n.value?.options.map(()=>0)??[]:n.value.options.map(a=>Math.round(a.voteCount/d.value*100)));async function o(){c.value=!0,t.value=null;try{n.value=await J(l)}catch(a){t.value=a instanceof Error?a.message:"Failed to load poll",n.value=null}finally{c.value=!1}}function i(a){n.value=a}return e.onMounted(()=>{o()}),{poll:n,loading:c,error:t,totalVotes:d,isActive:_,optionPercentages:s,loadPoll:o,updatePoll:i}}const M="coloeus-votes";function Q(){try{const l=localStorage.getItem(M);return l?JSON.parse(l):{}}catch{return{}}}function P(l){try{localStorage.setItem(M,JSON.stringify(l))}catch{}}function A(){const l=e.ref(Q());function n(s){return s in l.value}function c(s){const o=l.value[s];if(o==null)return[];const i=Array.isArray(o)?o:[o];return Array.from(new Set(i)).sort((a,g)=>a-g)}function t(s,o){const i=Array.isArray(o)?o:[o],a=Array.from(new Set(i)).sort((g,b)=>g-b);l.value={...l.value,[s]:a.length===1?a[0]:a},P(l.value)}function d(s){const o={...l.value};delete o[s],l.value=o,P(l.value)}function _(){l.value={},P(l.value)}return{votes:l,hasVoted:n,getVotedOptions:c,recordVote:t,clearVote:d,clearAllVotes:_}}function L(l,n){const{hasVoted:c,getVotedOptions:t,recordVote:d}=A(),_=e.ref(!1),s=e.ref(null),o=e.ref([]),i=e.ref(1);n?.selectionLimit&&e.watch(n.selectionLimit,u=>{i.value=W(u),o.value.length>i.value&&(o.value=o.value.slice(0,i.value))},{immediate:!0});const a=e.computed(()=>c(l)),g=e.computed(()=>t(l)),b=e.computed(()=>i.value>1),f=e.computed(()=>o.value.length>0);e.watch(g,u=>{a.value&&u.length&&(o.value=[...u])},{immediate:!0});function N(u){if(!a.value)if(S(),b.value){if(o.value.includes(u)){o.value=o.value.filter(h=>h!==u);return}if(o.value.length<i.value){o.value=[...o.value,u];return}s.value=`You can select up to ${i.value} options.`}else o.value=[u]}async function k(){if(!f.value)return s.value="Please select at least one option",null;if(a.value)return s.value="You have already voted on this poll",null;_.value=!0,s.value=null;const u=[...o.value].sort((h,B)=>h-B);try{const h=await q(l,u);return d(l,u),h.poll}catch(h){return s.value=h instanceof Error?h.message:"Failed to submit vote",null}finally{_.value=!1}}function S(){s.value=null}return{submitting:_,error:s,selectedOptions:o,selectionLimit:i,isMultiSelect:b,hasSelection:f,alreadyVoted:a,votedOptionIndices:g,selectOption:N,submitVote:k,clearError:S}}function W(l){return typeof l!="number"||!Number.isFinite(l)||l<=0?1:Math.max(1,Math.floor(l))}const X=e.defineComponent({__name:"ColoeusPolls",props:{id:{type:String,required:!0}},emits:["voted","error"],setup(l,{expose:n,emit:c}){n();const t=l,d=c,{poll:_,loading:s,error:o,totalVotes:i,isActive:a,optionPercentages:g,updatePoll:b}=I(t.id),f=e.computed(()=>{const m=_.value?.maxSelections;return typeof m=="number"&&m>0?Math.floor(m):1}),{submitting:N,error:k,selectedOptions:S,selectionLimit:u,isMultiSelect:h,hasSelection:B,alreadyVoted:O,votedOptionIndices:w,selectOption:T,submitVote:r,clearError:p}=L(t.id,{selectionLimit:f}),V=e.computed(()=>o.value||k.value),D=e.computed(()=>a.value&&!O.value),Re=e.computed(()=>O.value||!a.value),Ye=e.computed(()=>`coloeus-poll-title-${t.id}`),Je=e.computed(()=>`coloeus-poll-instructions-${t.id}`),qe=e.computed(()=>`coloeus-poll-status-${t.id}`),Ge=e.computed(()=>a.value?O.value?"You have already voted on this poll":"Voting is open":"Voting is closed"),He=e.computed(()=>h.value?"checkbox":"radio"),Ke=e.computed(()=>h.value?`Select up to ${u.value} options and submit your vote.`:"Select one option and submit your vote.");async function Qe(){p();const m=await r();m?(b(m),d("voted",t.id,[...S.value])):k.value&&d("error",k.value)}function We(m){D.value&&T(m)}function Xe(m){return`coloeus-poll-option-${t.id}-stats-${m}`}function U(m){return S.value.includes(m)}function j(m){return w.value.includes(m)}function Ze(m){return U(m)||j(m)}const z={props:t,emit:d,poll:_,loading:s,pollError:o,totalVotes:i,isActive:a,optionPercentages:g,updatePoll:b,pollSelectionLimit:f,submitting:N,voteError:k,selectedOptions:S,selectionLimit:u,isMultiSelect:h,hasSelection:B,alreadyVoted:O,votedOptionIndices:w,selectOption:T,submitVote:r,clearError:p,displayError:V,canVote:D,showResults:Re,pollTitleId:Ye,pollInstructionsId:Je,pollStatusId:qe,pollStatusMessage:Ge,optionInputType:He,selectionInstruction:Ke,handleVote:Qe,handleOptionSelect:We,getOptionStatsId:Xe,isOptionCurrentlySelected:U,hasVotedForOption:j,isOptionChecked:Ze};return Object.defineProperty(z,"__isScriptSetup",{enumerable:!1,value:!0}),z}}),F=(l,n)=>{const c=l.__vccOpts||l;for(const[t,d]of n)c[t]=d;return c},Z={class:"coloeus-poll"},x={key:0,class:"coloeus-poll__loading"},$=["aria-labelledby","aria-describedby"],ee=["aria-describedby","aria-disabled"],te=["id"],oe=["id"],le={key:0,class:"coloeus-poll__instructions-note"},ne={class:"coloeus-poll__options",role:"list"},se={class:"coloeus-poll__option-label"},ae=["type","name","value","checked","disabled","aria-describedby","onChange"],ie={class:"coloeus-poll__option-content"},re={class:"coloeus-poll__option-text"},ce={key:0,class:"coloeus-poll__option-stats","aria-hidden":"true"},de={class:"coloeus-poll__option-percentage"},pe=["id"],ue={key:0},me={class:"coloeus-poll__footer"},_e=["disabled"],fe={class:"coloeus-poll__total","aria-live":"polite"},he=["id"],ye={key:0,class:"coloeus-poll__status coloeus-poll__status--inactive"},ge={key:1,class:"coloeus-poll__status coloeus-poll__status--active"},Ve={key:2,class:"coloeus-poll__status coloeus-poll__status--open"},be={class:"coloeus-poll__sr"},Ee={key:0,class:"coloeus-poll__error",role:"alert","aria-live":"assertive"},ke={key:2,class:"coloeus-poll__error"};function Se(l,n,c,t,d,_){return e.openBlock(),e.createElementBlock("div",Z,[t.loading?(e.openBlock(),e.createElementBlock("div",x,"Loading poll...")):t.poll?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("form",{class:"coloeus-poll__form",role:"form","aria-labelledby":t.pollTitleId,"aria-describedby":`${t.pollInstructionsId} ${t.pollStatusId}`,onSubmit:e.withModifiers(t.handleVote,["prevent"])},[e.createElementVNode("fieldset",{class:"coloeus-poll__fieldset","aria-describedby":`${t.pollInstructionsId} ${t.pollStatusId}`,"aria-disabled":!t.canVote},[e.createElementVNode("legend",{id:t.pollTitleId,class:"coloeus-poll__title"},e.toDisplayString(t.poll.title),9,te),e.createElementVNode("p",{id:t.pollInstructionsId,class:"coloeus-poll__instructions"},[e.createTextVNode(e.toDisplayString(t.selectionInstruction)+" ",1),t.canVote?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(t.pollStatusMessage),1))],8,oe),e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.poll.options,(s,o)=>(e.openBlock(),e.createElementBlock("li",{key:o,class:e.normalizeClass(["coloeus-poll__option",{"coloeus-poll__option--selected":t.isOptionCurrentlySelected(o),"coloeus-poll__option--voted":t.hasVotedForOption(o),"coloeus-poll__option--disabled":!t.canVote}])},[e.createElementVNode("label",se,[e.createElementVNode("input",{type:t.optionInputType,class:"coloeus-poll__option-input",name:`coloeus-poll-${t.props.id}`,value:o,checked:t.isOptionChecked(o),disabled:!t.canVote,"aria-describedby":t.getOptionStatsId(o),onChange:i=>t.handleOptionSelect(o)},null,40,ae),e.createElementVNode("span",ie,[e.createElementVNode("span",{class:"coloeus-poll__option-progress",style:e.normalizeStyle({width:`${t.optionPercentages[o]}%`}),"aria-hidden":"true"},null,4),e.createElementVNode("span",re,e.toDisplayString(s.text),1),t.showResults?(e.openBlock(),e.createElementBlock("span",ce,[e.createElementVNode("span",de,e.toDisplayString(t.optionPercentages[o])+"%",1),e.createElementVNode("span",null,"("+e.toDisplayString(s.voteCount)+")",1)])):e.createCommentVNode("",!0),e.createElementVNode("span",{id:t.getOptionStatsId(o),class:"coloeus-poll__sr"},[t.showResults?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(s.voteCount)+" vote"+e.toDisplayString(s.voteCount===1?"":"s")+" ("+e.toDisplayString(t.optionPercentages[o])+" percent). ",1),t.hasVotedForOption(o)?(e.openBlock(),e.createElementBlock("span",ue,"You selected this option.")):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" Results are hidden until voting closes. ")],64))],8,pe)])])],2))),128))])],8,ee),e.createElementVNode("div",me,[t.canVote?(e.openBlock(),e.createElementBlock("button",{key:0,type:"submit",class:"coloeus-poll__vote-btn",disabled:!t.hasSelection||t.submitting},e.toDisplayString(t.submitting?"Voting...":"Vote"),9,_e)):e.createCommentVNode("",!0),e.createElementVNode("span",fe,e.toDisplayString(t.totalVotes)+" vote"+e.toDisplayString(t.totalVotes===1?"":"s")+" cast ",1),e.createElementVNode("div",{id:t.pollStatusId,class:"coloeus-poll__status-group",role:"status","aria-live":"polite"},[t.isActive?t.alreadyVoted?(e.openBlock(),e.createElementBlock("span",ge," You voted ")):(e.openBlock(),e.createElementBlock("span",Ve," Voting open ")):(e.openBlock(),e.createElementBlock("span",ye," Voting closed ")),e.createElementVNode("span",be,e.toDisplayString(t.pollStatusMessage),1)],8,he)])],40,$),t.displayError?(e.openBlock(),e.createElementBlock("div",Ee,e.toDisplayString(t.displayError),1)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("div",ke,"Failed to load poll"))])}const Ne=F(X,[["render",Se],["__file","/Users/philipp/Code/coloeus/frontend/components/src/components/ColoeusPolls.vue"]]),Oe=e.defineComponent({__name:"ColoeusEditor",props:{id:{type:String,required:!1}},emits:["saved","cancel","error"],setup(l,{expose:n,emit:c}){n();const t=l,d=c,_=e.computed(()=>!!t.id),s=e.ref(""),o=e.ref(["",""]),i=e.ref(""),a=e.ref(""),g=e.ref(!1),b=e.ref(!1),f=e.ref(null),N=e.computed(()=>!(!s.value.trim()||o.value.filter(p=>p.trim()).length<2));async function k(){if(t.id){g.value=!0,f.value=null;try{const r=await K(t.id);s.value=r.title,o.value=r.options.map(p=>p.text),i.value=r.startTime?S(r.startTime):"",a.value=r.endTime?S(r.endTime):""}catch(r){f.value=r instanceof Error?r.message:"Failed to load poll",d("error",f.value)}finally{g.value=!1}}}function S(r){const p=new Date(r),V=p.getTimezoneOffset();return new Date(p.getTime()-V*60*1e3).toISOString().slice(0,16)}function u(){o.value.length<20&&(o.value=[...o.value,""])}function h(r){o.value.length>2&&(o.value=o.value.filter((p,V)=>V!==r))}function B(r,p){const V=[...o.value];V[r]=p,o.value=V}async function O(){if(N.value){b.value=!0,f.value=null;try{const r=o.value.filter(p=>p.trim());if(_.value&&t.id){const p={title:s.value.trim(),startTime:i.value?new Date(i.value).toISOString():null,endTime:a.value?new Date(a.value).toISOString():null},V=await H(t.id,p);d("saved",V)}else{const p={title:s.value.trim(),options:r,startTime:i.value?new Date(i.value).toISOString():void 0,endTime:a.value?new Date(a.value).toISOString():void 0},V=await G(p);d("saved",V)}}catch(r){f.value=r instanceof Error?r.message:"Failed to save poll",d("error",f.value)}finally{b.value=!1}}}function w(){d("cancel")}e.onMounted(()=>{t.id&&k()}),e.watch(()=>t.id,r=>{r?k():(s.value="",o.value=["",""],i.value="",a.value="",f.value=null)});const T={props:t,emit:d,isEditMode:_,title:s,options:o,startTime:i,endTime:a,loading:g,submitting:b,error:f,canSubmit:N,loadPoll:k,formatDateTimeLocal:S,addOption:u,removeOption:h,updateOption:B,handleSubmit:O,handleCancel:w};return Object.defineProperty(T,"__isScriptSetup",{enumerable:!1,value:!0}),T}}),Ce={class:"coloeus-editor"},Be={class:"coloeus-editor__title"},Te={key:0,class:"coloeus-poll__loading"},we={class:"coloeus-editor__field"},ve={class:"coloeus-editor__field"},Pe={class:"coloeus-editor__options"},De=["value","placeholder","disabled","onInput"],Ie=["onClick"],Me={class:"coloeus-editor__field"},Ae={class:"coloeus-editor__field"},Le={class:"coloeus-editor__actions"},Fe=["disabled"],Ue={key:0,class:"coloeus-editor__error"};function je(l,n,c,t,d,_){return e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("h3",Be,e.toDisplayString(t.isEditMode?"Edit Poll":"Create Poll"),1),t.loading?(e.openBlock(),e.createElementBlock("div",Te,"Loading...")):(e.openBlock(),e.createElementBlock("form",{key:1,onSubmit:e.withModifiers(t.handleSubmit,["prevent"])},[e.createElementVNode("div",we,[n[3]||(n[3]=e.createElementVNode("label",{class:"coloeus-editor__label",for:"poll-title"},"Title",-1)),e.withDirectives(e.createElementVNode("input",{id:"poll-title","onUpdate:modelValue":n[0]||(n[0]=s=>t.title=s),type:"text",class:"coloeus-editor__input",placeholder:"Enter poll title",maxlength:"500",required:""},null,512),[[e.vModelText,t.title]])]),e.createElementVNode("div",ve,[n[4]||(n[4]=e.createElementVNode("label",{class:"coloeus-editor__label"},"Options",-1)),e.createElementVNode("ul",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(s,o)=>(e.openBlock(),e.createElementBlock("li",{key:o,class:"coloeus-editor__option"},[e.createElementVNode("input",{value:s,type:"text",class:"coloeus-editor__option-input",placeholder:`Option ${o+1}`,maxlength:"150",disabled:t.isEditMode,onInput:i=>t.updateOption(o,i.target.value)},null,40,De),t.options.length>2&&!t.isEditMode?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"coloeus-editor__remove-btn",onClick:i=>t.removeOption(o)}," Remove ",8,Ie)):e.createCommentVNode("",!0)]))),128))]),t.options.length<20&&!t.isEditMode?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"coloeus-editor__add-btn",onClick:t.addOption}," + Add Option ")):e.createCommentVNode("",!0)]),e.createElementVNode("div",Me,[n[5]||(n[5]=e.createElementVNode("label",{class:"coloeus-editor__label",for:"poll-start"},"Start Time (optional)",-1)),e.withDirectives(e.createElementVNode("input",{id:"poll-start","onUpdate:modelValue":n[1]||(n[1]=s=>t.startTime=s),type:"datetime-local",class:"coloeus-editor__input"},null,512),[[e.vModelText,t.startTime]])]),e.createElementVNode("div",Ae,[n[6]||(n[6]=e.createElementVNode("label",{class:"coloeus-editor__label",for:"poll-end"},"End Time (optional)",-1)),e.withDirectives(e.createElementVNode("input",{id:"poll-end","onUpdate:modelValue":n[2]||(n[2]=s=>t.endTime=s),type:"datetime-local",class:"coloeus-editor__input"},null,512),[[e.vModelText,t.endTime]])]),e.createElementVNode("div",Le,[e.createElementVNode("button",{type:"submit",class:"coloeus-editor__submit-btn",disabled:!t.canSubmit||t.submitting},e.toDisplayString(t.submitting?"Saving...":t.isEditMode?"Update Poll":"Create Poll"),9,Fe),e.createElementVNode("button",{type:"button",class:"coloeus-editor__cancel-btn",onClick:t.handleCancel}," Cancel ")]),t.error?(e.openBlock(),e.createElementBlock("div",Ue,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)],32))])}const ze=F(Oe,[["render",je],["__file","/Users/philipp/Code/coloeus/frontend/components/src/components/ColoeusEditor.vue"]]);y.ColoeusEditor=ze,y.ColoeusPolls=Ne,y.configureColoeus=R,y.getConfig=Y,y.useLocalStorage=A,y.usePoll=I,y.useVote=L,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/ColoeusEditor.vue.d.ts

@@ -0,0 +1,15 @@
+import type { AdminPoll } from "../types/index.js";
+import "../styles/poll.css";
+type __VLS_Props = {
+    id?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: string) => any;
+    saved: (poll: AdminPoll) => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: string) => any) | undefined;
+    onSaved?: ((poll: AdminPoll) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ColoeusPolls.vue.d.ts

@@ -0,0 +1,12 @@
+import "../styles/poll.css";
+type __VLS_Props = {
+    id: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: string) => any;
+    voted: (pollId: string, optionIndices: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: string) => any) | undefined;
+    onVoted?: ((pollId: string, optionIndices: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/composables/useLocalStorage.d.ts

@@ -0,0 +1,13 @@
+type VoteRecord = number | number[];
+interface VoteStorage {
+    [pollId: string]: VoteRecord;
+}
+export declare function useLocalStorage(): {
+    votes: import("vue").Ref<VoteStorage, VoteStorage>;
+    hasVoted: (pollId: string) => boolean;
+    getVotedOptions: (pollId: string) => number[];
+    recordVote: (pollId: string, optionIndices: number | number[]) => void;
+    clearVote: (pollId: string) => void;
+    clearAllVotes: () => void;
+};
+export {};

package/dist/composables/usePoll.d.ts

@@ -0,0 +1,35 @@
+import type { PublicPoll } from "../types/index.js";
+export declare function usePoll(pollId: string): {
+    poll: import("vue").Ref<{
+        id: string;
+        title: string;
+        options: {
+            text: string;
+            voteCount: number;
+        }[];
+        maxSelections: number;
+        startTime: string | null;
+        endTime: string | null;
+        totalVotes: number;
+        isActive: boolean;
+    } | null, PublicPoll | {
+        id: string;
+        title: string;
+        options: {
+            text: string;
+            voteCount: number;
+        }[];
+        maxSelections: number;
+        startTime: string | null;
+        endTime: string | null;
+        totalVotes: number;
+        isActive: boolean;
+    } | null>;
+    loading: import("vue").Ref<boolean, boolean>;
+    error: import("vue").Ref<string | null, string | null>;
+    totalVotes: import("vue").ComputedRef<number>;
+    isActive: import("vue").ComputedRef<boolean>;
+    optionPercentages: import("vue").ComputedRef<number[]>;
+    loadPoll: () => Promise<void>;
+    updatePoll: (updatedPoll: PublicPoll) => void;
+};

package/dist/composables/useVote.d.ts

@@ -0,0 +1,19 @@
+import { type ComputedRef, type Ref } from "vue";
+import type { PublicPoll } from "../types/index.js";
+interface UseVoteOptions {
+    selectionLimit?: Ref<number> | ComputedRef<number>;
+}
+export declare function useVote(pollId: string, options?: UseVoteOptions): {
+    submitting: Ref<boolean, boolean>;
+    error: Ref<string | null, string | null>;
+    selectedOptions: Ref<number[], number[]>;
+    selectionLimit: Ref<number, number>;
+    isMultiSelect: ComputedRef<boolean>;
+    hasSelection: ComputedRef<boolean>;
+    alreadyVoted: ComputedRef<boolean>;
+    votedOptionIndices: ComputedRef<number[]>;
+    selectOption: (index: number) => void;
+    submitVote: () => Promise<PublicPoll | null>;
+    clearError: () => void;
+};
+export {};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { default as ColoeusPolls } from "./components/ColoeusPolls.vue";
+export { default as ColoeusEditor } from "./components/ColoeusEditor.vue";
+export { usePoll } from "./composables/usePoll.js";
+export { useVote } from "./composables/useVote.js";
+export { useLocalStorage } from "./composables/useLocalStorage.js";
+export { configureColoeus, getConfig } from "./services/api.js";
+export type { PublicPoll, PollOption, VoteResponse, CreatePollInput, UpdatePollInput, AdminPoll, ColoeusConfig, } from "./types/index.js";
+import "./styles/poll.css";

package/dist/services/api.d.ts

@@ -0,0 +1,9 @@
+import type { PublicPoll, VoteResponse, CreatePollInput, UpdatePollInput, AdminPoll, ColoeusConfig } from "../types/index.js";
+export declare function configureColoeus(config: ColoeusConfig): void;
+export declare function getConfig(): ColoeusConfig;
+export declare function fetchPoll(pollId: string): Promise<PublicPoll>;
+export declare function submitVote(pollId: string, optionIndices: number[]): Promise<VoteResponse>;
+export declare function createPoll(input: CreatePollInput): Promise<AdminPoll>;
+export declare function updatePoll(pollId: string, input: UpdatePollInput): Promise<AdminPoll>;
+export declare function fetchAdminPoll(pollId: string): Promise<AdminPoll>;
+export declare function deletePoll(pollId: string): Promise<void>;

package/dist/types/index.d.ts

@@ -0,0 +1,45 @@
+export interface PollOption {
+    text: string;
+    voteCount: number;
+}
+export interface PublicPoll {
+    id: string;
+    title: string;
+    options: PollOption[];
+    maxSelections: number;
+    startTime: string | null;
+    endTime: string | null;
+    totalVotes: number;
+    isActive: boolean;
+}
+export interface VoteResponse {
+    success: boolean;
+    poll: PublicPoll;
+}
+export interface CreatePollInput {
+    title: string;
+    options: string[];
+    maxSelections?: number;
+    startTime?: string;
+    endTime?: string;
+}
+export interface UpdatePollInput {
+    title?: string;
+    startTime?: string | null;
+    endTime?: string | null;
+}
+export interface AdminPoll {
+    id: string;
+    title: string;
+    options: PollOption[];
+    maxSelections: number;
+    startTime: string | null;
+    endTime: string | null;
+    deleted: boolean;
+    createdAt: string;
+    totalVotes: number;
+}
+export interface ColoeusConfig {
+    apiUrl: string;
+    getAuthToken?: () => Promise<string | null>;
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+    "name": "@richpods/coloeus",
+    "version": "0.1.0",
+    "description": "Coloeus Poll Components - Embeddable Vue 3 components",
+    "license": "BlueOak-1.0.0",
+    "author": "Philipp Naderer-Puiu",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/richpods/coloeus.git"
+    },
+    "keywords": ["vue", "poll", "components", "voting", "embed"],
+    "type": "module",
+    "main": "./dist/coloeus-components.umd.cjs",
+    "module": "./dist/coloeus-components.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/coloeus-components.js",
+            "require": "./dist/coloeus-components.umd.cjs"
+        },
+        "./style.css": "./dist/style.css"
+    },
+    "files": ["dist", "LICENSE"],
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build && vue-tsc --emitDeclarationOnly",
+        "preview": "vite preview",
+        "test": "vitest run",
+        "test:watch": "vitest"
+    },
+    "peerDependencies": {
+        "vue": "^3.5.0"
+    },
+    "dependencies": {
+        "vue": "^3.5.26"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^6.0.3",
+        "@vue/test-utils": "^2.4.6",
+        "typescript": "^5.9.3",
+        "vite": "^7.3.0",
+        "vite-plugin-dts": "^4.5.4",
+        "vitest": "^4.0.16",
+        "vue-tsc": "^2.2.12"
+    },
+    "engines": {
+        "node": ">=24.0.0"
+    }
+}