@innovastudio/contentbuilder-interactive-runtime 1.0.8 → 1.0.9

package/dist/contentbuilder-interactive-runtime.esm.js

@@ -35,17 +35,17 @@ function qt(c, e = null, t = null) {
 function oe(c, { onElement: e, withCallback: t, avoidDuplicate: i = !0, once: n = !1, useCapture: s = !1 } = {}, r) {
   let o = e || [];
   Ne(o) && (o = document.querySelectorAll(o));
-  function a(u) {
-    G(t) && t.call(r, u, this), n && a.destroy();
+  function a(d) {
+    G(t) && t.call(r, d, this), n && a.destroy();
   }
   return a.destroy = function() {
-    X(o, (u) => {
-      const d = qt(u, c, a);
-      d.found && d.all.splice(d.evt, 1), u.removeEventListener && u.removeEventListener(c, a, s);
+    X(o, (d) => {
+      const u = qt(d, c, a);
+      u.found && u.all.splice(u.evt, 1), d.removeEventListener && d.removeEventListener(c, a, s);
     });
-  }, X(o, (u) => {
-    const d = qt(u, c, a);
-    (u.addEventListener && i && !d.found || !i) && (u.addEventListener(c, a, s), d.all.push({ eventName: c, fn: a }));
+  }, X(o, (d) => {
+    const u = qt(d, c, a);
+    (d.addEventListener && i && !u.found || !i) && (d.addEventListener(c, a, s), u.all.push({ eventName: c, fn: a }));
   }), a;
 }
 function H(c, e) {
@@ -365,8 +365,8 @@ class Mi {
       } else {
         if (this.x2 !== null) {
           e.deltaX = n - this.x2, e.deltaY = s - this.y2;
-          var u = Math.abs(this.x1 - this.x2), d = Math.abs(this.y1 - this.y2);
-          (u > 10 || d > 10) && (this._preventTap = !0);
+          var d = Math.abs(this.x1 - this.x2), u = Math.abs(this.y1 - this.y2);
+          (d > 10 || u > 10) && (this._preventTap = !0);
         } else
           e.deltaX = 0, e.deltaY = 0;
         this.pressMove.dispatch(e, this.element);
@@ -426,7 +426,7 @@ function lt(c) {
 function Ai(c) {
   if (c.events.hasOwnProperty("touch"))
     return !1;
-  let e = ti(), t = e.width, i = e.height, n = !1, s = null, r = null, o = null, a = !1, u = 1, d = 4.5, l = 1, h = !1, p = !1, b = null, w = null, _ = null, g = null, v, f, m = 0, y = 0, k = !1, x = !1, S = {}, E = {}, C = 0, A = 0, L;
+  let e = ti(), t = e.width, i = e.height, n = !1, s = null, r = null, o = null, a = !1, d = 1, u = 4.5, l = 1, h = !1, p = !1, b = null, w = null, _ = null, g = null, v, f, m = 0, y = 0, k = !1, x = !1, S = {}, E = {}, C = 0, A = 0, L;
   const D = document.getElementById("glightbox-slider"), I = document.querySelector(".goverlay"), O = new Mi(D, {
     touchStart: (R) => {
       if (n = !0, (te(R.targetTouches[0].target, "ginner-container") || ue(R.targetTouches[0].target, ".gslide-desc") || R.targetTouches[0].target.nodeName.toLowerCase() == "a") && (n = !1), ue(R.targetTouches[0].target, ".gslide-inline") && !te(R.targetTouches[0].target.parentNode, "gslide-inline") && (n = !1), n) {
@@ -472,18 +472,18 @@ function Ai(c) {
       }, 50);
     },
     multipointStart: () => {
-      h = !0, u = l || 1;
+      h = !0, d = l || 1;
     },
     pinch: (R) => {
       if (!o || a)
         return !1;
-      h = !0, o.scaleX = o.scaleY = u * R.zoom;
-      let q = u * R.zoom;
+      h = !0, o.scaleX = o.scaleY = d * R.zoom;
+      let q = d * R.zoom;
       if (p = !0, q <= 1) {
         p = !1, q = 1, g = null, _ = null, b = null, w = null, o.setAttribute("style", "");
         return;
       }
-      q > d && (q = d), o.style.transform = `scale3d(${q}, ${q}, 1)`, l = q;
+      q > u && (q = u), o.style.transform = `scale3d(${q}, ${q}, 1)`, l = q;
     },
     pressMove: (R) => {
       if (p && !h) {
@@ -643,15 +643,15 @@ function Ii(c, e, t, i) {
   H(n, "gvideo-container"), r.insertBefore(_e('<div class="gvideo-wrapper"></div>'), r.firstChild);
   const a = c.querySelector(".gvideo-wrapper");
   It(this.settings.plyr.css, "Plyr");
-  let u = e.href, d = e?.videoProvider, l = !1;
+  let d = e.href, u = e?.videoProvider, l = !1;
   r.style.maxWidth = e.width, It(this.settings.plyr.js, "Plyr", () => {
-    if (!d && u.match(/vimeo\.com\/([0-9]*)/) && (d = "vimeo"), !d && (u.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || u.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || u.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/)) && (d = "youtube"), d === "local" || !d) {
-      d = "local";
+    if (!u && d.match(/vimeo\.com\/([0-9]*)/) && (u = "vimeo"), !u && (d.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || d.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || d.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/)) && (u = "youtube"), u === "local" || !u) {
+      u = "local";
       let w = '<video id="' + s + '" ';
-      w += `style="background:#000; max-width: ${e.width};" `, w += 'preload="metadata" ', w += 'x-webkit-airplay="allow" ', w += "playsinline ", w += "controls ", w += 'class="gvideo-local">', w += `<source src="${u}">`, w += "</video>", l = _e(w);
+      w += `style="background:#000; max-width: ${e.width};" `, w += 'preload="metadata" ', w += 'x-webkit-airplay="allow" ', w += "playsinline ", w += "controls ", w += 'class="gvideo-local">', w += `<source src="${d}">`, w += "</video>", l = _e(w);
     }
-    const h = l || _e(`<div id="${s}" data-plyr-provider="${d}" data-plyr-embed-id="${u}"></div>`);
-    H(a, `${d}-video gvideo`), a.appendChild(h), a.setAttribute("data-id", s), a.setAttribute("data-index", t);
+    const h = l || _e(`<div id="${s}" data-plyr-provider="${u}" data-plyr-embed-id="${d}"></div>`);
+    H(a, `${u}-video gvideo`), a.appendChild(h), a.setAttribute("data-id", s), a.setAttribute("data-index", t);
     const p = Z(this.settings.plyr, "config") ? this.settings.plyr.config : {}, b = new Plyr("#" + s, p);
     b.on("ready", (w) => {
       o[s] = w.detail.plyr, G(i) && i();
@@ -679,8 +679,8 @@ function Oi(c, e, t, i) {
     let a = document.getElementById(s);
     if (!a)
       return !1;
-    const u = a.cloneNode(!0);
-    u.style.height = e.height, u.style.maxWidth = e.width, H(u, "ginlined-content"), o = u;
+    const d = a.cloneNode(!0);
+    d.style.height = e.height, d.style.maxWidth = e.width, H(d, "ginlined-content"), o = d;
   }
   if (!o)
     return console.error("Unable to append inline slide content", e), !1;
@@ -738,8 +738,8 @@ class Ni {
     let n = "", s = e.getAttribute("data-glightbox"), r = e.nodeName.toLowerCase();
     if (r === "a" && (n = e.href), r === "img" && (n = e.src, i.alt = e.alt), i.href = n, X(i, (o, a) => {
       Z(t, a) && a !== "width" && (i[a] = t[a]);
-      const u = e.dataset[a];
-      re(u) || (i[a] = this.sanitizeValue(u));
+      const d = e.dataset[a];
+      re(d) || (i[a] = this.sanitizeValue(d));
     }), i.content && (i.type = "inline"), !i.type && n && (i.type = this.sourceType(n)), re(s)) {
       if (!i.title && r == "a") {
         let o = e.title;
@@ -751,13 +751,13 @@ class Ni {
       }
     } else {
       let o = [];
-      X(i, (a, u) => {
-        o.push(";\\s?" + u);
-      }), o = o.join("\\s?:|"), s.trim() !== "" && X(i, (a, u) => {
-        const d = s, l = "s?" + u + "s?:s?(.*?)(" + o + "s?:|$)", h = new RegExp(l), p = d.match(h);
+      X(i, (a, d) => {
+        o.push(";\\s?" + d);
+      }), o = o.join("\\s?:|"), s.trim() !== "" && X(i, (a, d) => {
+        const u = s, l = "s?" + d + "s?:s?(.*?)(" + o + "s?:|$)", h = new RegExp(l), p = u.match(h);
         if (p && p.length && p[1]) {
           const b = p[1].trim().replace(/;\s*$/, "");
-          i[u] = this.sanitizeValue(b);
+          i[d] = this.sanitizeValue(b);
         }
       });
     }
@@ -830,14 +830,14 @@ class ze {
       slide: e,
       player: !1
     });
-    let r = n.type, o = n.descPosition, a = e.querySelector(".gslide-media"), u = e.querySelector(".gslide-title"), d = e.querySelector(".gslide-desc"), l = e.querySelector(".gdesc-inner"), h = t, p = "gSlideTitle_" + this.index, b = "gSlideDesc_" + this.index;
+    let r = n.type, o = n.descPosition, a = e.querySelector(".gslide-media"), d = e.querySelector(".gslide-title"), u = e.querySelector(".gslide-desc"), l = e.querySelector(".gdesc-inner"), h = t, p = "gSlideTitle_" + this.index, b = "gSlideDesc_" + this.index;
     if (G(i.afterSlideLoad) && (h = () => {
       G(t) && t(), i.afterSlideLoad({
         index: this.index,
         slide: e,
         player: this.instance.getSlidePlayerInstance(this.index)
       });
-    }), n.title == "" && n.description == "" ? l && l.parentNode.parentNode.removeChild(l.parentNode) : (u && n.title !== "" ? (u.id = p, u.innerHTML = n.title) : u.parentNode.removeChild(u), d && n.description !== "" ? (d.id = b, s && i.moreLength > 0 ? (n.smallDescription = this.slideShortDesc(n.description, i.moreLength, i.moreText), d.innerHTML = n.smallDescription, this.descriptionEvents(d, n)) : d.innerHTML = n.description) : d.parentNode.removeChild(d), H(a.parentNode, `desc-${o}`), H(l.parentNode, `description-${o}`)), H(a, `gslide-${r}`), H(e, "loaded"), r === "video") {
+    }), n.title == "" && n.description == "" ? l && l.parentNode.parentNode.removeChild(l.parentNode) : (d && n.title !== "" ? (d.id = p, d.innerHTML = n.title) : d.parentNode.removeChild(d), u && n.description !== "" ? (u.id = b, s && i.moreLength > 0 ? (n.smallDescription = this.slideShortDesc(n.description, i.moreLength, i.moreText), u.innerHTML = n.smallDescription, this.descriptionEvents(u, n)) : u.innerHTML = n.description) : u.parentNode.removeChild(u), H(a.parentNode, `desc-${o}`), H(l.parentNode, `description-${o}`)), H(a, `gslide-${r}`), H(e, "loaded"), r === "video") {
       Ii.apply(this.instance, [e, n, this.index, h]);
       return;
     }
@@ -896,8 +896,8 @@ class ze {
         o.innerHTML = t.description, H(r, "gdesc-open");
         let a = oe("click", {
           onElement: [r, ue(o, ".gslide-description")],
-          withCallback: (u, d) => {
-            u.target.nodeName.toLowerCase() !== "a" && (J(r, "gdesc-open"), H(r, "gdesc-closed"), o.innerHTML = t.smallDescription, this.descriptionEvents(o, t), setTimeout(() => {
+          withCallback: (d, u) => {
+            d.target.nodeName.toLowerCase() !== "a" && (J(r, "gdesc-open"), H(r, "gdesc-closed"), o.innerHTML = t.smallDescription, this.descriptionEvents(o, t), setTimeout(() => {
               J(r, "gdesc-closed");
             }, 400), a.destroy());
           }
@@ -1161,15 +1161,15 @@ class Ut {
     t < 0 && (t = this.elements.length);
     const i = new ze(e, this, t), n = i.getConfig(), s = fe({}, n), r = i.create(), o = this.elements.length - 1;
     s.index = t, s.node = !1, s.instance = i, s.slideConfig = n, this.elements.splice(t, 0, s);
-    let a = null, u = null;
+    let a = null, d = null;
     if (this.slidesContainer) {
       if (t > o)
         this.slidesContainer.appendChild(r);
       else {
-        let d = this.slidesContainer.querySelectorAll(".gslide")[t];
-        this.slidesContainer.insertBefore(r, d);
+        let u = this.slidesContainer.querySelectorAll(".gslide")[t];
+        this.slidesContainer.insertBefore(r, u);
       }
-      (this.settings.preload && this.index == 0 && t == 0 || this.index - 1 == t || this.index + 1 == t) && this.preloadSlide(t), this.index === 0 && t === 0 && (this.index = 1), this.updateNavigationClasses(), a = this.slidesContainer.querySelectorAll(".gslide")[t], u = this.getSlidePlayerInstance(t), s.slideNode = a;
+      (this.settings.preload && this.index == 0 && t == 0 || this.index - 1 == t || this.index + 1 == t) && this.preloadSlide(t), this.index === 0 && t === 0 && (this.index = 1), this.updateNavigationClasses(), a = this.slidesContainer.querySelectorAll(".gslide")[t], d = this.getSlidePlayerInstance(t), s.slideNode = a;
     }
     this.trigger("slide_inserted", {
       index: t,
@@ -1178,11 +1178,11 @@ class Ut {
       slideConfig: n,
       slideIndex: t,
       trigger: null,
-      player: u
+      player: d
     }), G(this.settings.slideInserted) && this.settings.slideInserted({
       index: t,
       slide: a,
-      player: u
+      player: d
     });
   }
   /**
@@ -1473,8 +1473,8 @@ class Ut {
     if (this.built)
       return !1;
     const e = document.body.childNodes, t = [];
-    X(e, (u) => {
-      u.parentNode == document.body && u.nodeName.charAt(0) !== "#" && u.hasAttribute && !u.hasAttribute("aria-hidden") && (t.push(u), u.setAttribute("aria-hidden", "true"));
+    X(e, (d) => {
+      d.parentNode == document.body && d.nodeName.charAt(0) !== "#" && d.hasAttribute && !d.hasAttribute("aria-hidden") && (t.push(d), d.setAttribute("aria-hidden", "true"));
     });
     const i = Z(this.settings.svg, "next") ? this.settings.svg.next : "", n = Z(this.settings.svg, "prev") ? this.settings.svg.prev : "", s = Z(this.settings.svg, "close") ? this.settings.svg.close : "";
     let r = this.settings.lightboxHTML;
@@ -1484,26 +1484,26 @@ class Ut {
     let a = o.querySelector(".gclose");
     this.prevButton = o.querySelector(".gprev"), this.nextButton = o.querySelector(".gnext"), this.overlay = o.querySelector(".goverlay"), this.loader = o.querySelector(".gloader"), this.slidesContainer = document.getElementById("glightbox-slider"), this.bodyHiddenChildElms = t, this.events = {}, H(this.modal, "glightbox-" + this.settings.skin), this.settings.closeButton && a && (this.events.close = oe("click", {
       onElement: a,
-      withCallback: (u, d) => {
-        u.preventDefault(), this.close();
+      withCallback: (d, u) => {
+        d.preventDefault(), this.close();
       }
     })), a && !this.settings.closeButton && a.parentNode.removeChild(a), this.nextButton && (this.events.next = oe("click", {
       onElement: this.nextButton,
-      withCallback: (u, d) => {
-        u.preventDefault(), this.nextSlide();
+      withCallback: (d, u) => {
+        d.preventDefault(), this.nextSlide();
       }
     })), this.prevButton && (this.events.prev = oe("click", {
       onElement: this.prevButton,
-      withCallback: (u, d) => {
-        u.preventDefault(), this.prevSlide();
+      withCallback: (d, u) => {
+        d.preventDefault(), this.prevSlide();
       }
     })), this.settings.closeOnOutsideClick && (this.events.outClose = oe("click", {
       onElement: o,
-      withCallback: (u, d) => {
-        !this.preventOutsideClick && !te(document.body, "glightbox-mobile") && !ue(u.target, ".ginner-container") && !ue(u.target, ".gbtn") && !te(u.target, "gnext") && !te(u.target, "gprev") && this.close();
+      withCallback: (d, u) => {
+        !this.preventOutsideClick && !te(document.body, "glightbox-mobile") && !ue(d.target, ".ginner-container") && !ue(d.target, ".gbtn") && !te(d.target, "gnext") && !te(d.target, "gprev") && this.close();
       }
-    })), X(this.elements, (u, d) => {
-      this.slidesContainer.appendChild(u.instance.create()), u.slideNode = this.slidesContainer.querySelectorAll(".gslide")[d];
+    })), X(this.elements, (d, u) => {
+      this.slidesContainer.appendChild(d.instance.create()), d.slideNode = this.slidesContainer.querySelectorAll(".gslide")[u];
     }), zt && H(document.body, "glightbox-touch"), this.events.resize = oe("resize", {
       onElement: window,
       withCallback: () => {
@@ -1531,20 +1531,20 @@ class Ut {
       if (r <= 768)
         n.querySelector("img");
       else if (a) {
-        let u = s.offsetHeight, d = n.querySelector("img");
+        let d = s.offsetHeight, u = n.querySelector("img");
         const h = this.elements[this.index].node.getAttribute("data-height") ?? "100vh";
-        d.setAttribute("style", `max-height: calc(${h} - ${u}px)`), s.setAttribute("style", `max-width: ${d.offsetWidth}px;`);
+        u.setAttribute("style", `max-height: calc(${h} - ${d}px)`), s.setAttribute("style", `max-width: ${u.offsetWidth}px;`);
       }
     }
     if (i) {
-      let u = Z(this.settings.plyr.config, "ratio") ? this.settings.plyr.config.ratio : "";
-      if (!u) {
+      let d = Z(this.settings.plyr.config, "ratio") ? this.settings.plyr.config.ratio : "";
+      if (!d) {
         const b = i.clientWidth, w = i.clientHeight, _ = b / w;
-        u = `${b / _}:${w / _}`;
+        d = `${b / _}:${w / _}`;
       }
-      let d = u.split(":"), l = this.settings.videosWidth, h = this.settings.videosWidth;
+      let u = d.split(":"), l = this.settings.videosWidth, h = this.settings.videosWidth;
       Ge(l) || l.indexOf("px") !== -1 ? h = parseInt(l) : l.indexOf("vw") !== -1 ? h = r * parseInt(l) / 100 : l.indexOf("vh") !== -1 ? h = o * parseInt(l) / 100 : l.indexOf("%") !== -1 ? h = r * parseInt(l) / 100 : h = parseInt(i.clientWidth);
-      let p = h / (parseInt(d[0]) / parseInt(d[1]));
+      let p = h / (parseInt(u[0]) / parseInt(u[1]));
       if (p = Math.floor(p), a && (o = o - s.offsetHeight), h > r || p > o || o < p && r > h) {
         let b = i.offsetWidth, w = i.offsetHeight, _ = o / w, g = { width: b * _ };
         i.parentNode.setAttribute("style", `max-width: ${g.width}px`), a && s.setAttribute("style", `max-width: ${g.width}px;`);
@@ -2276,10 +2276,10 @@ function Ki(c, e, t) {
      *
      * @param {String} move
      */
-    make: function(u) {
-      var d = this;
-      c.disabled || (!c.settings.waitForTransition || c.disable(), this.move = u, t.emit("run.before", this.move), this.calculate(), t.emit("run", this.move), e.Transition.after(function() {
-        d.isStart() && t.emit("run.start", d.move), d.isEnd() && t.emit("run.end", d.move), d.isOffset() && (d._o = !1, t.emit("run.offset", d.move)), t.emit("run.after", d.move), c.enable();
+    make: function(d) {
+      var u = this;
+      c.disabled || (!c.settings.waitForTransition || c.disable(), this.move = d, t.emit("run.before", this.move), this.calculate(), t.emit("run", this.move), e.Transition.after(function() {
+        u.isStart() && t.emit("run.start", u.move), u.isEnd() && t.emit("run.end", u.move), u.isOffset() && (u._o = !1, t.emit("run.offset", u.move)), t.emit("run.after", u.move), c.enable();
       }));
     },
     /**
@@ -2288,17 +2288,17 @@ function Ki(c, e, t) {
      * @return {Number|Undefined}
      */
     calculate: function() {
-      var u = this.move, d = this.length, l = u.steps, h = u.direction, p = 1;
+      var d = this.move, u = this.length, l = d.steps, h = d.direction, p = 1;
       if (h === "=") {
-        if (c.settings.bound && Q(l) > d) {
-          c.index = d;
+        if (c.settings.bound && Q(l) > u) {
+          c.index = u;
           return;
         }
         c.index = l;
         return;
       }
       if (h === ">" && l === ">") {
-        c.index = d;
+        c.index = u;
         return;
       }
       if (h === "<" && l === "<") {
@@ -2307,7 +2307,7 @@ function Ki(c, e, t) {
       }
       if (h === "|" && (p = c.settings.perView || 1), h === ">" || h === "|" && l === ">") {
         var b = n(p);
-        b > d && (this._o = !0), c.index = s(b, p);
+        b > u && (this._o = !0), c.index = s(b, p);
         return;
       }
       if (h === "<" || h === "|" && l === "<") {
@@ -2340,8 +2340,8 @@ function Ki(c, e, t) {
      * @return {Boolean}
      */
     isOffset: function() {
-      var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : void 0;
-      return u ? this._o ? u === "|>" ? this.move.direction === "|" && this.move.steps === ">" : u === "|<" ? this.move.direction === "|" && this.move.steps === "<" : this.move.direction === u : !1 : this._o;
+      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : void 0;
+      return d ? this._o ? d === "|>" ? this.move.direction === "|" && this.move.steps === ">" : d === "|<" ? this.move.direction === "|" && this.move.steps === "<" : this.move.direction === d : !1 : this._o;
     },
     /**
      * Checks if bound mode is active
@@ -2353,23 +2353,23 @@ function Ki(c, e, t) {
     }
   };
   function n(a) {
-    var u = c.index;
-    return c.isType("carousel") ? u + a : u + (a - u % a);
+    var d = c.index;
+    return c.isType("carousel") ? d + a : d + (a - d % a);
   }
-  function s(a, u) {
-    var d = i.length;
-    return a <= d ? a : c.isType("carousel") ? a - (d + 1) : c.settings.rewind ? i.isBound() && !i.isEnd() ? d : 0 : i.isBound() ? d : Math.floor(d / u) * u;
+  function s(a, d) {
+    var u = i.length;
+    return a <= u ? a : c.isType("carousel") ? a - (u + 1) : c.settings.rewind ? i.isBound() && !i.isEnd() ? u : 0 : i.isBound() ? u : Math.floor(u / d) * d;
   }
   function r(a) {
-    var u = c.index;
+    var d = c.index;
     if (c.isType("carousel"))
-      return u - a;
-    var d = Math.ceil(u / a);
-    return (d - 1) * a;
+      return d - a;
+    var u = Math.ceil(d / a);
+    return (u - 1) * a;
   }
-  function o(a, u) {
-    var d = i.length;
-    return a >= 0 ? a : c.isType("carousel") ? a + (d + 1) : c.settings.rewind ? i.isBound() && i.isStart() ? d : Math.floor(d / u) * u : 0;
+  function o(a, d) {
+    var u = i.length;
+    return a >= 0 ? a : c.isType("carousel") ? a + (u + 1) : c.settings.rewind ? i.isBound() && i.isStart() ? u : Math.floor(u / d) * d : 0;
   }
   return W(i, "move", {
     /**
@@ -2385,11 +2385,11 @@ function Ki(c, e, t) {
      *
      * @returns {Object}
      */
-    set: function(u) {
-      var d = u.substr(1);
+    set: function(d) {
+      var u = d.substr(1);
       this._m = {
-        direction: u.substr(0, 1),
-        steps: d ? Q(d) ? Q(d) : d : 0
+        direction: d.substr(0, 1),
+        steps: u ? Q(u) ? Q(u) : u : 0
       };
     }
   }), W(i, "length", {
@@ -2400,8 +2400,8 @@ function Ki(c, e, t) {
      * @return {Number}
      */
     get: function() {
-      var u = c.settings, d = e.Html.slides.length;
-      return this.isBound() ? d - 1 - (Q(u.perView) - 1) + Q(u.focusAt) : d - 1;
+      var d = c.settings, u = e.Html.slides.length;
+      return this.isBound() ? u - 1 - (Q(d.perView) - 1) + Q(d.focusAt) : u - 1;
     }
   }), W(i, "offset", {
     /**
@@ -2420,15 +2420,15 @@ function Ft() {
 function it(c, e) {
   var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i, n, s, r, o = 0, a = function() {
     o = t.leading === !1 ? 0 : Ft(), i = null, r = c.apply(n, s), i || (n = s = null);
-  }, u = function() {
+  }, d = function() {
     var l = Ft();
     !o && t.leading === !1 && (o = l);
     var h = e - (l - o);
     return n = this, s = arguments, h <= 0 || h > e ? (i && (clearTimeout(i), i = null), o = l, r = c.apply(n, s), i || (n = s = null)) : !i && t.trailing !== !1 && (i = setTimeout(a, h)), r;
   };
-  return u.cancel = function() {
+  return d.cancel = function() {
     clearTimeout(i), o = 0, i = n = s = null;
-  }, u;
+  }, d;
 }
 var Ue = {
   ltr: ["marginLeft", "marginRight"],
@@ -2445,8 +2445,8 @@ function es(c, e, t) {
      */
     apply: function(s) {
       for (var r = 0, o = s.length; r < o; r++) {
-        var a = s[r].style, u = e.Direction.value;
-        r !== 0 ? a[Ue[u][0]] = "".concat(this.value / 2, "px") : a[Ue[u][0]] = "", r !== s.length - 1 ? a[Ue[u][1]] = "".concat(this.value / 2, "px") : a[Ue[u][1]] = "";
+        var a = s[r].style, d = e.Direction.value;
+        r !== 0 ? a[Ue[d][0]] = "".concat(this.value / 2, "px") : a[Ue[d][0]] = "", r !== s.length - 1 ? a[Ue[d][1]] = "".concat(this.value / 2, "px") : a[Ue[d][1]] = "";
       }
     },
     /**
@@ -2822,16 +2822,16 @@ function ls(c, e, t) {
      * @return {[]}
      */
     collect: function() {
-      var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = e.Html.slides, o = c.settings, a = o.perView, u = o.classes, d = o.cloningRatio;
+      var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = e.Html.slides, o = c.settings, a = o.perView, d = o.classes, u = o.cloningRatio;
       if (r.length > 0)
-        for (var l = +!!c.settings.peek, h = a + l + Math.round(a / 2), p = r.slice(0, h).reverse(), b = r.slice(h * -1), w = 0; w < Math.max(d, Math.floor(a / r.length)); w++) {
+        for (var l = +!!c.settings.peek, h = a + l + Math.round(a / 2), p = r.slice(0, h).reverse(), b = r.slice(h * -1), w = 0; w < Math.max(u, Math.floor(a / r.length)); w++) {
           for (var _ = 0; _ < p.length; _++) {
             var g = p[_].cloneNode(!0);
-            g.classList.add(u.slide.clone), s.push(g);
+            g.classList.add(d.slide.clone), s.push(g);
           }
           for (var v = 0; v < b.length; v++) {
             var f = b[v].cloneNode(!0);
-            f.classList.add(u.slide.clone), s.unshift(f);
+            f.classList.add(d.slide.clone), s.unshift(f);
           }
         }
       return s;
@@ -2842,10 +2842,10 @@ function ls(c, e, t) {
      * @return {Void}
      */
     append: function() {
-      for (var s = this.items, r = e.Html, o = r.wrapper, a = r.slides, u = Math.floor(s.length / 2), d = s.slice(0, u).reverse(), l = s.slice(u * -1).reverse(), h = "".concat(e.Sizes.slideWidth, "px"), p = 0; p < l.length; p++)
+      for (var s = this.items, r = e.Html, o = r.wrapper, a = r.slides, d = Math.floor(s.length / 2), u = s.slice(0, d).reverse(), l = s.slice(d * -1).reverse(), h = "".concat(e.Sizes.slideWidth, "px"), p = 0; p < l.length; p++)
         o.appendChild(l[p]);
-      for (var b = 0; b < d.length; b++)
-        o.insertBefore(d[b], a[0]);
+      for (var b = 0; b < u.length; b++)
+        o.insertBefore(u[b], a[0]);
       for (var w = 0; w < s.length; w++)
         s[w].style.width = h;
     },
@@ -3255,7 +3255,7 @@ var gt = oi, je = ["touchstart", "mousedown"], Wt = ["touchmove", "mousemove"],
 function ws(c, e, t) {
   var i = new we(), n = 0, s = 0, r = 0, o = !1, a = gt ? {
     passive: !0
-  } : !1, u = {
+  } : !1, d = {
     /**
      * Initializes swipe bindings.
      *
@@ -3399,8 +3399,8 @@ function ws(c, e, t) {
   return t.on("build.after", function() {
     e.Html.root.classList.add(c.settings.classes.swipeable);
   }), t.on("destroy", function() {
-    u.unbindSwipeStart(), u.unbindSwipeMove(), u.unbindSwipeEnd(), i.destroy();
-  }), u;
+    d.unbindSwipeStart(), d.unbindSwipeMove(), d.unbindSwipeEnd(), i.destroy();
+  }), d;
 }
 function xs(c, e, t) {
   var i = new we(), n = {
@@ -3564,9 +3564,9 @@ function Es(c, e, t) {
      * @return {Void}
      */
     addClass: function(o) {
-      var a = c.settings, u = o[c.index];
-      u && (u.classList.add(a.classes.nav.active), ri(u).forEach(function(d) {
-        d.classList.remove(a.classes.nav.active);
+      var a = c.settings, d = o[c.index];
+      d && (d.classList.add(a.classes.nav.active), ri(d).forEach(function(u) {
+        u.classList.remove(a.classes.nav.active);
       }));
     },
     /**
@@ -3594,9 +3594,9 @@ function Es(c, e, t) {
      * @param {NodeList[]} lists
      */
     resetArrowState: function() {
-      for (var o = c.settings, a = arguments.length, u = new Array(a), d = 0; d < a; d++)
-        u[d] = arguments[d];
-      u.forEach(function(l) {
+      for (var o = c.settings, a = arguments.length, d = new Array(a), u = 0; u < a; u++)
+        d[u] = arguments[u];
+      d.forEach(function(l) {
         ft(l).forEach(function(h) {
           h.classList.remove(o.classes.arrow.disabled);
         });
@@ -3608,9 +3608,9 @@ function Es(c, e, t) {
      * @param {NodeList[]} lists
      */
     disableArrow: function() {
-      for (var o = c.settings, a = arguments.length, u = new Array(a), d = 0; d < a; d++)
-        u[d] = arguments[d];
-      u.forEach(function(l) {
+      for (var o = c.settings, a = arguments.length, d = new Array(a), u = 0; u < a; u++)
+        d[u] = arguments[u];
+      d.forEach(function(l) {
         ft(l).forEach(function(h) {
           h.classList.add(o.classes.arrow.disabled);
         });
@@ -3839,11 +3839,11 @@ function Rs(c, e, t) {
      * @param {Object} points
      * @returns {Object}
      */
-    match: function(u) {
+    match: function(d) {
       if (typeof window.matchMedia < "u") {
-        for (var d in u)
-          if (u.hasOwnProperty(d) && window.matchMedia("(max-width: ".concat(d, "px)")).matches)
-            return u[d];
+        for (var u in d)
+          if (d.hasOwnProperty(u) && window.matchMedia("(max-width: ".concat(u, "px)")).matches)
+            return d[u];
       }
       return r;
     }
@@ -4079,8 +4079,8 @@ function Qt(c) {
 }
 function Kt(c, e) {
   const t = c.replace(ie.findPipe, (s, r, o) => {
-    let a = !1, u = r;
-    for (; --u >= 0 && o[u] === "\\"; )
+    let a = !1, d = r;
+    for (; --d >= 0 && o[d] === "\\"; )
       a = !a;
     return a ? "|" : " |";
   }), i = t.split(ie.splitPipe);
@@ -4223,20 +4223,20 @@ class Qe {
       for (; i.length > 0; ) {
         let o = !1;
         const a = [];
-        let u;
-        for (u = 0; u < i.length; u++)
-          if (this.rules.other.blockquoteStart.test(i[u]))
-            a.push(i[u]), o = !0;
+        let d;
+        for (d = 0; d < i.length; d++)
+          if (this.rules.other.blockquoteStart.test(i[d]))
+            a.push(i[d]), o = !0;
           else if (!o)
-            a.push(i[u]);
+            a.push(i[d]);
           else
             break;
-        i = i.slice(u);
-        const d = a.join(`
-`), l = d.replace(this.rules.other.blockquoteSetextReplace, `
+        i = i.slice(d);
+        const u = a.join(`
+`), l = u.replace(this.rules.other.blockquoteSetextReplace, `
     $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
         n = n ? `${n}
-${d}` : d, s = s ? `${s}
+${u}` : u, s = s ? `${s}
 ${l}` : l;
         const h = this.lexer.state.top;
         if (this.lexer.state.top = !0, this.lexer.blockTokens(l, r, !0), this.lexer.state.top = h, i.length === 0)
@@ -4283,15 +4283,15 @@ ${l}` : l;
       const r = this.rules.other.listItemRegex(i);
       let o = !1;
       for (; e; ) {
-        let u = !1, d = "", l = "";
+        let d = !1, u = "", l = "";
         if (!(t = r.exec(e)) || this.rules.block.hr.test(e))
           break;
-        d = t[0], e = e.substring(d.length);
+        u = t[0], e = e.substring(u.length);
         let h = t[2].split(`
 `, 1)[0].replace(this.rules.other.listReplaceTabs, (v) => " ".repeat(3 * v.length)), p = e.split(`
 `, 1)[0], b = !h.trim(), w = 0;
-        if (this.options.pedantic ? (w = 2, l = h.trimStart()) : b ? w = t[1].length + 1 : (w = t[2].search(this.rules.other.nonSpaceChar), w = w > 4 ? 1 : w, l = h.slice(w), w += t[1].length), b && this.rules.other.blankLine.test(p) && (d += p + `
-`, e = e.substring(p.length + 1), u = !0), !u) {
+        if (this.options.pedantic ? (w = 2, l = h.trimStart()) : b ? w = t[1].length + 1 : (w = t[2].search(this.rules.other.nonSpaceChar), w = w > 4 ? 1 : w, l = h.slice(w), w += t[1].length), b && this.rules.other.blankLine.test(p) && (u += p + `
+`, e = e.substring(p.length + 1), d = !0), !d) {
           const v = this.rules.other.nextBulletRegex(w), f = this.rules.other.hrRegex(w), m = this.rules.other.fencesBeginRegex(w), y = this.rules.other.headingBeginRegex(w), k = this.rules.other.htmlBeginRegex(w);
           for (; e; ) {
             const x = e.split(`
@@ -4308,21 +4308,21 @@ ${l}` : l;
               l += `
 ` + p;
             }
-            !b && !p.trim() && (b = !0), d += x + `
+            !b && !p.trim() && (b = !0), u += x + `
 `, e = e.substring(x.length + 1), h = S.slice(w);
           }
         }
-        s.loose || (o ? s.loose = !0 : this.rules.other.doubleBlankLine.test(d) && (o = !0));
+        s.loose || (o ? s.loose = !0 : this.rules.other.doubleBlankLine.test(u) && (o = !0));
         let _ = null, g;
         this.options.gfm && (_ = this.rules.other.listIsTask.exec(l), _ && (g = _[0] !== "[ ] ", l = l.replace(this.rules.other.listReplaceTask, ""))), s.items.push({
           type: "list_item",
-          raw: d,
+          raw: u,
           task: !!_,
           checked: g,
           loose: !1,
           text: l,
           tokens: []
-        }), s.raw += d;
+        }), s.raw += u;
       }
       const a = s.items.at(-1);
       if (a)
@@ -4330,14 +4330,14 @@ ${l}` : l;
       else
         return;
       s.raw = s.raw.trimEnd();
-      for (let u = 0; u < s.items.length; u++)
-        if (this.lexer.state.top = !1, s.items[u].tokens = this.lexer.blockTokens(s.items[u].text, []), !s.loose) {
-          const d = s.items[u].tokens.filter((h) => h.type === "space"), l = d.length > 0 && d.some((h) => this.rules.other.anyLine.test(h.raw));
+      for (let d = 0; d < s.items.length; d++)
+        if (this.lexer.state.top = !1, s.items[d].tokens = this.lexer.blockTokens(s.items[d].text, []), !s.loose) {
+          const u = s.items[d].tokens.filter((h) => h.type === "space"), l = u.length > 0 && u.some((h) => this.rules.other.anyLine.test(h.raw));
           s.loose = l;
         }
       if (s.loose)
-        for (let u = 0; u < s.items.length; u++)
-          s.items[u].loose = !0;
+        for (let d = 0; d < s.items.length; d++)
+          s.items[d].loose = !0;
       return s;
     }
   }
@@ -4388,11 +4388,11 @@ ${l}` : l;
           align: r.align[o]
         });
       for (const o of s)
-        r.rows.push(Kt(o, r.header.length).map((a, u) => ({
+        r.rows.push(Kt(o, r.header.length).map((a, d) => ({
           text: a,
           tokens: this.lexer.inline(a),
           header: !1,
-          align: r.align[u]
+          align: r.align[d]
         })));
       return r;
     }
@@ -4504,21 +4504,21 @@ ${l}` : l;
       return;
     if (!(n[1] || n[2] || "") || !i || this.rules.inline.punctuation.exec(i)) {
       const r = [...n[0]].length - 1;
-      let o, a, u = r, d = 0;
+      let o, a, d = r, u = 0;
       const l = n[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
       for (l.lastIndex = 0, t = t.slice(-1 * e.length + r); (n = l.exec(t)) != null; ) {
         if (o = n[1] || n[2] || n[3] || n[4] || n[5] || n[6], !o)
           continue;
         if (a = [...o].length, n[3] || n[4]) {
-          u += a;
+          d += a;
           continue;
         } else if ((n[5] || n[6]) && r % 3 && !((r + a) % 3)) {
-          d += a;
+          u += a;
           continue;
         }
-        if (u -= a, u > 0)
+        if (d -= a, d > 0)
           continue;
-        a = Math.min(a, a + u + d);
+        a = Math.min(a, a + d + u);
         const h = [...n[0]][0].length, p = e.slice(0, r + n.index + h + a);
         if (Math.min(r, a) % 2) {
           const w = p.slice(1, -1);
@@ -4749,8 +4749,8 @@ class le {
         let r = 1 / 0;
         const o = e.slice(1);
         let a;
-        this.options.extensions.startBlock.forEach((u) => {
-          a = u.call({ lexer: this }, o), typeof a == "number" && a >= 0 && (r = Math.min(r, a));
+        this.options.extensions.startBlock.forEach((d) => {
+          a = d.call({ lexer: this }, o), typeof a == "number" && a >= 0 && (r = Math.min(r, a));
         }), r < 1 / 0 && r >= 0 && (s = e.substring(0, r + 1));
       }
       if (this.state.top && (n = this.tokenizer.paragraph(s))) {
@@ -4801,7 +4801,7 @@ class le {
     for (; e; ) {
       s || (r = ""), s = !1;
       let o;
-      if (this.options.extensions?.inline?.some((u) => (o = u.call({ lexer: this }, e, t)) ? (e = e.substring(o.raw.length), t.push(o), !0) : !1))
+      if (this.options.extensions?.inline?.some((d) => (o = d.call({ lexer: this }, e, t)) ? (e = e.substring(o.raw.length), t.push(o), !0) : !1))
         continue;
       if (o = this.tokenizer.escape(e)) {
         e = e.substring(o.raw.length), t.push(o);
@@ -4817,8 +4817,8 @@ class le {
       }
       if (o = this.tokenizer.reflink(e, this.tokens.links)) {
         e = e.substring(o.raw.length);
-        const u = t.at(-1);
-        o.type === "text" && u?.type === "text" ? (u.raw += o.raw, u.text += o.text) : t.push(o);
+        const d = t.at(-1);
+        o.type === "text" && d?.type === "text" ? (d.raw += o.raw, d.text += o.text) : t.push(o);
         continue;
       }
       if (o = this.tokenizer.emStrong(e, i, r)) {
@@ -4847,26 +4847,26 @@ class le {
       }
       let a = e;
       if (this.options.extensions?.startInline) {
-        let u = 1 / 0;
-        const d = e.slice(1);
+        let d = 1 / 0;
+        const u = e.slice(1);
         let l;
         this.options.extensions.startInline.forEach((h) => {
-          l = h.call({ lexer: this }, d), typeof l == "number" && l >= 0 && (u = Math.min(u, l));
-        }), u < 1 / 0 && u >= 0 && (a = e.substring(0, u + 1));
+          l = h.call({ lexer: this }, u), typeof l == "number" && l >= 0 && (d = Math.min(d, l));
+        }), d < 1 / 0 && d >= 0 && (a = e.substring(0, d + 1));
       }
       if (o = this.tokenizer.inlineText(a)) {
         e = e.substring(o.raw.length), o.raw.slice(-1) !== "_" && (r = o.raw.slice(-1)), s = !0;
-        const u = t.at(-1);
-        u?.type === "text" ? (u.raw += o.raw, u.text += o.text) : t.push(o);
+        const d = t.at(-1);
+        d?.type === "text" ? (d.raw += o.raw, d.text += o.text) : t.push(o);
         continue;
       }
       if (e) {
-        const u = "Infinite loop on byte: " + e.charCodeAt(0);
+        const d = "Infinite loop on byte: " + e.charCodeAt(0);
         if (this.options.silent) {
-          console.error(u);
+          console.error(d);
           break;
         } else
-          throw new Error(u);
+          throw new Error(d);
       }
     }
     return t;
@@ -5312,10 +5312,10 @@ class fn {
             throw new Error(`renderer '${r}' does not exist`);
           if (["options", "parser"].includes(r))
             continue;
-          const o = r, a = i.renderer[o], u = s[o];
-          s[o] = (...d) => {
-            let l = a.apply(s, d);
-            return l === !1 && (l = u.apply(s, d)), l || "";
+          const o = r, a = i.renderer[o], d = s[o];
+          s[o] = (...u) => {
+            let l = a.apply(s, u);
+            return l === !1 && (l = d.apply(s, u)), l || "";
           };
         }
         n.renderer = s;
@@ -5327,10 +5327,10 @@ class fn {
             throw new Error(`tokenizer '${r}' does not exist`);
           if (["options", "rules", "lexer"].includes(r))
             continue;
-          const o = r, a = i.tokenizer[o], u = s[o];
-          s[o] = (...d) => {
-            let l = a.apply(s, d);
-            return l === !1 && (l = u.apply(s, d)), l;
+          const o = r, a = i.tokenizer[o], d = s[o];
+          s[o] = (...u) => {
+            let l = a.apply(s, u);
+            return l === !1 && (l = d.apply(s, u)), l;
           };
         }
         n.tokenizer = s;
@@ -5342,15 +5342,15 @@ class fn {
             throw new Error(`hook '${r}' does not exist`);
           if (["options", "block"].includes(r))
             continue;
-          const o = r, a = i.hooks[o], u = s[o];
-          Ye.passThroughHooks.has(r) ? s[o] = (d) => {
+          const o = r, a = i.hooks[o], d = s[o];
+          Ye.passThroughHooks.has(r) ? s[o] = (u) => {
             if (this.defaults.async)
-              return Promise.resolve(a.call(s, d)).then((h) => u.call(s, h));
-            const l = a.call(s, d);
-            return u.call(s, l);
-          } : s[o] = (...d) => {
-            let l = a.apply(s, d);
-            return l === !1 && (l = u.apply(s, d)), l;
+              return Promise.resolve(a.call(s, u)).then((h) => d.call(s, h));
+            const l = a.call(s, u);
+            return d.call(s, l);
+          } : s[o] = (...u) => {
+            let l = a.apply(s, u);
+            return l === !1 && (l = d.apply(s, u)), l;
           };
         }
         n.hooks = s;
@@ -5384,17 +5384,17 @@ class fn {
       if (typeof i != "string")
         return o(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(i) + ", string expected"));
       r.hooks && (r.hooks.options = r, r.hooks.block = e);
-      const a = r.hooks ? r.hooks.provideLexer() : e ? le.lex : le.lexInline, u = r.hooks ? r.hooks.provideParser() : e ? ae.parse : ae.parseInline;
+      const a = r.hooks ? r.hooks.provideLexer() : e ? le.lex : le.lexInline, d = r.hooks ? r.hooks.provideParser() : e ? ae.parse : ae.parseInline;
       if (r.async)
-        return Promise.resolve(r.hooks ? r.hooks.preprocess(i) : i).then((d) => a(d, r)).then((d) => r.hooks ? r.hooks.processAllTokens(d) : d).then((d) => r.walkTokens ? Promise.all(this.walkTokens(d, r.walkTokens)).then(() => d) : d).then((d) => u(d, r)).then((d) => r.hooks ? r.hooks.postprocess(d) : d).catch(o);
+        return Promise.resolve(r.hooks ? r.hooks.preprocess(i) : i).then((u) => a(u, r)).then((u) => r.hooks ? r.hooks.processAllTokens(u) : u).then((u) => r.walkTokens ? Promise.all(this.walkTokens(u, r.walkTokens)).then(() => u) : u).then((u) => d(u, r)).then((u) => r.hooks ? r.hooks.postprocess(u) : u).catch(o);
       try {
         r.hooks && (i = r.hooks.preprocess(i));
-        let d = a(i, r);
-        r.hooks && (d = r.hooks.processAllTokens(d)), r.walkTokens && this.walkTokens(d, r.walkTokens);
-        let l = u(d, r);
+        let u = a(i, r);
+        r.hooks && (u = r.hooks.processAllTokens(u)), r.walkTokens && this.walkTokens(u, r.walkTokens);
+        let l = d(u, r);
         return r.hooks && (l = r.hooks.postprocess(l)), l;
-      } catch (d) {
-        return o(d);
+      } catch (u) {
+        return o(u);
       }
     };
   }
@@ -5453,7 +5453,7 @@ class gn {
   async checkIntent(e, t, i) {
     let n = "You are an assistant", s = "", r = `This is the user's request:
 
-${e}`, o, a, u;
+${e}`, o, a, d;
     if (i.image && t === "openai")
       return r += `
 Extract some information.
@@ -5498,7 +5498,7 @@ Extract some information.
           },
           required: []
         }
-      }], a = await this.builder.send(r, s, n, "", o), a ? (u = JSON.parse(a), u) : !1;
+      }], a = await this.builder.send(r, s, n, "", o), a ? (d = JSON.parse(a), d) : !1;
     if (i.image) {
       if (r += `
 
@@ -5560,7 +5560,7 @@ Check the type of the request:
         }
       }], a = await this.builder.send(r, s, n, "", o), !a)
         return !1;
-      u = JSON.parse(a);
+      d = JSON.parse(a);
     } else if (i.video) {
       if (r += `
 
@@ -5588,7 +5588,7 @@ Check the type of the request:
         }
       }], a = await this.builder.send(r, s, n, "", o), !a)
         return !1;
-      u = JSON.parse(a);
+      d = JSON.parse(a);
     } else if (i.audio) {
       if (r += `
 
@@ -5610,9 +5610,9 @@ Check the type of the request:
         }
       }], a = await this.builder.send(r, s, n, "", o), !a)
         return !1;
-      u = JSON.parse(a);
+      d = JSON.parse(a);
     }
-    return this.builder.settings.consoleLog && console.log(u), this.extractInfo(u, t, e);
+    return this.builder.settings.consoleLog && console.log(d), this.extractInfo(d, t, e);
   }
   async extractInfo(e, t, i) {
     const n = this.builder.settings.defaultModels;
@@ -5627,7 +5627,7 @@ ${i}
 
 Check the request and return the details.
     `;
-      let u = [{
+      let d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5722,10 +5722,10 @@ Check the request and return the details.
             // 'prompt'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5741,7 +5741,7 @@ ${i}
 
 Check the request and return the details.
     `;
-      let u = [{
+      let d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5768,10 +5768,10 @@ Check the request and return the details.
             // 'image_url'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5787,7 +5787,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5810,10 +5810,10 @@ Check the request and return the details.
             // 'prompt'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5837,13 +5837,13 @@ Check the request and return the details.
           },
           required: ["image_url"]
         }
-      }], u = await this.builder.send(o, r, s, "", a);
-      if (!u)
+      }], d = await this.builder.send(o, r, s, "", a);
+      if (!d)
         return !1;
-      let d = JSON.parse(u);
+      let u = JSON.parse(d);
       return {
         ...e,
-        ...d
+        ...u
       };
     } else if (e.upscale_image) {
       const s = "You are an assistant", o = `
@@ -5856,7 +5856,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5875,10 +5875,10 @@ Check the request and return the details.
             // 'image_url'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5894,7 +5894,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5915,10 +5915,10 @@ Check the request and return the details.
           },
           required: ["image_url", "prompt"]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5936,7 +5936,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -5963,10 +5963,10 @@ Check the request and return the details.
             // 'image_url'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -5982,7 +5982,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -6085,10 +6085,10 @@ Check the request and return the details.
             // 'prompt'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -6104,7 +6104,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -6207,10 +6207,10 @@ Check the request and return the details.
             // 'prompt'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -6226,7 +6226,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -6325,10 +6325,10 @@ Check the request and return the details.
             // 'prompt'
           ]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -6344,7 +6344,7 @@ Thie is the list of models:
 ${i}
 
 Check the request and return the details.
-    `, u = [{
+    `, d = [{
         name: "check_request",
         description: "Check user request.",
         parameters: {
@@ -6369,10 +6369,10 @@ Check the request and return the details.
           },
           required: ["text"]
         }
-      }], d = await this.builder.send(a, o, s, "", u);
-      if (!d)
+      }], u = await this.builder.send(a, o, s, "", d);
+      if (!u)
         return !1;
-      let l = JSON.parse(d);
+      let l = JSON.parse(u);
       return {
         ...e,
         ...l
@@ -6452,14 +6452,14 @@ Check the information and return the details.
       headers: a,
       body: JSON.stringify(e)
     });
-    let u = await s.text();
+    let d = await s.text();
     try {
-      r = JSON.parse(u);
+      r = JSON.parse(d);
     } catch {
       return {
         mediaGenerated: !1,
         status: "error",
-        message: u
+        message: d
       };
     }
     if (this.builder.output.push(r), r.error)
@@ -6470,9 +6470,9 @@ Check the information and return the details.
         //this.out('Request failed.')
       };
     {
-      const d = r.data;
+      const u = r.data;
       let l = "", h = "", p, b = !1, w = [], _ = [];
-      return d.entries && d.entries.forEach((g) => {
+      return u.entries && u.entries.forEach((g) => {
         p = g.url.split(".").pop().toLowerCase(), p === "mp4" ? (l += `
                         <p class="responsive-video">
                             <video controls>
@@ -6496,7 +6496,7 @@ Check the information and return the details.
                             </div>
                         </div>
                     `, h += `![](${g.url})`, b = !0), w.push(g.url), _.push(g.file_url);
-      }), b && (l = `<div class="image-container">${l}</div>`), typeof d == "string" && (l = d, h = d), n ? (i.innerHTML = "", i.remove()) : (i.innerHTML = l, this.builder.outputHtml += `<div class="result-container">${l}</div>`), {
+      }), b && (l = `<div class="image-container">${l}</div>`), typeof u == "string" && (l = u, h = u), n ? (i.innerHTML = "", i.remove()) : (i.innerHTML = l, this.builder.outputHtml += `<div class="result-container">${l}</div>`), {
         mediaGenerated: !0,
         status: "success",
         markdown: h,
@@ -6520,14 +6520,14 @@ Check the information and return the details.
       headers: a,
       body: JSON.stringify(e)
     });
-    let u = await s.text();
+    let d = await s.text();
     try {
-      r = JSON.parse(u);
+      r = JSON.parse(d);
     } catch {
       return {
         mediaGenerated: !1,
         status: "error",
-        message: u
+        message: d
       };
     }
     if (this.builder.output.push(r), r.error)
@@ -6538,8 +6538,8 @@ Check the information and return the details.
         //this.out('Request failed.')
       };
     {
-      const d = r.data;
-      let l = this.renderResult(d, i, n);
+      const u = r.data;
+      let l = this.renderResult(u, i, n);
       return {
         mediaGenerated: !0,
         status: "success",
@@ -6550,14 +6550,14 @@ Check the information and return the details.
     }
   }
   async waitingReplicate(e, t, i, n) {
-    let s, r, o, a = e.model, u = this.builder.settings.replicateStatusEndpoint;
-    u = u.replace("{REQUEST_ID}", t);
-    let d = {
+    let s, r, o, a = e.model, d = this.builder.settings.replicateStatusEndpoint;
+    d = d.replace("{REQUEST_ID}", t);
+    let u = {
       "Content-Type": "application/json",
       ...this.builder.settings.headers
     }, l = {
       model: a,
-      endpoint: u,
+      endpoint: d,
       request_id: t
       // customData: this.builder.settings.customData
     };
@@ -6565,7 +6565,7 @@ Check the information and return the details.
       if (r = await fetch(this.builder.settings.checkRequestStatusUrl_Replicate, {
         signal: this.builder.mediaSignal,
         method: "POST",
-        headers: d,
+        headers: u,
         body: JSON.stringify(l)
       }), o = await r.json(), o.ok && (s = o.data.status), !s)
         return {
@@ -6587,13 +6587,13 @@ Check the information and return the details.
   }
   async waitingFal(e, t, i, n) {
     let s, r, o, a = e.model;
-    const u = this.getEndpoint(a, t, this.builder.settings.falStatusEndpoint);
-    let d = {
+    const d = this.getEndpoint(a, t, this.builder.settings.falStatusEndpoint);
+    let u = {
       "Content-Type": "application/json",
       ...this.builder.settings.headers
     }, l = {
       model: a,
-      endpoint: u,
+      endpoint: d,
       request_id: t
       // customData: this.builder.settings.customData
     };
@@ -6601,7 +6601,7 @@ Check the information and return the details.
       if (r = await fetch(this.builder.settings.checkRequestStatusUrl_Fal, {
         signal: this.builder.mediaSignal,
         method: "POST",
-        headers: d,
+        headers: u,
         body: JSON.stringify(l)
       }), o = await r.json(), o.ok && o.status)
         s = o.status;
@@ -6625,32 +6625,32 @@ Check the information and return the details.
   renderResult(e, t, i) {
     let n = "", s = "", r = [], o = [];
     if (e.entries) {
-      let a, u = !1;
-      e.entries.forEach((d) => {
-        a = d.url.split(".").pop().toLowerCase(), a === "mp4" ? (n += `
+      let a, d = !1;
+      e.entries.forEach((u) => {
+        a = u.url.split(".").pop().toLowerCase(), a === "mp4" ? (n += `
                         <p class="responsive-video">
                             <video controls>
-                                <source src="${d.url}" type="video/mp4">
+                                <source src="${u.url}" type="video/mp4">
                                 Your browser does not support the video tag.
                             </video>
                         </p>
-                    `, s += `![](${d.url})`, r.push(d.url), o.push(d.file_url)) : a === "wav" || a === "mp3" ? (n += `
+                    `, s += `![](${u.url})`, r.push(u.url), o.push(u.file_url)) : a === "wav" || a === "mp3" ? (n += `
                     <p class="responsive-audio">
                         <audio controls>
-                            <source src="${d.url}" type="audio/mpeg">
+                            <source src="${u.url}" type="audio/mpeg">
                             Your browser does not support the audio tag.
                         </audio>
                     </p>
-                    `, s += `![](${d.url})`, r.push(d.url), o.push(d.file_url)) : (n += `
+                    `, s += `![](${u.url})`, r.push(u.url), o.push(u.file_url)) : (n += `
                         <div>
-                            <img src="${d.url}" />
+                            <img src="${u.url}" />
                             <div>
-                                <a class="link-view" href="${d.url}" target="_blank" rel="noopener noreferrer">${this.out("View")}</a>
-                                <a class="link-download" href="${d.url}" download>${this.out("Download")}</a>
+                                <a class="link-view" href="${u.url}" target="_blank" rel="noopener noreferrer">${this.out("View")}</a>
+                                <a class="link-download" href="${u.url}" download>${this.out("Download")}</a>
                             </div>
                         </div>
-                    `, s += `![](${d.url})`, r.push(d.url), o.push(d.file_url), u = !0);
-      }), u && (n = `<div class="image-container">${n}</div>`);
+                    `, s += `![](${u.url})`, r.push(u.url), o.push(u.file_url), d = !0);
+      }), d && (n = `<div class="image-container">${n}</div>`);
     } else typeof e == "string" && (n = `
             <p>
             ${e}
@@ -6672,17 +6672,17 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt;
-      if (!u)
+      let d = e.prompt;
+      if (!d)
         return {
           mediaGenerated: !1,
           status: "error",
           message: this.out("Please input a prompt.")
         };
-      let d = e.aspect_ratio || "16:9", l = e.num_images || 1;
+      let u = e.aspect_ratio || "16:9", l = e.num_images || 1;
       l > 4 && (l = 4), n = {
-        prompt: u,
-        aspect_ratio: d,
+        prompt: d,
+        aspect_ratio: u,
         num_outputs: l
       }, s.model = a, s.customData = this.builder.settings.customData;
     } else if (e.edit_area_in_image) {
@@ -6693,8 +6693,8 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt;
-      if (!u)
+      let d = e.prompt;
+      if (!d)
         return {
           mediaGenerated: !1,
           status: "error",
@@ -6722,7 +6722,7 @@ Check the information and return the details.
           message: this.out("Image mask not found.")
         };
       n = {
-        prompt: u,
+        prompt: d,
         image: p,
         mask: b
         // num_images,
@@ -6735,24 +6735,24 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt;
-      if (!u)
+      let d = e.prompt;
+      if (!d)
         return {
           mediaGenerated: !1,
           status: "error",
           message: this.out("Please input a prompt.")
         };
-      let d = e.width || 1280, l = e.height || 768;
+      let u = e.width || 1280, l = e.height || 768;
       e.num_images, n = {
-        prompt: u,
-        size: `${d}x${l}`,
+        prompt: d,
+        size: `${u}x${l}`,
         // num_images,
         style: "digital_illustration"
         // style_id,
         // colors,
       }, s.model = a, s.customData = this.builder.settings.customData;
     } else if (e.upscale_image) {
-      let a = this.validateModel(e.model, d, "upscale_image");
+      let a = this.validateModel(e.model, u, "upscale_image");
       if (!a)
         return {
           mediaGenerated: !1,
@@ -6765,8 +6765,8 @@ Check the information and return the details.
           status: "error",
           message: this.out("Image reference not found.")
         };
-      let d = "replicate";
-      const l = await this.builder.upload.getInputURLs(d);
+      let u = "replicate";
+      const l = await this.builder.upload.getInputURLs(u);
       if (l.error)
         return {
           mediaGenerated: !1,
@@ -6792,8 +6792,8 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt;
-      if (!u)
+      let d = e.prompt;
+      if (!d)
         return {
           mediaGenerated: !1,
           status: "error",
@@ -6822,7 +6822,7 @@ Check the information and return the details.
         };
       n = {
         image: p,
-        prompt: `${u}. No talk. Answer only.`
+        prompt: `${d}. No talk. Answer only.`
       }, s.model = a, s.customData = this.builder.settings.customData;
     } else if (e.image_to_video_generation) {
       let a = this.validateModel(e.model, l, "image_to_video_generation");
@@ -6832,8 +6832,8 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt || "stunning video", d = e.duration || 5;
-      d > 10 && (d = 5);
+      let d = e.prompt || "stunning video", u = e.duration || 5;
+      u > 10 && (u = 5);
       let l = "replicate";
       const h = await this.builder.upload.getInputURLs(l);
       if (h.error)
@@ -6851,18 +6851,18 @@ Check the information and return the details.
         };
       a === "kwaivgi/kling-v1.6-pro" && (n = {
         start_image: p,
-        prompt: u,
-        duration: d
+        prompt: d,
+        duration: u
       }), a === "kwaivgi/kling-v1.6-standard" && (n = {
         start_image: p,
-        prompt: u,
-        duration: d
+        prompt: d,
+        duration: u
       }), a === "minimax/video-01-live" && (n = {
         first_frame_image: p,
-        prompt: u
+        prompt: d
       }), a === "luma/ray" && (n = {
         start_image_url: p,
-        prompt: u
+        prompt: d
       }), s.model = a, s.customData = this.builder.settings.customData;
     } else if (e.text_to_video_generation) {
       let a = this.validateModel(e.model, r, "text_to_video_generation");
@@ -6872,21 +6872,21 @@ Check the information and return the details.
           status: "error",
           message: this.out("Model not found.")
         };
-      let u = e.prompt;
-      if (!u)
+      let d = e.prompt;
+      if (!d)
         return {
           mediaGenerated: !1,
           status: "error",
           message: this.out("Please input a prompt.")
         };
-      let d = e.duration || 5;
-      d > 10 && (d = 5), a === "kwaivgi/kling-v1.6-standard" && (n = {
-        prompt: u,
-        duration: d
+      let u = e.duration || 5;
+      u > 10 && (u = 5), a === "kwaivgi/kling-v1.6-standard" && (n = {
+        prompt: d,
+        duration: u
       }), a === "minimax/video-01" && (n = {
-        prompt: u
+        prompt: d
       }), a === "luma/ray" && (n = {
-        prompt: u
+        prompt: d
       }), s.model = a, s.customData = this.builder.settings.customData;
     } else if (e.text_to_speech) {
       let a = this.validateModel(e.model, r, "text_to_speech");
@@ -6909,10 +6909,10 @@ Check the information and return the details.
       }, s.model = a, s.customData = this.builder.settings.customData;
     }
     if (s.model.indexOf(":") !== -1) {
-      const u = s.model.split(":")[1];
-      s.version = u;
-      let d = this.builder.settings.replicateEndpoint1;
-      s.endpoint = d, s.payload = n, this.builder.settings.consoleLog && console.log("PAYLOAD 1");
+      const d = s.model.split(":")[1];
+      s.version = d;
+      let u = this.builder.settings.replicateEndpoint1;
+      s.endpoint = u, s.payload = n, this.builder.settings.consoleLog && console.log("PAYLOAD 1");
     } else {
       let a = this.builder.settings.replicateEndpoint2;
       a = a.replace("{MODEL}", s.model), s.endpoint = a, s.payload = n, this.builder.settings.consoleLog && console.log("PAYLOAD 2");
@@ -6927,17 +6927,17 @@ Check the information and return the details.
           status: "error",
           message: this.out("Endpoint not configured.")
         };
-      let u, d = {
+      let d, u = {
         "Content-Type": "application/json",
         ...this.builder.settings.headers
       }, h = await (await fetch(a, {
         signal: this.builder.mediaSignal,
         method: "POST",
-        headers: d,
+        headers: u,
         body: JSON.stringify(s)
       })).json();
       if (h.ok) {
-        if (u = h.data.id, !u)
+        if (d = h.data.id, !d)
           return {
             mediaGenerated: !1,
             status: "error",
@@ -6949,7 +6949,7 @@ Check the information and return the details.
           status: "error",
           message: h.error
         };
-      const p = this.waitingReplicate(s, u, t, i);
+      const p = this.waitingReplicate(s, d, t, i);
       return this.builder.isMediaGenerating = !1, p;
     } else {
       let a = this.builder.settings.generateMediaUrl;
@@ -6959,14 +6959,14 @@ Check the information and return the details.
           status: "error",
           message: this.out("Endpoint not configured: generateMediaUrl.")
         };
-      let u = {
+      let d = {
         "Content-Type": "application/json",
         ...this.builder.settings.headers
       };
       const l = await (await fetch(a, {
         signal: this.builder.mediaSignal,
         method: "POST",
-        headers: u,
+        headers: d,
         body: JSON.stringify(s)
       })).json();
       if (this.builder.isMediaGenerating = !1, l.error)
@@ -6997,36 +6997,36 @@ Check the information and return the details.
         status: "error",
         message: this.out("Please input a prompt.")
       };
-    const u = new FormData();
-    u.append("customData", JSON.stringify(this.builder.settings.customData)), u.append("model", o), u.append("prompt", a);
-    let d = !1, l = this.builder.getFormValues();
+    const d = new FormData();
+    d.append("customData", JSON.stringify(this.builder.settings.customData)), d.append("model", o), d.append("prompt", a);
+    let u = !1, l = this.builder.getFormValues();
     for (const f of l) {
       if (f.value instanceof FileList && f.type === "multifile") {
         const m = f.value;
         if (m.length > 0)
           for (const y of m)
-            u.append("file[]", y), d = !0;
+            d.append("file[]", y), u = !0;
       }
       if (f.value instanceof FileList && f.type === "file") {
         const m = f.value;
         if (m.length > 0) {
           const y = m[0];
-          u.append("file[]", y), d = !0;
+          d.append("file[]", y), u = !0;
         }
       }
       if (typeof f.value == "string" && f.value.indexOf("base64") !== -1) {
         let m = f.value.replace(/^data:image\/(png|svg\+xml|jpeg|gif|webp);base64,/, "");
-        u.append("mask", m);
+        d.append("mask", m);
       }
     }
     if (this.builder.selectedFiles && this.builder.selectedFiles.length > 0)
       for (let f = 0; f < this.builder.selectedFiles.length; f++) {
         const m = this.builder.selectedFiles[f];
-        u.append("file[]", m), d = !0;
+        d.append("file[]", m), u = !0;
       }
     let h, p = e.size || "auto", b = e.quality || "auto", w = e.num_images || 1;
-    if (d) {
-      u.append("size", p), u.append("n", w), u.append("quality", b), n = {
+    if (u) {
+      d.append("size", p), d.append("n", w), d.append("quality", b), n = {
         prompt: a,
         size: p,
         quality: b,
@@ -7035,7 +7035,7 @@ Check the information and return the details.
       let f = this.builder.settings.generateMediaUrl_OpenAI_CreateImageEdit;
       h = await fetch(f, {
         method: "POST",
-        body: u
+        body: d
       });
     } else {
       let f = e.background || "auto", m = e.output_format || "png";
@@ -7087,13 +7087,13 @@ Check the information and return the details.
         status: "error",
         message: this.out("Please input a prompt.")
       };
-    let u = [];
-    u.push({
+    let d = [];
+    d.push({
       text: a
     });
-    let d = this.builder.getFormValues();
-    if (!(d && Object.keys(d).length === 0)) {
-      for (const g of d)
+    let u = this.builder.getFormValues();
+    if (!(u && Object.keys(u).length === 0)) {
+      for (const g of u)
         if (g.value instanceof FileList && g.type === "multifile") {
           const v = g.value;
           if (v.length > 0)
@@ -7105,7 +7105,7 @@ Check the information and return the details.
                   y(E);
                 }, x.onerror = k, x.readAsDataURL(f);
               });
-              u.push({
+              d.push({
                 inlineData: {
                   mimeType: "image/png",
                   data: m
@@ -7115,7 +7115,7 @@ Check the information and return the details.
         }
     }
     n = {
-      contents: u
+      contents: d
     }, s.model = o, s.customData = this.builder.settings.customData, s.payload = n, this.builder.payloads.push(s), this.builder.settings.consoleLog && console.log(s);
     const l = this.builder.settings.generateMediaUrl_Google;
     let h = {
@@ -7580,17 +7580,17 @@ Check the information and return the details.
         status: "error",
         message: this.out("Endpoint not configured: generateMediaUrl_Fal.")
       };
-    let u, d = {
+    let d, u = {
       "Content-Type": "application/json",
       ...this.builder.settings.headers
     }, h = await (await fetch(a, {
       signal: this.builder.mediaSignal,
       method: "POST",
-      headers: d,
+      headers: u,
       body: JSON.stringify(r)
     })).json();
     if (h.ok)
-      u = h.request_id;
+      d = h.request_id;
     else
       return {
         mediaGenerated: !1,
@@ -7598,7 +7598,7 @@ Check the information and return the details.
         message: h.error
         //this.out('Generating video request failed.')
       };
-    const p = this.waitingFal(r, u, t, i);
+    const p = this.waitingFal(r, d, t, i);
     return this.builder.isMediaGenerating = !1, p;
   }
   validateModel(e, t, i) {
@@ -7628,14 +7628,14 @@ Check the information and return the details.
     let o = {};
     o.model = r, o.customData = this.builder.settings.customData, o.payload = s, this.builder.payloads.push(o), this.builder.settings.consoleLog && console.log(o);
     const a = this.builder.settings.generateMediaUrl_Google;
-    let u = {
+    let d = {
       "Content-Type": "application/json",
       ...this.builder.settings.headers
     };
     const l = await (await fetch(a, {
       signal: this.builder.mediaSignal,
       method: "POST",
-      headers: u,
+      headers: d,
       body: JSON.stringify(o)
     })).json();
     this.builder.settings.consoleLog && console.log(l);
@@ -7657,12 +7657,12 @@ Check the information and return the details.
         if (n.name = i.name, n.files = [], this.builder.selectedFiles && this.builder.selectedFiles.length > 0) {
           const r = [];
           for (let o = 0; o < this.builder.selectedFiles.length; o++) {
-            const a = this.builder.selectedFiles[o], u = new FormData();
-            u.append("file", a), u.append("customData", this.builder.settings.customData);
-            let d = this.builder.settings.uploadMediaUrl_Fal;
-            const h = await (await fetch(d, {
+            const a = this.builder.selectedFiles[o], d = new FormData();
+            d.append("file", a), d.append("customData", this.builder.settings.customData);
+            let u = this.builder.settings.uploadMediaUrl_Fal;
+            const h = await (await fetch(u, {
               method: "POST",
-              body: u
+              body: d
             })).json();
             if (h.ok) {
               const p = h.url;
@@ -7679,8 +7679,8 @@ Check the information and return the details.
             r++;
             const a = new FormData();
             a.append("file", o), a.append("customData", this.builder.settings.customData);
-            let u = this.builder.settings.uploadMediaUrl_Fal;
-            const l = await (await fetch(u, {
+            let d = this.builder.settings.uploadMediaUrl_Fal;
+            const l = await (await fetch(d, {
               method: "POST",
               body: a
             })).json();
@@ -7698,10 +7698,10 @@ Check the information and return the details.
     if (i = i || this.builder.settings.defaultMediaGenerationProvider, i === "google" && e.trim().startsWith("{"))
       return this.generate_GoogleMediaByJSON(e, t, r, o);
     this.builder.isMediaGenerating = !0, this.mediaController = new AbortController(), this.builder.mediaSignal = this.mediaController.signal;
-    let a, u = !1, d;
+    let a, d = !1, u;
     if (e.trim().startsWith("{"))
       try {
-        d = JSON.parse(e), d && typeof d == "object" && (u = !0);
+        u = JSON.parse(e), u && typeof u == "object" && (d = !0);
       } catch {
         return {
           mediaGenerated: !1,
@@ -7709,7 +7709,7 @@ Check the information and return the details.
           message: this.out("Incorrect JSON format.")
         };
       }
-    if (u) {
+    if (d) {
       let l = t.trim();
       if (!l)
         return {
@@ -7732,7 +7732,7 @@ Check the information and return the details.
           return m;
         };
         return f(g);
-      })(d, h), i || (l.startsWith("fal") ? i = "fal" : i = "replicate");
+      })(u, h), i || (l.startsWith("fal") ? i = "fal" : i = "replicate");
       const b = (g) => typeof g == "object" && g !== null && !Array.isArray(g), w = await this.builder.upload.getInputURLs(i);
       if (w.error)
         return {
@@ -7740,22 +7740,22 @@ Check the information and return the details.
           status: "error",
           message: w.error
         };
-      Object.keys(d).forEach((g) => {
+      Object.keys(u).forEach((g) => {
         Object.keys(w).forEach((v) => {
-          if (d[g] === v) {
+          if (u[g] === v) {
             let f = w[v];
-            d[g] = f;
+            u[g] = f;
           }
-          if (Array.isArray(d[g])) {
-            for (let f = 0; f < d[g].length; f++)
-              if (d[g][f] === v) {
+          if (Array.isArray(u[g])) {
+            for (let f = 0; f < u[g].length; f++)
+              if (u[g][f] === v) {
                 let m = w[v];
-                d[g][f] = m;
+                u[g][f] = m;
               }
           }
         });
-      }), Object.keys(d).forEach((g) => {
-        let v = d[g];
+      }), Object.keys(u).forEach((g) => {
+        let v = u[g];
         if (b(v))
           for (const f in v)
             Object.prototype.hasOwnProperty.call(v, f) && Object.keys(w).forEach((m) => {
@@ -7774,7 +7774,7 @@ Check the information and return the details.
                     v[f][m] = k, y === k && !k.startsWith("http") && (v[f][m] = "");
                   }
                 });
-          d[g] = [...v.filter((f) => f !== "")];
+          u[g] = [...v.filter((f) => f !== "")];
         }
       });
       let _ = {};
@@ -7785,14 +7785,14 @@ Check the information and return the details.
       if (i === "replicate")
         if (l.indexOf(":") !== -1) {
           let g = this.builder.settings.replicateEndpoint1;
-          _.endpoint = g, _.payload = d, this.builder.settings.consoleLog && console.log("JSON PAYLOAD 1");
+          _.endpoint = g, _.payload = u, this.builder.settings.consoleLog && console.log("JSON PAYLOAD 1");
         } else {
           let g = this.builder.settings.replicateEndpoint2;
-          g = g.replace("{MODEL}", _.model), _.endpoint = g, _.payload = d, this.builder.settings.consoleLog && console.log("JSON PAYLOAD 2");
+          g = g.replace("{MODEL}", _.model), _.endpoint = g, _.payload = u, this.builder.settings.consoleLog && console.log("JSON PAYLOAD 2");
         }
       else if (i === "fal") {
         let g = `https://queue.fal.run/${_.model}`;
-        _.endpoint = g, _.payload = d, this.builder.settings.consoleLog && console.log("JSON PAYLOAD");
+        _.endpoint = g, _.payload = u, this.builder.settings.consoleLog && console.log("JSON PAYLOAD");
       }
       return this.builder.payloads.push(_), this.builder.settings.consoleLog && console.log(_), this.generateMediaByJSON(_, i, r, o);
     }
@@ -7913,43 +7913,43 @@ Check the information and return the details.
       "Content-Type": "application/json",
       ...this.builder.settings.headers
     };
-    const u = await (await fetch(s, {
+    const d = await (await fetch(s, {
       signal: this.builder.mediaSignal,
       method: "POST",
       headers: o,
       body: JSON.stringify(e)
     })).json();
     if (this.builder.isMediaGenerating = !1, t === "fal") {
-      let d = u.request_id;
-      return this.waitingFal(e, d, i, n);
+      let u = d.request_id;
+      return this.waitingFal(e, u, i, n);
     }
-    if (u.error)
-      return this.builder.settings.consoleLog && console.log(u.error), {
+    if (d.error)
+      return this.builder.settings.consoleLog && console.log(d.error), {
         mediaGenerated: !1,
         status: "error",
-        message: u.error
+        message: d.error
         //this.out('Request failed.') 
       };
     if (r) {
-      let d;
-      if (u.ok) {
-        if (d = u.data.id, !d)
+      let u;
+      if (d.ok) {
+        if (u = d.data.id, !u)
           return {
             mediaGenerated: !1,
             status: "error",
-            message: u.data && u.data.detail
+            message: d.data && d.data.detail
           };
       } else
         return {
           mediaGenerated: !1,
           status: "error",
-          message: u.error
+          message: d.error
           //this.out('Generating video request failed.')
         };
-      return this.waitingReplicate(e, d, i, n);
+      return this.waitingReplicate(e, u, i, n);
     } else {
-      const d = u.data;
-      let l = this.renderResult(d, i, n);
+      const u = d.data;
+      let l = this.renderResult(u, i, n);
       return {
         mediaGenerated: !0,
         status: "success",
@@ -8084,15 +8084,15 @@ class mn {
       filename: `${e}_${o}.png`,
       // inputName + '.png',
       customData: this.builder.settings.customData
-    }, u;
-    t === "replicate" ? u = this.builder.settings.uploadBase64Url : t === "fal" ? u = this.builder.settings.uploadBase64Url_Fal : u = this.builder.settings.uploadBase64Url_Fal || this.builder.settings.uploadBase64Url;
-    let d = {
+    }, d;
+    t === "replicate" ? d = this.builder.settings.uploadBase64Url : t === "fal" ? d = this.builder.settings.uploadBase64Url_Fal : d = this.builder.settings.uploadBase64Url_Fal || this.builder.settings.uploadBase64Url;
+    let u = {
       "Content-Type": "application/json",
       ...this.builder.settings.headers
-    }, h = await (await fetch(u, {
+    }, h = await (await fetch(d, {
       signal: this.builder.mediaSignal,
       method: "POST",
-      headers: d,
+      headers: u,
       body: JSON.stringify(a)
     })).json();
     return h.ok && (r = h.url), r ? {
@@ -8116,11 +8116,11 @@ class mn {
       o.append("file", this.builder.photoBlob[e], `photo_${r}.jpg`), o.append("customData", this.builder.settings.customData);
       let a;
       t === "replicate" ? a = this.builder.settings.uploadMediaUrl : t === "fal" ? a = this.builder.settings.uploadMediaUrl_Fal : a = this.builder.settings.uploadMediaUrl_Fal || this.builder.settings.uploadMediaUrl;
-      const d = await (await fetch(a, {
+      const u = await (await fetch(a, {
         method: "POST",
         body: o
       })).json();
-      return d.ok ? (s = d.url, n = d.filename, {
+      return u.ok ? (s = u.url, n = u.filename, {
         filename: n,
         url: s
       }) : {
@@ -8132,11 +8132,11 @@ class mn {
       r.append("file", this.builder.selectedFiles[0]), r.append("customData", this.builder.settings.customData);
       let o;
       t === "replicate" ? o = this.builder.settings.uploadMediaUrl : t === "fal" ? o = this.builder.settings.uploadMediaUrl_Fal : o = this.builder.settings.uploadMediaUrl_Fal || this.builder.settings.uploadMediaUrl;
-      const u = await (await fetch(o, {
+      const d = await (await fetch(o, {
         method: "POST",
         body: r
       })).json();
-      return u.ok ? (s = u.url, n = u.filename, {
+      return d.ok ? (s = d.url, n = d.filename, {
         filename: n,
         url: s
       }) : {
@@ -8151,12 +8151,12 @@ class mn {
         o.append("file", r), o.append("customData", this.builder.settings.customData);
         let a;
         t === "replicate" ? a = this.builder.settings.uploadMediaUrl : t === "fal" ? a = this.builder.settings.uploadMediaUrl_Fal : a = this.builder.settings.uploadMediaUrl_Fal || this.builder.settings.uploadMediaUrl;
-        const d = await (await fetch(a, {
+        const u = await (await fetch(a, {
           method: "POST",
           body: o
         })).json();
-        if (d.ok)
-          s = d.url, n = d.filename;
+        if (u.ok)
+          s = u.url, n = u.filename;
         else
           return {
             error: this.out("Upload file failed.")
@@ -8245,22 +8245,22 @@ class bn {
     const o = document.createElement("label");
     r.appendChild(o), o.innerHTML = `${this.out("Brush Size")}: 
             <input type="range" class="brush-size" min="5" max="100" value="30">`;
-    const a = o.querySelector(".brush-size"), u = document.createElement("button");
-    u.className = "btn-undobrush", u.title = this.out("Undo"), u.innerHTML = `
+    const a = o.querySelector(".brush-size"), d = document.createElement("button");
+    d.className = "btn-undobrush", d.title = this.out("Undo"), d.innerHTML = `
         <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  
         class="icon-undo">
                 <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                 <path d="M9 14l-4 -4l4 -4"></path>
                 <path d="M5 10h11a4 4 0 1 1 0 8h-1"></path>
-        </svg>`, r.appendChild(u);
-    const d = document.createElement("button");
-    d.className = "btn-redobrush", d.title = this.out("Redo"), d.innerHTML = `
+        </svg>`, r.appendChild(d);
+    const u = document.createElement("button");
+    u.className = "btn-redobrush", u.title = this.out("Redo"), u.innerHTML = `
         <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  
         class="icon-redo">
             <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
             <path d="M15 14l4 -4l-4 -4"></path>
             <path d="M19 10h-11a4 4 0 1 0 0 8h1"></path>
-        </svg>`, r.appendChild(d);
+        </svg>`, r.appendChild(u);
     const l = document.createElement("button");
     l.className = "btn-clearbrush", l.title = this.out("Clear"), l.innerHTML = `
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 
@@ -8308,9 +8308,9 @@ class bn {
     };
     b.addEventListener("mousedown", () => {
       k();
-    }), u.addEventListener("click", (T) => {
-      T.preventDefault(), m.length > 0 && (y.push(b.toDataURL()), x(m.pop()));
     }), d.addEventListener("click", (T) => {
+      T.preventDefault(), m.length > 0 && (y.push(b.toDataURL()), x(m.pop()));
+    }), u.addEventListener("click", (T) => {
       T.preventDefault(), y.length > 0 && (m.push(b.toDataURL()), x(y.pop()));
     });
     const S = document.createElement("img");
@@ -8599,19 +8599,19 @@ class yn {
         }
       }, a = document.createElement("div");
       a.className = "app-filters", e.appendChild(a);
-      const u = document.createElement("ul");
-      u.className = "app-list", e.appendChild(u);
-      const d = (l) => {
+      const d = document.createElement("ul");
+      d.className = "app-list", e.appendChild(d);
+      const u = (l) => {
         let h = n.filter((b) => l === "all" || b.categories.includes(l));
         const p = this.settings.templateOutput || ["image", "video", "audio", "text"];
-        h = h.filter((b) => b.categories.every((w) => p.includes(w))), this.renderList(h, u);
+        h = h.filter((b) => b.categories.every((w) => p.includes(w))), this.renderList(h, d);
       };
       r.forEach((l) => {
         const h = document.createElement("button");
         h.textContent = o[l].desc, h.setAttribute("data-value", l), l === "all" && h.classList.add("active"), h.addEventListener("click", () => {
-          a.querySelectorAll("button").forEach((b) => b.classList.remove("active")), h.classList.add("active"), d(l);
+          a.querySelectorAll("button").forEach((b) => b.classList.remove("active")), h.classList.add("active"), u(l);
         }), a.appendChild(h);
-      }), d("all");
+      }), u("all");
     }
   }
   //NEW
@@ -8627,7 +8627,7 @@ class yn {
     const r = await (await fetch(n)).blob(), o = new File([r], e.split("/").pop(), {
       type: r.type
     });
-    this.element.querySelector(".div-selected-preview") || (this.selectedFiles = []), i && i.hasAttribute("multiple") ? this.selectedFiles.some((d) => d.name === o.name) || this.selectedFiles.push(o) : this.selectedFiles = [o], this.setSelectedFiles(this.selectedFiles), this.renderSelectedFiles(), t.closest(".image-mask") && this.objImageMask && this.objImageMask.loadImage(o);
+    this.element.querySelector(".div-selected-preview") || (this.selectedFiles = []), i && i.hasAttribute("multiple") ? this.selectedFiles.some((u) => u.name === o.name) || this.selectedFiles.push(o) : this.selectedFiles = [o], this.setSelectedFiles(this.selectedFiles), this.renderSelectedFiles(), t.closest(".image-mask") && this.objImageMask && this.objImageMask.loadImage(o);
   }
   setSelectedFiles(e) {
     this.selectedFiles = e;
@@ -8695,22 +8695,22 @@ class yn {
           let h = r + o;
           a = `<img class="thumbnail" src="${h}" alt="${i.name}" />`, i.form.thumbnailFit && (a = `<img class="thumbnail" style="object-fit:${i.form.thumbnailFit}" src="${h}" alt="${i.name}" />`);
         }
-        const u = document.createElement("div");
-        u.className = "div-template-buttons";
-        let d = !1, l = !1;
+        const d = document.createElement("div");
+        d.className = "div-template-buttons";
+        let u = !1, l = !1;
         if (this.settings.templateButtons && this.settings.templateButtons.viewButton && this.settings.templateButtons.viewButton.text) {
           const h = document.createElement("button");
-          h.className = "btn-template-view", h.innerText = this.out(this.settings.templateButtons.viewButton.text), u.appendChild(h), h.addEventListener("click", (p) => {
+          h.className = "btn-template-view", h.innerText = this.out(this.settings.templateButtons.viewButton.text), d.appendChild(h), h.addEventListener("click", (p) => {
             if (p.preventDefault(), this.isGenerating) {
               alert(this.out("Please wait until generation is complete."));
               return;
             }
             this.settings.onSelectTemplate && this.settings.onSelectTemplate(i), this.trigger("templateView", i);
-          }), d = !0;
+          }), u = !0;
         }
         if (this.settings.templateButtons && this.settings.templateButtons.useButton && this.settings.templateButtons.useButton.text) {
           const h = document.createElement("button");
-          h.className = "btn-template-use", h.innerText = this.out(this.settings.templateButtons.useButton.text), u.appendChild(h), h.addEventListener("click", (p) => {
+          h.className = "btn-template-use", h.innerText = this.out(this.settings.templateButtons.useButton.text), d.appendChild(h), h.addEventListener("click", (p) => {
             p.preventDefault(), this.settings.onSelectTemplate && this.settings.onSelectTemplate(i), this.trigger("templateUse", i);
           }), l = !0;
         }
@@ -8721,7 +8721,7 @@ class yn {
                         <div class="description">${i.form.description}</div>
                         ${i.info ? ` <div class="info mt-1">${i.info}</div>` : ""}
                     </div>
-                `, d || l ? (s.querySelector(".card-text").appendChild(u), s.classList.remove("cursor-pointer"), s.classList.add("cursor-default")) : (s.classList.add("cursor-pointer"), s.classList.remove("cursor-default")), n.appendChild(s), d || l || s.addEventListener("click", (h) => {
+                `, u || l ? (s.querySelector(".card-text").appendChild(d), s.classList.remove("cursor-pointer"), s.classList.add("cursor-default")) : (s.classList.add("cursor-pointer"), s.classList.remove("cursor-default")), n.appendChild(s), u || l || s.addEventListener("click", (h) => {
           if (h.preventDefault(), this.isGenerating) {
             alert(this.out("Please wait until generation is complete."));
             return;
@@ -8741,35 +8741,35 @@ class yn {
     });
     let o = !1;
     n.body.innerText.trim() === "" && (o = !0);
-    const u = document.createElement("div");
-    u.className = "result-tool", e.appendChild(u);
-    const d = document.createElement("button");
-    d.className = "btn-result-tool", d.innerHTML = `
+    const d = document.createElement("div");
+    d.className = "result-tool", e.appendChild(d);
+    const u = document.createElement("button");
+    u.className = "btn-result-tool", u.innerHTML = `
         <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.2"  stroke-linecap="round"  stroke-linejoin="round">
             <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />
         </svg>
         <span>${this.out("Copy")}</span>
-        `, o || u.appendChild(d);
+        `, o || d.appendChild(u);
     const l = document.createElement("button");
     l.className = "btn-result-tool", l.innerHTML = `
         <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.2"  stroke-linecap="round"  stroke-linejoin="round">
             <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />
         </svg>
         <span>${this.out("Clear")}</span>
-        `, u.appendChild(l), d && d.addEventListener("click", (h) => {
+        `, d.appendChild(l), u && u.addEventListener("click", (h) => {
       h.preventDefault();
       const p = e.cloneNode(!0), b = p.querySelector(".result-tool");
       b && b.remove(), p.querySelectorAll(".link-view, .link-download").forEach((g) => {
         g.remove();
       }), p.style.position = "fixed", p.style.left = "-9999px", document.body.appendChild(p);
       const _ = p.innerText.trim();
-      document.body.removeChild(p), navigator.clipboard.writeText(_), d.innerHTML = `
+      document.body.removeChild(p), navigator.clipboard.writeText(_), u.innerHTML = `
             <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.2"  stroke-linecap="round"  stroke-linejoin="round">
                 <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path stroke="none" d="M0 0h24v24H0z" /><path d="M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2 2 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /><path d="M11 14l2 2l4 -4" />
             </svg>
             <span>${this.out("Copied")}</span>
             `, setTimeout(() => {
-        d.innerHTML = `
+        u.innerHTML = `
                 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.2"  stroke-linecap="round"  stroke-linejoin="round">
                     <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />
                 </svg>
@@ -8818,8 +8818,8 @@ class yn {
       r && clearTimeout(r), r = setTimeout(() => {
         let o = null;
         const a = () => {
-          const u = e.offsetTop;
-          u === o ? (n(), s()) : (o = u, requestAnimationFrame(a));
+          const d = e.offsetTop;
+          d === o ? (n(), s()) : (o = d, requestAnimationFrame(a));
         };
         a();
       }, 200);
@@ -9658,34 +9658,34 @@ class yn {
           });
         }
       }
-      let u, d;
-      this.settings.resultSelector && (u = document.querySelector(this.settings.resultSelector), u.classList.add("result-wrapper"), u.innerHTML = "", d = document.createElement("div"), d.classList.add("result-container"), u.appendChild(d)), t.elements && u && t.elements.forEach((l) => {
+      let d, u;
+      this.settings.resultSelector && (d = document.querySelector(this.settings.resultSelector), d.classList.add("result-wrapper"), d.innerHTML = "", u = document.createElement("div"), u.classList.add("result-container"), d.appendChild(u)), t.elements && d && t.elements.forEach((l) => {
         if (l.displayInOutput) {
           if (l.type === "spacer") {
             const p = document.createElement("div");
-            p.className = "form-spacer", l.spacerHeight && !isNaN(parseFloat(l.spacerHeight)) && (p.style.height = l.spacerHeight + "px"), d.appendChild(p);
+            p.className = "form-spacer", l.spacerHeight && !isNaN(parseFloat(l.spacerHeight)) && (p.style.height = l.spacerHeight + "px"), u.appendChild(p);
             return;
           }
           if (l.type === "separator") {
             const p = document.createElement("hr");
-            p.style.borderTopColor = l.color, d.appendChild(p);
+            p.style.borderTopColor = l.color, u.appendChild(p);
             return;
           }
           if (l.type === "html") {
             if (l.html) {
               const p = document.createElement("div");
-              p.innerHTML = l.html, d.appendChild(p);
+              p.innerHTML = l.html, u.appendChild(p);
             }
             return;
           }
           if (l.type === "heading") {
             const p = document.createElement(l.heading || "h2");
-            p.innerHTML = l.headingText || this.out("Your Heading Here!"), d.appendChild(p);
+            p.innerHTML = l.headingText || this.out("Your Heading Here!"), u.appendChild(p);
             return;
           }
           if (l.type === "paragraph") {
             const p = document.createElement("p");
-            p.innerHTML = l.paragraphText || this.out("Your paragraph content here!"), d.appendChild(p);
+            p.innerHTML = l.paragraphText || this.out("Your paragraph content here!"), u.appendChild(p);
             return;
           }
           if (l.type === "media") {
@@ -9693,35 +9693,35 @@ class yn {
               const p = document.createElement("video");
               p.style.width = "100%", p.style.height = "auto", p.controls = !0;
               var h = document.createElement("source");
-              h.src = l.url, h.type = "video/mp4", p.appendChild(h), d.appendChild(p);
+              h.src = l.url, h.type = "video/mp4", p.appendChild(h), u.appendChild(p);
             } else if (l.tag === "audio") {
               const p = document.createElement("audio");
               p.controls = !0;
               let b = document.createElement("source");
-              b.src = l.url, b.type = "audio/mp3", p.appendChild(b), d.appendChild(p);
+              b.src = l.url, b.type = "audio/mp3", p.appendChild(b), u.appendChild(p);
             } else if (l.tag === "img") {
               const p = document.createElement("img");
-              p.src = l.url, p.setAttribute("alt", this.out("Output Image")), d.appendChild(p);
+              p.src = l.url, p.setAttribute("alt", this.out("Output Image")), u.appendChild(p);
             }
             return;
           }
           if (l.type === "image") {
             const p = document.createElement("img");
-            p.src = l.url, p.setAttribute("alt", this.out("Output Image")), d.appendChild(p);
+            p.src = l.url, p.setAttribute("alt", this.out("Output Image")), u.appendChild(p);
             return;
           }
           if (l.type === "video") {
             const p = document.createElement("video");
             p.style.width = "100%", p.style.height = "auto", p.controls = !0;
             let b = document.createElement("source");
-            b.src = l.url, b.type = "video/mp4", p.appendChild(b), d.appendChild(p);
+            b.src = l.url, b.type = "video/mp4", p.appendChild(b), u.appendChild(p);
             return;
           }
           if (l.type === "audio") {
             const p = document.createElement("audio");
             p.controls = !0;
             let b = document.createElement("source");
-            b.src = l.url, b.type = "audio/mp3", p.appendChild(b), d.appendChild(p);
+            b.src = l.url, b.type = "audio/mp3", p.appendChild(b), u.appendChild(p);
             return;
           }
         }
@@ -9733,15 +9733,15 @@ class yn {
         let s = localStorage.getItem("_results_html");
         const r = document.querySelector(this.settings.resultSelector);
         r.innerHTML = s, this.addResultTool(), r.querySelectorAll(".link-download").forEach((a) => {
-          a.addEventListener("click", async (u) => {
-            u.preventDefault();
-            const d = u.target.href;
+          a.addEventListener("click", async (d) => {
+            d.preventDefault();
+            const u = d.target.href;
             try {
-              const l = await fetch(d, {
+              const l = await fetch(u, {
                 mode: "cors"
               });
               if (!l.ok) throw new Error("Failed to fetch the image.");
-              const h = await l.blob(), p = d.substring(d.lastIndexOf("/") + 1), b = document.createElement("a");
+              const h = await l.blob(), p = u.substring(u.lastIndexOf("/") + 1), b = document.createElement("a");
               b.href = URL.createObjectURL(h), b.download = p, b.click(), URL.revokeObjectURL(b.href);
             } catch (l) {
               console.error("Error downloading the image:", l);
@@ -9816,15 +9816,15 @@ class yn {
     let r = [], o = [];
     if (this.settings.scrapeProvider === "firecrawl" && s.forEach((a) => {
       if (a.success) {
-        const u = a.metadata.title, d = a.markdown, l = a.metadata.url;
+        const d = a.metadata.title, u = a.markdown, l = a.metadata.url;
         r.push(l), n += `
 
 
-    ## ${u}
+    ## ${d}
 
     Source: ${l}
                     
-    ${d}
+    ${u}
 
 
     ----------------
@@ -9832,24 +9832,24 @@ class yn {
 
     `;
       } else {
-        let u = a.url;
-        if (u) {
-          const d = a.url;
-          o.push(d);
+        let d = a.url;
+        if (d) {
+          const u = a.url;
+          o.push(u);
         } else
-          u = a.url.link, o.push(u);
+          d = a.url.link, o.push(d);
       }
     }), this.settings.scrapeProvider === "scrapingbee")
       for (let a = 0; a < s.length; a++) {
-        let u = e[a];
-        r.push(u);
-        let d = s[a];
+        let d = e[a];
+        r.push(d);
+        let u = s[a];
         n += `
     
     
-## ${u}
+## ${d}
                 
-${d}
+${u}
 
 
 ----------------
@@ -9939,26 +9939,26 @@ ${e}`);
     this.settings.consoleLog && console.log(r);
     let o = [], a = [];
     if (r.url && r.needscrape && this.settings.scrapeUrl) {
-      let u = document.createElement("p");
-      u.innerHTML = this.out("Fetching data from the web..."), n.appendChild(u);
-      let d = [];
-      r.url && d.push(r.url), r.url2 && d.push(r.url2), r.url3 && d.push(r.url3), r.url4 && d.push(r.url4), r.url5 && d.push(r.url5), r.url6 && d.push(r.url6), r.url7 && d.push(r.url7), r.url8 && d.push(r.url8);
-      let l = await this.scrapeUrls(d);
+      let d = document.createElement("p");
+      d.innerHTML = this.out("Fetching data from the web..."), n.appendChild(d);
+      let u = [];
+      r.url && u.push(r.url), r.url2 && u.push(r.url2), r.url3 && u.push(r.url3), r.url4 && u.push(r.url4), r.url5 && u.push(r.url5), r.url6 && u.push(r.url6), r.url7 && u.push(r.url7), r.url8 && u.push(r.url8);
+      let l = await this.scrapeUrls(u);
       s += l.data, o = l.urls, a = l.failed;
     } else if (this.settings.searchUrl && this.settings.scrapeUrl) {
-      let u = document.createElement("p");
-      u.innerHTML = this.out("Searching the web.."), n.appendChild(u);
-      let d = await this.search(e);
+      let d = document.createElement("p");
+      d.innerHTML = this.out("Searching the web.."), n.appendChild(d);
+      let u = await this.search(e);
       const l = this.settings.scrapeExclude;
-      let h = d.filter((g) => {
+      let h = u.filter((g) => {
         let v = new URL(g.link).hostname;
         return !l.some((f) => v.includes(f));
       });
       const p = this.settings.scrapeLimit, b = h.slice(0, p);
-      n.innerHTML = "", u = document.createElement("p"), u.innerHTML = this.out("Getting more information..."), n.appendChild(u);
+      n.innerHTML = "", d = document.createElement("p"), d.innerHTML = this.out("Getting more information..."), n.appendChild(d);
       let w = [];
       for (let g = 0; g < b.length; g++)
-        w.push(d[g].link);
+        w.push(u[g].link);
       let _ = await this.scrapeUrls(w);
       s += _.data, o = _.urls, a = _.failed;
     }
@@ -10062,8 +10062,8 @@ ${e}`);
       r = this.element;
     let o = r.querySelector(".btn-submitform"), a = o.innerHTML;
     this.tokenInput = 0, this.tokenOutput = 0;
-    let u = !1;
-    if (e != null && (u = !0), this.singleStep = u, u || (this.filesUploaded = {}), this.isNormal && !u) {
+    let d = !1;
+    if (e != null && (d = !0), this.singleStep = d, d || (this.filesUploaded = {}), this.isNormal && !d) {
       if (this.isMediaGenerating) {
         alert(this.out("The media generation process cannot be aborted."));
         return;
@@ -10071,9 +10071,9 @@ ${e}`);
       this.abort(), o.innerHTML = a, o.removeAttribute("disabled"), this.isGenerating = !1;
       return;
     }
-    if (this.isNormal && u || this.isSingle && !u || this.isSingle && u)
+    if (this.isNormal && d || this.isSingle && !d || this.isSingle && d)
       return;
-    this.isNormal = !1, this.isSingle = !1, u ? (o.innerHTML = `
+    this.isNormal = !1, this.isSingle = !1, d ? (o.innerHTML = `
                 <span class="loading-icon">
                     <svg class="animate-spin" style="margin: 0;margin-right: 0.6rem;width: 1rem;height: 1rem;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                         <circle style="opacity: 0.25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
@@ -10089,7 +10089,7 @@ ${e}`);
                 </span>
                 ${this.out("Abort")}
             `, this.isNormal = !0), this.isGenerating = !0;
-    let d = (m, y) => {
+    let u = (m, y) => {
       if (m === void 0) return "";
       if (!isNaN(m)) return m;
       let k = m;
@@ -10124,7 +10124,7 @@ ${e}`);
           if (k.value === void 0 && (k.value = ""), typeof k.value == "object" && Array.isArray(k.value)) {
             const x = k.value.join(", ");
             y = y.replaceAll(`{{${k.name}}}`, x), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, x);
-          } else k.value instanceof FileList || typeof k.value == "string" && k.value.indexOf("base64") !== -1 ? (y = y.replaceAll(`{{${k.name}}}`, k.name), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, k.name)) : (y = y.replaceAll(`{{${k.name}}}`, d(k.value, m.prompt)), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, d(k.value, m.prompt)));
+          } else k.value instanceof FileList || typeof k.value == "string" && k.value.indexOf("base64") !== -1 ? (y = y.replaceAll(`{{${k.name}}}`, k.name), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, k.name)) : (y = y.replaceAll(`{{${k.name}}}`, u(k.value, m.prompt)), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, u(k.value, m.prompt)));
         }), m.prompt = y;
       }), l.forEach((m) => {
         let y = m.context;
@@ -10132,7 +10132,7 @@ ${e}`);
           if (k.value || (k.value = ""), typeof k.value == "object" && Array.isArray(k.value)) {
             const x = k.value.join(", ");
             y = y.replaceAll(`{{${k.name}}}`, x), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, x);
-          } else k.value instanceof FileList || typeof k.value == "string" && k.value.indexOf("base64") !== -1 ? (y = y.replaceAll(`{{${k.name}}}`, k.name), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, k.name)) : (y = y.replaceAll(`{{${k.name}}}`, d(k.value, m.prompt)), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, d(k.value, m.prompt)));
+          } else k.value instanceof FileList || typeof k.value == "string" && k.value.indexOf("base64") !== -1 ? (y = y.replaceAll(`{{${k.name}}}`, k.name), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, k.name)) : (y = y.replaceAll(`{{${k.name}}}`, u(k.value, m.prompt)), y = y.replaceAll(`{{${k.name.toUpperCase()}}}`, u(k.value, m.prompt)));
         }), m.context = y;
       });
     }
@@ -10158,7 +10158,7 @@ ${e}`);
         } catch {
           return L.innerHTML = `<p>${this.out("Incorrect JSON format.")}</p>`, !1;
         }
-      (C && (C.image || C.video || C.audio) || D) && (u || (o.innerHTML = `&nbsp;
+      (C && (C.image || C.video || C.audio) || D) && (d || (o.innerHTML = `&nbsp;
                         <span class="loading-icon" style="width:60px;display:flex;align-items:center;justify-content:center">
                             <svg class="animate-spin" style="margin: 0;width: 1.25rem;height: 1.25rem;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                 <circle style="opacity: 0.25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
@@ -10257,7 +10257,7 @@ ${q.data}
         markdown: O
       };
     };
-    u || await (async (m) => {
+    d || await (async (m) => {
       this.previousResults = [], this.outputHtml = "";
       for (let y = 0; y < m.length; y++) {
         if (!this.isGenerating)
@@ -10276,10 +10276,10 @@ ${q.data}
         let I = k;
         this.previousResults.forEach((R, q) => {
           const M = `{{output_step_${q + 1}}}`;
-          I = I.replace(new RegExp(M, "g"), d(R, k)), I = I.replace(new RegExp(M.toUpperCase(), "g"), d(R, k));
+          I = I.replace(new RegExp(M, "g"), u(R, k)), I = I.replace(new RegExp(M.toUpperCase(), "g"), u(R, k));
         }), k = I, k = k.replace(/[\u00A0\u2000-\u200B\u202F\u205F\u3000\uFEFF]/g, " ").trim(), this.settings.consoleLog && console.log(k), I = x, this.previousResults.forEach((R, q) => {
           const M = `{{output_step_${q + 1}}}`;
-          I = I.replace(new RegExp(M, "g"), d(R, k)), I = I.replace(new RegExp(M.toUpperCase(), "g"), d(R, k));
+          I = I.replace(new RegExp(M, "g"), u(R, k)), I = I.replace(new RegExp(M.toUpperCase(), "g"), u(R, k));
         }), x = I, x = x.replace(/[\u00A0\u2000-\u200B\u202F\u205F\u3000\uFEFF]/g, " ").trim();
         let O = await p(k, x, S, E, C, A, L, D);
         if (!O)
@@ -10290,7 +10290,7 @@ ${q.data}
         } else
           this.previousResults.push(O.markdown);
       }
-    })(l), u && (e === 0 && (this.previousResults = []), await (async (y, k) => {
+    })(l), d && (e === 0 && (this.previousResults = []), await (async (y, k) => {
       if (!this.isGenerating)
         return;
       let {
@@ -10406,66 +10406,66 @@ ${q.data}
       let {
         name: o,
         type: a,
-        value: u,
-        checked: d,
+        value: d,
+        checked: u,
         files: l
       } = r;
       if (a === "checkbox")
-        o = o.replace("[]", ""), d && (i[o] = i[o] || [], u === "other" && (u = e.querySelector(`[name="${o + "_other"}"]`).value), i[o].push(u));
+        o = o.replace("[]", ""), u && (i[o] = i[o] || [], d === "other" && (d = e.querySelector(`[name="${o + "_other"}"]`).value), i[o].push(d));
       else if (a === "radio")
-        d && (u === "other" && (u = e.querySelector(`[name="${o + "_other"}"]`).value), i[o] = u);
+        u && (d === "other" && (d = e.querySelector(`[name="${o + "_other"}"]`).value), i[o] = d);
       else if (a === "select-one")
-        u === "other" && (u = e.querySelector(`[name="${o + "_other"}"]`).value), i[o] = u;
+        d === "other" && (d = e.querySelector(`[name="${o + "_other"}"]`).value), i[o] = d;
       else if (a === "file")
         i[o] = l;
       else if (a === "select-multiple") {
         const h = Array.from(r.selectedOptions);
         i[o] = h.map((p) => p.value);
       } else if (a === "color") {
-        i[o] = u;
-        const h = this.hexToRgb(u);
+        i[o] = d;
+        const h = this.hexToRgb(d);
         i[o + "_red"] = h.red, i[o + "_green"] = h.green, i[o + "_blue"] = h.blue;
       } else
-        i[o] = u;
+        i[o] = d;
     });
     let n = [];
     return this.json.elements.forEach((r) => {
-      let o = r.title, a = r.name, u = r.type;
+      let o = r.title, a = r.name, d = r.type;
       if (a === "") return;
-      let d = i[a], l = {
+      let u = i[a], l = {
         questions: o,
         name: a,
-        value: d,
-        type: u
+        value: u,
+        type: d
       };
       n.push(l);
       let h = a + "__url";
-      d = i[h], d && (l = {
+      u = i[h], u && (l = {
         questions: o,
         name: h,
-        value: d
-      }, n.push(l)), r.useImageMask && (a = a + "_mask", d = i[a], l = {
+        value: u
+      }, n.push(l)), r.useImageMask && (a = a + "_mask", u = i[a], l = {
         questions: o,
         name: a,
-        value: d
+        value: u
       }, n.push(l));
       let p = a + "_red";
-      d = i[p], d !== void 0 && (l = {
+      u = i[p], u !== void 0 && (l = {
         questions: o,
         name: p,
-        value: d
+        value: u
       }, n.push(l));
       let b = a + "_green";
-      d = i[b], d !== void 0 && (l = {
+      u = i[b], u !== void 0 && (l = {
         questions: o,
         name: b,
-        value: d
+        value: u
       }, n.push(l));
       let w = a + "_blue";
-      d = i[w], d !== void 0 && (l = {
+      u = i[w], u !== void 0 && (l = {
         questions: o,
         name: w,
-        value: d
+        value: u
       }, n.push(l));
     }), this.settings.consoleLog && console.log(n), n;
   }
@@ -10487,7 +10487,7 @@ ${q.data}
     this.controller = new AbortController(), this.signal = this.controller.signal;
     let r = 0.6, o = 0.9, a = 1;
     s || (s = []), n = n || this.settings.model, s.length > 0 && (n = this.settings.model2);
-    const u = {
+    const d = {
       question: e,
       context: t,
       system: i,
@@ -10499,15 +10499,15 @@ ${q.data}
       customData: this.settings.customData
     };
     try {
-      let d = {
+      let u = {
         "Content-Type": "application/json",
         ...this.settings.headers
       }, h = await (await fetch(this.settings.sendCommandUrl, {
         signal: this.signal,
         // Abort
         method: "POST",
-        headers: d,
-        body: JSON.stringify(u)
+        headers: u,
+        body: JSON.stringify(d)
       })).json();
       if (h.error)
         return console.log(`Error:
@@ -10519,22 +10519,22 @@ ${q.data}
         }), p;
       } else
         return h.answer;
-    } catch (d) {
-      return d.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", d), !1;
+    } catch (u) {
+      return u.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", u), !1;
     }
   }
   async sendStream(e, t, i, n, s, r) {
     this.controller = new AbortController(), this.signal = this.controller.signal;
-    let o = 0.6, a = 0.9, u = 1;
+    let o = 0.6, a = 0.9, d = 1;
     s || (s = []), n = n || this.settings.model;
-    const d = {
+    const u = {
       question: e,
       context: t,
       system: i,
       functs: s,
       temperature: o,
       topP: a,
-      num: u,
+      num: d,
       model: n,
       customData: this.settings.customData
     };
@@ -10548,7 +10548,7 @@ ${q.data}
         // Abort
         method: "POST",
         headers: l,
-        body: JSON.stringify(d)
+        body: JSON.stringify(u)
       });
       if (!h.ok)
         return console.error("Error:", h.statusText), !1;
@@ -10599,7 +10599,7 @@ ${q.data}
     n || (n = []);
     let a = this.settings.model;
     n.length > 0 && (a = this.settings.model2);
-    const u = {
+    const d = {
       assistantId: this.settings.assistantId,
       question: e,
       context: t,
@@ -10612,27 +10612,27 @@ ${q.data}
       customData: this.settings.customData
     };
     try {
-      let d = {
+      let u = {
         "Content-Type": "application/json",
         ...this.settings.headers
       }, h = await (await fetch(this.settings.assistantUrl, {
         signal: this.signal,
         // Abort
         method: "POST",
-        headers: d,
-        body: JSON.stringify(u)
+        headers: u,
+        body: JSON.stringify(d)
       })).json();
       return h.error ? (console.log(`Error:
 ` + h.error), !1) : (h.usage && (this.tokenInput += h.usage.prompt_tokens, this.tokenOutput += h.usage.completion_tokens), h.answer.content[0].text.value);
-    } catch (d) {
-      return d.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", d), !1;
+    } catch (u) {
+      return u.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", u), !1;
     }
   }
   async assistantStream(e, t, i, n, s) {
     this.controller = new AbortController(), this.signal = this.controller.signal;
     let r = 0.6, o = 0.9, a = 1;
     n || (n = []);
-    const u = {
+    const d = {
       assistantId: this.settings.assistantId,
       question: e,
       context: t,
@@ -10645,7 +10645,7 @@ ${q.data}
       customData: this.settings.customData
     };
     try {
-      let d = {
+      let u = {
         "Content-Type": "application/json",
         ...this.settings.headers
       };
@@ -10653,8 +10653,8 @@ ${q.data}
         signal: this.signal,
         // Abort
         method: "POST",
-        headers: d,
-        body: JSON.stringify(u)
+        headers: u,
+        body: JSON.stringify(d)
       });
       if (!l.ok)
         return console.error("Error:", l.statusText), !1;
@@ -10695,8 +10695,8 @@ ${q.data}
             }
       }
       return !0;
-    } catch (d) {
-      return d.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", d), !1;
+    } catch (u) {
+      return u.name === "AbortError" ? this.settings.consoleLog && console.log("Request aborted by user.") : console.error("Error:", u), !1;
     }
   }
   hexToRgb(e) {
@@ -10833,19 +10833,22 @@ class vn {
    * Initialize all components in the page
    */
   initializeComponents() {
-    return document.querySelectorAll("[data-cb-type]").forEach((t) => {
-      const i = t.dataset.cbType, n = this.plugins.get(i);
-      if (n && typeof n.mount == "function")
+    return document.querySelectorAll("[data-cb-type]").forEach((t, i) => {
+      const n = t.dataset.cbType, s = this.plugins.get(n);
+      if (s && typeof s.mount == "function")
         try {
-          const s = this.parseOptions(t);
-          let r = t.querySelector(".grid-sortable");
-          r || t.classList.contains("grid-sortable") && (r = t), r && Array.from(r.children).forEach((a, u) => {
-            a.nodeType === 1 && a.tagName !== "STYLE" && a.tagName !== "SCRIPT" && a.setAttribute("data-index", u);
+          const r = this.parseOptions(t);
+          let o = t.querySelector(".grid-sortable");
+          o || t.classList.contains("grid-sortable") && (o = t), o && Array.from(o.children).forEach((u, l) => {
+            u.nodeType === 1 && u.tagName !== "STYLE" && u.tagName !== "SCRIPT" && u.setAttribute("data-index", l);
+          }), t.querySelectorAll(".edit").forEach((u, l) => {
+            const h = `content-${Date.now()}-${i}-${l}`;
+            u.setAttribute("data-edit-id", h);
           }), t.hasAttribute("data-cb-original-content") || t.setAttribute("data-cb-original-content", t.innerHTML);
-          const o = n.mount(t, s);
-          this.components.set(t, o), t.setAttribute("data-cb-loaded", "true");
-        } catch (s) {
-          console.error(`[PluginManager] Failed to mount component "${i}":`, s);
+          const d = s.mount(t, r);
+          this.components.set(t, d), this.setupInlineEditing(t, r), t.setAttribute("data-cb-loaded", "true");
+        } catch (r) {
+          console.error(`[PluginManager] Failed to mount component "${n}":`, r);
         }
     }), this.components.size;
   }
@@ -10874,6 +10877,52 @@ class vn {
       return e;
     }
   }
+  /**
+   * Setup inline editing for elements with .edit[data-edit-id]
+   * Automatically enables contenteditable and syncs changes to data-cb-original-content
+   * @param {HTMLElement} element - Plugin element
+   * @param {Object} options - Plugin options
+   */
+  setupInlineEditing(e, t) {
+    if (!e.closest(".data-editor")) return;
+    const i = e.querySelectorAll(".edit[data-edit-id]");
+    if (i.length === 0)
+      return;
+    e.querySelectorAll('[contenteditable="true"]').forEach((r) => {
+      r.removeAttribute("contenteditable"), r._cbObserver && (r._cbObserver.disconnect(), delete r._cbObserver);
+    });
+    const s = (r, o) => {
+      const a = e.getAttribute("data-cb-original-content");
+      if (!a) return;
+      const l = new DOMParser().parseFromString(a, "text/html").body;
+      if (!l) return;
+      const h = l.querySelector(`[data-edit-id="${r}"]`);
+      if (h) {
+        h.innerHTML = o;
+        const p = l.innerHTML;
+        e.setAttribute("data-cb-original-content", p);
+      }
+    };
+    i.forEach((r) => {
+      r.setAttribute("contenteditable", "true");
+      const o = new MutationObserver(() => {
+        const a = r.getAttribute("data-edit-id"), d = r.innerHTML;
+        s(a, d);
+      });
+      o.observe(r, {
+        childList: !0,
+        // Child elements added/removed
+        characterData: !0,
+        // Text content changes
+        subtree: !0,
+        // Watch all descendants
+        attributes: !0,
+        // Attribute changes
+        attributeFilter: ["style"]
+        // Specifically watch style (color picker)
+      }), r._cbObserver = o;
+    });
+  }
   /**
    * Manually load a plugin (if not auto-loaded)
    */
@@ -10909,71 +10958,6 @@ class vn {
    * Useful when content is dynamically updated
    * @param {HTMLElement} container - Container element (defaults to document)
    */
-  /*
-      async reinitialize(container = document) {
-          console.log('[PluginManager] Reinitializing components in container');
-  
-          // Step 1: Destroy existing components in this container
-          const elementsToDestroy = [];
-          this.components.forEach((instance, element) => {
-              if (container === document || container.contains(element)) {
-                  elementsToDestroy.push({ element, instance });
-              }
-          });
-  
-          elementsToDestroy.forEach(({ element, instance }) => {
-              const type = element.dataset.cbType;
-              const plugin = this.plugins.get(type);
-              
-              if (plugin && typeof plugin.unmount === 'function') {
-                  plugin.unmount(element, instance);
-              }
-              
-              this.components.delete(element);
-          });
-  
-          console.log(`[PluginManager] Destroyed ${elementsToDestroy.length} components`);
-  
-          // Step 2: Detect new component types in container
-          const componentTypes = this.detectComponentTypesInContainer(container);
-          
-          // Step 3: Load any new plugins that aren't loaded yet
-          const pluginsToLoad = componentTypes.filter(type => 
-              this.config.plugins[type] && !this.plugins.has(type)
-          );
-  
-          if (pluginsToLoad.length > 0) {
-              await Promise.all(
-                  pluginsToLoad.map(type => this.loadPlugin(type))
-              );
-          }
-  
-          // Step 4: Initialize all components in container
-          const newElements = container.querySelectorAll('[data-cb-type]');
-          let mountedCount = 0;
-  
-          newElements.forEach(el => {
-              const type = el.dataset.cbType;
-              const plugin = this.plugins.get(type);
-  
-              if (plugin && typeof plugin.mount === 'function') {
-                  try {
-                      const options = this.parseOptions(el);
-                      const instance = plugin.mount(el, options);
-                      this.components.set(el, instance);
-                      mountedCount++;
-                  } catch (error) {
-                      console.error(`[PluginManager] Failed to mount component "${type}":`, error);
-                  }
-              }
-          });
-  
-          console.log(`[PluginManager] Mounted ${mountedCount} new components`);
-          this.emit('reinitialized', { container, count: mountedCount });
-  
-          return mountedCount;
-      }
-      */
   async reinitialize(e = document) {
     if (this.reinitializeInProgress)
       return clearTimeout(this.pendingReinitialize), new Promise((t) => {
@@ -10989,8 +10973,8 @@ class vn {
       this.components.forEach((o, a) => {
         (e === document || e.contains(a)) && t.push({ element: a, instance: o });
       }), t.forEach(({ element: o, instance: a }) => {
-        const u = o.dataset.cbType, d = this.plugins.get(u);
-        d && typeof d.unmount == "function" && d.unmount(o, a), this.components.delete(o);
+        const d = o.dataset.cbType, u = this.plugins.get(d);
+        u && typeof u.unmount == "function" && u.unmount(o, a), this.components.delete(o);
       });
       const n = this.detectComponentTypesInContainer(e).filter(
         (o) => this.config.plugins[o] && !this.plugins.has(o)
@@ -11001,18 +10985,21 @@ class vn {
       const s = e.querySelectorAll("[data-cb-type]");
       let r = 0;
       for (const o of s) {
-        const a = o.dataset.cbType, u = this.plugins.get(a);
-        if (u && typeof u.mount == "function")
+        const a = o.dataset.cbType, d = this.plugins.get(a);
+        if (d && typeof d.mount == "function")
           try {
-            const d = this.parseOptions(o);
+            const u = this.parseOptions(o);
             let l = o.querySelector(".grid-sortable");
-            l || o.classList.contains("grid-sortable") && (l = o), l && Array.from(l.children).forEach((p, b) => {
-              p.nodeType === 1 && p.tagName !== "STYLE" && p.tagName !== "SCRIPT" && p.setAttribute("data-index", b);
+            l || o.classList.contains("grid-sortable") && (l = o), l && Array.from(l.children).forEach((b, w) => {
+              b.nodeType === 1 && b.tagName !== "STYLE" && b.tagName !== "SCRIPT" && b.setAttribute("data-index", w);
+            }), o.querySelectorAll(".edit").forEach((b, w) => {
+              const _ = `content-${Date.now()}-${r}-${w}`;
+              b.setAttribute("data-edit-id", _);
             }), o.hasAttribute("data-cb-original-content") ? o.innerHTML = o.getAttribute("data-cb-original-content") : o.setAttribute("data-cb-original-content", o.innerHTML);
-            const h = await u.mount(o, d);
-            this.components.set(o, h), o.setAttribute("data-cb-loaded", "true"), r++;
-          } catch (d) {
-            console.error(`[PluginManager] Failed to mount component "${a}":`, d);
+            const p = await d.mount(o, u);
+            this.components.set(o, p), this.setupInlineEditing(o, u), o.setAttribute("data-cb-loaded", "true"), r++;
+          } catch (u) {
+            console.error(`[PluginManager] Failed to mount component "${a}":`, u);
           }
       }
       return this.emit("reinitialized", { container: e, count: r }), r;
@@ -11154,11 +11141,13 @@ class vn {
    * Destroy all components and plugins
    */
   destroy() {
-    this.components.forEach((e, t) => {
-      const i = t.dataset.cbType, n = this.plugins.get(i);
-      n && typeof n.unmount == "function" && n.unmount(t, e);
-    }), this.plugins.forEach((e, t) => {
-      typeof e.destroy == "function" && e.destroy(this);
+    this.components.forEach((t, i) => {
+      const n = i.dataset.cbType, s = this.plugins.get(n);
+      s && typeof s.unmount == "function" && s.unmount(i, t);
+    }), element.querySelectorAll('[contenteditable="true"]').forEach((t) => {
+      t.removeAttribute("contenteditable"), t._cbObserver && (t._cbObserver.disconnect(), delete t._cbObserver);
+    }), this.plugins.forEach((t, i) => {
+      typeof t.destroy == "function" && t.destroy(this);
     }), this.components.clear(), this.plugins.clear();
   }
   /**
@@ -11320,13 +11309,13 @@ class wn {
     if (t) {
       const o = t.closest("[data-gallery]");
       let a = [];
-      o ? a = o.querySelectorAll(".is-lightbox") : document.querySelectorAll(".is-lightbox,.block-click").forEach((d) => {
-        d.closest("[data-gallery]") || a.push(d);
-      }), a.forEach((u, d) => {
-        let l = u.getAttribute("href");
-        l || (l = u.getAttribute("data-modal-url")), n.push({
+      o ? a = o.querySelectorAll(".is-lightbox") : document.querySelectorAll(".is-lightbox,.block-click").forEach((u) => {
+        u.closest("[data-gallery]") || a.push(u);
+      }), a.forEach((d, u) => {
+        let l = d.getAttribute("href");
+        l || (l = d.getAttribute("data-modal-url")), n.push({
           href: l
-        }), e === l && (s = d);
+        }), e === l && (s = u);
       });
     }
     const r = document.activeElement;