@luckydraw/blex 0.1.3 → 0.1.5

package/dist/esm/{chunk-6QSZG6F7.js → chunk-3EH3A427.js}

@@ -198,15 +198,49 @@ var DEFAULT_STYLES = `
 .blex-poll__submit { background: var(--blex-accent); color: #fff; border-color: var(--blex-accent); }
 .blex-poll__submit:hover { opacity: 0.9; background: var(--blex-accent); }
 
+/* Poll carousel */
+.blex-poll--carousel { position: relative; }
+.blex-poll__carousel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
+.blex-poll__dots { display: flex; gap: 6px; }
+.blex-poll__dot {
+  width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--blex-border);
+  background: transparent; padding: 0; cursor: pointer; transition: all var(--blex-animation-duration);
+}
+.blex-poll__dot--answered { background: var(--blex-accent); border-color: var(--blex-accent); }
+.blex-poll__dot--active { border-color: var(--blex-accent); box-shadow: 0 0 0 2px var(--blex-accent); }
+.blex-poll__dot--active.blex-poll__dot--answered { background: var(--blex-accent); }
+.blex-poll__counter { font-size: 12px; color: var(--blex-text); opacity: 0.6; }
+.blex-poll__hint { font-weight: 400; opacity: 0.7; font-size: 12px; }
+.blex-poll__nav { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }
+.blex-poll__nav-btn {
+  background: transparent; border: 1px solid var(--blex-border); border-radius: 4px;
+  padding: 6px 14px; cursor: pointer; font-size: 13px; color: var(--blex-text);
+  font-family: var(--blex-font-family);
+}
+.blex-poll__nav-btn:hover { background: var(--blex-border); }
+
+/* Poll summary */
+.blex-poll--summary .blex-poll__summary-heading { font-size: 14px; font-weight: 600; margin-bottom: 8px; }
+.blex-poll__summary-list { display: flex; flex-direction: column; gap: 4px; font-size: 13px; margin-bottom: 12px; }
+.blex-poll__summary-item { padding: 4px 0; border-bottom: 1px solid var(--blex-border); }
+.blex-poll__summary-item:last-child { border-bottom: none; }
+.blex-poll__review-btn {
+  background: transparent; border: 1px solid var(--blex-border); border-radius: 4px;
+  padding: 6px 14px; cursor: pointer; font-size: 13px; color: var(--blex-text);
+  font-family: var(--blex-font-family);
+}
+.blex-poll__review-btn:hover { background: var(--blex-border); }
+
 /* \u2500\u2500 status \u2500\u2500 */
-.blex-status { padding: 8px 12px; }
+.blex-status { padding: 8px 12px; overflow: hidden; }
 .blex-status__entry {
   display: flex; align-items: center; gap: 8px;
   padding: 6px 0; border-bottom: 1px solid var(--blex-border);
+  min-width: 0;
 }
 .blex-status__entry:last-child { border-bottom: none; }
-.blex-status__key { font-size: 13px; font-weight: 600; min-width: 100px; }
-.blex-status__value { font-size: 13px; flex: 1; }
+.blex-status__key { font-size: 13px; font-weight: 600; flex-shrink: 0; }
+.blex-status__value { font-size: 13px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .blex-status__indicator {
   width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
 }
@@ -215,8 +249,8 @@ var DEFAULT_STYLES = `
 .blex-status__indicator--error { background: var(--blex-error); }
 
 /* \u2500\u2500 metric \u2500\u2500 */
-.blex-metric { text-align: center; padding: 20px 16px; }
-.blex-metric__value { font-size: 36px; font-weight: 700; line-height: 1.2; }
+.blex-metric { text-align: center; padding: 20px 16px; overflow: hidden; }
+.blex-metric__value { font-size: 36px; font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .blex-metric__label { font-size: 13px; opacity: 0.7; margin-top: 4px; }
 .blex-metric__trend { font-size: 14px; margin-top: 8px; font-weight: 500; }
 .blex-metric__trend--up { color: var(--blex-success); }
@@ -433,7 +467,7 @@ var DEFAULT_STYLES = `
 
 /* \u2500\u2500 layout \u2500\u2500 */
 .blex-layout { border: none; padding: 0; background: transparent; gap: 12px; }
-.blex-layout__child { min-width: 0; }
+.blex-layout__child { min-width: 0; overflow: hidden; }
 
 /* \u2500\u2500 kanban \u2500\u2500 */
 .blex-kanban {
@@ -466,6 +500,7 @@ var DEFAULT_STYLES = `
 
 /* \u2500\u2500 calendar \u2500\u2500 */
 .blex-calendar {
+  position: relative;
   font-family: var(--blex-font-family); color: var(--blex-text);
   border: 1px solid var(--blex-border); border-radius: 6px; padding: 12px;
   background: var(--blex-bg);
@@ -501,6 +536,26 @@ var DEFAULT_STYLES = `
   font-size: 11px; color: #fff; background: var(--blex-accent);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;
 }
+.blex-calendar__detail {
+  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
+  display: flex; flex-direction: column; gap: 8px;
+  background: var(--blex-bg); border: 1px solid var(--blex-border);
+  border-radius: 8px; padding: 12px 16px; min-width: 220px; max-width: 320px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.12); z-index: 10;
+  font-family: var(--blex-font-family); color: var(--blex-text);
+}
+.blex-calendar__detail-color {
+  width: 100%; height: 4px; border-radius: 2px; background: var(--blex-accent);
+}
+.blex-calendar__detail-content { display: flex; flex-direction: column; gap: 4px; }
+.blex-calendar__detail-title { font-weight: 600; font-size: 14px; }
+.blex-calendar__detail-time { font-size: 12px; color: var(--blex-muted); }
+.blex-calendar__detail-dismiss {
+  align-self: flex-end; padding: 4px 12px; border: 1px solid var(--blex-border);
+  border-radius: 4px; background: var(--blex-bg); color: var(--blex-text);
+  font-size: 12px; cursor: pointer;
+}
+.blex-calendar__detail-dismiss:hover { background: rgba(0,0,0,0.04); }
 
 /* \u2500\u2500 gallery \u2500\u2500 */
 .blex-gallery {
@@ -636,92 +691,336 @@ function createConfirmRenderer() {
 var PollRenderer = class extends BaseRenderer {
   constructor() {
     super(...arguments);
-    this.selected = /* @__PURE__ */ new Set();
-    this.writeInValue = "";
+    this.questionStates = [];
+    this.currentIndex = 0;
+    this.normalizedQuestions = [];
+    this.submitted = false;
   }
   render(block, container) {
     this.container = container;
+    this.normalizedQuestions = this._normalizeQuestions(block.data);
+    this.questionStates = this.normalizedQuestions.map(() => ({
+      selected: /* @__PURE__ */ new Set(),
+      writeInValue: ""
+    }));
+    this.currentIndex = 0;
+    this.submitted = false;
     this._build(block);
     container.setAttribute("data-blex-ready", "true");
   }
   update(block) {
     if (!this.container) return;
-    const newOptionCount = block.data.options.length;
-    for (const idx of Array.from(this.selected)) {
-      if (idx >= newOptionCount) this.selected.delete(idx);
+    const newQuestions = this._normalizeQuestions(block.data);
+    const newStates = newQuestions.map((q, i) => {
+      if (i < this.questionStates.length) {
+        const existing = this.questionStates[i];
+        const filtered = /* @__PURE__ */ new Set();
+        for (const idx of existing.selected) {
+          if (idx < q.options.length) filtered.add(idx);
+        }
+        return { selected: filtered, writeInValue: existing.writeInValue };
+      }
+      return { selected: /* @__PURE__ */ new Set(), writeInValue: "" };
+    });
+    this.normalizedQuestions = newQuestions;
+    this.questionStates = newStates;
+    if (this.currentIndex >= newQuestions.length) {
+      this.currentIndex = Math.max(0, newQuestions.length - 1);
     }
     this.container.innerHTML = "";
     this._build(block);
   }
+  _normalizeQuestions(data) {
+    if (data.questions && data.questions.length > 0) {
+      return data.questions;
+    }
+    return [{
+      question: data.question || "",
+      options: data.options || [],
+      multiSelect: data.multiSelect,
+      writeIn: data.writeIn
+    }];
+  }
+  _isCarousel() {
+    return this.normalizedQuestions.length > 1;
+  }
   _build(block) {
+    if (this.submitted) {
+      this._buildSummary(block);
+      return;
+    }
+    if (this._isCarousel()) {
+      this._buildCarousel(block);
+    } else {
+      this._buildSingle(block);
+    }
+  }
+  _buildSingle(block) {
     const container = this.container;
-    const { question, options, multiSelect, writeIn } = block.data;
+    const q = this.normalizedQuestions[0];
+    const state = this.questionStates[0];
     const wrapper = document.createElement("div");
     wrapper.className = "blex-poll";
     wrapper.setAttribute("data-testid", `blex-poll-${block.id}`);
-    const q = document.createElement("p");
-    q.className = "blex-poll__question";
-    q.textContent = question;
-    wrapper.appendChild(q);
+    const qEl = document.createElement("p");
+    qEl.className = "blex-poll__question";
+    qEl.textContent = q.question;
+    wrapper.appendChild(qEl);
+    this._buildOptions(wrapper, q, state, block.id, 0);
+    if (q.writeIn) {
+      this._buildWriteIn(wrapper, state, block.id, 0);
+    }
+    const submitBtn = document.createElement("button");
+    submitBtn.className = "blex-poll__submit";
+    submitBtn.textContent = "Submit";
+    submitBtn.setAttribute("data-testid", `blex-poll-submit-${block.id}`);
+    this.addListener(submitBtn, "click", () => {
+      this._emitSubmit(block);
+    });
+    wrapper.appendChild(submitBtn);
+    container.appendChild(wrapper);
+  }
+  _buildCarousel(block) {
+    const container = this.container;
+    const questions = this.normalizedQuestions;
+    const idx = this.currentIndex;
+    const q = questions[idx];
+    const state = this.questionStates[idx];
+    const total = questions.length;
+    const wrapper = document.createElement("div");
+    wrapper.className = "blex-poll blex-poll--carousel";
+    wrapper.setAttribute("data-testid", `blex-poll-${block.id}`);
+    const header = document.createElement("div");
+    header.className = "blex-poll__carousel-header";
+    header.setAttribute("data-testid", "blex-poll-carousel-header");
+    const dots = document.createElement("div");
+    dots.className = "blex-poll__dots";
+    dots.setAttribute("data-testid", "blex-poll-dots");
+    for (let i = 0; i < total; i++) {
+      const dot = document.createElement("button");
+      dot.className = "blex-poll__dot";
+      dot.setAttribute("data-testid", `blex-poll-dot-${i}`);
+      dot.setAttribute("aria-label", `Question ${i + 1}`);
+      if (i === idx) {
+        dot.classList.add("blex-poll__dot--active");
+      } else if (this.questionStates[i].selected.size > 0 || this.questionStates[i].writeInValue) {
+        dot.classList.add("blex-poll__dot--answered");
+      }
+      this.addListener(dot, "click", () => {
+        this.currentIndex = i;
+        this.container.innerHTML = "";
+        this._build(block);
+      });
+      dots.appendChild(dot);
+    }
+    header.appendChild(dots);
+    const counter = document.createElement("span");
+    counter.className = "blex-poll__counter";
+    counter.setAttribute("data-testid", "blex-poll-counter");
+    counter.textContent = `${idx + 1} of ${total}`;
+    header.appendChild(counter);
+    wrapper.appendChild(header);
+    const qEl = document.createElement("p");
+    qEl.className = "blex-poll__question";
+    qEl.textContent = q.question;
+    if (q.multiSelect) {
+      const hint = document.createElement("span");
+      hint.className = "blex-poll__hint";
+      hint.textContent = " (select all that apply)";
+      qEl.appendChild(hint);
+    }
+    wrapper.appendChild(qEl);
+    this._buildOptions(wrapper, q, state, block.id, idx);
+    if (q.writeIn) {
+      this._buildWriteIn(wrapper, state, block.id, idx);
+    }
+    const nav = document.createElement("div");
+    nav.className = "blex-poll__nav";
+    if (idx > 0) {
+      const backBtn = document.createElement("button");
+      backBtn.className = "blex-poll__nav-btn blex-poll__nav-btn--back";
+      backBtn.setAttribute("data-testid", "blex-poll-back");
+      backBtn.textContent = "\u2190 Back";
+      this.addListener(backBtn, "click", () => {
+        this.currentIndex = idx - 1;
+        this.container.innerHTML = "";
+        this._build(block);
+      });
+      nav.appendChild(backBtn);
+    } else {
+      const spacer = document.createElement("div");
+      nav.appendChild(spacer);
+    }
+    if (idx < total - 1) {
+      const nextBtn = document.createElement("button");
+      nextBtn.className = "blex-poll__nav-btn blex-poll__nav-btn--next";
+      nextBtn.setAttribute("data-testid", "blex-poll-next");
+      nextBtn.textContent = "Next \u2192";
+      this.addListener(nextBtn, "click", () => {
+        this.currentIndex = idx + 1;
+        this.container.innerHTML = "";
+        this._build(block);
+      });
+      nav.appendChild(nextBtn);
+    } else {
+      const submitBtn = document.createElement("button");
+      submitBtn.className = "blex-poll__submit";
+      submitBtn.setAttribute("data-testid", `blex-poll-submit-${block.id}`);
+      submitBtn.textContent = "Submit \u27A4";
+      this.addListener(submitBtn, "click", () => {
+        this._emitSubmit(block);
+      });
+      nav.appendChild(submitBtn);
+    }
+    wrapper.appendChild(nav);
+    container.appendChild(wrapper);
+  }
+  _buildOptions(wrapper, q, state, _blockId, questionIndex) {
     const optionsList = document.createElement("div");
     optionsList.className = "blex-poll__options";
-    options.forEach((opt, i) => {
+    q.options.forEach((opt, i) => {
       const btn = document.createElement("button");
       btn.className = "blex-poll__option";
-      if (this.selected.has(i)) {
+      if (state.selected.has(i)) {
         btn.classList.add("blex-poll__option--selected");
       }
       btn.setAttribute("data-testid", `blex-poll-option-${i}`);
       btn.textContent = opt;
       this.addListener(btn, "click", () => {
-        if (multiSelect) {
-          if (this.selected.has(i)) {
-            this.selected.delete(i);
+        if (q.multiSelect) {
+          if (state.selected.has(i)) {
+            state.selected.delete(i);
             btn.classList.remove("blex-poll__option--selected");
           } else {
-            this.selected.add(i);
+            state.selected.add(i);
             btn.classList.add("blex-poll__option--selected");
           }
         } else {
           const allOptionBtns = optionsList.querySelectorAll(".blex-poll__option");
           allOptionBtns.forEach((b) => b.classList.remove("blex-poll__option--selected"));
-          this.selected.clear();
-          this.selected.add(i);
+          state.selected.clear();
+          state.selected.add(i);
           btn.classList.add("blex-poll__option--selected");
         }
+        if (this._isCarousel()) {
+          const dot = this.container?.querySelector(`[data-testid="blex-poll-dot-${questionIndex}"]`);
+          if (dot) {
+            dot.classList.add("blex-poll__dot--answered");
+          }
+        }
       });
       optionsList.appendChild(btn);
     });
     wrapper.appendChild(optionsList);
-    if (writeIn) {
-      const writeInInput = document.createElement("input");
-      writeInInput.type = "text";
-      writeInInput.className = "blex-poll__writein";
-      writeInInput.placeholder = "Other...";
-      writeInInput.setAttribute("data-testid", `blex-poll-writein-${block.id}`);
-      writeInInput.value = this.writeInValue;
-      this.addListener(writeInInput, "input", () => {
-        this.writeInValue = writeInInput.value;
+  }
+  _buildWriteIn(wrapper, state, blockId, questionIndex) {
+    const writeInInput = document.createElement("input");
+    writeInInput.type = "text";
+    writeInInput.className = "blex-poll__writein";
+    writeInInput.placeholder = "Other...";
+    writeInInput.setAttribute("data-testid", `blex-poll-writein-${blockId}`);
+    writeInInput.value = state.writeInValue;
+    this.addListener(writeInInput, "input", () => {
+      state.writeInValue = writeInInput.value;
+      if (this._isCarousel() && writeInInput.value) {
+        const dot = this.container?.querySelector(`[data-testid="blex-poll-dot-${questionIndex}"]`);
+        if (dot) {
+          dot.classList.add("blex-poll__dot--answered");
+        }
+      }
+    });
+    wrapper.appendChild(writeInInput);
+  }
+  _buildSummary(block) {
+    const container = this.container;
+    const questions = this.normalizedQuestions;
+    const wrapper = document.createElement("div");
+    wrapper.className = "blex-poll blex-poll--summary";
+    wrapper.setAttribute("data-testid", `blex-poll-${block.id}`);
+    const heading = document.createElement("div");
+    heading.className = "blex-poll__summary-heading";
+    heading.textContent = `\u{1F5F3} Survey complete (${questions.length} question${questions.length !== 1 ? "s" : ""})`;
+    wrapper.appendChild(heading);
+    const list = document.createElement("div");
+    list.className = "blex-poll__summary-list";
+    list.setAttribute("data-testid", "blex-poll-summary-list");
+    questions.forEach((q, i) => {
+      const state = this.questionStates[i];
+      const selectedLabels = Array.from(state.selected).sort((a, b) => a - b).map((si) => q.options[si]);
+      const item = document.createElement("div");
+      item.className = "blex-poll__summary-item";
+      let answerText = selectedLabels.join(", ") || "(no selection)";
+      if (state.writeInValue) {
+        answerText += answerText !== "(no selection)" ? `: "${state.writeInValue}"` : `"${state.writeInValue}"`;
+      }
+      item.textContent = `${i + 1}. ${q.question} \u2192 ${answerText}`;
+      list.appendChild(item);
+    });
+    wrapper.appendChild(list);
+    if (this._isCarousel()) {
+      const reviewBtn = document.createElement("button");
+      reviewBtn.className = "blex-poll__review-btn";
+      reviewBtn.setAttribute("data-testid", "blex-poll-review");
+      reviewBtn.textContent = "Review \u25BE";
+      this.addListener(reviewBtn, "click", () => {
+        this.submitted = false;
+        this.currentIndex = 0;
+        this.container.innerHTML = "";
+        this._build(block);
       });
-      wrapper.appendChild(writeInInput);
+      wrapper.appendChild(reviewBtn);
     }
-    const submitBtn = document.createElement("button");
-    submitBtn.className = "blex-poll__submit";
-    submitBtn.textContent = "Submit";
-    submitBtn.setAttribute("data-testid", `blex-poll-submit-${block.id}`);
-    this.addListener(submitBtn, "click", () => {
-      const selectedLabels = Array.from(this.selected).sort((a, b) => a - b).map((i) => options[i]);
+    container.appendChild(wrapper);
+  }
+  _emitSubmit(block) {
+    const questions = this.normalizedQuestions;
+    const isCarousel = this._isCarousel();
+    if (isCarousel) {
+      const answers = [];
+      const lines = [`Survey response (${questions.length} questions):`];
+      questions.forEach((q, i) => {
+        const state = this.questionStates[i];
+        const selectedLabels = Array.from(state.selected).sort((a, b) => a - b).map((si) => q.options[si]);
+        const answer = {
+          question: q.question,
+          selected: selectedLabels
+        };
+        if (state.writeInValue) answer.writeIn = state.writeInValue;
+        answers.push(answer);
+        let line = `${i + 1}. ${q.question} \u2192 ${selectedLabels.join(", ") || "(no selection)"}`;
+        if (state.writeInValue) line += `
+   Write-in: ${state.writeInValue}`;
+        lines.push(line);
+      });
+      const answeredCount = answers.filter((a) => a.selected.length > 0 || a.writeIn).length;
+      const summary = `Survey: ${answeredCount}/${questions.length} answered`;
+      this.submitted = true;
+      this.container.innerHTML = "";
+      this._build(block);
+      this.emit({
+        blockId: block.id,
+        type: "submit",
+        payload: { answers },
+        serialized: lines.join("\n"),
+        summary,
+        icon: "\u{1F5F3}",
+        immediate: true
+      });
+    } else {
+      const q = questions[0];
+      const state = this.questionStates[0];
+      const selectedLabels = Array.from(state.selected).sort((a, b) => a - b).map((i) => q.options[i]);
       const payload = {
         selected: selectedLabels
       };
-      let serialized = `Poll response: ${question}
+      let serialized = `Poll response: ${q.question}
 Selected: ${selectedLabels.join(", ")}`;
-      if (this.writeInValue) {
-        payload.writeIn = this.writeInValue;
+      if (state.writeInValue) {
+        payload.writeIn = state.writeInValue;
         serialized += `
-Write-in: ${this.writeInValue}`;
+Write-in: ${state.writeInValue}`;
       }
-      const summary = selectedLabels.length > 0 ? `Voted: ${selectedLabels.join(", ")}${this.writeInValue ? ` + "${this.writeInValue}"` : ""}` : `Write-in: ${this.writeInValue}`;
+      const summary = selectedLabels.length > 0 ? `Voted: ${selectedLabels.join(", ")}${state.writeInValue ? ` + "${state.writeInValue}"` : ""}` : `Write-in: ${state.writeInValue}`;
       this.emit({
         blockId: block.id,
         type: "submit",
@@ -731,9 +1030,7 @@ Write-in: ${this.writeInValue}`;
         icon: "\u{1F5F3}",
         immediate: true
       });
-    });
-    wrapper.appendChild(submitBtn);
-    container.appendChild(wrapper);
+    }
   }
 };
 function createPollRenderer() {
@@ -1993,7 +2290,7 @@ function registerDefaults() {
     return createKanbanRenderer;
   });
   registerLazyBlockType("calendar", async () => {
-    const { createCalendarRenderer } = await import('./calendar-PNRNENA4.js');
+    const { createCalendarRenderer } = await import('./calendar-DOOC3ERV.js');
     return createCalendarRenderer;
   });
   registerLazyBlockType("gallery", async () => {
@@ -2028,5 +2325,5 @@ function registerDefaults() {
 }
 
 export { getRegisteredTypes, hasBlockType, isBuiltIn, registerBlockType, registerDefaults, registerLazyBlockType, renderBlock, unregisterBlockType };
-//# sourceMappingURL=chunk-6QSZG6F7.js.map
-//# sourceMappingURL=chunk-6QSZG6F7.js.map
+//# sourceMappingURL=chunk-3EH3A427.js.map
+//# sourceMappingURL=chunk-3EH3A427.js.map