drill-widgets 2.7.20 → 2.7.23

package/dist/drill-widgets.es.js

@@ -23,10 +23,10 @@ let Fe = class {
   }
 };
 const Oe = (s) => new Fe(typeof s == "string" ? s : s + "", void 0, me), O = (s, ...e) => {
-  const t = s.length === 1 ? s[0] : e.reduce((i, r, n) => i + ((o) => {
-    if (o._$cssResult$ === !0) return o.cssText;
-    if (typeof o == "number") return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  const t = s.length === 1 ? s[0] : e.reduce((i, r, n) => i + ((a) => {
+    if (a._$cssResult$ === !0) return a.cssText;
+    if (typeof a == "number") return a;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(r) + s[n + 1], s[0]);
   return new Fe(t, s, me);
 }, Re = (s, e) => {
@@ -91,12 +91,12 @@ let P = class extends HTMLElement {
   static getPropertyDescriptor(e, t, i) {
     const { get: r, set: n } = We(this.prototype, e) ?? { get() {
       return this[t];
-    }, set(o) {
-      this[t] = o;
+    }, set(a) {
+      this[t] = a;
     } };
-    return { get: r, set(o) {
-      const a = r == null ? void 0 : r.call(this);
-      n == null || n.call(this, o), this.requestUpdate(e, a, i);
+    return { get: r, set(a) {
+      const o = r == null ? void 0 : r.call(this);
+      n == null || n.call(this, a), this.requestUpdate(e, o, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
@@ -184,29 +184,29 @@ let P = class extends HTMLElement {
     var n;
     const i = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, i);
     if (r !== void 0 && i.reflect === !0) {
-      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : J).toAttribute(t, i.type);
-      this._$Em = e, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+      const a = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : J).toAttribute(t, i.type);
+      this._$Em = e, a == null ? this.removeAttribute(r) : this.setAttribute(r, a), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var n, o;
+    var n, a;
     const i = this.constructor, r = i._$Eh.get(e);
     if (r !== void 0 && this._$Em !== r) {
-      const a = i.getPropertyOptions(r), d = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((n = a.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? a.converter : J;
-      this._$Em = r, this[r] = d.fromAttribute(t, a.type) ?? ((o = this._$Ej) == null ? void 0 : o.get(r)) ?? null, this._$Em = null;
+      const o = i.getPropertyOptions(r), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : J;
+      this._$Em = r, this[r] = d.fromAttribute(t, o.type) ?? ((a = this._$Ej) == null ? void 0 : a.get(r)) ?? null, this._$Em = null;
     }
   }
   requestUpdate(e, t, i) {
     var r;
     if (e !== void 0) {
-      const n = this.constructor, o = this[e];
-      if (i ?? (i = n.getPropertyOptions(e)), !((i.hasChanged ?? fe)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(n._$Eu(e, i)))) return;
+      const n = this.constructor, a = this[e];
+      if (i ?? (i = n.getPropertyOptions(e)), !((i.hasChanged ?? fe)(a, t) || i.useDefault && i.reflect && a === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(n._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: i, reflect: r, wrapped: n }, o) {
-    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), n !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: i, reflect: r, wrapped: n }, a) {
+    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), n !== !0 || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -226,13 +226,13 @@ let P = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep) this[n] = o;
+        for (const [n, a] of this._$Ep) this[n] = a;
         this._$Ep = void 0;
       }
       const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [n, o] of r) {
-        const { wrapped: a } = o, d = this[n];
-        a !== !0 || this._$AL.has(n) || d === void 0 || this.C(n, void 0, o, d);
+      if (r.size > 0) for (const [n, a] of r) {
+        const { wrapped: o } = a, d = this[n];
+        o !== !0 || this._$AL.has(n) || d === void 0 || this.C(n, void 0, a, d);
       }
     }
     let e = !1;
@@ -291,13 +291,13 @@ function Pe(s, e) {
 }
 const Je = (s, e) => {
   const t = s.length - 1, i = [];
-  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = R;
-  for (let a = 0; a < t; a++) {
-    const d = s[a];
+  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = R;
+  for (let o = 0; o < t; o++) {
+    const d = s[o];
     let p, c, u = -1, h = 0;
-    for (; h < d.length && (o.lastIndex = h, c = o.exec(d), c !== null); ) h = o.lastIndex, o === R ? c[1] === "!--" ? o = ke : c[1] !== void 0 ? o = $e : c[2] !== void 0 ? (Ue.test(c[2]) && (r = RegExp("</" + c[2], "g")), o = M) : c[3] !== void 0 && (o = M) : o === M ? c[0] === ">" ? (o = r ?? R, u = -1) : c[1] === void 0 ? u = -2 : (u = o.lastIndex - c[2].length, p = c[1], o = c[3] === void 0 ? M : c[3] === '"' ? Ce : De) : o === Ce || o === De ? o = M : o === ke || o === $e ? o = R : (o = M, r = void 0);
-    const g = o === M && s[a + 1].startsWith("/>") ? " " : "";
-    n += o === R ? d + Ye : u >= 0 ? (i.push(p), d.slice(0, u) + ze + d.slice(u) + E + g) : d + E + (u === -2 ? a : g);
+    for (; h < d.length && (a.lastIndex = h, c = a.exec(d), c !== null); ) h = a.lastIndex, a === R ? c[1] === "!--" ? a = ke : c[1] !== void 0 ? a = $e : c[2] !== void 0 ? (Ue.test(c[2]) && (r = RegExp("</" + c[2], "g")), a = M) : c[3] !== void 0 && (a = M) : a === M ? c[0] === ">" ? (a = r ?? R, u = -1) : c[1] === void 0 ? u = -2 : (u = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? M : c[3] === '"' ? Ce : De) : a === Ce || a === De ? a = M : a === ke || a === $e ? a = R : (a = M, r = void 0);
+    const g = a === M && s[o + 1].startsWith("/>") ? " " : "";
+    n += a === R ? d + Ye : u >= 0 ? (i.push(p), d.slice(0, u) + ze + d.slice(u) + E + g) : d + E + (u === -2 ? o : g);
   }
   return [Pe(s, n + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
@@ -305,16 +305,16 @@ class Q {
   constructor({ strings: e, _$litType$: t }, i) {
     let r;
     this.parts = [];
-    let n = 0, o = 0;
-    const a = e.length - 1, d = this.parts, [p, c] = Je(e, t);
+    let n = 0, a = 0;
+    const o = e.length - 1, d = this.parts, [p, c] = Je(e, t);
     if (this.el = Q.createElement(p, i), F.currentNode = this.el.content, t === 2 || t === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
     }
-    for (; (r = F.nextNode()) !== null && d.length < a; ) {
+    for (; (r = F.nextNode()) !== null && d.length < o; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const u of r.getAttributeNames()) if (u.endsWith(ze)) {
-          const h = c[o++], g = r.getAttribute(u).split(E), x = /([.?@])?(.*)/.exec(h);
+          const h = c[a++], g = r.getAttribute(u).split(E), x = /([.?@])?(.*)/.exec(h);
           d.push({ type: 1, index: n, name: x[2], strings: g, ctor: x[1] === "." ? Ze : x[1] === "?" ? et : x[1] === "@" ? tt : se }), r.removeAttribute(u);
         } else u.startsWith(E) && (d.push({ type: 6, index: n }), r.removeAttribute(u));
         if (Ue.test(r.tagName)) {
@@ -339,11 +339,11 @@ class Q {
   }
 }
 function L(s, e, t = s, i) {
-  var o, a;
+  var a, o;
   if (e === U) return e;
-  let r = i !== void 0 ? (o = t._$Co) == null ? void 0 : o[i] : t._$Cl;
+  let r = i !== void 0 ? (a = t._$Co) == null ? void 0 : a[i] : t._$Cl;
   const n = B(e) ? void 0 : e._$litDirective$;
-  return (r == null ? void 0 : r.constructor) !== n && ((a = r == null ? void 0 : r._$AO) == null || a.call(r, !1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = r : t._$Cl = r), r !== void 0 && (e = L(s, r._$AS(s, e.values), r, i)), e;
+  return (r == null ? void 0 : r.constructor) !== n && ((o = r == null ? void 0 : r._$AO) == null || o.call(r, !1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = r : t._$Cl = r), r !== void 0 && (e = L(s, r._$AS(s, e.values), r, i)), e;
 }
 class Xe {
   constructor(e, t) {
@@ -358,13 +358,13 @@ class Xe {
   u(e) {
     const { el: { content: t }, parts: i } = this._$AD, r = ((e == null ? void 0 : e.creationScope) ?? I).importNode(t, !0);
     F.currentNode = r;
-    let n = F.nextNode(), o = 0, a = 0, d = i[0];
+    let n = F.nextNode(), a = 0, o = 0, d = i[0];
     for (; d !== void 0; ) {
-      if (o === d.index) {
+      if (a === d.index) {
         let p;
-        d.type === 2 ? p = new G(n, n.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(n, d.name, d.strings, this, e) : d.type === 6 && (p = new it(n, this, e)), this._$AV.push(p), d = i[++a];
+        d.type === 2 ? p = new G(n, n.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(n, d.name, d.strings, this, e) : d.type === 6 && (p = new it(n, this, e)), this._$AV.push(p), d = i[++o];
       }
-      o !== (d == null ? void 0 : d.index) && (n = F.nextNode(), o++);
+      a !== (d == null ? void 0 : d.index) && (n = F.nextNode(), a++);
     }
     return F.currentNode = I, r;
   }
@@ -409,8 +409,8 @@ class G {
     const { values: t, _$litType$: i } = e, r = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = Q.createElement(Pe(i.h, i.h[0]), this.options)), i);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(t);
     else {
-      const o = new Xe(r, this), a = o.u(this.options);
-      o.p(t), this.T(a), this._$AH = o;
+      const a = new Xe(r, this), o = a.u(this.options);
+      a.p(t), this.T(o), this._$AH = a;
     }
   }
   _$AC(e) {
@@ -448,14 +448,14 @@ class se {
   }
   _$AI(e, t = this, i, r) {
     const n = this.strings;
-    let o = !1;
-    if (n === void 0) e = L(this, e, t, 0), o = !B(e) || e !== this._$AH && e !== U, o && (this._$AH = e);
+    let a = !1;
+    if (n === void 0) e = L(this, e, t, 0), a = !B(e) || e !== this._$AH && e !== U, a && (this._$AH = e);
     else {
-      const a = e;
+      const o = e;
       let d, p;
-      for (e = n[0], d = 0; d < n.length - 1; d++) p = L(this, a[i + d], t, d), p === U && (p = this._$AH[d]), o || (o = !B(p) || p !== this._$AH[d]), p === w ? e = w : e !== w && (e += (p ?? "") + n[d + 1]), this._$AH[d] = p;
+      for (e = n[0], d = 0; d < n.length - 1; d++) p = L(this, o[i + d], t, d), p === U && (p = this._$AH[d]), a || (a = !B(p) || p !== this._$AH[d]), p === w ? e = w : e !== w && (e += (p ?? "") + n[d + 1]), this._$AH[d] = p;
     }
-    o && !r && this.j(e);
+    a && !r && this.j(e);
   }
   j(e) {
     e === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
@@ -502,8 +502,8 @@ class it {
     L(this, e);
   }
 }
-const oe = W.litHtmlPolyfillSupport;
-oe == null || oe(Q, G), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.3.0");
+const ae = W.litHtmlPolyfillSupport;
+ae == null || ae(Q, G), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.3.0");
 const st = (s, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let r = i._$litPart$;
@@ -546,8 +546,8 @@ let N = class extends P {
 };
 var Me;
 N._$litElement$ = !0, N.finalized = !0, (Me = z.litElementHydrateSupport) == null || Me.call(z, { LitElement: N });
-const ae = z.litElementPolyfillSupport;
-ae == null || ae({ LitElement: N });
+const oe = z.litElementPolyfillSupport;
+oe == null || oe({ LitElement: N });
 (z.litElementVersions ?? (z.litElementVersions = [])).push("4.2.0");
 /**
  * @license
@@ -568,27 +568,27 @@ const rt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged:
   const { kind: i, metadata: r } = t;
   let n = globalThis.litPropertyMetadata.get(r);
   if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), n.set(t.name, s), i === "accessor") {
-    const { name: o } = t;
-    return { set(a) {
+    const { name: a } = t;
+    return { set(o) {
       const d = e.get.call(this);
-      e.set.call(this, a), this.requestUpdate(o, d, s);
-    }, init(a) {
-      return a !== void 0 && this.C(o, void 0, s, a), a;
+      e.set.call(this, o), this.requestUpdate(a, d, s);
+    }, init(o) {
+      return o !== void 0 && this.C(a, void 0, s, o), o;
     } };
   }
   if (i === "setter") {
-    const { name: o } = t;
-    return function(a) {
-      const d = this[o];
-      e.call(this, a), this.requestUpdate(o, d, s);
+    const { name: a } = t;
+    return function(o) {
+      const d = this[a];
+      e.call(this, o), this.requestUpdate(a, d, s);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function $(s) {
   return (e, t) => typeof t == "object" ? nt(s, e, t) : ((i, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
+    const a = r.hasOwnProperty(n);
+    return r.constructor.createProperty(n, i), a ? Object.getOwnPropertyDescriptor(r, n) : void 0;
   })(s, e, t);
 }
 /**
@@ -602,18 +602,18 @@ function b(s) {
 const k = [];
 for (let s = 0; s < 256; ++s)
   k.push((s + 256).toString(16).slice(1));
-function ot(s, e = 0) {
+function at(s, e = 0) {
   return (k[s[e + 0]] + k[s[e + 1]] + k[s[e + 2]] + k[s[e + 3]] + "-" + k[s[e + 4]] + k[s[e + 5]] + "-" + k[s[e + 6]] + k[s[e + 7]] + "-" + k[s[e + 8]] + k[s[e + 9]] + "-" + k[s[e + 10]] + k[s[e + 11]] + k[s[e + 12]] + k[s[e + 13]] + k[s[e + 14]] + k[s[e + 15]]).toLowerCase();
 }
 let de;
-const at = new Uint8Array(16);
+const ot = new Uint8Array(16);
 function dt() {
   if (!de) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     de = crypto.getRandomValues.bind(crypto);
   }
-  return de(at);
+  return de(ot);
 }
 const lt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ee = { randomUUID: lt };
 function A(s, e, t) {
@@ -624,7 +624,7 @@ function A(s, e, t) {
   const i = s.random ?? ((r = s.rng) == null ? void 0 : r.call(s)) ?? dt();
   if (i.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, ot(i);
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, at(i);
 }
 const pt = O`
   :host {
@@ -3897,8 +3897,8 @@ const pt = O`
   }
 `;
 var gt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, _ = (s, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? mt(e, t) : e, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? mt(e, t) : e, n = s.length - 1, a; n >= 0; n--)
+    (a = s[n]) && (r = (i ? a(e, t, r) : a(r)) || r);
   return i && r && gt(e, t, r), r;
 };
 let v = class extends N {
@@ -3913,7 +3913,11 @@ let v = class extends N {
     }, this._draggedStepId = null, this._dragOverStepId = null, this._selectedStepId = null, this._questions = [], this._editingStepId = null, this._stepAssignmentCategory = "individual", this._stepAssignmentType = "subject", this._stepAssignmentTarget = "", this._stepAssignmentFirstName = "", this._stepAssignmentLastName = "", this._openMenuStepId = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this.workflow ? (this._templateData = { ...this.workflow }, this.workflow.steps && this.workflow.steps.length > 0 && (this._selectedStepId = this.workflow.steps[0].id), console.log("Builder loaded with existing workflow:", this.workflow.name)) : this._templateData = this._getDefaultWorkflowData(), this._clickOutsideHandler = () => this._closeStepMenu(), document.addEventListener("click", this._clickOutsideHandler);
+    var s;
+    super.connectedCallback(), this.workflow ? (this._templateData = { ...this.workflow }, this.workflow.steps && this.workflow.steps.length > 0 && (this._selectedStepId = this.workflow.steps[0].id), console.log("Builder loaded with existing workflow:", this.workflow.name)) : (this._templateData = this._getDefaultWorkflowData(), this.subjectTypes && this.subjectTypes.length > 0 && ((s = this.subjectTypes[0]) != null && s.name) && (this._templateData = {
+      ...this._templateData,
+      subjectType: this.subjectTypes[0].name
+    })), this._clickOutsideHandler = () => this._closeStepMenu(), document.addEventListener("click", this._clickOutsideHandler);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._clickOutsideHandler && document.removeEventListener("click", this._clickOutsideHandler);
@@ -4016,15 +4020,15 @@ let v = class extends N {
   }
   _duplicateStep(s) {
     var r, n;
-    const e = (r = this._templateData.steps) == null ? void 0 : r.find((o) => o.id === s);
+    const e = (r = this._templateData.steps) == null ? void 0 : r.find((a) => a.id === s);
     if (!e) return;
     const t = this._templateData.steps || [], i = {
       ...e,
       id: A(),
       title: `${e.title} (Copy)`,
       order: t.length + 1,
-      elements: ((n = e.elements) == null ? void 0 : n.map((o) => ({
-        ...o,
+      elements: ((n = e.elements) == null ? void 0 : n.map((a) => ({
+        ...a,
         id: A()
       }))) || []
     };
@@ -4054,11 +4058,11 @@ let v = class extends N {
     };
     if (this._stepAssignmentType === "specific_user" && this._stepAssignmentTarget ? (e.email = this._stepAssignmentTarget, this._stepAssignmentFirstName || this._stepAssignmentLastName ? e.targetName = `${this._stepAssignmentFirstName} ${this._stepAssignmentLastName}`.trim() : e.targetName = this._stepAssignmentTarget) : this._stepAssignmentType === "instance_role_assignee_select" && this._stepAssignmentTarget && (e.targetId = this._stepAssignmentTarget), this._editingStepId) {
       const r = s.map((n) => {
-        var o;
+        var a;
         return n.id === this._editingStepId ? {
           ...n,
           title: this._stepFormData.title.trim(),
-          description: ((o = this._stepFormData.description) == null ? void 0 : o.trim()) || "",
+          description: ((a = this._stepFormData.description) == null ? void 0 : a.trim()) || "",
           assignment: e
         } : n;
       });
@@ -4109,21 +4113,21 @@ let v = class extends N {
       this._draggedStepId = null, this._dragOverStepId = null;
       return;
     }
-    const t = this._templateData.steps || [], i = t.findIndex((a) => a.id === this._draggedStepId), r = t.findIndex((a) => a.id === e);
+    const t = this._templateData.steps || [], i = t.findIndex((o) => o.id === this._draggedStepId), r = t.findIndex((o) => o.id === e);
     if (i === -1 || r === -1) {
       console.error("Could not find step indices for reordering");
       return;
     }
     console.log(
       "🔄 Before reorder:",
-      t.map((a, d) => `${d + 1}: ${a.title}`)
+      t.map((o, d) => `${d + 1}: ${o.title}`)
     );
-    const n = [...t], [o] = n.splice(i, 1);
-    n.splice(r, 0, o), n.forEach((a, d) => {
-      a.order = d + 1;
+    const n = [...t], [a] = n.splice(i, 1);
+    n.splice(r, 0, a), n.forEach((o, d) => {
+      o.order = d + 1;
     }), console.log(
       "🔄 After reorder:",
-      n.map((a, d) => `${d + 1}: ${a.title}`)
+      n.map((o, d) => `${d + 1}: ${o.title}`)
     ), this._templateData = {
       ...this._templateData,
       steps: n
@@ -4168,13 +4172,13 @@ let v = class extends N {
 Use **bold** and *italic* text.`;
           break;
       }
-      const o = this._templateData.steps.map((a) => a.id === this._selectedStepId ? {
-        ...a,
-        elements: [...a.elements || [], n]
-      } : a);
+      const a = this._templateData.steps.map((o) => o.id === this._selectedStepId ? {
+        ...o,
+        elements: [...o.elements || [], n]
+      } : o);
       this._templateData = {
         ...this._templateData,
-        steps: o
+        steps: a
       }, console.log("✅ Content element added to step:", this._selectedStepId);
     } else {
       const n = {
@@ -4187,13 +4191,13 @@ Use **bold** and *italic* text.`;
         required: !1
       };
       ["select", "radio", "checkbox"].includes(s) && (n.options = ["Option 1", "Option 2"]);
-      const o = this._templateData.steps.map((a) => a.id === this._selectedStepId ? {
-        ...a,
-        elements: [...a.elements || [], n]
-      } : a);
+      const a = this._templateData.steps.map((o) => o.id === this._selectedStepId ? {
+        ...o,
+        elements: [...o.elements || [], n]
+      } : o);
       this._templateData = {
         ...this._templateData,
-        steps: o
+        steps: a
       }, console.log("✅ Question added to step:", this._selectedStepId);
     }
   }
@@ -4255,7 +4259,7 @@ Use **bold** and *italic* text.`;
       return r.id === this._selectedStepId ? {
         ...r,
         elements: ((n = r.elements) == null ? void 0 : n.map(
-          (o) => o.id === s ? { ...o, ...e } : o
+          (a) => a.id === s ? { ...a, ...e } : a
         )) || []
       } : r;
     });
@@ -4272,7 +4276,7 @@ Use **bold** and *italic* text.`;
       return r.id === this._selectedStepId ? {
         ...r,
         elements: ((n = r.elements) == null ? void 0 : n.map(
-          (o) => o.id === s ? { ...o, ...e } : o
+          (a) => a.id === s ? { ...a, ...e } : a
         )) || []
       } : r;
     });
@@ -4874,7 +4878,12 @@ Use **bold** and *italic* text.`;
                 <label for="subject-type-select">Subject Type</label>
                 <select id="subject-type-select" @change=${this._handleSubjectTypeChange}>
                   ${this.subjectTypes.map(
-      (t) => l`<option value=${t.name}>${t.name}</option>`
+      (t) => l`<option
+                        value=${t.name}
+                        ?selected=${this._templateData.subjectType === t.name}
+                      >
+                        ${t.name}
+                      </option>`
     )}
                 </select>
               </div>` : l``}
@@ -5077,13 +5086,13 @@ Use **bold** and *italic* text.`;
                               class="assignment-select"
                               .value=${this._stepAssignmentTarget}
                               @change=${(t) => {
-      var n, o;
+      var n, a;
       const i = t.target;
       this._stepAssignmentTarget = i.value;
       const r = (n = this._templateData.steps) == null ? void 0 : n.findIndex(
-        (a) => a.id === this._editingStepId
+        (o) => o.id === this._editingStepId
       );
-      r !== void 0 && r > -1 && (this._templateData.steps[r].assignment.targetName = (o = this.groups.find((a) => a.id === i.value)) == null ? void 0 : o.name, this._templateData.steps[r].assignment.targetId = i.value, this.requestUpdate());
+      r !== void 0 && r > -1 && (this._templateData.steps[r].assignment.targetName = (a = this.groups.find((o) => o.id === i.value)) == null ? void 0 : a.name, this._templateData.steps[r].assignment.targetId = i.value, this.requestUpdate());
     }}
                             >
                               <!-- Groups -->
@@ -5301,8 +5310,8 @@ Use **bold** and *italic* text.`;
                                 <select
                                   class="question-type-select"
                                   .value=${n.type || "text_input"}
-                                  @change=${(o) => {
-          const d = o.target.value;
+                                  @change=${(a) => {
+          const d = a.target.value;
           if ([
             "text",
             "html",
@@ -5370,10 +5379,10 @@ Use **bold** and *italic* text.`;
                               class="question-label-input"
                               placeholder="Question label"
                               .value=${n.label || ""}
-                              @input=${(o) => {
-          const a = o.target;
+                              @input=${(a) => {
+          const o = a.target;
           this._updateQuestion(n.id, {
-            label: a.value
+            label: o.value
           });
         }}
                             />
@@ -5384,10 +5393,10 @@ Use **bold** and *italic* text.`;
                               <input
                                 type="checkbox"
                                 .checked=${n.required || !1}
-                                @change=${(o) => {
-          const a = o.target;
+                                @change=${(a) => {
+          const o = a.target;
           this._updateQuestion(n.id, {
-            required: a.checked
+            required: o.checked
           });
         }}
                               />
@@ -5407,8 +5416,8 @@ Use **bold** and *italic* text.`;
                                 <select
                                   class="question-type-select"
                                   .value=${t.type || "text"}
-                                  @change=${(o) => {
-          const d = o.target.value;
+                                  @change=${(a) => {
+          const d = a.target.value;
           if (![
             "text",
             "html",
@@ -5587,25 +5596,26 @@ class ft {
       return { isValid: !1, errors: {} };
     let r = !0;
     const n = {};
-    for (const o of e.elements)
-      if (this.isQuestionElement(o)) {
-        const a = o;
-        if (a.required) {
+    for (const a of e.elements)
+      if (this.isQuestionElement(a)) {
+        const o = a;
+        if (o.required) {
           const d = this.validateQuestion(
-            a,
-            t[a.id]
+            o,
+            t[o.id],
+            t
           );
-          d && (r = !1, n[a.id] = d.message);
+          d && (r = !1, n[o.id] = d.message);
         }
       }
     return { isValid: r, errors: n };
   }
-  validateQuestion(e, t) {
+  validateQuestion(e, t, i) {
     switch (e.type) {
       case "checkbox":
         return this.validateCheckbox(e, t);
       case "signature":
-        return this.validateSignature(e, t);
+        return this.validateSignature(e, t, i);
       case "file_upload":
         return this.validateFileUpload(e, t);
       default:
@@ -5626,9 +5636,11 @@ class ft {
       };
     return null;
   }
-  validateSignature(e, t) {
-    const i = this.signaturePads.get(e.id);
-    return !i || i.isEmpty() ? {
+  validateSignature(e, t, i) {
+    if (i && i[e.id])
+      return null;
+    const r = this.signaturePads.get(e.id);
+    return !r || r.isEmpty() ? {
       questionId: e.id,
       message: `${e.label} is required.`
     } : this.savedSignatures.has(e.id) ? null : {
@@ -5666,13 +5678,13 @@ class bt {
   getStorageKey(e) {
     return `runner-form-data-${e || "default"}`;
   }
-  saveFormData(e, t, i, r, n, o) {
+  saveFormData(e, t, i, r, n, a) {
     var c, u, h;
-    const a = this.getStorageKey(e), d = o ? {
-      ...o,
-      currentStepId: (u = (c = o.steps) == null ? void 0 : c[i]) == null ? void 0 : u.id,
+    const o = this.getStorageKey(e), d = a ? {
+      ...a,
+      currentStepId: (u = (c = a.steps) == null ? void 0 : c[i]) == null ? void 0 : u.id,
       completedSteps: Array.from(n),
-      steps: (h = o.steps) == null ? void 0 : h.map((g) => ({
+      steps: (h = a.steps) == null ? void 0 : h.map((g) => ({
         ...g,
         responses: g.responses || []
       }))
@@ -5685,7 +5697,7 @@ class bt {
       instance: d
     };
     try {
-      localStorage.setItem(a, JSON.stringify(p));
+      localStorage.setItem(o, JSON.stringify(p));
     } catch (g) {
       console.warn("Failed to save form data to localStorage:", g);
     }
@@ -5746,24 +5758,24 @@ class ve {
     return new ve(e[1], i, r, e[2], t.start, t.end);
   }
   static calculateControlPoints(e, t, i) {
-    const r = e.x - t.x, n = e.y - t.y, o = t.x - i.x, a = t.y - i.y, d = { x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }, p = { x: (t.x + i.x) / 2, y: (t.y + i.y) / 2 }, c = Math.sqrt(r * r + n * n), u = Math.sqrt(o * o + a * a), h = d.x - p.x, g = d.y - p.y, x = c + u == 0 ? 0 : u / (c + u), S = { x: p.x + h * x, y: p.y + g * x }, Y = t.x - S.x, q = t.y - S.y;
+    const r = e.x - t.x, n = e.y - t.y, a = t.x - i.x, o = t.y - i.y, d = { x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }, p = { x: (t.x + i.x) / 2, y: (t.y + i.y) / 2 }, c = Math.sqrt(r * r + n * n), u = Math.sqrt(a * a + o * o), h = d.x - p.x, g = d.y - p.y, x = c + u == 0 ? 0 : u / (c + u), S = { x: p.x + h * x, y: p.y + g * x }, Y = t.x - S.x, q = t.y - S.y;
     return {
       c1: new Z(d.x + Y, d.y + q),
       c2: new Z(p.x + Y, p.y + q)
     };
   }
-  constructor(e, t, i, r, n, o) {
-    this.startPoint = e, this.control2 = t, this.control1 = i, this.endPoint = r, this.startWidth = n, this.endWidth = o;
+  constructor(e, t, i, r, n, a) {
+    this.startPoint = e, this.control2 = t, this.control1 = i, this.endPoint = r, this.startWidth = n, this.endWidth = a;
   }
   length() {
     let t = 0, i, r;
     for (let n = 0; n <= 10; n += 1) {
-      const o = n / 10, a = this.point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), d = this.point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+      const a = n / 10, o = this.point(a, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), d = this.point(a, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
       if (n > 0) {
-        const p = a - i, c = d - r;
+        const p = o - i, c = d - r;
         t += Math.sqrt(p * p + c * c);
       }
-      i = a, r = d;
+      i = o, r = d;
     }
     return t;
   }
@@ -5790,13 +5802,13 @@ class vt {
   }
 }
 function xt(s, e = 250) {
-  let t = 0, i = null, r, n, o;
-  const a = () => {
-    t = Date.now(), i = null, r = s.apply(n, o), i || (n = null, o = []);
+  let t = 0, i = null, r, n, a;
+  const o = () => {
+    t = Date.now(), i = null, r = s.apply(n, a), i || (n = null, a = []);
   };
   return function(...p) {
     const c = Date.now(), u = e - (c - t);
-    return n = this, o = p, u <= 0 || u > e ? (i && (clearTimeout(i), i = null), t = c, r = s.apply(n, o), i || (n = null, o = [])) : i || (i = window.setTimeout(a, u)), r;
+    return n = this, a = p, u <= 0 || u > e ? (i && (clearTimeout(i), i = null), t = c, r = s.apply(n, a), i || (n = null, a = [])) : i || (i = window.setTimeout(o, u)), r;
   };
 }
 class ee extends vt {
@@ -5810,9 +5822,9 @@ class ee extends vt {
   }
   fromDataURL(e, t = {}) {
     return new Promise((i, r) => {
-      const n = new Image(), o = t.ratio || window.devicePixelRatio || 1, a = t.width || this.canvas.width / o, d = t.height || this.canvas.height / o, p = t.xOffset || 0, c = t.yOffset || 0;
+      const n = new Image(), a = t.ratio || window.devicePixelRatio || 1, o = t.width || this.canvas.width / a, d = t.height || this.canvas.height / a, p = t.xOffset || 0, c = t.yOffset || 0;
       this._reset(this._getPointGroupOptions()), n.onload = () => {
-        this._ctx.drawImage(n, p, c, a, d), i();
+        this._ctx.drawImage(n, p, c, o, d), i();
       }, n.onerror = (u) => {
         r(u);
       }, n.crossOrigin = "anonymous", n.src = e, this._isEmpty = !1;
@@ -5971,10 +5983,10 @@ class ee extends vt {
       return;
     }
     this.dispatchEvent(new CustomEvent("beforeUpdateStroke", { detail: e }));
-    const t = this._createPoint(e.x, e.y, e.pressure), i = this._data[this._data.length - 1], r = i.points, n = r.length > 0 && r[r.length - 1], o = n ? t.distanceTo(n) <= this.minDistance : !1, a = this._getPointGroupOptions(i);
-    if (!n || !(n && o)) {
-      const d = this._addPoint(t, a);
-      n ? d && this._drawCurve(d, a) : this._drawDot(t, a), r.push({
+    const t = this._createPoint(e.x, e.y, e.pressure), i = this._data[this._data.length - 1], r = i.points, n = r.length > 0 && r[r.length - 1], a = n ? t.distanceTo(n) <= this.minDistance : !1, o = this._getPointGroupOptions(i);
+    if (!n || !(n && a)) {
+      const d = this._addPoint(t, o);
+      n ? d && this._drawCurve(d, o) : this._drawDot(t, o), r.push({
         time: t.time,
         x: t.x,
         y: t.y,
@@ -6018,11 +6030,11 @@ class ee extends vt {
     return null;
   }
   _calculateCurveWidths(e, t, i) {
-    const r = i.velocityFilterWeight * t.velocityFrom(e) + (1 - i.velocityFilterWeight) * this._lastVelocity, n = this._strokeWidth(r, i), o = {
+    const r = i.velocityFilterWeight * t.velocityFrom(e) + (1 - i.velocityFilterWeight) * this._lastVelocity, n = this._strokeWidth(r, i), a = {
       end: n,
       start: this._lastWidth
     };
-    return this._lastVelocity = r, this._lastWidth = n, o;
+    return this._lastVelocity = r, this._lastWidth = n, a;
   }
   _strokeWidth(e, t) {
     return Math.max(t.maxWidth / (e + 1), t.minWidth);
@@ -6034,12 +6046,12 @@ class ee extends vt {
   _drawCurve(e, t) {
     const i = this._ctx, r = e.endWidth - e.startWidth, n = Math.ceil(e.length()) * 2;
     i.beginPath(), i.fillStyle = t.penColor;
-    for (let o = 0; o < n; o += 1) {
-      const a = o / n, d = a * a, p = d * a, c = 1 - a, u = c * c, h = u * c;
+    for (let a = 0; a < n; a += 1) {
+      const o = a / n, d = o * o, p = d * o, c = 1 - o, u = c * c, h = u * c;
       let g = h * e.startPoint.x;
-      g += 3 * u * a * e.control1.x, g += 3 * c * d * e.control2.x, g += p * e.endPoint.x;
+      g += 3 * u * o * e.control1.x, g += 3 * c * d * e.control2.x, g += p * e.endPoint.x;
       let x = h * e.startPoint.y;
-      x += 3 * u * a * e.control1.y, x += 3 * c * d * e.control2.y, x += p * e.endPoint.y;
+      x += 3 * u * o * e.control1.y, x += 3 * c * d * e.control2.y, x += p * e.endPoint.y;
       const S = Math.min(e.startWidth + p * r, t.maxWidth);
       this._drawCurveSegment(g, x, S);
     }
@@ -6051,21 +6063,21 @@ class ee extends vt {
   }
   _fromData(e, t, i) {
     for (const r of e) {
-      const { points: n } = r, o = this._getPointGroupOptions(r);
+      const { points: n } = r, a = this._getPointGroupOptions(r);
       if (n.length > 1)
-        for (let a = 0; a < n.length; a += 1) {
-          const d = n[a], p = new Z(d.x, d.y, d.pressure, d.time);
-          a === 0 && this._reset(o);
-          const c = this._addPoint(p, o);
-          c && t(c, o);
+        for (let o = 0; o < n.length; o += 1) {
+          const d = n[o], p = new Z(d.x, d.y, d.pressure, d.time);
+          o === 0 && this._reset(a);
+          const c = this._addPoint(p, a);
+          c && t(c, a);
         }
       else
-        this._reset(o), i(n[0], o);
+        this._reset(a), i(n[0], a);
     }
   }
   toSVG({ includeBackgroundColor: e = !1 } = {}) {
-    const t = this._data, i = Math.max(window.devicePixelRatio || 1, 1), r = 0, n = 0, o = this.canvas.width / i, a = this.canvas.height / i, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    if (d.setAttribute("xmlns", "http://www.w3.org/2000/svg"), d.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), d.setAttribute("viewBox", `${r} ${n} ${o} ${a}`), d.setAttribute("width", o.toString()), d.setAttribute("height", a.toString()), e && this.backgroundColor) {
+    const t = this._data, i = Math.max(window.devicePixelRatio || 1, 1), r = 0, n = 0, a = this.canvas.width / i, o = this.canvas.height / i, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    if (d.setAttribute("xmlns", "http://www.w3.org/2000/svg"), d.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), d.setAttribute("viewBox", `${r} ${n} ${a} ${o}`), d.setAttribute("width", a.toString()), d.setAttribute("height", o.toString()), e && this.backgroundColor) {
       const p = document.createElement("rect");
       p.setAttribute("width", "100%"), p.setAttribute("height", "100%"), p.setAttribute("fill", this.backgroundColor), d.appendChild(p);
     }
@@ -6146,8 +6158,8 @@ class _t {
   resizeCanvas(e) {
     const t = Math.max(window.devicePixelRatio || 1, 1), i = window.getComputedStyle(e), r = parseFloat(i.width), n = parseFloat(i.height);
     e.width = r * t, e.height = n * t;
-    const o = e.getContext("2d");
-    o && o.scale(t, t);
+    const a = e.getContext("2d");
+    a && a.scale(t, t);
   }
   clearSignaturePad(e) {
     var t;
@@ -6173,7 +6185,7 @@ class yt {
     if (!e) return;
     e.responses || (e.responses = []);
     const r = e.responses.findIndex(
-      (o) => o.elementId === t
+      (a) => a.elementId === t
     ), n = {
       elementId: t,
       value: i,
@@ -6187,12 +6199,12 @@ class yt {
         if (this.isQuestionElement(r.type)) {
           const n = t[r.id];
           if (n !== void 0 && i.responses) {
-            let o = i.responses.find((a) => a.elementId === r.id);
-            o ? (o.value = n, o.answeredAt = /* @__PURE__ */ new Date()) : (o = {
+            let a = i.responses.find((o) => o.elementId === r.id);
+            a ? (a.value = n, a.answeredAt = /* @__PURE__ */ new Date()) : (a = {
               elementId: r.id,
               value: n,
               answeredAt: /* @__PURE__ */ new Date()
-            }, i.responses.push(o));
+            }, i.responses.push(a));
           }
         }
       });
@@ -6210,7 +6222,7 @@ class yt {
     if (!(i != null && i.steps)) return !0;
     for (const r of i.steps)
       if (r.responses) {
-        const n = r.responses.find((o) => o.elementId === e);
+        const n = r.responses.find((a) => a.elementId === e);
         if (n)
           return n.value !== t;
       }
@@ -6266,8 +6278,8 @@ class wt {
     }
     return this.findNextAssignedStep(e, t) === -1;
   }
-  canNavigateToStep(e, t, i, r, n, o) {
-    if ((n || o) && this.mode !== "admin" && this.mode !== "view-only" && this.mode !== "print")
+  canNavigateToStep(e, t, i, r, n, a) {
+    if ((n || a) && this.mode !== "admin" && this.mode !== "view-only" && this.mode !== "print")
       return {
         canNavigate: !1,
         newStepIndex: t,
@@ -6284,14 +6296,14 @@ class wt {
         newStepIndex: e
       };
     }
-    const a = i.steps;
-    if (!a || e < 0 || e >= a.length)
+    const o = i.steps;
+    if (!o || e < 0 || e >= o.length)
       return {
         canNavigate: !1,
         newStepIndex: t,
         reason: "Invalid step index"
       };
-    const d = a[e];
+    const d = o[e];
     if (this.isStepAssignedToUser(d)) {
       const p = r.has(d.id), c = this.isStepWithinAllowedRange(
         e,
@@ -6315,18 +6327,18 @@ class wt {
   isStepWithinAllowedRange(e, t, i) {
     if (!(t != null && t.steps)) return !1;
     const n = this.getAssignedSteps(t).map((d) => t.steps.findIndex((p) => p.id === d.id)).sort((d, p) => d - p);
-    let o = -1;
+    let a = -1;
     for (const d of n) {
       const p = t.steps[d];
-      i.has(p.id) && (o = d);
+      i.has(p.id) && (a = d);
     }
-    let a = -1;
+    let o = -1;
     for (const d of n)
-      if (d > o) {
-        a = d;
+      if (d > a) {
+        o = d;
         break;
       }
-    return a !== -1 ? e <= a && this.isStepAssignedToUser(t.steps[e]) : this.isStepAssignedToUser(t.steps[e]);
+    return o !== -1 ? e <= o && this.isStepAssignedToUser(t.steps[e]) : this.isStepAssignedToUser(t.steps[e]);
   }
 }
 const te = class te {
@@ -6455,8 +6467,8 @@ const te = class te {
     const t = {};
     return (i = e.elements) == null || i.forEach((r) => {
       if (this.isQuestionElement(r)) {
-        const n = r, o = this.formData[n.id];
-        o !== void 0 && (t[n.id] = o);
+        const n = r, a = this.formData[n.id];
+        a !== void 0 && (t[n.id] = a);
       }
     }), t;
   }
@@ -6506,16 +6518,16 @@ const ie = class ie {
       this.clearFile(e), (c = i.onRequestUpdate) == null || c.call(i);
       return;
     }
-    const o = this.validateFileSize(n);
-    if (o) {
-      this.handleFileValidationError(e, o, r), (u = i.onRequestUpdate) == null || u.call(i);
+    const a = this.validateFileSize(n);
+    if (a) {
+      this.handleFileValidationError(e, a, r), (u = i.onRequestUpdate) == null || u.call(i);
       return;
     }
     this.formStateManager.clearValidationError(e);
-    const a = this.createFileInfo(n);
-    this.formStateManager.setFormField(e, a);
-    const d = this.hasFileChanged(e, a, i.savedInstance);
-    d && i.mode !== "preview" ? this.executeFileUploadCallback(e, n, a, i) : this.logSkippedCallback(e, i.mode, d), (h = i.onRequestUpdate) == null || h.call(i), i.mode !== "admin" && ((g = i.onFormDataSave) == null || g.call(i));
+    const o = this.createFileInfo(n);
+    this.formStateManager.setFormField(e, o);
+    const d = this.hasFileChanged(e, o, i.savedInstance);
+    d && i.mode !== "preview" ? this.executeFileUploadCallback(e, n, o, i) : this.logSkippedCallback(e, i.mode, d), (h = i.onRequestUpdate) == null || h.call(i), i.mode !== "admin" && ((g = i.onFormDataSave) == null || g.call(i));
   }
   /**
    * Clears file data for a question
@@ -6553,10 +6565,10 @@ const ie = class ie {
     if (!(i != null && i.steps)) return !0;
     for (const r of i.steps)
       if (r.responses) {
-        const n = r.responses.find((o) => o.elementId === e);
+        const n = r.responses.find((a) => a.elementId === e);
         if (n && n.value && typeof n.value == "object") {
-          const o = n.value;
-          return o.name !== t.name || o.size !== t.size || o.type !== t.type || o.lastModified !== t.lastModified;
+          const a = n.value;
+          return a.name !== t.name || a.size !== t.size || a.type !== t.type || a.lastModified !== t.lastModified;
         }
       }
     return !0;
@@ -6565,10 +6577,10 @@ const ie = class ie {
    * Executes the file upload callback with proper context
    */
   executeFileUploadCallback(e, t, i, r) {
-    var n, o;
+    var n, a;
     console.log("File changed, calling callback for:", e), console.log("Callback function exists:", !!r.onFileUploaded), r.onFileUploaded && r.onFileUploaded({
       instanceId: (n = r.instance) == null ? void 0 : n.id,
-      stepId: (o = r.currentStep) == null ? void 0 : o.id,
+      stepId: (a = r.currentStep) == null ? void 0 : a.id,
       questionId: e,
       file: t,
       fileName: i.name,
@@ -6664,51 +6676,51 @@ class D {
     </select>`;
   }
   static renderRadio(e, t, i) {
-    var o;
+    var a;
     const r = this._isInputDisabled(i), n = i.mode === "print";
     return n ? l`<div class="print-response-value radio-response">
         ${t || l`<span class="print-no-response">No selection made</span>`}
       </div>` : l`<div class="radio-group ${n ? "print-mode" : ""}">
-      ${(o = e.options) == null ? void 0 : o.map(
-      (a) => l`
+      ${(a = e.options) == null ? void 0 : a.map(
+      (o) => l`
           <label class="radio-option">
             <input
               type="radio"
               name=${e.id}
-              value=${a}
-              .checked=${t === a}
+              value=${o}
+              .checked=${t === o}
               ?disabled=${r}
               @change=${n ? null : (d) => i.handlers.handleInputChange(e.id, d)}
             />
-            <span class="radio-label">${a}</span>
+            <span class="radio-label">${o}</span>
           </label>
         `
     )}
     </div>`;
   }
   static renderCheckbox(e, t, i) {
-    var o;
+    var a;
     const r = this._isInputDisabled(i), n = i.mode === "print";
     if (e.options && e.options.length > 0) {
       if (n) {
-        const a = Array.isArray(t) ? t : [];
+        const o = Array.isArray(t) ? t : [];
         return l`<div class="print-response-value checkbox-response">
-          ${a.length > 0 ? a.map((d) => l`<div>• ${d}</div>`) : l`<span class="print-no-response">No selections made</span>`}
+          ${o.length > 0 ? o.map((d) => l`<div>• ${d}</div>`) : l`<span class="print-no-response">No selections made</span>`}
         </div>`;
       }
       return l`<div class="checkbox-group ${n ? "print-mode" : ""}">
-        ${(o = e.options) == null ? void 0 : o.map(
-        (a) => l`
+        ${(a = e.options) == null ? void 0 : a.map(
+        (o) => l`
             <label class="checkbox-option">
               <input
                 type="checkbox"
                 name=${e.id}
-                value=${a}
-                .checked=${Array.isArray(t) ? t.includes(a) : !1}
+                value=${o}
+                .checked=${Array.isArray(t) ? t.includes(o) : !1}
                 ?disabled=${r}
-                @change=${n ? null : (d) => i.handlers.handleCheckboxGroupChange(e.id, a, d)}
+                @change=${n ? null : (d) => i.handlers.handleCheckboxGroupChange(e.id, o, d)}
               />
-              <span class="checkbox-label">${a}</span>
+              <span class="checkbox-label">${o}</span>
             </label>
           `
       )}
@@ -6722,13 +6734,13 @@ class D {
           id=${e.id}
           .checked=${!!t}
           ?disabled=${r}
-          @change=${n ? null : (a) => i.handlers.handleCheckboxChange(e.id, a)}
+          @change=${n ? null : (o) => i.handlers.handleCheckboxChange(e.id, o)}
         />
         <span class="checkbox-label">${e.label}</span>
       </label>`;
   }
   static renderSignature(e, t, i) {
-    const r = i.formData[e.id], n = !!i.formData[e.id], o = i.savedSignatures.has(e.id), a = i.replacingSignatures.has(e.id);
+    const r = i.formData[e.id], n = !!i.formData[e.id], a = i.savedSignatures.has(e.id), o = i.replacingSignatures.has(e.id);
     if (i.mode === "print")
       return r && typeof r == "string" ? l`
           <div class="print-response-value signature-response">
@@ -6775,7 +6787,31 @@ class D {
             <span class="no-signature">No signature captured</span>
           </div>
         `;
-    if (i.mode === "admin" && r && typeof r == "string" && !a) {
+    if (i.mode === "default" && !i.handlers.isCurrentStepAssigned())
+      return r && typeof r == "string" ? l`
+          <div class="signature-view-only">
+            <img
+              src="${r}"
+              alt="Digital Signature"
+              class="signature-image"
+              @error=${(d) => {
+        var u;
+        const p = d.target;
+        p.style.display = "none";
+        const c = (u = p.parentElement) == null ? void 0 : u.querySelector(".signature-fallback");
+        c && c.classList.remove("hidden");
+      }}
+            />
+            <div class="signature-fallback hidden">
+              <span class="signature-error">Unable to display signature</span>
+            </div>
+          </div>
+        ` : l`
+          <div class="signature-view-only">
+            <span class="no-signature">No signature captured</span>
+          </div>
+        `;
+    if (i.mode === "admin" && r && typeof r == "string" && !o) {
       const d = r.trim().startsWith("<svg");
       return l`
         <div class="signature-admin-display">
@@ -6822,7 +6858,7 @@ class D {
           >
             Clear
           </button>
-          ${n && !o ? l`
+          ${n && !a ? l`
                 <button
                   type="button"
                   class="signature-save-btn"
@@ -6832,8 +6868,8 @@ class D {
                   Save
                 </button>
               ` : ""}
-          ${o ? l` <span class="signature-saved">✓ Saved</span> ` : ""}
-          ${i.mode === "admin" && a ? l`
+          ${a ? l` <span class="signature-saved">✓ Saved</span> ` : ""}
+          ${i.mode === "admin" && o ? l`
                 <button
                   type="button"
                   class="signature-cancel-btn"
@@ -6850,9 +6886,9 @@ class D {
     const r = i.formData[e.id];
     if (i.mode === "view-only" || i.mode === "print")
       if (r) {
-        const n = typeof r == "string", o = typeof r == "object" && r.name;
+        const n = typeof r == "string", a = typeof r == "object" && r.name;
         if (i.mode === "print") {
-          if (o)
+          if (a)
             return l`
               <div class="print-response-value file-response">
                 📎 ${r.name}
@@ -6862,16 +6898,16 @@ class D {
               </div>
             `;
           if (n) {
-            const a = D._extractFilenameFromUrl(r);
-            return l` <div class="print-response-value file-response">📎 ${a}</div> `;
+            const o = D._extractFilenameFromUrl(r);
+            return l` <div class="print-response-value file-response">📎 ${o}</div> `;
           } else
             return l` <div class="print-response-value file-response">📎 ${r}</div> `;
         } else {
-          const a = n ? r : "#", d = o ? r.name : n ? D._extractFilenameFromUrl(r) : "View File";
+          const o = n ? r : "#", d = a ? r.name : n ? D._extractFilenameFromUrl(r) : "View File";
           return l`
             <div class="file-upload-view-only">
-              <a href="${a}" target="_blank" class="file-link"> 📎 ${d} </a>
-              ${o && r.size ? l`
+              <a href="${o}" target="_blank" class="file-link"> 📎 ${d} </a>
+              ${a && r.size ? l`
                     <span class="file-size-info"
                       >(${D._formatFileSize(r.size)})</span
                     >
@@ -6952,16 +6988,16 @@ class D {
         default:
           return D.renderDefaultInput(e, i, t);
       }
-    }, o = e.type === "checkbox" && (!e.options || e.options.length === 0);
+    }, a = e.type === "checkbox" && (!e.options || e.options.length === 0);
     return t.mode === "print" ? l`
         <div class="question-print">
-          ${o ? "" : l` <div class="print-question-title">${e.label}:</div> `}
+          ${a ? "" : l` <div class="print-question-title">${e.label}:</div> `}
           ${n()}
           <hr class="print-question-separator" />
         </div>
       ` : l`
       <div class="question ${r ? "error" : ""}">
-        ${o ? "" : l`
+        ${a ? "" : l`
               <div class="runner-question-title">
                 ${e.label}${e.required ? l`<span class="runner-question-required">*</span>` : ""}
               </div>
@@ -7125,15 +7161,15 @@ class le {
         <nav aria-label="Workflow steps">
           <div class="runner-mobile-steps-container">
             ${t == null ? void 0 : t.map((r) => {
-      const n = e.isStepAssignedToUser(r), o = e.completedSteps.has(r.id);
+      const n = e.isStepAssignedToUser(r), a = e.completedSteps.has(r.id);
       return l`
                 <div
-                  class="runner-mobile-step-tab ${o ? "completed" : ""} ${n ? "" : "unassigned"} ${i ? "disabled" : ""}"
+                  class="runner-mobile-step-tab ${a ? "completed" : ""} ${n ? "" : "unassigned"} ${i ? "disabled" : ""}"
                   style="cursor: not-allowed; opacity: ${i ? "0.6" : n ? "1" : "0.6"};"
                 >
                   <span class="runner-mobile-step-title">${r.title}</span>
                   <span class="runner-mobile-step-badge">
-                    ${o ? "Completed" : n ? "Your Step" : "Other User"}
+                    ${a ? "Completed" : n ? "Your Step" : "Other User"}
                   </span>
                 </div>
               `;
@@ -7170,7 +7206,7 @@ class le {
     `;
   }
   static renderSubmissionErrorView(e) {
-    var r, n, o;
+    var r, n, a;
     const { submissionError: t, onRetry: i } = e;
     return l`
       <div class="runner-layout">
@@ -7187,14 +7223,14 @@ class le {
           <div class="runner-sidebar-header">Steps</div>
           <nav aria-label="Workflow steps">
             <ul class="runner-steps-list">
-              ${(o = (n = e.instance) == null ? void 0 : n.steps) == null ? void 0 : o.map((a) => {
-      const d = e.isStepAssignedToUser(a), p = e.completedSteps.has(a.id);
+              ${(a = (n = e.instance) == null ? void 0 : n.steps) == null ? void 0 : a.map((o) => {
+      const d = e.isStepAssignedToUser(o), p = e.completedSteps.has(o.id);
       return l`
                   <li
                     class="runner-step-item ${p ? "completed" : ""} ${d ? "" : "unassigned"}"
                     style="opacity: ${d ? "1" : "0.6"}; cursor: not-allowed;"
                   >
-                    <span class="runner-step-title">${a.title}</span>
+                    <span class="runner-step-title">${o.title}</span>
                     <span class="runner-step-badge ${!p && d ? "error" : ""}">
                       ${p ? "Submitted" : d ? "Failed" : "Other User"}
                     </span>
@@ -7252,15 +7288,15 @@ class le {
           <nav aria-label="Workflow steps">
             <ul class="runner-steps-list">
               ${(r = (i = e.instance) == null ? void 0 : i.steps) == null ? void 0 : r.map((n) => {
-      const o = e.isStepAssignedToUser(n), a = e.completedSteps.has(n.id);
+      const a = e.isStepAssignedToUser(n), o = e.completedSteps.has(n.id);
       return l`
                   <li
-                    class="runner-step-item ${a ? "completed" : ""} ${o ? "" : "unassigned"}"
-                    style="opacity: ${o ? "1" : "0.6"}; cursor: not-allowed;"
+                    class="runner-step-item ${o ? "completed" : ""} ${a ? "" : "unassigned"}"
+                    style="opacity: ${a ? "1" : "0.6"}; cursor: not-allowed;"
                   >
                     <span class="runner-step-title">${n.title}</span>
                     <span class="runner-step-badge">
-                      ${a ? "Submitted" : o ? "Your Step" : "Other User"}
+                      ${o ? "Submitted" : a ? "Your Step" : "Other User"}
                     </span>
                   </li>
                 `;
@@ -7312,16 +7348,16 @@ class j {
         <nav aria-label="Workflow steps">
           <ul class="runner-steps-list">
             ${t == null ? void 0 : t.map((i, r) => {
-      const n = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(i), o = r === e.currentStepIndex, a = this.isStepCompleted(i, e, n), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print", p = e.isLoading;
+      const n = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(i), a = r === e.currentStepIndex, o = this.isStepCompleted(i, e, n), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print", p = e.isLoading;
       return l`
                 <li
-                  class="runner-step-item ${o ? "active" : ""} ${a ? "completed" : ""} ${n ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
+                  class="runner-step-item ${a ? "active" : ""} ${o ? "completed" : ""} ${n ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
                   @click=${() => !p && e.goToStep(r)}
                   style="${d ? "opacity: 0.5; cursor: not-allowed;" : ""}"
                 >
                   <span class="runner-step-title">${i.title}</span>
                   <span class="runner-step-badge">
-                    ${e.mode === "preview" ? "Preview" : e.mode === "admin" ? "Admin" : e.mode === "view-only" ? "View Only" : e.mode === "print" ? "Print" : d ? "Submitted" : a ? "Completed" : n ? "Assigned" : "Not Assigned"}
+                    ${e.mode === "preview" ? "Preview" : e.mode === "admin" ? "Admin" : e.mode === "view-only" ? "View Only" : e.mode === "print" ? "Print" : d ? "Submitted" : o ? "Completed" : n ? "Assigned" : "Not Assigned"}
                   </span>
                 </li>
               `;
@@ -7338,17 +7374,17 @@ class j {
         <nav aria-label="Workflow steps">
           <div class="runner-mobile-steps-container">
             ${t == null ? void 0 : t.map((i, r) => {
-      const n = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(i), o = r === e.currentStepIndex, a = this.isStepCompleted(i, e, n), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print", p = e.isLoading;
+      const n = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(i), a = r === e.currentStepIndex, o = this.isStepCompleted(i, e, n), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print", p = e.isLoading;
       return l`
                 <button
-                  class="runner-mobile-step-tab ${o ? "active" : ""} ${a ? "completed" : ""} ${n ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
+                  class="runner-mobile-step-tab ${a ? "active" : ""} ${o ? "completed" : ""} ${n ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
                   @click=${() => !p && e.goToStep(r)}
                   ?disabled=${d || p}
-                  aria-current=${o ? "step" : "false"}
+                  aria-current=${a ? "step" : "false"}
                 >
                   <span class="runner-mobile-step-title">${i.title}</span>
                   <span class="runner-mobile-step-badge">
-                    ${e.mode === "preview" ? "Preview" : e.mode === "admin" ? "Admin" : e.mode === "view-only" ? "View Only" : e.mode === "print" ? "Print" : d ? "Submitted" : a ? "Completed" : n ? "Assigned" : "Not Assigned"}
+                    ${e.mode === "preview" ? "Preview" : e.mode === "admin" ? "Admin" : e.mode === "view-only" ? "View Only" : e.mode === "print" ? "Print" : d ? "Submitted" : o ? "Completed" : n ? "Assigned" : "Not Assigned"}
                   </span>
                 </button>
               `;
@@ -7394,30 +7430,30 @@ class pe {
   /**
    * Handles change events for basic text inputs, textareas, selects, numbers, dates
    */
-  static handleInputChange(e, t, i, r, n, o) {
-    const a = t.target;
+  static handleInputChange(e, t, i, r, n, a) {
+    const o = t.target;
     let d;
-    a.type === "radio" ? d = a.value : a.type === "checkbox" ? d = a.checked : d = a.value;
+    o.type === "radio" ? d = o.value : o.type === "checkbox" ? d = o.checked : d = o.value;
     const p = {
       ...i,
       [e]: d
     };
-    r(p), o !== "preview" && n(e, d);
+    r(p), a !== "preview" && n(e, d);
   }
   /**
    * Handles change events for single checkboxes
    */
-  static handleCheckboxChange(e, t, i, r, n, o) {
+  static handleCheckboxChange(e, t, i, r, n, a) {
     const d = t.target.checked, p = {
       ...i,
       [e]: d
     };
-    r(p), o !== "preview" && n(e, d);
+    r(p), a !== "preview" && n(e, d);
   }
   /**
    * Handles change events for checkbox groups (multiple checkboxes with same name)
    */
-  static handleCheckboxGroupChange(e, t, i, r, n, o, a) {
+  static handleCheckboxGroupChange(e, t, i, r, n, a, o) {
     const d = i.target, p = r[e];
     let c = Array.isArray(p) ? [...p] : [];
     d.checked ? c.includes(t) || c.push(t) : c = c.filter((h) => h !== t);
@@ -7425,12 +7461,12 @@ class pe {
       ...r,
       [e]: c
     };
-    n(u), a !== "preview" && o(e, c);
+    n(u), o !== "preview" && a(e, c);
   }
 }
 var Ct = Object.defineProperty, At = Object.getOwnPropertyDescriptor, y = (s, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? At(e, t) : e, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? At(e, t) : e, n = s.length - 1, a; n >= 0; n--)
+    (a = s[n]) && (r = (i ? a(e, t, r) : a(r)) || r);
   return i && r && Ct(e, t, r), r;
 };
 let f = class extends N {
@@ -7519,8 +7555,8 @@ let f = class extends N {
     if ((s = this.formStateManager) == null || s.reset(), this._validationErrors = {}, this._formData = {}, this._formRestorationComplete = !1, this._savedSignatures = /* @__PURE__ */ new Set(), this._replacingSignatures = /* @__PURE__ */ new Set(), this._savedInstance = void 0, this._justSaved = !1, this._isSubmitted = ((e = this.instance) == null ? void 0 : e.status) === "completed" || !1, this.instance && this.instance.status !== "completed") {
       const i = this._getAssignedSteps(), r = i.filter(
         (n) => {
-          var o;
-          return (o = this.instance.completedSteps) == null ? void 0 : o.includes(n.id);
+          var a;
+          return (a = this.instance.completedSteps) == null ? void 0 : a.includes(n.id);
         }
       );
       this._userStepsSubmitted = i.length > 0 && r.length === i.length;
@@ -7540,7 +7576,7 @@ let f = class extends N {
     var s;
     !((s = this.instance) != null && s.steps) || this.instance.steps.length === 0 || (this.instance.completedSteps ? this._internalCompletedSteps = new Set(this.instance.completedSteps) : this._internalCompletedSteps = new Set(
       this.instance.steps.filter((e) => e.status === "completed").map((e) => e.id)
-    ), this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._currentStepIndex = this.instance.steps.findIndex(
+    ), this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._markExistingSignaturesAsSaved(), this._currentStepIndex = this.instance.steps.findIndex(
       (e) => {
         var t;
         return e.id === ((t = this.instance) == null ? void 0 : t.currentStepId);
@@ -7551,19 +7587,30 @@ let f = class extends N {
   }
   _initializeViewOnlyMode() {
     var s;
-    !((s = this.instance) != null && s.steps) || this.instance.steps.length === 0 || (this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._currentStepIndex = 0, this.instance.steps.forEach((e) => {
+    !((s = this.instance) != null && s.steps) || this.instance.steps.length === 0 || (this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._markExistingSignaturesAsSaved(), this._currentStepIndex = 0, this.instance.steps.forEach((e) => {
       e.responses && e.responses.length > 0 ? (e.status = "completed", this._internalCompletedSteps.add(e.id)) : e.status = "pending";
     }), console.log("View-only mode initialized with existing responses:", this._formData));
   }
   _initializePrintMode() {
     var s;
-    !((s = this.instance) != null && s.steps) || this.instance.steps.length === 0 || (this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._currentStepIndex = 0, this.instance.steps.forEach((e) => {
+    !((s = this.instance) != null && s.steps) || this.instance.steps.length === 0 || (this.formStateManager.initializeFromResponses(this.instance.steps), this._formData = this.formStateManager.getFormData(), this._markExistingSignaturesAsSaved(), this._currentStepIndex = 0, this.instance.steps.forEach((e) => {
       e.responses && e.responses.length > 0 ? (e.status = "completed", this._internalCompletedSteps.add(e.id)) : e.status = "pending";
     }), console.log("Print mode initialized with existing responses:", this._formData));
   }
   _isStepAssignedToUser(s) {
     return this.navigationService.isStepAssignedToUser(s);
   }
+  _markExistingSignaturesAsSaved() {
+    var s;
+    (s = this.instance) != null && s.steps && this.instance.steps.forEach((e) => {
+      e.elements.forEach((t) => {
+        if (t.type === "signature") {
+          const i = t.id;
+          this._formData[i] && this._savedSignatures.add(i);
+        }
+      });
+    });
+  }
   _getAssignedSteps() {
     return this.instance ? this.navigationService.getAssignedSteps(this.instance) : [];
   }
@@ -7642,7 +7689,7 @@ let f = class extends N {
     if (!e) return;
     const t = this._hasSignatureChanged(s, e.svgData);
     this._savedSignatures = /* @__PURE__ */ new Set([...this._savedSignatures, s]), this._replacingSignatures.has(s) && (this._replacingSignatures = new Set(
-      [...this._replacingSignatures].filter((o) => o !== s)
+      [...this._replacingSignatures].filter((a) => a !== s)
     )), this._trackQuestionResponse(s, e.svgData), t && this.mode !== "preview" ? (console.log("Signature changed, calling callback for:", s), console.log("Callback function exists:", !!this.onSignatureCaptured), (n = this.onSignatureCaptured) == null || n.call(this, {
       instanceId: (i = this.instance) == null ? void 0 : i.id,
       stepId: (r = this._currentStep) == null ? void 0 : r.id,
@@ -7738,15 +7785,25 @@ let f = class extends N {
     const s = this._currentStep;
     s && this._captureSignaturesFromStep(s);
     const e = this._findNextAssignedStep(this._currentStepIndex);
+    if (e === -1) {
+      await this._submitUserSteps();
+      return;
+    }
+    if (e > this._currentStepIndex + 1) {
+      console.log(
+        `Next assigned step (${e}) is not consecutive. Steps in between are assigned to other users.`
+      ), await this._submitUserSteps();
+      return;
+    }
     if (e !== -1) {
-      const o = (t = this._currentStep) == null ? void 0 : t.id;
-      if (this._currentStepIndex = e, (await this._updateInstanceData(o, "step_navigation", {
+      const a = (t = this._currentStep) == null ? void 0 : t.id;
+      if (this._currentStepIndex = e, (await this._updateInstanceData(a, "step_navigation", {
         direction: "next",
         fromStepIndex: this._currentStepIndex - 1,
         toStepIndex: this._currentStepIndex,
-        completedStepId: o
-      })).success && o && (i = this.instance) != null && i.steps) {
-        const p = this.instance.steps.find((c) => c.id === o);
+        completedStepId: a
+      })).success && a && (i = this.instance) != null && i.steps) {
+        const p = this.instance.steps.find((c) => c.id === a);
         p && (p.status = "completed");
       }
       const d = (n = (r = this.instance) == null ? void 0 : r.steps) == null ? void 0 : n[this._currentStepIndex];
@@ -7850,10 +7907,10 @@ let f = class extends N {
       const S = Array.from(this._internalCompletedSteps), Y = S[S.length - 1];
       i = (u = (c = this.instance) == null ? void 0 : c.steps) == null ? void 0 : u.find((q) => q.id === Y);
     }
-    const r = e === "submission", n = ((h = this.instance) == null ? void 0 : h.steps) && this._internalCompletedSteps.size >= this.instance.steps.length, o = r || n ? null : this._currentStep ? {
+    const r = e === "submission", n = ((h = this.instance) == null ? void 0 : h.steps) && this._internalCompletedSteps.size >= this.instance.steps.length, a = r || n ? null : this._currentStep ? {
       id: this._currentStep.id,
       title: this._currentStep.title
-    } : null, a = {
+    } : null, o = {
       instanceId: (g = this.instance) == null ? void 0 : g.id,
       workflowId: (x = this.instance) == null ? void 0 : x.workflowId,
       completedStepId: s || (i ? i.id : void 0),
@@ -7863,13 +7920,13 @@ let f = class extends N {
         responses: i.responses || []
       } : void 0,
       completedSteps: Array.from(this._internalCompletedSteps),
-      currentStep: o,
+      currentStep: a,
       mode: this.mode
     };
     if (this.onInstanceUpdated)
       try {
         this._submissionError = null, this.requestUpdate();
-        const S = await this.onInstanceUpdated(a);
+        const S = await this.onInstanceUpdated(o);
         return S.success ? this._submissionError = null : (this._submissionError = S.error || "Unable to save response. Please try again.", s && this._internalCompletedSteps.delete(s)), this.requestUpdate(), S;
       } catch (S) {
         return this._submissionError = S instanceof Error ? S.message : "Unable to save response. Please try again.", s && this._internalCompletedSteps.delete(s), this.requestUpdate(), { success: !1, error: this._submissionError };
@@ -7900,19 +7957,19 @@ let f = class extends N {
     this.updateComplete.then(() => {
       var e, t;
       (e = this.shadowRoot) != null && e.querySelector(".runner-step-form") && (Object.entries(this._formData).forEach(([i, r]) => {
-        var o;
+        var a;
         if (i.endsWith("_signatureData")) return;
-        const n = (o = this.shadowRoot) == null ? void 0 : o.getElementById(i);
+        const n = (a = this.shadowRoot) == null ? void 0 : a.getElementById(i);
         if (n) {
           if (n.type === "checkbox") {
-            const a = n;
-            typeof r == "boolean" ? a.checked = r : Array.isArray(r) && (a.checked = r.includes(a.value));
+            const o = n;
+            typeof r == "boolean" ? o.checked = r : Array.isArray(r) && (o.checked = r.includes(o.value));
           } else if (n.type === "radio") {
-            const a = n;
-            a.checked = a.value === r;
+            const o = n;
+            o.checked = o.value === r;
           } else if (n.type === "file") {
-            const a = n;
-            a.value = "";
+            const o = n;
+            o.value = "";
           } else
             n.value = String(r || "");
           console.log(`Restored value for ${i}:`, r);
@@ -7926,7 +7983,7 @@ let f = class extends N {
         if (t.type === "text_input" || t.type === "textarea" || t.type === "select" || t.type === "number" || t.type === "radio" || t.type === "checkbox" || t.type === "date" || t.type === "file_upload" || t.type === "signature") {
           const i = t, r = this._formData[i.id];
           if (r !== void 0 && e.responses) {
-            let n = e.responses.find((o) => o.elementId === i.id);
+            let n = e.responses.find((a) => a.elementId === i.id);
             n ? (n.value = r, n.answeredAt = /* @__PURE__ */ new Date()) : (n = {
               elementId: i.id,
               value: r,
@@ -7968,15 +8025,15 @@ let f = class extends N {
     for (let r = 0; r < t.length; r++) {
       const n = t[r];
       if (n.name || n.id) {
-        const o = n.id || n.name;
+        const a = n.id || n.name;
         if (n.type === "checkbox") {
-          const a = n;
-          a.name && a.name === o ? (s[o] || (s[o] = []), a.checked && s[o].push(a.value)) : s[o] = a.checked;
+          const o = n;
+          o.name && o.name === a ? (s[a] || (s[a] = []), o.checked && s[a].push(o.value)) : s[a] = o.checked;
         } else if (n.type === "radio") {
-          const a = n;
-          a.checked && (s[o] = a.value);
+          const o = n;
+          o.checked && (s[a] = o.value);
         } else
-          s[o] = n.value;
+          s[a] = n.value;
       }
     }
     return s;
@@ -7986,14 +8043,14 @@ let f = class extends N {
     Object.keys(e).length > 0 ? (this.formStateManager.mergeFormData(e), this._formData = this.formStateManager.getFormData(), this.instance && this.instance.steps && this.instance.steps.forEach((i) => {
       i.responses || (i.responses = []), i.elements.forEach((r) => {
         if (r.type === "text_input" || r.type === "textarea" || r.type === "select" || r.type === "number" || r.type === "radio" || r.type === "checkbox" || r.type === "date" || r.type === "file_upload" || r.type === "signature") {
-          const n = r, o = this._formData[n.id];
-          if (o !== void 0 && i.responses) {
-            let a = i.responses.find((d) => d.elementId === n.id);
-            a ? (a.value = o, a.answeredAt = /* @__PURE__ */ new Date()) : (a = {
+          const n = r, a = this._formData[n.id];
+          if (a !== void 0 && i.responses) {
+            let o = i.responses.find((d) => d.elementId === n.id);
+            o ? (o.value = a, o.answeredAt = /* @__PURE__ */ new Date()) : (o = {
               elementId: n.id,
-              value: o,
+              value: a,
               answeredAt: /* @__PURE__ */ new Date()
-            }, i.responses.push(a));
+            }, i.responses.push(o));
           }
         }
       });
@@ -8167,8 +8224,8 @@ let f = class extends N {
       mode: this.mode
     })}
             </div>`}
-        <form class="runner-step-form" @submit=${(o) => o.preventDefault()}>
-          ${s.elements.map((o) => this._renderStepElement(o))}
+        <form class="runner-step-form" @submit=${(a) => a.preventDefault()}>
+          ${s.elements.map((a) => this._renderStepElement(a))}
           ${Dt.renderFormActions({
       mode: this.mode || "default",
       isLastStep: e,
@@ -8309,7 +8366,7 @@ function Jt(s, e = {}) {
     includeStyles: i = !0,
     customCSS: r = "",
     showTimestamps: n = !1
-  } = e, o = /* @__PURE__ */ new Date();
+  } = e, a = /* @__PURE__ */ new Date();
   if (!(s != null && s.steps) || s.steps.length === 0)
     throw new Error("Instance must have at least one step to generate HTML");
   return {
@@ -8330,14 +8387,14 @@ function Jt(s, e = {}) {
     </div>
     <hr class="print-question-separator" />
     
-    ${n ? Wt(s, o) : ""}
+    ${n ? Wt(s, a) : ""}
     ${s.steps.map((d) => Et(d)).join(`
 `)}
   </div>
 </body>
 </html>`,
     title: t,
-    generatedAt: o
+    generatedAt: a
   };
 }
 function Et(s) {
@@ -8369,30 +8426,30 @@ function Ft(s, e) {
     <div class="print-question-title">
       ${m(s.label)}:
     </div>
-  `, o = '<hr class="print-question-separator" />';
+  `, a = '<hr class="print-question-separator" />';
   switch (s.type) {
     case "text_input":
     case "number":
     case "date":
-      return n + It(s, i) + o;
+      return n + It(s, i) + a;
     case "textarea":
-      return n + Ut(s, i) + o;
+      return n + Ut(s, i) + a;
     case "select":
-      return n + Pt(s, i) + o;
+      return n + Pt(s, i) + a;
     case "radio":
-      return n + Nt(s, i) + o;
+      return n + Nt(s, i) + a;
     case "checkbox":
-      return n + Lt(s, i) + o;
+      return n + Lt(s, i) + a;
     case "file_upload":
-      return n + Ot(s, i) + o;
+      return n + Ot(s, i) + a;
     case "signature":
-      return n + Rt(s, i) + o;
+      return n + Rt(s, i) + a;
     default:
       return n + `
         <div class="unknown-element">
           <p>⚠️ Unknown question type: ${m(s.type)}</p>
         </div>
-      ` + o;
+      ` + a;
   }
 }
 function zt(s) {
@@ -9154,7 +9211,6 @@ function Gt() {
   `;
 }
 function Xt(s, e = {}) {
-  var r;
   if (!customElements.get("builder-widget"))
     return console.error("Error: <builder-widget> is not defined. Make sure it was imported."), null;
   const t = document.getElementById(s);
@@ -9162,7 +9218,7 @@ function Xt(s, e = {}) {
     return console.error(`Error: Target element with ID '${s}' not found.`), null;
   t.innerHTML = "";
   const i = document.createElement("builder-widget");
-  return e.workflow && (i.workflow = e.workflow, e.subjectTypes && e.subjectTypes.length > 0 && ((r = e.subjectTypes[0]) != null && r.name) && (console.log("Setting default subject type to:", e.subjectTypes[0].name), i.workflow.subjectType = e.subjectTypes[0].name)), e.onWorkflowCreated && (i.onWorkflowCreated = e.onWorkflowCreated), e.onWorkflowDeleted && (i.onWorkflowDeleted = e.onWorkflowDeleted), e.onWorkflowUpdated && (i.onWorkflowUpdated = e.onWorkflowUpdated), i.labelForDrill = e.labelForDrill || "Drill", i.labelForGroup = e.labelForGroup || "Group", i.subjectTypes = e.subjectTypes || [], i.groups = e.groups || [], t.appendChild(i), console.log(`Drill Builder mounted on #${s}`), i;
+  return e.workflow && (i.workflow = e.workflow), e.onWorkflowCreated && (i.onWorkflowCreated = e.onWorkflowCreated), e.onWorkflowDeleted && (i.onWorkflowDeleted = e.onWorkflowDeleted), e.onWorkflowUpdated && (i.onWorkflowUpdated = e.onWorkflowUpdated), i.labelForDrill = e.labelForDrill || "Drill", i.labelForGroup = e.labelForGroup || "Group", i.subjectTypes = e.subjectTypes || [], i.groups = e.groups || [], t.appendChild(i), console.log(`Drill Builder mounted on #${s}`), i;
 }
 function Zt(s, e) {
   if (!customElements.get("runner-widget"))
@@ -9190,14 +9246,14 @@ function ei(s, e) {
   return i.steps && i.steps.forEach((r) => {
     r.responses || (r.responses = []), r.elements.forEach((n) => {
       if (n.type === "text_input" || n.type === "textarea" || n.type === "select" || n.type === "number" || n.type === "radio" || n.type === "checkbox" || n.type === "date" || n.type === "file_upload" || n.type === "signature") {
-        const o = t[n.id];
-        if (o !== void 0) {
-          let a = r.responses.find((d) => d.elementId === n.id);
-          a ? (a.value = o, a.answeredAt = /* @__PURE__ */ new Date()) : (a = {
+        const a = t[n.id];
+        if (a !== void 0) {
+          let o = r.responses.find((d) => d.elementId === n.id);
+          o ? (o.value = a, o.answeredAt = /* @__PURE__ */ new Date()) : (o = {
             elementId: n.id,
-            value: o,
+            value: a,
             answeredAt: /* @__PURE__ */ new Date()
-          }, r.responses.push(a));
+          }, r.responses.push(o));
         }
       }
     });