@qualityunit/liveagent-components-editor 0.0.59 → 0.0.60

package/dist/editor-lib.js

@@ -1,298 +1,353 @@
-import { c as M, S as T, i as j, f as v, s as y, e as d, a as B, b as h, d as w, g as m, l as C, n as $, h as H, j as O, r as Q, k as R, t as U, m as V, o as W, p as z, q as K, u as F, v as G, w as k, x as X, y as E, z as I, A as J, B as Y, C as q, D as Z } from "./ckeditor5-BphV8iPO.js";
-function A(e) {
-  return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
+import { b as Z, r as I, a as M, p as F, h, c as $, E as oe, H as j, d as O, s as Y, e as T, f as N, i as ee, g as te, I as k, j as U, k as ve, l as ce, m as _e, n as de, o as he, q as me, t as be, u as X, v as ge, w as pe, x as Ee, y as ye, z as xe, A as z, B as Ne, C as Te, D as Ae, F as we, G as ke, J as ae, K as ne, L as C, M as re, N as B, O as R, P as se, Q as S, R as H, S as P, T as q, U as Ce, V as w, W as D, X as He, Y as Ie, Z as Me } from "./ckeditor5-Bhv1PpsC.js";
+function Re(t) {
+  throw new Error("lifecycle_outside_component");
 }
-function D(e, t, s) {
-  const n = e.slice();
-  return n[4] = t[s], n;
+function Pe(t, e, a, n = null, r = !1) {
+  h && $();
+  var i = t, f = null, v = null, o = null, d = r ? oe : 0;
+  Z(() => {
+    if (o === (o = !!e())) return;
+    let s = !1;
+    if (h) {
+      const u = (
+        /** @type {Comment} */
+        i.data === j
+      );
+      o === u && (i = O(), Y(i), T(!1), s = !0);
+    }
+    o ? (f ? I(f) : f = M(() => a(i)), v && F(v, () => {
+      v = null;
+    })) : (v ? I(v) : n && (v = M(() => n(i))), f && F(f, () => {
+      f = null;
+    })), s && T(!0);
+  }, d), h && (i = N);
 }
-function L(e) {
-  let t, s = (
-    /*button*/
-    e[4].text + ""
-  ), n, l, i, u, f;
-  return {
-    c() {
-      t = d("button"), n = U(s), h(t, "class", l = /*button*/
-      e[4].style), h(t, "title", i = /*button*/
-      e[4].text);
-    },
-    m(c, a) {
-      w(c, t, a), m(t, n), u || (f = C(t, "click", function() {
-        V(
-          /*button*/
-          e[4].handler
-        ) && e[4].handler.apply(this, arguments);
-      }), u = !0);
-    },
-    p(c, a) {
-      e = c, a & /*buttons*/
-      1 && s !== (s = /*button*/
-      e[4].text + "") && W(n, s), a & /*buttons*/
-      1 && l !== (l = /*button*/
-      e[4].style) && h(t, "class", l), a & /*buttons*/
-      1 && i !== (i = /*button*/
-      e[4].text) && h(t, "title", i);
-    },
-    d(c) {
-      c && H(t), u = !1, f();
+function De(t, e) {
+  return e;
+}
+function Se(t, e, a, n) {
+  for (var r = [], i = e.length, f = 0; f < i; f++)
+    ce(e[f].e, r, !0);
+  var v = i > 0 && r.length === 0 && a !== null;
+  if (v) {
+    var o = (
+      /** @type {Element} */
+      /** @type {Element} */
+      a.parentNode
+    );
+    _e(o), o.append(
+      /** @type {Element} */
+      a
+    ), n.clear(), y(t, e[0].prev, e[i - 1].next);
+  }
+  de(r, () => {
+    for (var d = 0; d < i; d++) {
+      var s = e[d];
+      v || (n.delete(s.k), y(t, s.prev, s.next)), he(s.e, !v);
     }
-  };
+  });
 }
-function x(e) {
-  let t, s, n, l, i, u, f, c = A(
-    /*buttons*/
-    e[0]
-  ), a = [];
-  for (let o = 0; o < c.length; o += 1)
-    a[o] = L(D(e, c, o));
-  return {
-    c() {
-      t = d("div"), s = d("button"), s.textContent = "HTML", n = B(), l = d("button"), l.textContent = "Plain", i = B();
-      for (let o = 0; o < a.length; o += 1)
-        a[o].c();
-      h(s, "class", "HTMLEditor"), h(l, "class", "PlainEditor");
-    },
-    m(o, _) {
-      w(o, t, _), m(t, s), m(t, n), m(t, l), m(t, i);
-      for (let r = 0; r < a.length; r += 1)
-        a[r] && a[r].m(t, null);
-      u || (f = [
-        C(
-          s,
-          "click",
-          /*onHtml*/
-          e[1]
-        ),
-        C(
-          l,
-          "click",
-          /*onPlain*/
-          e[2]
-        )
-      ], u = !0);
-    },
-    p(o, [_]) {
-      if (_ & /*buttons*/
-      1) {
-        c = A(
-          /*buttons*/
-          o[0]
-        );
-        let r;
-        for (r = 0; r < c.length; r += 1) {
-          const g = D(o, c, r);
-          a[r] ? a[r].p(g, _) : (a[r] = L(g), a[r].c(), a[r].m(t, null));
+function Le(t, e, a, n, r, i = null) {
+  var f = t, v = { flags: e, items: /* @__PURE__ */ new Map(), first: null };
+  h && $();
+  var o = null, d = !1;
+  Z(() => {
+    var s = a(), u = ee(s) ? s : s == null ? [] : te(s), l = u.length;
+    if (d && l === 0)
+      return;
+    d = l === 0;
+    let c = !1;
+    if (h) {
+      var m = (
+        /** @type {Comment} */
+        f.data === j
+      );
+      m !== (l === 0) && (f = O(), Y(f), T(!1), c = !0);
+    }
+    if (h) {
+      for (var g = null, p, _ = 0; _ < l; _++) {
+        if (N.nodeType === 8 && /** @type {Comment} */
+        N.data === pe) {
+          f = /** @type {Comment} */
+          N, c = !0, T(!1);
+          break;
         }
-        for (; r < a.length; r += 1)
-          a[r].d(1);
-        a.length = c.length;
+        var b = u[_], A = n(b, _);
+        p = le(N, v, g, null, b, A, _, r, e), v.items.set(A, p), g = p;
       }
-    },
-    i: $,
-    o: $,
-    d(o) {
-      o && H(t), O(a, o), u = !1, Q(f);
+      l > 0 && Y(O());
     }
-  };
+    if (!h) {
+      var x = (
+        /** @type {Effect} */
+        me
+      );
+      Ve(u, v, f, r, e, (x.f & k) !== 0, n);
+    }
+    i !== null && (l === 0 ? o ? I(o) : o = M(() => i(f)) : o !== null && F(o, () => {
+      o = null;
+    })), c && T(!0), a();
+  }), h && (f = N);
 }
-function tt(e, t, s) {
-  const n = R();
-  let { buttons: l = [] } = t;
-  function i() {
-    n("html", {});
+function Ve(t, e, a, n, r, i, f) {
+  var v = t.length, o = e.items, d = e.first, s = d, u, l = null, c = [], m = [], g, p, _, b;
+  for (b = 0; b < v; b += 1) {
+    if (g = t[b], p = f(g, b), _ = o.get(p), _ === void 0) {
+      var A = s ? (
+        /** @type {TemplateNode} */
+        s.e.nodes_start
+      ) : a;
+      l = le(
+        A,
+        e,
+        l,
+        l === null ? e.first : l.next,
+        g,
+        p,
+        b,
+        n,
+        r
+      ), o.set(p, l), c = [], m = [], s = l.next;
+      continue;
+    }
+    if (Be(_, g, b), _.e.f & k && I(_.e), _ !== s) {
+      if (u !== void 0 && u.has(_)) {
+        if (c.length < m.length) {
+          var x = m[0], E;
+          l = x.prev;
+          var K = c[0], L = c[c.length - 1];
+          for (E = 0; E < c.length; E += 1)
+            G(c[E], x, a);
+          for (E = 0; E < m.length; E += 1)
+            u.delete(m[E]);
+          y(e, K.prev, L.next), y(e, l, K), y(e, L, x), s = x, l = L, b -= 1, c = [], m = [];
+        } else
+          u.delete(_), G(_, s, a), y(e, _.prev, _.next), y(e, _, l === null ? e.first : l.next), y(e, l, _), l = _;
+        continue;
+      }
+      for (c = [], m = []; s !== null && s.k !== p; )
+        (i || !(s.e.f & k)) && (u ?? (u = /* @__PURE__ */ new Set())).add(s), m.push(s), s = s.next;
+      if (s === null)
+        continue;
+      _ = s;
+    }
+    c.push(_), l = _, s = _.next;
   }
-  function u() {
-    n("plain", {});
+  if (s !== null || u !== void 0) {
+    for (var V = u === void 0 ? [] : te(u); s !== null; )
+      (i || !(s.e.f & k)) && V.push(s), s = s.next;
+    var ue = V.length;
+    if (ue > 0) {
+      var fe = null;
+      Se(e, V, fe, o);
+    }
   }
-  return e.$$set = (f) => {
-    "buttons" in f && s(0, l = f.buttons);
-  }, [l, i, u];
+  U.first = e.first && e.first.e, U.last = l && l.e;
 }
-class N extends T {
-  constructor(t) {
-    super(), j(this, t, tt, x, y, { buttons: 0 });
-  }
-  get buttons() {
-    return this.$$.ctx[0];
+function Be(t, e, a, n) {
+  ve(t.v, e), t.i = a;
+}
+function le(t, e, a, n, r, i, f, v, o) {
+  var d = (o & Ee) !== 0, s = (o & ye) === 0, u = d ? s ? be(r) : X(r) : r, l = o & ge ? X(f) : f, c = {
+    i: l,
+    v: u,
+    k: i,
+    a: null,
+    // @ts-expect-error
+    e: null,
+    prev: a,
+    next: n
+  };
+  try {
+    return c.e = M(() => v(t, u, l), h), c.e.prev = a && a.e, c.e.next = n && n.e, a === null ? e.first = c : (a.next = c, a.e.next = c.e), n !== null && (n.prev = c, n.e.prev = c.e), c;
+  } finally {
   }
-  set buttons(t) {
-    this.$$set({ buttons: t }), v();
+}
+function G(t, e, a) {
+  for (var n = t.next ? (
+    /** @type {TemplateNode} */
+    t.next.e.nodes_start
+  ) : a, r = e ? (
+    /** @type {TemplateNode} */
+    e.e.nodes_start
+  ) : a, i = (
+    /** @type {TemplateNode} */
+    t.e.nodes_start
+  ); i !== n; ) {
+    var f = (
+      /** @type {TemplateNode} */
+      xe(i)
+    );
+    r.before(i), i = f;
   }
 }
-M(N, { buttons: {} }, [], [], !0);
-function et(e) {
-  let t, s, n;
-  return {
-    c() {
-      t = d("textarea");
-    },
-    m(l, i) {
-      w(l, t, i), q(
-        t,
-        /*value*/
-        e[0]
-      ), s || (n = C(
-        t,
-        "input",
-        /*textarea_input_handler*/
-        e[6]
-      ), s = !0);
-    },
-    p(l, i) {
-      i & /*value*/
-      1 && q(
-        t,
-        /*value*/
-        l[0]
-      );
-    },
-    i: $,
-    o: $,
-    d(l) {
-      l && H(t), s = !1, n();
-    }
-  };
+function y(t, e, a) {
+  e === null ? t.first = a : (e.next = a, e.e.next = a && a.e), a !== null && (a.prev = e, a.e.prev = e && e.e);
 }
-function nt(e) {
-  let t, s, n;
-  function l(u) {
-    e[5](u);
+function Fe(t, e, a, n) {
+  var r = t.__attributes ?? (t.__attributes = {});
+  h && (r[e] = t.getAttribute(e)), r[e] !== (r[e] = a) && (a == null ? t.removeAttribute(e) : typeof a != "string" && Oe(t).includes(e) ? t[e] = a : t.setAttribute(e, a));
+}
+var J = /* @__PURE__ */ new Map();
+function Oe(t) {
+  var e = J.get(t.nodeName);
+  if (e) return e;
+  J.set(t.nodeName, e = []);
+  for (var a, n = z(t), r = Element.prototype; r !== n; ) {
+    a = Ne(n);
+    for (var i in a)
+      a[i].set && e.push(i);
+    n = z(n);
   }
-  let i = {};
-  return (
-    /*value*/
-    e[0] !== void 0 && (i.value = /*value*/
-    e[0]), t = new Z({ props: i }), z.push(() => K(t, "value", l)), {
-      c() {
-        F(t.$$.fragment);
-      },
-      m(u, f) {
-        G(t, u, f), n = !0;
-      },
-      p(u, f) {
-        const c = {};
-        !s && f & /*value*/
-        1 && (s = !0, c.value = /*value*/
-        u[0], I(() => s = !1)), t.$set(c);
-      },
-      i(u) {
-        n || (E(t.$$.fragment, u), n = !0);
-      },
-      o(u) {
-        k(t.$$.fragment, u), n = !1;
-      },
-      d(u) {
-        J(t, u);
-      }
+  return e;
+}
+function Ye(t, e) {
+  var a = t.__className, n = qe(e);
+  h && t.className === n ? t.__className = n : (a !== n || h && t.className !== n) && (e == null ? t.removeAttribute("class") : t.className = n, t.__className = n);
+}
+function qe(t) {
+  return t ?? "";
+}
+function Ke(t, e, a = e) {
+  var n = Te();
+  Ae(t, "input", () => {
+    var r = Q(t) ? W(t.value) : t.value;
+    a(r), n && r !== (r = e()) && (t.value = r ?? "");
+  }), we(() => {
+    var r = e();
+    if (h && t.defaultValue !== t.value) {
+      a(t.value);
+      return;
     }
-  );
+    Q(t) && r === W(t.value) || t.type === "date" && !r && !t.value || r !== t.value && (t.value = r ?? "");
+  });
+}
+function Q(t) {
+  var e = t.type;
+  return e === "number" || e === "range";
+}
+function W(t) {
+  return t === "" ? null : +t;
 }
-function st(e) {
-  let t, s, n, l, i, u, f, c;
-  const a = [nt, et], o = [];
-  function _(b, p) {
-    return (
-      /*html*/
-      b[2] ? 0 : 1
+function Ue(t, e, { bubbles: a = !1, cancelable: n = !1 } = {}) {
+  return new CustomEvent(t, { detail: e, bubbles: a, cancelable: n });
+}
+function Xe() {
+  const t = ke;
+  return t === null && Re(), (e, a, n) => {
+    var i;
+    const r = (
+      /** @type {Record<string, Function | Function[]>} */
+      (i = t.s.$$events) == null ? void 0 : i[
+        /** @type {any} */
+        e
+      ]
     );
-  }
-  n = _(e), l = o[n] = a[n](e);
-  function r(b) {
-    e[7](b);
-  }
-  let g = {};
-  return (
-    /*buttons*/
-    e[1] !== void 0 && (g.buttons = /*buttons*/
-    e[1]), u = new N({ props: g }), z.push(() => K(u, "buttons", r)), u.$on(
-      "html",
-      /*handleHtml*/
-      e[3]
-    ), u.$on(
-      "plain",
-      /*handlePlain*/
-      e[4]
-    ), {
-      c() {
-        t = d("main"), s = d("div"), l.c(), i = B(), F(u.$$.fragment), h(s, "class", "Editor");
-      },
-      m(b, p) {
-        w(b, t, p), m(t, s), o[n].m(s, null), m(t, i), G(u, t, null), c = !0;
-      },
-      p(b, [p]) {
-        let P = n;
-        n = _(b), n === P ? o[n].p(b, p) : (Y(), k(o[P], 1, 1, () => {
-          o[P] = null;
-        }), X(), l = o[n], l ? l.p(b, p) : (l = o[n] = a[n](b), l.c()), E(l, 1), l.m(s, null));
-        const S = {};
-        !f && p & /*buttons*/
-        2 && (f = !0, S.buttons = /*buttons*/
-        b[1], I(() => f = !1)), u.$set(S);
-      },
-      i(b) {
-        c || (E(l), E(u.$$.fragment, b), c = !0);
-      },
-      o(b) {
-        k(l), k(u.$$.fragment, b), c = !1;
-      },
-      d(b) {
-        b && H(t), o[n].d(), J(u);
-      }
+    if (r) {
+      const f = ee(r) ? r.slice() : [r], v = Ue(
+        /** @type {string} */
+        e,
+        a,
+        n
+      );
+      for (const o of f)
+        o.call(t.x, v);
+      return !v.defaultPrevented;
     }
-  );
+    return !0;
+  };
 }
-function lt(e, t, s) {
-  let { value: n = "" } = t, { buttons: l = [] } = t, { html: i = !0 } = t;
-  function u() {
-    i || s(2, i = !0);
-  }
-  function f() {
-    i && (s(0, n = n.replace(/<[^>]*>?/gm, "")), s(2, i = !1));
-  }
-  function c(_) {
-    n = _, s(0, n);
+var ze = S("<button> </button>"), Ge = S('<div><button class="HTMLEditor">HTML</button> <button class="PlainEditor">Plain</button> <!></div>');
+function ie(t, e) {
+  ne(e, !1);
+  const a = Xe();
+  let n = C(e, "buttons", 28, () => []);
+  function r() {
+    a("html", {});
   }
-  function a() {
-    n = this.value, s(0, n);
-  }
-  function o(_) {
-    l = _, s(1, l);
+  function i() {
+    a("plain", {});
   }
-  return e.$$set = (_) => {
-    "value" in _ && s(0, n = _.value), "buttons" in _ && s(1, l = _.buttons), "html" in _ && s(2, i = _.html);
-  }, [
-    n,
-    l,
-    i,
-    u,
-    f,
-    c,
-    a,
-    o
-  ];
+  re();
+  var f = Ge(), v = P(f), o = q(v, 2), d = q(o, 2);
+  return Le(d, 1, n, De, (s, u) => {
+    var l = ze(), c = P(l, !0);
+    D(l), Ce(() => {
+      Ye(l, w(u).style), Fe(l, "title", w(u).text), He(c, w(u).text);
+    }), B("click", l, function(...m) {
+      var g;
+      (g = w(u).handler) == null || g.apply(this, m);
+    }), R(s, l);
+  }), D(f), B("click", v, r), B("click", o, i), R(t, f), se({
+    get buttons() {
+      return n();
+    },
+    set buttons(s) {
+      n(s), H();
+    }
+  });
 }
-class ut extends T {
-  constructor(t) {
-    super(), j(this, t, lt, st, y, { value: 0, buttons: 1, html: 2 });
-  }
-  get value() {
-    return this.$$.ctx[0];
-  }
-  set value(t) {
-    this.$$set({ value: t }), v();
-  }
-  get buttons() {
-    return this.$$.ctx[1];
-  }
-  set buttons(t) {
-    this.$$set({ buttons: t }), v();
-  }
-  get html() {
-    return this.$$.ctx[2];
+ae(ie, { buttons: {} }, [], [], !0);
+var Je = S("<textarea></textarea>"), Qe = S('<main><div class="Editor"><!></div> <!></main>');
+function We(t, e) {
+  ne(e, !1);
+  let a = C(e, "value", 12, ""), n = C(e, "buttons", 28, () => []), r = C(e, "html", 12, !0);
+  function i() {
+    r() || r(!0);
   }
-  set html(t) {
-    this.$$set({ html: t }), v();
+  function f() {
+    r() && (a(a().replace(/<[^>]*>?/gm, "")), r(!1));
   }
+  re();
+  var v = Qe(), o = P(v), d = P(o);
+  Pe(
+    d,
+    r,
+    (u) => {
+      Ie(u, {
+        get value() {
+          return a();
+        },
+        set value(l) {
+          a(l);
+        },
+        $$legacy: !0
+      });
+    },
+    (u) => {
+      var l = Je();
+      Me(l), Ke(l, a), R(u, l);
+    }
+  ), D(o);
+  var s = q(o, 2);
+  return ie(s, {
+    get buttons() {
+      return n();
+    },
+    set buttons(u) {
+      n(u);
+    },
+    $$events: { html: i, plain: f },
+    $$legacy: !0
+  }), D(v), R(t, v), se({
+    get value() {
+      return a();
+    },
+    set value(u) {
+      a(u), H();
+    },
+    get buttons() {
+      return n();
+    },
+    set buttons(u) {
+      n(u), H();
+    },
+    get html() {
+      return r();
+    },
+    set html(u) {
+      r(u), H();
+    }
+  });
 }
-customElements.define("switchable-editor", M(ut, { value: {}, buttons: {}, html: { type: "Boolean" } }, [], [], !1));
+customElements.define("switchable-editor", ae(We, { value: {}, buttons: {}, html: {} }, [], [], !1));