drill-widgets 2.7.4 → 2.7.6

package/dist/drill-widgets.es.js

@@ -3,8 +3,8 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Y = globalThis, he = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ge = Symbol(), ve = /* @__PURE__ */ new WeakMap();
-let Fe = class {
+const q = globalThis, he = q.ShadowRoot && (q.ShadyCSS === void 0 || q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ge = Symbol(), ve = /* @__PURE__ */ new WeakMap();
+let Te = class {
   constructor(e, t, n) {
     if (this._$cssResult$ = !0, n !== ge) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -22,30 +22,30 @@ let Fe = class {
     return this.cssText;
   }
 };
-const Re = (i) => new Fe(typeof i == "string" ? i : i + "", void 0, ge), N = (i, ...e) => {
+const Oe = (i) => new Te(typeof i == "string" ? i : i + "", void 0, ge), N = (i, ...e) => {
   const t = i.length === 1 ? i[0] : e.reduce((n, s, r) => n + ((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.");
   })(s) + i[r + 1], i[0]);
-  return new Fe(t, i, ge);
-}, We = (i, e) => {
+  return new Te(t, i, ge);
+}, Re = (i, e) => {
   if (he) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
-    const n = document.createElement("style"), s = Y.litNonce;
+    const n = document.createElement("style"), s = q.litNonce;
     s !== void 0 && n.setAttribute("nonce", s), n.textContent = t.cssText, i.appendChild(n);
   }
 }, xe = he ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const n of e.cssRules) t += n.cssText;
-  return Re(t);
+  return Oe(t);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: He, defineProperty: Ve, getOwnPropertyDescriptor: je, getOwnPropertyNames: Qe, getOwnPropertySymbols: Be, getPrototypeOf: qe } = Object, A = globalThis, _e = A.trustedTypes, Ge = _e ? _e.emptyScript : "", ne = A.reactiveElementPolyfillSupport, W = (i, e) => i, J = { toAttribute(i, e) {
+const { is: We, defineProperty: He, getOwnPropertyDescriptor: Ve, getOwnPropertyNames: je, getOwnPropertySymbols: Qe, getPrototypeOf: Be } = Object, A = globalThis, _e = A.trustedTypes, Ge = _e ? _e.emptyScript : "", ne = A.reactiveElementPolyfillSupport, W = (i, e) => i, K = { toAttribute(i, e) {
   switch (e) {
     case Boolean:
       i = i ? Ge : null;
@@ -73,23 +73,23 @@ const { is: He, defineProperty: Ve, getOwnPropertyDescriptor: je, getOwnProperty
       }
   }
   return t;
-} }, fe = (i, e) => !He(i, e), ye = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: fe };
+} }, fe = (i, e) => !We(i, e), Se = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: fe };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), A.litPropertyMetadata ?? (A.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let P = class extends HTMLElement {
+let I = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = ye) {
+  static createProperty(e, t = Se) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const n = Symbol(), s = this.getPropertyDescriptor(e, n, t);
-      s !== void 0 && Ve(this.prototype, e, s);
+      s !== void 0 && He(this.prototype, e, s);
     }
   }
   static getPropertyDescriptor(e, t, n) {
-    const { get: s, set: r } = je(this.prototype, e) ?? { get() {
+    const { get: s, set: r } = Ve(this.prototype, e) ?? { get() {
       return this[t];
     }, set(o) {
       this[t] = o;
@@ -100,17 +100,17 @@ let P = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? ye;
+    return this.elementProperties.get(e) ?? Se;
   }
   static _$Ei() {
     if (this.hasOwnProperty(W("elementProperties"))) return;
-    const e = qe(this);
+    const e = Be(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(W("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
-      const t = this.properties, n = [...Qe(t), ...Be(t)];
+      const t = this.properties, n = [...je(t), ...Qe(t)];
       for (const s of n) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -159,7 +159,7 @@ let P = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return We(e, this.constructor.elementStyles), e;
+    return Re(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -184,7 +184,7 @@ let P = class extends HTMLElement {
     var r;
     const n = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, n);
     if (s !== void 0 && n.reflect === !0) {
-      const o = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : J).toAttribute(t, n.type);
+      const o = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : K).toAttribute(t, n.type);
       this._$Em = e, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
@@ -192,7 +192,7 @@ let P = class extends HTMLElement {
     var r, o;
     const n = this.constructor, s = n._$Eh.get(e);
     if (s !== void 0 && this._$Em !== s) {
-      const a = n.getPropertyOptions(s), d = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((r = a.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? a.converter : J;
+      const a = n.getPropertyOptions(s), d = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((r = a.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? a.converter : K;
       this._$Em = s, this[s] = d.fromAttribute(t, a.type) ?? ((o = this._$Ej) == null ? void 0 : o.get(s)) ?? null, this._$Em = null;
     }
   }
@@ -276,56 +276,56 @@ let P = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[W("elementProperties")] = /* @__PURE__ */ new Map(), P[W("finalized")] = /* @__PURE__ */ new Map(), ne == null || ne({ ReactiveElement: P }), (A.reactiveElementVersions ?? (A.reactiveElementVersions = [])).push("2.1.0");
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[W("elementProperties")] = /* @__PURE__ */ new Map(), I[W("finalized")] = /* @__PURE__ */ new Map(), ne == null || ne({ ReactiveElement: I }), (A.reactiveElementVersions ?? (A.reactiveElementVersions = [])).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const H = globalThis, K = H.trustedTypes, Se = K ? K.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ze = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ie = "?" + E, Ye = `<${Ie}>`, z = document, V = () => z.createComment(""), j = (i) => i === null || typeof i != "object" && typeof i != "function", me = Array.isArray, Je = (i) => me(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", se = `[ 	
+const H = globalThis, J = H.trustedTypes, ye = J ? J.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ze = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ue = "?" + E, Ye = `<${Ue}>`, z = document, V = () => z.createComment(""), j = (i) => i === null || typeof i != "object" && typeof i != "function", me = Array.isArray, qe = (i) => me(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", se = `[ 	
 \f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, we = /-->/g, ke = />/g, M = RegExp(`>|${se}(?:([^\\s"'>=/]+)(${se}*=${se}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), $e = /'/g, De = /"/g, Pe = /^(?:script|style|textarea|title)$/i, Ke = (i) => (e, ...t) => ({ _$litType$: i, strings: e, values: t }), l = Ke(1), I = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ce = /* @__PURE__ */ new WeakMap(), T = z.createTreeWalker(z, 129);
-function Ue(i, e) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), $e = /'/g, De = /"/g, Ie = /^(?:script|style|textarea|title)$/i, Ke = (i) => (e, ...t) => ({ _$litType$: i, strings: e, values: t }), l = Ke(1), U = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ce = /* @__PURE__ */ new WeakMap(), F = z.createTreeWalker(z, 129);
+function Pe(i, e) {
   if (!me(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Se !== void 0 ? Se.createHTML(e) : e;
+  return ye !== void 0 ? ye.createHTML(e) : e;
 }
-const Xe = (i, e) => {
+const Je = (i, e) => {
   const t = i.length - 1, n = [];
   let s, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = O;
   for (let a = 0; a < t; a++) {
     const d = i[a];
     let p, c, u = -1, h = 0;
-    for (; h < d.length && (o.lastIndex = h, c = o.exec(d), c !== null); ) h = o.lastIndex, o === O ? c[1] === "!--" ? o = we : c[1] !== void 0 ? o = ke : c[2] !== void 0 ? (Pe.test(c[2]) && (s = RegExp("</" + c[2], "g")), o = M) : c[3] !== void 0 && (o = M) : o === M ? c[0] === ">" ? (o = s ?? O, 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] === '"' ? De : $e) : o === De || o === $e ? o = M : o === we || o === ke ? o = O : (o = M, s = void 0);
+    for (; h < d.length && (o.lastIndex = h, c = o.exec(d), c !== null); ) h = o.lastIndex, o === O ? c[1] === "!--" ? o = we : c[1] !== void 0 ? o = ke : c[2] !== void 0 ? (Ie.test(c[2]) && (s = RegExp("</" + c[2], "g")), o = M) : c[3] !== void 0 && (o = M) : o === M ? c[0] === ">" ? (o = s ?? O, 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] === '"' ? De : $e) : o === De || o === $e ? o = M : o === we || o === ke ? o = O : (o = M, s = void 0);
     const g = o === M && i[a + 1].startsWith("/>") ? " " : "";
     r += o === O ? d + Ye : u >= 0 ? (n.push(p), d.slice(0, u) + ze + d.slice(u) + E + g) : d + E + (u === -2 ? a : g);
   }
-  return [Ue(i, r + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), n];
+  return [Pe(i, r + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), n];
 };
 class Q {
   constructor({ strings: e, _$litType$: t }, n) {
     let s;
     this.parts = [];
     let r = 0, o = 0;
-    const a = e.length - 1, d = this.parts, [p, c] = Xe(e, t);
-    if (this.el = Q.createElement(p, n), T.currentNode = this.el.content, t === 2 || t === 3) {
+    const a = e.length - 1, d = this.parts, [p, c] = Je(e, t);
+    if (this.el = Q.createElement(p, n), F.currentNode = this.el.content, t === 2 || t === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
     }
-    for (; (s = T.nextNode()) !== null && d.length < a; ) {
+    for (; (s = F.nextNode()) !== null && d.length < a; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ze)) {
           const h = c[o++], g = s.getAttribute(u).split(E), b = /([.?@])?(.*)/.exec(h);
-          d.push({ type: 1, index: r, name: b[2], strings: g, ctor: b[1] === "." ? et : b[1] === "?" ? tt : b[1] === "@" ? it : ie }), s.removeAttribute(u);
+          d.push({ type: 1, index: r, name: b[2], strings: g, ctor: b[1] === "." ? Ze : b[1] === "?" ? et : b[1] === "@" ? tt : ie }), s.removeAttribute(u);
         } else u.startsWith(E) && (d.push({ type: 6, index: r }), s.removeAttribute(u));
-        if (Pe.test(s.tagName)) {
+        if (Ie.test(s.tagName)) {
           const u = s.textContent.split(E), h = u.length - 1;
           if (h > 0) {
-            s.textContent = K ? K.emptyScript : "";
-            for (let g = 0; g < h; g++) s.append(u[g], V()), T.nextNode(), d.push({ type: 2, index: ++r });
+            s.textContent = J ? J.emptyScript : "";
+            for (let g = 0; g < h; g++) s.append(u[g], V()), F.nextNode(), d.push({ type: 2, index: ++r });
             s.append(u[h], V());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === Ie) d.push({ type: 2, index: r });
+      } else if (s.nodeType === 8) if (s.data === Ue) d.push({ type: 2, index: r });
       else {
         let u = -1;
         for (; (u = s.data.indexOf(E, u + 1)) !== -1; ) d.push({ type: 7, index: r }), u += E.length - 1;
@@ -340,12 +340,12 @@ class Q {
 }
 function L(i, e, t = i, n) {
   var o, a;
-  if (e === I) return e;
+  if (e === U) return e;
   let s = n !== void 0 ? (o = t._$Co) == null ? void 0 : o[n] : t._$Cl;
   const r = j(e) ? void 0 : e._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== r && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), r === void 0 ? s = void 0 : (s = new r(i), s._$AT(i, t, n)), n !== void 0 ? (t._$Co ?? (t._$Co = []))[n] = s : t._$Cl = s), s !== void 0 && (e = L(i, s._$AS(i, e.values), s, n)), e;
 }
-class Ze {
+class Xe {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -357,16 +357,16 @@ class Ze {
   }
   u(e) {
     const { el: { content: t }, parts: n } = this._$AD, s = ((e == null ? void 0 : e.creationScope) ?? z).importNode(t, !0);
-    T.currentNode = s;
-    let r = T.nextNode(), o = 0, a = 0, d = n[0];
+    F.currentNode = s;
+    let r = F.nextNode(), o = 0, a = 0, d = n[0];
     for (; d !== void 0; ) {
       if (o === d.index) {
         let p;
-        d.type === 2 ? p = new B(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new nt(r, this, e)), this._$AV.push(p), d = n[++a];
+        d.type === 2 ? p = new B(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new it(r, this, e)), this._$AV.push(p), d = n[++a];
       }
-      o !== (d == null ? void 0 : d.index) && (r = T.nextNode(), o++);
+      o !== (d == null ? void 0 : d.index) && (r = F.nextNode(), o++);
     }
-    return T.currentNode = z, s;
+    return F.currentNode = z, s;
   }
   p(e) {
     let t = 0;
@@ -393,7 +393,7 @@ class B {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = L(this, e, t), j(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== I && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Je(e) ? this.k(e) : this._(e);
+    e = L(this, e, t), j(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== U && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : qe(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -406,10 +406,10 @@ class B {
   }
   $(e) {
     var r;
-    const { values: t, _$litType$: n } = e, s = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Q.createElement(Ue(n.h, n.h[0]), this.options)), n);
+    const { values: t, _$litType$: n } = e, s = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Q.createElement(Pe(n.h, n.h[0]), this.options)), n);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(t);
     else {
-      const o = new Ze(s, this), a = o.u(this.options);
+      const o = new Xe(s, this), a = o.u(this.options);
       o.p(t), this.T(a), this._$AH = o;
     }
   }
@@ -449,11 +449,11 @@ class ie {
   _$AI(e, t = this, n, s) {
     const r = this.strings;
     let o = !1;
-    if (r === void 0) e = L(this, e, t, 0), o = !j(e) || e !== this._$AH && e !== I, o && (this._$AH = e);
+    if (r === void 0) e = L(this, e, t, 0), o = !j(e) || e !== this._$AH && e !== U, o && (this._$AH = e);
     else {
       const a = e;
       let d, p;
-      for (e = r[0], d = 0; d < r.length - 1; d++) p = L(this, a[n + d], t, d), p === I && (p = this._$AH[d]), o || (o = !j(p) || p !== this._$AH[d]), p === v ? e = v : e !== v && (e += (p ?? "") + r[d + 1]), this._$AH[d] = p;
+      for (e = r[0], d = 0; d < r.length - 1; d++) p = L(this, a[n + d], t, d), p === U && (p = this._$AH[d]), o || (o = !j(p) || p !== this._$AH[d]), p === v ? e = v : e !== v && (e += (p ?? "") + r[d + 1]), this._$AH[d] = p;
     }
     o && !s && this.j(e);
   }
@@ -461,7 +461,7 @@ class ie {
     e === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class et extends ie {
+class Ze extends ie {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,7 +469,7 @@ class et extends ie {
     this.element[this.name] = e === v ? void 0 : e;
   }
 }
-class tt extends ie {
+class et extends ie {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -477,12 +477,12 @@ class tt extends ie {
     this.element.toggleAttribute(this.name, !!e && e !== v);
   }
 }
-class it extends ie {
+class tt extends ie {
   constructor(e, t, n, s, r) {
     super(e, t, n, s, r), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = L(this, e, t, 0) ?? v) === I) return;
+    if ((e = L(this, e, t, 0) ?? v) === U) return;
     const n = this._$AH, s = e === v && n !== v || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, r = e !== v && (n === v || s);
     s && this.element.removeEventListener(this.name, this, n), r && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -491,7 +491,7 @@ class it extends ie {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class nt {
+class it {
   constructor(e, t, n) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
   }
@@ -504,7 +504,7 @@ class nt {
 }
 const re = H.litHtmlPolyfillSupport;
 re == null || re(Q, B), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.3.0");
-const st = (i, e, t) => {
+const nt = (i, e, t) => {
   const n = (t == null ? void 0 : t.renderBefore) ?? e;
   let s = n._$litPart$;
   if (s === void 0) {
@@ -518,8 +518,8 @@ const st = (i, e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = globalThis;
-let U = class extends P {
+const T = globalThis;
+let P = class extends I {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -530,7 +530,7 @@ let U = class extends P {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = st(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = nt(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -541,14 +541,14 @@ let U = class extends P {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return I;
+    return U;
   }
 };
-var Te;
-U._$litElement$ = !0, U.finalized = !0, (Te = F.litElementHydrateSupport) == null || Te.call(F, { LitElement: U });
-const oe = F.litElementPolyfillSupport;
-oe == null || oe({ LitElement: U });
-(F.litElementVersions ?? (F.litElementVersions = [])).push("4.2.0");
+var Fe;
+P._$litElement$ = !0, P.finalized = !0, (Fe = T.litElementHydrateSupport) == null || Fe.call(T, { LitElement: P });
+const oe = T.litElementPolyfillSupport;
+oe == null || oe({ LitElement: P });
+(T.litElementVersions ?? (T.litElementVersions = [])).push("4.2.0");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -564,7 +564,7 @@ const Le = (i) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: fe }, ot = (i = rt, e, t) => {
+const st = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: fe }, rt = (i = st, e, t) => {
   const { kind: n, metadata: s } = t;
   let r = globalThis.litPropertyMetadata.get(s);
   if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), n === "setter" && ((i = Object.create(i)).wrapped = !0), r.set(t.name, i), n === "accessor") {
@@ -586,7 +586,7 @@ const rt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + n);
 };
 function D(i) {
-  return (e, t) => typeof t == "object" ? ot(i, e, t) : ((n, s, r) => {
+  return (e, t) => typeof t == "object" ? rt(i, e, t) : ((n, s, r) => {
     const o = s.hasOwnProperty(r);
     return s.constructor.createProperty(r, n), o ? Object.getOwnPropertyDescriptor(s, r) : void 0;
   })(i, e, t);
@@ -599,38 +599,37 @@ function D(i) {
 function _(i) {
   return D({ ...i, state: !0, attribute: !1 });
 }
-const y = [];
+const S = [];
 for (let i = 0; i < 256; ++i)
-  y.push((i + 256).toString(16).slice(1));
-function at(i, e = 0) {
-  return (y[i[e + 0]] + y[i[e + 1]] + y[i[e + 2]] + y[i[e + 3]] + "-" + y[i[e + 4]] + y[i[e + 5]] + "-" + y[i[e + 6]] + y[i[e + 7]] + "-" + y[i[e + 8]] + y[i[e + 9]] + "-" + y[i[e + 10]] + y[i[e + 11]] + y[i[e + 12]] + y[i[e + 13]] + y[i[e + 14]] + y[i[e + 15]]).toLowerCase();
+  S.push((i + 256).toString(16).slice(1));
+function ot(i, e = 0) {
+  return (S[i[e + 0]] + S[i[e + 1]] + S[i[e + 2]] + S[i[e + 3]] + "-" + S[i[e + 4]] + S[i[e + 5]] + "-" + S[i[e + 6]] + S[i[e + 7]] + "-" + S[i[e + 8]] + S[i[e + 9]] + "-" + S[i[e + 10]] + S[i[e + 11]] + S[i[e + 12]] + S[i[e + 13]] + S[i[e + 14]] + S[i[e + 15]]).toLowerCase();
 }
 let ae;
-const dt = new Uint8Array(16);
-function lt() {
+const at = new Uint8Array(16);
+function dt() {
   if (!ae) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     ae = crypto.getRandomValues.bind(crypto);
   }
-  return ae(dt);
+  return ae(at);
 }
-const pt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ee = { randomUUID: pt };
+const lt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ee = { randomUUID: lt };
 function de(i, e, t) {
   var s;
   if (Ee.randomUUID && !i)
     return Ee.randomUUID();
   i = i || {};
-  const n = i.random ?? ((s = i.rng) == null ? void 0 : s.call(i)) ?? lt();
+  const n = i.random ?? ((s = i.rng) == null ? void 0 : s.call(i)) ?? dt();
   if (n.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, at(n);
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ot(n);
 }
-const ct = N`
+const pt = N`
   :host {
     display: block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-      sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     background-color: #f9fafb; /* Lighter gray background */
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
@@ -699,7 +698,7 @@ const ct = N`
     padding: 0;
     background-color: #f9fafb; /* Lighter gray background continues */
   }
-`, ut = N`
+`, ct = N`
   .form-group {
     display: flex;
     flex-direction: column;
@@ -894,7 +893,7 @@ const ct = N`
     border-color: #3b82f6;
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
   }
-`, ht = N`
+`, ut = N`
   /* Steps and Questions Sections */
   .section {
     padding: 16px;
@@ -1356,7 +1355,8 @@ const ct = N`
     background: white;
     border-radius: 8px;
     padding: 24px 48px;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
+    box-shadow:
+      0 1px 3px 0 rgba(0, 0, 0, 0.1),
       0 1px 2px -1px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: row;
@@ -1432,7 +1432,9 @@ const ct = N`
     margin-bottom: 0;
     cursor: pointer;
     border: 2px solid transparent;
-    transition: border 0.2s, box-shadow 0.2s;
+    transition:
+      border 0.2s,
+      box-shadow 0.2s;
     gap: 12px;
   }
   .runner-step-item.active {
@@ -2238,7 +2240,9 @@ const ct = N`
     background: #fff;
     border-radius: 16px;
     padding: 48px 40px;
-    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    box-shadow:
+      0 4px 6px -1px rgb(0 0 0 / 0.1),
+      0 2px 4px -2px rgb(0 0 0 / 0.1);
   }
 
   .not-assigned-icon {
@@ -2419,8 +2423,7 @@ const ct = N`
     background: #fff;
     padding: 40px;
     box-sizing: border-box;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-      sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   }
 
   .print-step {
@@ -2562,8 +2565,7 @@ const ct = N`
     color: #fff;
   }
 
-  .runner-mobile-step-tab:not(.active):not(.completed)
-    .runner-mobile-step-badge {
+  .runner-mobile-step-tab:not(.active):not(.completed) .runner-mobile-step-badge {
     background: rgba(0, 0, 0, 0.1);
     color: inherit;
   }
@@ -2950,7 +2952,7 @@ const ct = N`
     margin: 2px 0;
     line-height: 1.4;
   }
-`, gt = N`
+`, ht = N`
   /* Modal Styles */
   .modal-overlay {
     position: fixed;
@@ -3088,219 +3090,12 @@ const ct = N`
     background-color: #2563eb;
   }
 `;
-var ft = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, C = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? mt(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+var gt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, C = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? ft(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && ft(e, t, s), s;
+  return n && s && gt(e, t, s), s;
 };
-const Oe = [
-  {
-    id: "wf-1",
-    name: "Onboarding Checklist",
-    description: "Standard checklist for new employees.",
-    steps: [
-      {
-        id: "step-1",
-        title: "Welcome Information",
-        description: "Basic details collection.",
-        order: 1,
-        assignment: {
-          category: "individual",
-          type: "specific_user",
-          email: "hr@example.com"
-        },
-        elements: [
-          {
-            id: "c1",
-            type: "text",
-            content: "Welcome to our company! We're excited to have you join our team. This onboarding process will help you get set up quickly and efficiently.",
-            order: 1
-          },
-          {
-            id: "c2",
-            type: "divider",
-            content: "",
-            caption: "Personal Information",
-            order: 2
-          },
-          {
-            id: "q1",
-            type: "text_input",
-            label: "Full Name",
-            order: 3,
-            required: !0
-          },
-          {
-            id: "q2",
-            type: "text_input",
-            label: "Email Address",
-            order: 4,
-            required: !0
-          },
-          {
-            id: "c3",
-            type: "markdown",
-            content: `## Next Steps
-
-After completing this form, you'll receive:
-
-* **Welcome email** with your login credentials
-* **Schedule** for your orientation meeting
-* **Access** to company resources
-
-### Important Notes
-
-Please ensure all information is *accurate* before proceeding. If you need to make changes later, contact your HR representative.
-
-### What to Expect
-
-1. **Immediate**: Confirmation email
-2. **Within 24 hours**: Welcome package
-3. **This week**: Orientation meeting
-
-> **Pro tip**: Save this information for future reference!
-
-You can use \`code snippets\` like this for technical details.`,
-            order: 5
-          }
-        ],
-        status: "pending"
-      },
-      {
-        id: "step-2",
-        title: "Department Setup",
-        description: "",
-        // Added default empty description
-        order: 2,
-        assignment: {
-          category: "individual",
-          type: "instance_assignee_select"
-        },
-        elements: [
-          {
-            id: "c4",
-            type: "text",
-            content: "Now let's set up your department and role information. This will help us assign you to the right teams and provide appropriate access.",
-            order: 1
-          },
-          {
-            id: "q3",
-            type: "select",
-            label: "Department",
-            order: 2,
-            required: !0,
-            options: ["Engineering", "Sales", "Marketing", "HR"]
-          },
-          {
-            id: "q4",
-            type: "text_input",
-            label: "Role/Title",
-            order: 3,
-            required: !0
-          },
-          {
-            id: "c5",
-            type: "divider",
-            content: "",
-            order: 4
-          },
-          {
-            id: "c6",
-            type: "html",
-            content: "<div style='background: #f0f9ff; padding: 16px; border-radius: 8px; border-left: 4px solid #3b82f6;'><strong>Note:</strong> Your department assignment will determine your initial access permissions and team assignments. You can request changes through your manager after onboarding.</div>",
-            order: 5
-          }
-        ],
-        status: "pending"
-      },
-      {
-        id: "step-3",
-        title: "Feedback",
-        description: "Any initial comments?",
-        order: 3,
-        assignment: {
-          category: "individual",
-          type: "subject"
-        },
-        elements: [
-          {
-            id: "c7",
-            type: "text",
-            content: "We'd love to hear your feedback about the onboarding process. Your input helps us improve the experience for future team members.",
-            order: 1
-          },
-          {
-            id: "q5",
-            type: "textarea",
-            label: "Comments",
-            order: 2,
-            required: !1
-          },
-          {
-            id: "c8",
-            type: "image",
-            content: "",
-            url: "https://example.com/onboarding-complete.jpg",
-            alt: "Onboarding Complete",
-            caption: "Congratulations on completing your onboarding!",
-            order: 3
-          }
-        ],
-        status: "pending"
-      }
-    ]
-  },
-  {
-    id: "wf-2",
-    name: "IT Asset Request",
-    description: "Request new hardware or software.",
-    steps: [
-      {
-        id: "s1",
-        title: "Request Details",
-        order: 1,
-        assignment: {
-          category: "individual",
-          type: "subject"
-        },
-        elements: [
-          {
-            id: "itq1",
-            type: "select",
-            label: "Asset Type",
-            order: 1,
-            required: !1,
-            options: ["Laptop", "Monitor", "Software License"]
-          }
-        ],
-        status: "pending"
-      },
-      {
-        id: "s2",
-        title: "Justification",
-        order: 2,
-        assignment: {
-          category: "role",
-          type: "instance_role_assignee_select",
-          targetId: "manager"
-        },
-        elements: [
-          {
-            id: "itq2",
-            type: "textarea",
-            label: "Reason",
-            order: 1,
-            required: !0
-          }
-        ],
-        status: "pending"
-      }
-    ]
-  }
-];
-JSON.parse(JSON.stringify(Oe[0].steps));
-JSON.parse(JSON.stringify(Oe[1].steps));
-let w = class extends U {
+let w = class extends P {
   constructor() {
     super(...arguments), this._templateData = {
       name: "",
@@ -3361,7 +3156,7 @@ let w = class extends U {
         description: this._templateData.description || "",
         steps: this._templateData.steps || []
       };
-      console.log("💾 Builder Widget: Save button clicked"), console.log("📄 Workflow Template:", JSON.stringify(t, null, 2)), console.log("🔄 Calling onSave callback with workflow template"), (e = this.onSave) == null || e.call(this, t);
+      console.log("💾 Builder Widget: Save button clicked"), console.log("📄 Workflow Template:", JSON.stringify(t, null, 2)), console.log("🔄 Calling onWorkflow updated callback with workflow template"), (e = this.onWorkflowUpdated) == null || e.call(this, t);
     } else
       console.log("⚠️ Builder Widget: Save attempted but no title provided");
   }
@@ -3413,9 +3208,7 @@ let w = class extends U {
     this._selectedStepId = i, console.log("🎯 Step selected:", i);
   }
   _getSelectedStep() {
-    return !this._selectedStepId || !this._templateData.steps ? null : this._templateData.steps.find(
-      (i) => i.id === this._selectedStepId
-    ) || null;
+    return !this._selectedStepId || !this._templateData.steps ? null : this._templateData.steps.find((i) => i.id === this._selectedStepId) || null;
   }
   // Drag and Drop Methods
   _handleDragStart(i, e) {
@@ -3436,11 +3229,7 @@ let w = class extends U {
       this._draggedStepId = null, this._dragOverStepId = null;
       return;
     }
-    const t = this._templateData.steps || [], n = t.findIndex(
-      (a) => a.id === this._draggedStepId
-    ), s = t.findIndex(
-      (a) => a.id === e
-    );
+    const t = this._templateData.steps || [], n = t.findIndex((a) => a.id === this._draggedStepId), s = t.findIndex((a) => a.id === e);
     if (n === -1 || s === -1) {
       console.error("Could not find step indices for reordering");
       return;
@@ -3471,9 +3260,7 @@ let w = class extends U {
       console.log("⚠️ No step selected");
       return;
     }
-    if (["text", "html", "divider", "markdown"].includes(
-      i
-    )) {
+    if (["text", "html", "divider", "markdown"].includes(i)) {
       let r = {
         id: `c-${Date.now()}`,
         type: i,
@@ -3722,9 +3509,7 @@ Use **bold** and *italic* text.`;
                               placeholder="Option ${t + 1}"
                               .value=${e}
                               @input=${(n) => {
-            const s = n.target, r = [
-              ...i.options || []
-            ];
+            const s = n.target, r = [...i.options || []];
             r[t] = s.value, this._updateQuestion(i.id, {
               options: r
             });
@@ -3733,9 +3518,7 @@ Use **bold** and *italic* text.`;
                             <button
                               class="remove-option-button"
                               @click=${() => {
-            const n = [
-              ...i.options || []
-            ];
+            const n = [...i.options || []];
             n.splice(t, 1), this._updateQuestion(i.id, {
               options: n
             });
@@ -3750,10 +3533,7 @@ Use **bold** and *italic* text.`;
                       <button
                         class="add-option-button"
                         @click=${() => {
-          const e = [
-            ...i.options || [],
-            ""
-          ];
+          const e = [...i.options || [], ""];
           this._updateQuestion(i.id, {
             options: e
           });
@@ -3766,8 +3546,7 @@ Use **bold** and *italic* text.`;
                 ` : l`
                   <div class="single-checkbox-info">
                     <p class="config-note">
-                      Single checkbox - users can check/uncheck for Yes/No
-                      response
+                      Single checkbox - users can check/uncheck for Yes/No response
                     </p>
                   </div>
                 `}
@@ -3836,17 +3615,13 @@ Use **bold** and *italic* text.`;
       case "file_upload":
         return l`
           <div class="question-config-section">
-            <p class="config-note">
-              File upload field - users can upload files
-            </p>
+            <p class="config-note">File upload field - users can upload files</p>
           </div>
         `;
       case "signature":
         return l`
           <div class="question-config-section">
-            <p class="config-note">
-              Digital signature pad - users can sign with mouse/touch
-            </p>
+            <p class="config-note">Digital signature pad - users can sign with mouse/touch</p>
           </div>
         `;
       case "date":
@@ -4111,10 +3886,7 @@ Use **bold** and *italic* text.`;
   }
   _hasSteps() {
     const i = !!(this._templateData.steps && this._templateData.steps.length > 0);
-    return i && !this._selectedStepId && this._templateData.steps && (this._selectedStepId = this._templateData.steps[0].id, console.log(
-      "🎯 Auto-selected first step:",
-      this._templateData.steps[0].title
-    )), !i && this._selectedStepId && (this._selectedStepId = null), i;
+    return i && !this._selectedStepId && this._templateData.steps && (this._selectedStepId = this._templateData.steps[0].id, console.log("🎯 Auto-selected first step:", this._templateData.steps[0].title)), !i && this._selectedStepId && (this._selectedStepId = null), i;
   }
   _getAssignmentDisplayText(i) {
     switch (i.category) {
@@ -4143,7 +3915,6 @@ Use **bold** and *italic* text.`;
     }
   }
   render() {
-    this._hasSteps();
     const i = this._getSelectedStep();
     return l`
       <div class="header">
@@ -4170,9 +3941,7 @@ Use **bold** and *italic* text.`;
           </div>
         </div>
         <div class="header-actions">
-          <button class="save-button" @click=${this._handleSave}>
-            Save template
-          </button>
+          <button class="save-button" @click=${this._handleSave}>Save template</button>
         </div>
       </div>
 
@@ -4187,10 +3956,7 @@ Use **bold** and *italic* text.`;
             </div>
 
             <div class="steps-list">
-              <div
-                class="step-item selected"
-                @click=${() => this._selectStep("step-1")}
-              >
+              <div class="step-item selected" @click=${() => this._selectStep("step-1")}>
                 <div class="step-handle">⋮⋮</div>
                 <div class="step-content">
                   <strong>Step 1</strong>
@@ -4206,9 +3972,7 @@ Use **bold** and *italic* text.`;
           <div class="section">
             <div class="section-header">
               <h2>Questions</h2>
-              <button class="add-button" @click=${() => this._addQuestion()}>
-                Add
-              </button>
+              <button class="add-button" @click=${() => this._addQuestion()}>Add</button>
             </div>
 
             ${i && i.elements && i.elements.length > 0 ? l`
@@ -4221,11 +3985,7 @@ Use **bold** and *italic* text.`;
                           <div class="question-item">
                             <div class="question-header">
                               <h3 class="question-title">
-                                ${s.label || (s.type === "checkbox" ? this._getCheckboxTypeDisplayName(
-          s
-        ) : this._getQuestionTypeDisplayName(
-          s.type
-        ))}
+                                ${s.label || (s.type === "checkbox" ? this._getCheckboxTypeDisplayName(s) : this._getQuestionTypeDisplayName(s.type))}
                               </h3>
                               <div class="question-header-controls">
                                 <select
@@ -4244,36 +4004,20 @@ Use **bold** and *italic* text.`;
             return;
           }
           const p = { type: a };
-          ["select", "radio", "checkbox"].includes(
-            a
-          ) && !s.options && (p.options = [
-            "Option 1",
-            "Option 2"
-          ]);
+          ["select", "radio", "checkbox"].includes(a) && !s.options && (p.options = ["Option 1", "Option 2"]);
           const c = this._getQuestionTypeDisplayName(
             s.type
           );
-          (!s.label || s.label === c) && (p.label = this._getQuestionTypeDisplayName(
-            a
-          )), this._updateQuestion(
-            s.id,
-            p
-          );
+          (!s.label || s.label === c) && (p.label = this._getQuestionTypeDisplayName(a)), this._updateQuestion(s.id, p);
         }}
                                 >
                                   <optgroup label="Questions">
-                                    <option value="text_input">
-                                      Text Input (short)
-                                    </option>
-                                    <option value="textarea">
-                                      Text Input (long)
-                                    </option>
+                                    <option value="text_input">Text Input (short)</option>
+                                    <option value="textarea">Text Input (long)</option>
                                     <option value="select">Select</option>
                                     <option value="radio">Radio</option>
                                     <option value="checkbox">Checkbox</option>
-                                    <option value="file_upload">
-                                      File Upload
-                                    </option>
+                                    <option value="file_upload">File Upload</option>
                                     <option value="signature">Signature</option>
                                     <option value="number">Number</option>
                                     <option value="date">Date</option>
@@ -4308,9 +4052,7 @@ Use **bold** and *italic* text.`;
         }}
                             />
 
-                            ${this._renderQuestionTypeSpecificFields(
-          s
-        )}
+                            ${this._renderQuestionTypeSpecificFields(s)}
 
                             <label class="question-required-label">
                               <input
@@ -4333,9 +4075,7 @@ Use **bold** and *italic* text.`;
                           <div class="question-item">
                             <div class="question-header">
                               <h3 class="question-title">
-                                ${this._getContentTypeDisplayName(
-          s.type
-        )}
+                                ${this._getContentTypeDisplayName(s.type)}
                               </h3>
                               <div class="question-header-controls">
                                 <select
@@ -4357,18 +4097,12 @@ Use **bold** and *italic* text.`;
         }}
                                 >
                                   <optgroup label="Questions">
-                                    <option value="text_input">
-                                      Text Input (short)
-                                    </option>
-                                    <option value="textarea">
-                                      Text Input (long)
-                                    </option>
+                                    <option value="text_input">Text Input (short)</option>
+                                    <option value="textarea">Text Input (long)</option>
                                     <option value="select">Select</option>
                                     <option value="radio">Radio</option>
                                     <option value="checkbox">Checkbox</option>
-                                    <option value="file_upload">
-                                      File Upload
-                                    </option>
+                                    <option value="file_upload">File Upload</option>
                                     <option value="signature">Signature</option>
                                     <option value="number">Number</option>
                                     <option value="date">Date</option>
@@ -4390,9 +4124,7 @@ Use **bold** and *italic* text.`;
                               </div>
                             </div>
                             <div class="question-content">
-                              ${this._renderContentTypeSpecificFields(
-          s
-        )}
+                              ${this._renderContentTypeSpecificFields(s)}
                             </div>
                           </div>
                         `;
@@ -4421,9 +4153,7 @@ Use **bold** and *italic* text.`;
                   <div class="empty-state">
                     <h3>Add questions</h3>
                     <p>Use the add button to start building your workflow</p>
-                    <button class="add-button" @click=${() => this._addQuestion()}>
-                      Add
-                    </button>
+                    <button class="add-button" @click=${() => this._addQuestion()}>Add</button>
                   </div>
                 `}
           </div>
@@ -4433,11 +4163,11 @@ Use **bold** and *italic* text.`;
   }
 };
 w.styles = N`
+    ${pt}
     ${ct}
     ${ut}
-    ${ht}
     ${Ne}
-    ${gt}
+    ${ht}
   `;
 C([
   _()
@@ -4469,7 +4199,7 @@ C([
 w = C([
   Le("builder-widget")
 ], w);
-class bt {
+class mt {
   constructor(e, t) {
     this.signaturePads = e, this.savedSignatures = t;
   }
@@ -4484,7 +4214,10 @@ class bt {
       if (this.isQuestionElement(o)) {
         const a = o;
         if (a.required) {
-          const d = this.validateQuestion(a, t[a.id]);
+          const d = this.validateQuestion(
+            a,
+            t[a.id]
+          );
           d && (s = !1, r[a.id] = d.message);
         }
       }
@@ -4552,7 +4285,7 @@ class bt {
     ].includes(e.type);
   }
 }
-class vt {
+class bt {
   getStorageKey(e) {
     return `runner-form-data-${e || "default"}`;
   }
@@ -4637,10 +4370,10 @@ class be {
     return new be(e[1], n, s, e[2], t.start, t.end);
   }
   static calculateControlPoints(e, t, n) {
-    const s = e.x - t.x, r = e.y - t.y, o = t.x - n.x, a = t.y - n.y, d = { x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }, p = { x: (t.x + n.x) / 2, y: (t.y + n.y) / 2 }, c = Math.sqrt(s * s + r * r), u = Math.sqrt(o * o + a * a), h = d.x - p.x, g = d.y - p.y, b = c + u == 0 ? 0 : u / (c + u), k = { x: p.x + h * b, y: p.y + g * b }, q = t.x - k.x, G = t.y - k.y;
+    const s = e.x - t.x, r = e.y - t.y, o = t.x - n.x, a = t.y - n.y, d = { x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }, p = { x: (t.x + n.x) / 2, y: (t.y + n.y) / 2 }, c = Math.sqrt(s * s + r * r), u = Math.sqrt(o * o + a * a), h = d.x - p.x, g = d.y - p.y, b = c + u == 0 ? 0 : u / (c + u), k = { x: p.x + h * b, y: p.y + g * b }, G = t.x - k.x, Y = t.y - k.y;
     return {
-      c1: new X(d.x + q, d.y + G),
-      c2: new X(p.x + q, p.y + G)
+      c1: new X(d.x + G, d.y + Y),
+      c2: new X(p.x + G, p.y + Y)
     };
   }
   constructor(e, t, n, s, r, o) {
@@ -4662,7 +4395,7 @@ class be {
     return t * (1 - e) * (1 - e) * (1 - e) + 3 * n * (1 - e) * (1 - e) * e + 3 * s * (1 - e) * e * e + r * e * e * e;
   }
 }
-class xt {
+class vt {
   constructor() {
     try {
       this._et = new EventTarget();
@@ -4680,7 +4413,7 @@ class xt {
     this._et.removeEventListener(e, t, n);
   }
 }
-function _t(i, e = 250) {
+function xt(i, e = 250) {
   let t = 0, n = null, s, r, o;
   const a = () => {
     t = Date.now(), n = null, s = i.apply(r, o), n || (r = null, o = []);
@@ -4690,10 +4423,10 @@ function _t(i, e = 250) {
     return r = this, o = p, u <= 0 || u > e ? (n && (clearTimeout(n), n = null), t = c, s = i.apply(r, o), n || (r = null, o = [])) : n || (n = window.setTimeout(a, u)), s;
   };
 }
-class Z extends xt {
+class Z extends vt {
   constructor(e, t = {}) {
     var n, s, r;
-    super(), this.canvas = e, this._drawingStroke = !1, this._isEmpty = !0, this._lastPoints = [], this._data = [], this._lastVelocity = 0, this._lastWidth = 0, this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = (n = t.throttle) !== null && n !== void 0 ? n : 16, this.minDistance = (s = t.minDistance) !== null && s !== void 0 ? s : 5, this.dotSize = t.dotSize || 0, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = t.compositeOperation || "source-over", this.canvasContextOptions = (r = t.canvasContextOptions) !== null && r !== void 0 ? r : {}, this._strokeMoveUpdate = this.throttle ? _t(Z.prototype._strokeUpdate, this.throttle) : Z.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._ctx = e.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
+    super(), this.canvas = e, this._drawingStroke = !1, this._isEmpty = !0, this._lastPoints = [], this._data = [], this._lastVelocity = 0, this._lastWidth = 0, this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = (n = t.throttle) !== null && n !== void 0 ? n : 16, this.minDistance = (s = t.minDistance) !== null && s !== void 0 ? s : 5, this.dotSize = t.dotSize || 0, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = t.compositeOperation || "source-over", this.canvasContextOptions = (r = t.canvasContextOptions) !== null && r !== void 0 ? r : {}, this._strokeMoveUpdate = this.throttle ? xt(Z.prototype._strokeUpdate, this.throttle) : Z.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._ctx = e.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
   }
   clear() {
     const { _ctx: e, canvas: t } = this;
@@ -4972,7 +4705,7 @@ class Z extends xt {
     }), d.outerHTML;
   }
 }
-class yt {
+class _t {
   constructor(e) {
     this.signaturePads = /* @__PURE__ */ new Map(), this.canvasElements = /* @__PURE__ */ new Map(), this.onSignatureChange = e;
   }
@@ -5121,7 +4854,7 @@ class St {
     ].includes(e);
   }
 }
-class wt {
+class yt {
   constructor(e, t) {
     this.mode = e, this.currentUser = t;
   }
@@ -5405,11 +5138,7 @@ const te = class te {
     this.formStateManager.clearValidationError(e);
     const a = this.createFileInfo(r);
     this.formStateManager.setFormField(e, a);
-    const d = this.hasFileChanged(
-      e,
-      a,
-      n.savedInstance
-    );
+    const d = this.hasFileChanged(e, a, n.savedInstance);
     d && n.mode !== "preview" ? this.executeFileUploadCallback(e, r, a, n) : this.logSkippedCallback(e, n.mode, d), (h = n.onRequestUpdate) == null || h.call(n), n.mode !== "admin" && ((g = n.onFormDataSave) == null || g.call(n));
   }
   /**
@@ -5448,9 +5177,7 @@ const te = class te {
     if (!(n != null && n.steps)) return !0;
     for (const s of n.steps)
       if (s.responses) {
-        const r = s.responses.find(
-          (o) => o.elementId === e
-        );
+        const r = s.responses.find((o) => o.elementId === e);
         if (r && r.value && typeof r.value == "object") {
           const o = r.value;
           return o.name !== t.name || o.size !== t.size || o.type !== t.type || o.lastModified !== t.lastModified;
@@ -5477,15 +5204,12 @@ const te = class te {
    * Logs when file upload callback is skipped
    */
   logSkippedCallback(e, t, n) {
-    t === "preview" ? console.log(
-      "Preview mode: skipping file upload callback for:",
-      e
-    ) : n || console.log("File unchanged, skipping callback for:", e);
+    t === "preview" ? console.log("Preview mode: skipping file upload callback for:", e) : n || console.log("File unchanged, skipping callback for:", e);
   }
 };
 te.MAX_FILE_SIZE = 5 * 1024 * 1024;
 let ce = te;
-class S {
+class y {
   /**
    * Determines if a form element should be disabled based on context
    * Centralizes the disabled logic for consistency across all input types
@@ -5516,7 +5240,7 @@ class S {
   // Extract file extension and guess type
   static _guessFileTypeFromUrl(e) {
     var r;
-    const n = (r = S._extractFilenameFromUrl(e).split(".").pop()) == null ? void 0 : r.toLowerCase();
+    const n = (r = y._extractFilenameFromUrl(e).split(".").pop()) == null ? void 0 : r.toLowerCase();
     return n ? {
       pdf: "PDF Document",
       doc: "Word Document",
@@ -5560,9 +5284,7 @@ class S {
       @change=${(r) => n.handlers.handleInputChange(e.id, r)}
     >
       <option value="">Choose</option>
-      ${(s = e.options) == null ? void 0 : s.map(
-      (r) => l`<option value=${r}>${r}</option>`
-    )}
+      ${(s = e.options) == null ? void 0 : s.map((r) => l`<option value=${r}>${r}</option>`)}
     </select>`;
   }
   static renderRadio(e, t, n) {
@@ -5598,9 +5320,7 @@ class S {
           ${a.length > 0 ? a.map((d) => l`<div>• ${d}</div>`) : l`<span class="print-no-response">No selections made</span>`}
         </div>`;
       }
-      return l`<div
-        class="checkbox-group ${r ? "print-mode" : ""}"
-      >
+      return l`<div class="checkbox-group ${r ? "print-mode" : ""}">
         ${(o = e.options) == null ? void 0 : o.map(
         (a) => l`
             <label class="checkbox-option">
@@ -5610,11 +5330,7 @@ class S {
                 value=${a}
                 .checked=${Array.isArray(t) ? t.includes(a) : !1}
                 ?disabled=${s}
-                @change=${r ? null : (d) => n.handlers.handleCheckboxGroupChange(
-          e.id,
-          a,
-          d
-        )}
+                @change=${r ? null : (d) => n.handlers.handleCheckboxGroupChange(e.id, a, d)}
               />
               <span class="checkbox-label">${a}</span>
             </label>
@@ -5624,9 +5340,7 @@ class S {
     } else
       return r ? l`<div class="print-response-value checkbox-response">
           ${t ? "Yes" : "No"}
-        </div>` : l`<label
-        class="checkbox-single ${r ? "print-mode" : ""}"
-      >
+        </div>` : l`<label class="checkbox-single ${r ? "print-mode" : ""}">
         <input
           type="checkbox"
           id=${e.id}
@@ -5650,9 +5364,7 @@ class S {
         var u;
         const p = d.target;
         p.style.display = "none";
-        const c = (u = p.parentElement) == null ? void 0 : u.querySelector(
-          ".signature-fallback"
-        );
+        const c = (u = p.parentElement) == null ? void 0 : u.querySelector(".signature-fallback");
         c && c.classList.remove("hidden");
       }}
             />
@@ -5674,9 +5386,7 @@ class S {
         var u;
         const p = d.target;
         p.style.display = "none";
-        const c = (u = p.parentElement) == null ? void 0 : u.querySelector(
-          ".signature-fallback"
-        );
+        const c = (u = p.parentElement) == null ? void 0 : u.querySelector(".signature-fallback");
         c && c.classList.remove("hidden");
       }}
             />
@@ -5694,12 +5404,7 @@ class S {
       return l`
         <div class="signature-admin-display">
           <div class="signature-existing">
-            ${d ? l`
-                  <div
-                    class="signature-svg-container"
-                    .innerHTML=${s}
-                  ></div>
-                ` : l`
+            ${d ? l` <div class="signature-svg-container" .innerHTML=${s}></div> ` : l`
                   <img
                     src="${s}"
                     alt="Digital Signature"
@@ -5708,16 +5413,12 @@ class S {
         var h;
         const c = p.target;
         c.style.display = "none";
-        const u = (h = c.parentElement) == null ? void 0 : h.querySelector(
-          ".signature-fallback"
-        );
+        const u = (h = c.parentElement) == null ? void 0 : h.querySelector(".signature-fallback");
         u && u.classList.remove("hidden");
       }}
                   />
                   <div class="signature-fallback hidden">
-                    <span class="signature-error"
-                      >Unable to display signature</span
-                    >
+                    <span class="signature-error">Unable to display signature</span>
                   </div>
                 `}
           </div>
@@ -5734,9 +5435,7 @@ class S {
       `;
     }
     return l`
-      <div
-        class="signature-container ${this._isInputDisabled(n) ? "disabled" : ""}"
-      >
+      <div class="signature-container ${this._isInputDisabled(n) ? "disabled" : ""}">
         <canvas id="signature-${e.id}" class="signature-canvas"></canvas>
         <div class="signature-controls">
           <button
@@ -5782,37 +5481,23 @@ class S {
               <div class="print-response-value file-response">
                 📎 ${s.name}
                 ${s.size ? l` <span class="file-size"
-                      >(${S._formatFileSize(
-              s.size
-            )})</span
+                      >(${y._formatFileSize(s.size)})</span
                     >` : ""}
               </div>
             `;
           if (r) {
-            const a = S._extractFilenameFromUrl(s);
-            return l`
-              <div class="print-response-value file-response">
-                📎 ${a}
-              </div>
-            `;
+            const a = y._extractFilenameFromUrl(s);
+            return l` <div class="print-response-value file-response">📎 ${a}</div> `;
           } else
-            return l`
-              <div class="print-response-value file-response">
-                📎 ${s}
-              </div>
-            `;
+            return l` <div class="print-response-value file-response">📎 ${s}</div> `;
         } else {
-          const a = r ? s : "#", d = o ? s.name : r ? S._extractFilenameFromUrl(s) : "View File";
+          const a = r ? s : "#", d = o ? s.name : r ? y._extractFilenameFromUrl(s) : "View File";
           return l`
             <div class="file-upload-view-only">
-              <a href="${a}" target="_blank" class="file-link">
-                📎 ${d}
-              </a>
+              <a href="${a}" target="_blank" class="file-link"> 📎 ${d} </a>
               ${o && s.size ? l`
                     <span class="file-size-info"
-                      >(${S._formatFileSize(
-            s.size
-          )})</span
+                      >(${y._formatFileSize(s.size)})</span
                     >
                   ` : ""}
             </div>
@@ -5839,9 +5524,7 @@ class S {
         />
         ${s ? l`
               <div class="file-preview">
-                <span class="file-name"
-                  >${s.name || "File selected"}</span
-                >
+                <span class="file-name">${s.name || "File selected"}</span>
                 <button
                   type="button"
                   class="file-clear-btn"
@@ -5879,19 +5562,19 @@ class S {
     const n = t.formData[e.id] ?? "", s = t.validationErrors[e.id], r = () => {
       switch (e.type) {
         case "textarea":
-          return S.renderTextArea(e, n, t);
+          return y.renderTextArea(e, n, t);
         case "select":
-          return S.renderSelect(e, n, t);
+          return y.renderSelect(e, n, t);
         case "radio":
-          return S.renderRadio(e, n, t);
+          return y.renderRadio(e, n, t);
         case "checkbox":
-          return S.renderCheckbox(e, n, t);
+          return y.renderCheckbox(e, n, t);
         case "signature":
-          return S.renderSignature(e, n, t);
+          return y.renderSignature(e, n, t);
         case "file_upload":
-          return S.renderFileUpload(e, n, t);
+          return y.renderFileUpload(e, n, t);
         default:
-          return S.renderDefaultInput(e, n, t);
+          return y.renderDefaultInput(e, n, t);
       }
     }, o = e.type === "checkbox" && (!e.options || e.options.length === 0);
     return t.mode === "print" ? l`
@@ -5919,8 +5602,8 @@ class S {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const kt = { CHILD: 2 }, $t = (i) => (...e) => ({ _$litDirective$: i, values: e });
-class Dt {
+const wt = { CHILD: 2 }, kt = (i) => (...e) => ({ _$litDirective$: i, values: e });
+class $t {
   constructor(e) {
   }
   get _$AU() {
@@ -5941,13 +5624,13 @@ class Dt {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class ue extends Dt {
+class ue extends $t {
   constructor(e) {
-    if (super(e), this.it = v, e.type !== kt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = v, e.type !== wt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
     if (e === v || e == null) return this._t = void 0, this.it = e;
-    if (e === I) return e;
+    if (e === U) return e;
     if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (e === this.it) return this._t;
     this.it = e;
@@ -5956,7 +5639,7 @@ class ue extends Dt {
   }
 }
 ue.directiveName = "unsafeHTML", ue.resultType = 1;
-const Ae = $t(ue);
+const Ae = kt(ue);
 class $ {
   static renderMarkdown(e) {
     return e.replace(/^### (.*$)/gim, "<h3>$1</h3>").replace(/^## (.*$)/gim, "<h2>$1</h2>").replace(/^# (.*$)/gim, "<h1>$1</h1>").replace(/\*\*(.*?)\*\*/gim, "<strong>$1</strong>").replace(/\*(.*?)\*/gim, "<em>$1</em>").replace(/`(.*?)`/gim, "<code>$1</code>").replace(/^> (.*$)/gim, "<blockquote>$1</blockquote>").replace(/\n/gim, "<br>");
@@ -6065,16 +5748,16 @@ class Me {
       <div class="runner-mobile-steps">
         <nav aria-label="Workflow steps">
           <div class="runner-mobile-steps-container">
-            ${t == null ? void 0 : t.map((s, r) => {
-      const o = e.isStepAssignedToUser(s), a = e.completedSteps.has(s.id);
+            ${t == null ? void 0 : t.map((s) => {
+      const r = e.isStepAssignedToUser(s), o = e.completedSteps.has(s.id);
       return l`
                 <div
-                  class="runner-mobile-step-tab ${a ? "completed" : ""} ${o ? "" : "unassigned"} ${n ? "disabled" : ""}"
-                  style="cursor: not-allowed; opacity: ${n ? "0.6" : o ? "1" : "0.6"};"
+                  class="runner-mobile-step-tab ${o ? "completed" : ""} ${r ? "" : "unassigned"} ${n ? "disabled" : ""}"
+                  style="cursor: not-allowed; opacity: ${n ? "0.6" : r ? "1" : "0.6"};"
                 >
                   <span class="runner-mobile-step-title">${s.title}</span>
                   <span class="runner-mobile-step-badge">
-                    ${a ? "Completed" : o ? "Your Step" : "Other User"}
+                    ${o ? "Completed" : r ? "Your Step" : "Other User"}
                   </span>
                 </div>
               `;
@@ -6101,12 +5784,10 @@ class Me {
               <path d="m7 11V7a5 5 0 0 1 10 0v4"></path>
             </svg>
           </div>
-          <h2 class="not-assigned-title">
-            This workflow is not assigned to you
-          </h2>
+          <h2 class="not-assigned-title">This workflow is not assigned to you</h2>
           <p class="not-assigned-description">
-            You don't have any steps assigned in this workflow. Please contact
-            your administrator if you believe this is an error.
+            You don't have any steps assigned in this workflow. Please contact your administrator if
+            you believe this is an error.
           </p>
         </div>
       </div>
@@ -6129,16 +5810,16 @@ class Me {
           <div class="runner-sidebar-header">Steps</div>
           <nav aria-label="Workflow steps">
             <ul class="runner-steps-list">
-              ${(s = (n = e.instance) == null ? void 0 : n.steps) == null ? void 0 : s.map((r, o) => {
-      const a = e.isStepAssignedToUser(r), d = e.completedSteps.has(r.id);
+              ${(s = (n = e.instance) == null ? void 0 : n.steps) == null ? void 0 : s.map((r) => {
+      const o = e.isStepAssignedToUser(r), a = e.completedSteps.has(r.id);
       return l`
                   <li
-                    class="runner-step-item ${d ? "completed" : ""} ${a ? "" : "unassigned"}"
-                    style="opacity: ${a ? "1" : "0.6"}; cursor: not-allowed;"
+                    class="runner-step-item ${a ? "completed" : ""} ${o ? "" : "unassigned"}"
+                    style="opacity: ${o ? "1" : "0.6"}; cursor: not-allowed;"
                   >
                     <span class="runner-step-title">${r.title}</span>
                     <span class="runner-step-badge">
-                      ${d ? "Submitted" : a ? "Your Step" : "Other User"}
+                      ${a ? "Submitted" : o ? "Your Step" : "Other User"}
                     </span>
                   </li>
                 `;
@@ -6190,9 +5871,7 @@ class R {
         <nav aria-label="Workflow steps">
           <ul class="runner-steps-list">
             ${t == null ? void 0 : t.map((n, s) => {
-      const r = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(n), o = s === e.currentStepIndex, a = this.isStepCompleted(n, e, r), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print";
-      e.mode;
-      const p = e.isLoading;
+      const r = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(n), o = s === e.currentStepIndex, a = this.isStepCompleted(n, e, r), 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" : ""} ${r ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
@@ -6218,9 +5897,7 @@ class R {
         <nav aria-label="Workflow steps">
           <div class="runner-mobile-steps-container">
             ${t == null ? void 0 : t.map((n, s) => {
-      const r = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(n), o = s === e.currentStepIndex, a = this.isStepCompleted(n, e, r), d = (e.isSubmitted || e.userStepsSubmitted) && e.mode !== "preview" && e.mode !== "admin" && e.mode !== "view-only" && e.mode !== "print";
-      e.mode;
-      const p = e.isLoading;
+      const r = e.mode === "preview" || e.mode === "admin" || e.mode === "view-only" || e.mode === "print" || e.isStepAssignedToUser(n), o = s === e.currentStepIndex, a = this.isStepCompleted(n, e, r), 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" : ""} ${r ? "" : "unassigned"} ${d ? "disabled" : ""} ${p ? "loading-disabled" : ""}"
@@ -6245,9 +5922,7 @@ class R {
     return n === "print" ? l`
         <div class="step-print-header">
           <div class="print-step-title">${t.title}</div>
-          ${t.description ? l`<div class="print-step-description">
-                ${t.description}
-              </div>` : ""}
+          ${t.description ? l`<div class="print-step-description">${t.description}</div>` : ""}
           <hr class="print-question-separator" />
         </div>
       ` : l`
@@ -6259,7 +5934,7 @@ class R {
     `;
   }
 }
-class Ct {
+class Dt {
   static renderFormActions(e) {
     return e.mode === "preview" || e.mode === "view-only" || e.mode === "print" || !e.isCurrentStepAssigned ? l`` : l`
       <div class="runner-form-actions">
@@ -6312,12 +5987,12 @@ class le {
     r(u), a !== "preview" && o(e, c);
   }
 }
-var Et = Object.defineProperty, At = Object.getOwnPropertyDescriptor, x = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? At(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+var Ct = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, x = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Et(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Et(e, t, s), s;
+  return n && s && Ct(e, t, s), s;
 };
-let m = class extends U {
+let m = class extends P {
   constructor() {
     super(...arguments), this.mode = "default", this.isLoading = !1, this._currentStepIndex = 0, this._formData = {}, this._validationErrors = {}, this._internalCompletedSteps = /* @__PURE__ */ new Set(), this._formRestorationComplete = !1, this._savedSignatures = /* @__PURE__ */ new Set(), this._replacingSignatures = /* @__PURE__ */ new Set(), this._isSubmitted = !1, this._userStepsSubmitted = !1, this._justSaved = !1;
   }
@@ -6332,22 +6007,16 @@ let m = class extends U {
     super.disconnectedCallback(), window.removeEventListener("resize", this._handleResize.bind(this)), (i = this.signatureManager) == null || i.destroy();
   }
   _initializeServices() {
-    this.persistenceManager = new vt(), this.responseTracker = new St(), this.formStateManager = new pe(), this.signatureManager = new yt(
+    this.persistenceManager = new bt(), this.responseTracker = new St(), this.formStateManager = new pe(), this.signatureManager = new _t(
       (i) => this._handleSignatureChange(i)
-    ), this.fileUploadManager = new ce(
-      this.formStateManager,
-      this.responseTracker
-    ), this._updateNavigationService(), this._updateValidationService();
+    ), this.fileUploadManager = new ce(this.formStateManager, this.responseTracker), this._updateNavigationService(), this._updateValidationService();
   }
   _updateNavigationService() {
-    this.navigationService = new wt(
-      this.mode || "default",
-      this.currentUser
-    );
+    this.navigationService = new yt(this.mode || "default", this.currentUser);
   }
   _updateValidationService() {
     var i;
-    this.validationService = new bt(
+    this.validationService = new mt(
       ((i = this.signatureManager) == null ? void 0 : i.getAllSignaturePads()) || /* @__PURE__ */ new Map(),
       this._savedSignatures
     );
@@ -6391,10 +6060,7 @@ let m = class extends U {
     };
   }
   _handleSignatureChange(i) {
-    this.formStateManager.setFormField(i.questionId, i.hasSignature), this.formStateManager.setFormField(
-      `${i.questionId}_signatureData`,
-      i.signatureData
-    ), this._formData = this.formStateManager.getFormData(), this._savedSignatures.has(i.questionId) && (this._savedSignatures = new Set(
+    this.formStateManager.setFormField(i.questionId, i.hasSignature), this.formStateManager.setFormField(`${i.questionId}_signatureData`, i.signatureData), this._formData = this.formStateManager.getFormData(), this._savedSignatures.has(i.questionId) && (this._savedSignatures = new Set(
       [...this._savedSignatures].filter((e) => e !== i.questionId)
     )), this._clearValidationError(i.questionId), this.mode !== "admin" && this._saveFormDataToHistory();
   }
@@ -6446,19 +6112,13 @@ let m = class extends U {
     var i;
     !((i = this.instance) != null && i.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) => {
       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
-    ));
+    }), console.log("View-only mode initialized with existing responses:", this._formData));
   }
   _initializePrintMode() {
     var i;
     !((i = this.instance) != null && i.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) => {
       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
-    ));
+    }), console.log("Print mode initialized with existing responses:", this._formData));
   }
   _isStepAssignedToUser(i) {
     return this.navigationService.isStepAssignedToUser(i);
@@ -6519,10 +6179,7 @@ let m = class extends U {
     ), this._handleFormDataUpdate(i);
   }
   _initializeSignaturePad(i) {
-    this.signatureManager.initializeSignaturePad(
-      i,
-      this.shadowRoot
-    ) && this._updateValidationService();
+    this.signatureManager.initializeSignaturePad(i, this.shadowRoot) && this._updateValidationService();
   }
   _handleResize() {
     this.signatureManager.handleResize();
@@ -6531,12 +6188,7 @@ let m = class extends U {
     this.signatureManager.clearSignature(i);
   }
   _startReplaceSignature(i) {
-    this._replacingSignatures = /* @__PURE__ */ new Set([
-      ...this._replacingSignatures,
-      i
-    ]), this.formStateManager.setFormField(i, !1), this.formStateManager.setFormField(`${i}_signatureData`, null), this._formData = this.formStateManager.getFormData(), this._savedSignatures = new Set(
-      [...this._savedSignatures].filter((e) => e !== i)
-    ), this.requestUpdate();
+    this._replacingSignatures = /* @__PURE__ */ new Set([...this._replacingSignatures, i]), this.formStateManager.setFormField(i, !1), this.formStateManager.setFormField(`${i}_signatureData`, null), this._formData = this.formStateManager.getFormData(), this._savedSignatures = new Set([...this._savedSignatures].filter((e) => e !== i)), this.requestUpdate();
   }
   _cancelReplaceSignature(i) {
     this._replacingSignatures = new Set(
@@ -6591,14 +6243,10 @@ let m = class extends U {
     console.log("Capturing signatures from step:", i.id);
   }
   _trackQuestionResponse(i, e) {
-    this.responseTracker.trackQuestionResponse(
-      this._currentStep,
-      i,
-      e
-    );
+    this.responseTracker.trackQuestionResponse(this._currentStep, i, e);
   }
   _renderQuestion(i) {
-    return S.render(i, this._getRenderContext());
+    return y.render(i, this._getRenderContext());
   }
   _renderContentElement(i) {
     return $.render(i, this._getRenderContext());
@@ -6612,11 +6260,7 @@ let m = class extends U {
   _renderStepElement(i) {
     return this.mode === "print" ? this._isQuestionElement(i) ? this._renderQuestion(i) : this._isContentElement(i) ? this._renderContentElement(i) : l`<div class="unknown-element">
         <p>⚠️ Unknown element type: ${i.type}</p>
-      </div>` : this._isQuestionElement(i) ? l`<div class="runner-card">
-        ${this._renderQuestion(i)}
-      </div>` : this._isContentElement(i) ? l`<div class="runner-card">
-        ${this._renderContentElement(i)}
-      </div>` : l`<div class="runner-card">
+      </div>` : this._isQuestionElement(i) ? l`<div class="runner-card">${this._renderQuestion(i)}</div>` : this._isContentElement(i) ? l`<div class="runner-card">${this._renderContentElement(i)}</div>` : l`<div class="runner-card">
       <div class="unknown-element">
         <p>⚠️ Unknown element type: ${i.type}</p>
       </div>
@@ -6640,9 +6284,7 @@ let m = class extends U {
       </div>` : l`
       <div class="print-layout">
         <!-- Instance Title at top -->
-        <div class="print-instance-title">
-          ${this.instance.name || "Untitled Form"}
-        </div>
+        <div class="print-instance-title">${this.instance.name || "Untitled Form"}</div>
         <hr class="print-question-separator" />
 
         ${this.instance.steps.map((e) => this._renderStepWithElements(e))}
@@ -6654,15 +6296,11 @@ let m = class extends U {
     if (!this._validateStep()) return;
     const i = this._currentStep;
     i && this._captureSignaturesFromStep(i);
-    const e = this._findNextAssignedStep(
-      this._currentStepIndex
-    );
+    const e = this._findNextAssignedStep(this._currentStepIndex);
     if (e !== -1) {
       const o = (t = this._currentStep) == null ? void 0 : t.id;
       if (this._currentStepIndex = e, o && ((n = this.instance) != null && n.steps)) {
-        const d = this.instance.steps.find(
-          (p) => p.id === o
-        );
+        const d = this.instance.steps.find((p) => p.id === o);
         d && (d.status = "completed");
       }
       const a = (r = (s = this.instance) == null ? void 0 : s.steps) == null ? void 0 : r[this._currentStepIndex];
@@ -6675,16 +6313,10 @@ let m = class extends U {
     }
   }
   _findNextAssignedStep(i) {
-    return this.instance ? this.navigationService.findNextAssignedStep(
-      i,
-      this.instance
-    ) : -1;
+    return this.instance ? this.navigationService.findNextAssignedStep(i, this.instance) : -1;
   }
   _isLastAssignedStep() {
-    return this.navigationService.isLastAssignedStep(
-      this._currentStepIndex,
-      this.instance
-    );
+    return this.navigationService.isLastAssignedStep(this._currentStepIndex, this.instance);
   }
   _isLastStepInWorkflow() {
     var e;
@@ -6697,10 +6329,7 @@ let m = class extends U {
       `🎯 _goToStep called: stepIndex=${i}, mode=${this.mode}, currentStep=${this._currentStepIndex}`
     );
     const e = this.mode === "preview" ? this.workflow : this.instance;
-    if (console.log(
-      "📊 Data source:",
-      e ? `${((n = e.steps) == null ? void 0 : n.length) || 0} steps` : "null"
-    ), !e) {
+    if (console.log("📊 Data source:", e ? `${((n = e.steps) == null ? void 0 : n.length) || 0} steps` : "null"), !e) {
       console.log("❌ No data source available");
       return;
     }
@@ -6766,23 +6395,17 @@ let m = class extends U {
       this.scrollIntoView({ behavior: "smooth", block: "start" });
       const i = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".runner-layout");
       i && i.scrollTo({ top: 0, behavior: "smooth" });
-      const e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
-        ".runner-main-content"
-      );
+      const e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".runner-main-content");
       e && e.scrollTo({ top: 0, behavior: "smooth" });
     });
   }
   _updateInstanceData(i, e, t) {
     var d, p, c, u, h, g, b;
     i && this._internalCompletedSteps.add(i);
-    let n = (p = (d = this.instance) == null ? void 0 : d.steps) == null ? void 0 : p.find(
-      (k) => k.id === i
-    );
+    let n = (p = (d = this.instance) == null ? void 0 : d.steps) == null ? void 0 : p.find((k) => k.id === i);
     if (!n && this._internalCompletedSteps.size > 0) {
-      const k = Array.from(this._internalCompletedSteps), q = k[k.length - 1];
-      n = (u = (c = this.instance) == null ? void 0 : c.steps) == null ? void 0 : u.find(
-        (G) => G.id === q
-      );
+      const k = Array.from(this._internalCompletedSteps), G = k[k.length - 1];
+      n = (u = (c = this.instance) == null ? void 0 : c.steps) == null ? void 0 : u.find((Y) => Y.id === G);
     }
     const s = e === "submission", r = ((h = this.instance) == null ? void 0 : h.steps) && this._internalCompletedSteps.size >= this.instance.steps.length, o = s || r ? null : this._currentStep ? {
       id: this._currentStep.id,
@@ -6811,9 +6434,7 @@ let m = class extends U {
   _restoreFormData() {
     var e;
     if (!this.persistenceManager.shouldRestoreData(this.mode || "default")) {
-      console.log(
-        "Skipping form data restoration - showing official instance data"
-      );
+      console.log("Skipping form data restoration - showing official instance data");
       return;
     }
     const i = this.persistenceManager.restoreFormData((e = this.instance) == null ? void 0 : e.id);
@@ -6833,9 +6454,7 @@ let m = class extends U {
   _restoreFormValuesToDOM() {
     this.updateComplete.then(() => {
       var e, t;
-      (e = this.shadowRoot) != null && e.querySelector(
-        ".runner-step-form"
-      ) && (Object.entries(this._formData).forEach(([n, s]) => {
+      (e = this.shadowRoot) != null && e.querySelector(".runner-step-form") && (Object.entries(this._formData).forEach(([n, s]) => {
         var o;
         if (n.endsWith("_signatureData")) return;
         const r = (o = this.shadowRoot) == null ? void 0 : o.getElementById(n);
@@ -6862,9 +6481,7 @@ let m = class extends U {
         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 n = t, s = this._formData[n.id];
           if (s !== void 0 && e.responses) {
-            let r = e.responses.find(
-              (o) => o.elementId === n.id
-            );
+            let r = e.responses.find((o) => o.elementId === n.id);
             r ? (r.value = s, r.answeredAt = /* @__PURE__ */ new Date()) : (r = {
               elementId: n.id,
               value: s,
@@ -6900,9 +6517,7 @@ let m = class extends U {
   }
   _extractFormDataFromDOM() {
     var n;
-    const i = {}, e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
-      ".runner-step-form"
-    );
+    const i = {}, e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".runner-step-form");
     if (!e) return i;
     const t = e.elements;
     for (let s = 0; s < t.length; s++) {
@@ -6928,9 +6543,7 @@ let m = class extends U {
         if (s.type === "text_input" || s.type === "textarea" || s.type === "select" || s.type === "number" || s.type === "radio" || s.type === "checkbox" || s.type === "date" || s.type === "file_upload" || s.type === "signature") {
           const r = s, o = this._formData[r.id];
           if (o !== void 0 && n.responses) {
-            let a = n.responses.find(
-              (d) => d.elementId === r.id
-            );
+            let a = n.responses.find((d) => d.elementId === r.id);
             a ? (a.value = o, a.answeredAt = /* @__PURE__ */ new Date()) : (a = {
               elementId: r.id,
               value: o,
@@ -7085,14 +6698,9 @@ let m = class extends U {
       mode: this.mode
     })}
             </div>`}
-        <form
-          class="runner-step-form"
-          @submit=${(o) => o.preventDefault()}
-        >
-          ${i.elements.map(
-      (o) => this._renderStepElement(o)
-    )}
-          ${Ct.renderFormActions({
+        <form class="runner-step-form" @submit=${(o) => o.preventDefault()}>
+          ${i.elements.map((o) => this._renderStepElement(o))}
+          ${Dt.renderFormActions({
       mode: this.mode || "default",
       isLastStep: e,
       isLastStepInWorkflow: t,
@@ -7212,7 +6820,7 @@ x([
 m = x([
   Le("runner-widget")
 ], m);
-function Xt(i, e = {}) {
+function Jt(i, e = {}) {
   const {
     title: t = i.name || "Workflow Instance",
     includeStyles: n = !0,
@@ -7239,8 +6847,8 @@ function Xt(i, e = {}) {
     </div>
     <hr class="print-question-separator" />
     
-    ${r ? jt(i, o) : ""}
-    ${i.steps.map((d) => Mt(d)).join(`
+    ${r ? Vt(i, o) : ""}
+    ${i.steps.map((d) => At(d)).join(`
 `)}
   </div>
 </body>
@@ -7249,11 +6857,11 @@ function Xt(i, e = {}) {
     generatedAt: o
   };
 }
-function Mt(i) {
+function At(i) {
   return `
     <div class="print-step">
       <!-- Step Header -->
-      ${Tt(i)}
+      ${Mt(i)}
       
       <!-- Step Elements -->
       ${i.elements.map((e) => Ft(e, i)).join(`
@@ -7261,22 +6869,20 @@ function Mt(i) {
     </div>
   `;
 }
-function Tt(i) {
+function Mt(i) {
   return `
     <div class="step-print-header">
       <div class="print-step-title">${f(i.title)}</div>
-      ${i.description ? `<div class="print-step-description">${f(
-    i.description
-  )}</div>` : ""}
+      ${i.description ? `<div class="print-step-description">${f(i.description)}</div>` : ""}
       <hr class="print-question-separator" />
     </div>
   `;
 }
 function Ft(i, e) {
-  return Ht(i) ? zt(i, e) : It(i);
+  return Wt(i) ? Tt(i, e) : zt(i);
 }
-function zt(i, e) {
-  const t = Vt(i.id, e.responses), n = t == null ? void 0 : t.value, r = i.type === "checkbox" && (!i.options || i.options.length === 0) ? "" : `
+function Tt(i, e) {
+  const t = Ht(i.id, e.responses), n = t == null ? void 0 : t.value, r = i.type === "checkbox" && (!i.options || i.options.length === 0) ? "" : `
     <div class="print-question-title">
       ${f(i.label)}:
     </div>
@@ -7285,19 +6891,19 @@ function zt(i, e) {
     case "text_input":
     case "number":
     case "date":
-      return r + Pt(i, n) + o;
-    case "textarea":
       return r + Ut(i, n) + o;
+    case "textarea":
+      return r + It(i, n) + o;
     case "select":
-      return r + Lt(i, n) + o;
+      return r + Pt(i, n) + o;
     case "radio":
-      return r + Nt(i, n) + o;
+      return r + Lt(i, n) + o;
     case "checkbox":
-      return r + Ot(i, n) + o;
+      return r + Nt(i, n) + o;
     case "file_upload":
-      return r + Rt(i, n) + o;
+      return r + Ot(i, n) + o;
     case "signature":
-      return r + Wt(i, n) + o;
+      return r + Rt(i, n) + o;
     default:
       return r + `
         <div class="unknown-element">
@@ -7306,7 +6912,7 @@ function zt(i, e) {
       ` + o;
   }
 }
-function It(i) {
+function zt(i) {
   const e = i.type !== "divider" ? '<hr class="print-question-separator" />' : "";
   switch (i.type) {
     case "text":
@@ -7336,7 +6942,7 @@ function It(i) {
         <div class="content-print">
           <div class="content-element">
             <div class="markdown-content">
-              ${qt(i.content)}
+              ${Bt(i.content)}
             </div>
           </div>
           ${e}
@@ -7348,9 +6954,7 @@ function It(i) {
           <div class="content-element">
             <div class="divider-content">
               <hr class="content-divider" />
-              ${i.caption ? `<div class="divider-caption">${f(
-        i.caption
-      )}</div>` : ""}
+              ${i.caption ? `<div class="divider-caption">${f(i.caption)}</div>` : ""}
             </div>
           </div>
         </div>
@@ -7404,7 +7008,7 @@ function It(i) {
       `;
   }
 }
-function Pt(i, e) {
+function Ut(i, e) {
   const t = e != null ? f(String(e)) : "";
   return `
     <div class="print-response-value input-response">
@@ -7412,14 +7016,14 @@ function Pt(i, e) {
     </div>
   `;
 }
-function Ut(i, e) {
+function It(i, e) {
   return `
     <div class="print-response-value textarea-response">
       ${(e != null ? f(String(e)) : "") || '<span class="print-no-response">No response</span>'}
     </div>
   `;
 }
-function Lt(i, e) {
+function Pt(i, e) {
   const t = e != null ? String(e) : "";
   return `
     <div class="print-response-value select-response">
@@ -7427,7 +7031,7 @@ function Lt(i, e) {
     </div>
   `;
 }
-function Nt(i, e) {
+function Lt(i, e) {
   const t = e != null ? String(e) : "";
   return `
     <div class="print-response-value radio-response">
@@ -7435,7 +7039,7 @@ function Nt(i, e) {
     </div>
   `;
 }
-function Ot(i, e) {
+function Nt(i, e) {
   if ((i.options || []).length === 0)
     return `
       <div class="print-response-value checkbox-response">
@@ -7451,7 +7055,7 @@ function Ot(i, e) {
     `;
   }
 }
-function Rt(i, e) {
+function Ot(i, e) {
   if (!e)
     return '<div class="print-response-value file-response"><span class="print-no-response">No file uploaded</span></div>';
   const t = typeof e == "string";
@@ -7459,11 +7063,11 @@ function Rt(i, e) {
     return `
       <div class="print-response-value file-response">
         📎 ${f(e.name)}
-        ${e.size ? ` <span class="file-size">(${Qt(e.size)})</span>` : ""}
+        ${e.size ? ` <span class="file-size">(${jt(e.size)})</span>` : ""}
       </div>
     `;
   if (t) {
-    const s = Bt(e);
+    const s = Qt(e);
     return `
       <div class="print-response-value file-response">
         📎 ${f(s)}
@@ -7476,7 +7080,7 @@ function Rt(i, e) {
       </div>
     `;
 }
-function Wt(i, e) {
+function Rt(i, e) {
   if (!e)
     return '<div class="print-response-value signature-response"><span class="print-no-response">No signature provided</span></div>';
   const t = typeof e == "string" ? e : e.url || e.dataURL;
@@ -7494,7 +7098,7 @@ function Wt(i, e) {
       </div>
     `;
 }
-function Ht(i) {
+function Wt(i) {
   return [
     "text_input",
     "textarea",
@@ -7507,10 +7111,10 @@ function Ht(i) {
     "signature"
   ].includes(i.type);
 }
-function Vt(i, e) {
+function Ht(i, e) {
   return e == null ? void 0 : e.find((t) => t.elementId === i);
 }
-function jt(i, e) {
+function Vt(i, e) {
   return `
     <div class="runner-card" style="margin-bottom: 40px; border-left: 4px solid #3b82f6;">
       <div style="display: flex; justify-content: between; align-items: center; gap: 20px;">
@@ -7524,12 +7128,8 @@ function jt(i, e) {
           </p>
         </div>
         <div style="text-align: right; color: #6b7280; font-size: 0.875rem;">
-          <p style="margin: 0;"><strong>Instance ID:</strong> ${f(
-    i.id
-  )}</p>
-          <p style="margin: 0;"><strong>Workflow ID:</strong> ${f(
-    i.workflowId
-  )}</p>
+          <p style="margin: 0;"><strong>Instance ID:</strong> ${f(i.id)}</p>
+          <p style="margin: 0;"><strong>Workflow ID:</strong> ${f(i.workflowId)}</p>
         </div>
       </div>
     </div>
@@ -7546,12 +7146,12 @@ function f(i) {
     "'": "&#39;"
   })[n]);
 }
-function Qt(i) {
+function jt(i) {
   if (i === 0) return "0 Bytes";
   const e = 1024, t = ["Bytes", "KB", "MB", "GB"], n = Math.floor(Math.log(i) / Math.log(e));
   return parseFloat((i / Math.pow(e, n)).toFixed(2)) + " " + t[n];
 }
-function Bt(i) {
+function Qt(i) {
   try {
     return new URL(i).pathname.split("/").pop() || "" || "Uploaded File";
   } catch {
@@ -7559,7 +7159,7 @@ function Bt(i) {
     return t && t.includes(".") ? t : "Uploaded File";
   }
 }
-function qt(i) {
+function Bt(i) {
   return i == null ? "" : String(i).replace(/^### (.*$)/gim, "<h3>$1</h3>").replace(/^## (.*$)/gim, "<h2>$1</h2>").replace(/^# (.*$)/gim, "<h1>$1</h1>").replace(/\*\*(.*)\*\*/gim, "<strong>$1</strong>").replace(/\*(.*)\*/gim, "<em>$1</em>").replace(/`(.*)`/gim, "<code>$1</code>").replace(/\n/gim, "<br>");
 }
 function Gt() {
@@ -8070,32 +7670,22 @@ function Gt() {
     }
   `;
 }
-function Zt(i, e = {}) {
+function Xt(i, e = {}) {
   if (!customElements.get("builder-widget"))
-    return console.error(
-      "Error: <builder-widget> is not defined. Make sure it was imported."
-    ), null;
+    return console.error("Error: <builder-widget> is not defined. Make sure it was imported."), null;
   const t = document.getElementById(i);
   if (!t)
-    return console.error(
-      `Error: Target element with ID '${i}' not found.`
-    ), null;
+    return console.error(`Error: Target element with ID '${i}' not found.`), null;
   t.innerHTML = "";
-  const n = document.createElement(
-    "builder-widget"
-  );
+  const n = document.createElement("builder-widget");
   return e.onWorkflowCreated && (n.onWorkflowCreated = e.onWorkflowCreated), e.onWorkflowDeleted && (n.onWorkflowDeleted = e.onWorkflowDeleted), e.onWorkflowUpdated && (n.onWorkflowUpdated = e.onWorkflowUpdated), t.appendChild(n), console.log(`Drill Builder mounted on #${i}`), n;
 }
-function ei(i, e) {
+function Zt(i, e) {
   if (!customElements.get("runner-widget"))
-    return console.error(
-      "Error: <runner-widget> is not defined. Make sure it was imported."
-    ), null;
+    return console.error("Error: <runner-widget> is not defined. Make sure it was imported."), null;
   const t = document.getElementById(i);
   if (!t)
-    return console.error(
-      `Error: Target element with ID '${i}' not found.`
-    ), null;
+    return console.error(`Error: Target element with ID '${i}' not found.`), null;
   if (e.mode === "preview") {
     if (!e || !e.workflow)
       return console.error("Error: Workflow data must be provided for preview mode."), t.innerHTML = '<p style="color: red;">Error: Workflow data required for preview mode.</p>', null;
@@ -8118,16 +7708,14 @@ function ei(i, e) {
     }
   }), t.appendChild(n), console.log(`Drill Runner mounted on #${i}`), n;
 }
-function ti(i, e) {
+function ei(i, e) {
   const t = i.getFormData(), n = JSON.parse(JSON.stringify(e));
   return n.steps && n.steps.forEach((s) => {
     s.responses || (s.responses = []), s.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 o = t[r.id];
         if (o !== void 0) {
-          let a = s.responses.find(
-            (d) => d.elementId === r.id
-          );
+          let a = s.responses.find((d) => d.elementId === r.id);
           a ? (a.value = o, a.answeredAt = /* @__PURE__ */ new Date()) : (a = {
             elementId: r.id,
             value: o,
@@ -8138,7 +7726,7 @@ function ti(i, e) {
     });
   }), n;
 }
-function ii(i, e) {
+function ti(i, e) {
   const t = {};
   e.steps && e.steps.forEach((n) => {
     n.responses && n.responses.forEach((s) => {
@@ -8147,9 +7735,9 @@ function ii(i, e) {
   }), i.restoreFormData(), console.log("Form data restored to runner widget:", t);
 }
 export {
-  Zt as createBuilder,
-  ei as createRunner,
-  Xt as generateInstanceHTML,
-  ii as restoreFormDataToRunner,
-  ti as updateInstanceFromRunnerForm
+  Xt as createBuilder,
+  Zt as createRunner,
+  Jt as generateInstanceHTML,
+  ti as restoreFormDataToRunner,
+  ei as updateInstanceFromRunnerForm
 };