@qualityunit/liveagent-components-editor 0.0.3

package/dist/editor-lib.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./ckeditor5-EBIBA6Vx.cjs");function k(l){return l?.length!==void 0?l:Array.from(l)}function v(l,e,o){const n=l.slice();return n[4]=e[o],n}function E(l){let e,o=l[4].text+"",n,i,r,s,f;return{c(){e=t.element("button"),n=t.text(o),t.attr(e,"class",i=l[4].style),t.attr(e,"title",r=l[4].text)},m(c,a){t.insert(c,e,a),t.append(e,n),s||(f=t.listen(e,"click",function(){t.is_function(l[4].handler)&&l[4].handler.apply(this,arguments)}),s=!0)},p(c,a){l=c,a&1&&o!==(o=l[4].text+"")&&t.set_data(n,o),a&1&&i!==(i=l[4].style)&&t.attr(e,"class",i),a&1&&r!==(r=l[4].text)&&t.attr(e,"title",r)},d(c){c&&t.detach(e),s=!1,f()}}}function C(l){let e,o,n,i,r,s,f,c=k(l[0]),a=[];for(let u=0;u<c.length;u+=1)a[u]=E(v(l,c,u));return{c(){e=t.element("div"),o=t.element("button"),o.textContent="HTML",n=t.space(),i=t.element("button"),i.textContent="Plain",r=t.space();for(let u=0;u<a.length;u+=1)a[u].c();t.attr(o,"class","HTMLEditor"),t.attr(i,"class","PlainEditor")},m(u,d){t.insert(u,e,d),t.append(e,o),t.append(e,n),t.append(e,i),t.append(e,r);for(let _=0;_<a.length;_+=1)a[_]&&a[_].m(e,null);s||(f=[t.listen(o,"click",l[1]),t.listen(i,"click",l[2])],s=!0)},p(u,[d]){if(d&1){c=k(u[0]);let _;for(_=0;_<c.length;_+=1){const b=v(u,c,_);a[_]?a[_].p(b,d):(a[_]=E(b),a[_].c(),a[_].m(e,null))}for(;_<a.length;_+=1)a[_].d(1);a.length=c.length}},i:t.noop,o:t.noop,d(u){u&&t.detach(e),t.destroy_each(a,u),s=!1,t.run_all(f)}}}function y(l,e,o){const n=t.createEventDispatcher();let{buttons:i=[]}=e;function r(){n("html",{})}function s(){n("plain",{})}return l.$$set=f=>{"buttons"in f&&o(0,i=f.buttons)},[i,r,s]}class $ extends t.SvelteComponent{constructor(e){super(),t.init(this,e,y,C,t.safe_not_equal,{buttons:0})}get buttons(){return this.$$.ctx[0]}set buttons(e){this.$$set({buttons:e}),t.flush()}}t.create_custom_element($,{buttons:{}},[],[],!0);function w(l){let e,o,n;return{c(){e=t.element("textarea")},m(i,r){t.insert(i,e,r),t.set_input_value(e,l[0]),o||(n=t.listen(e,"input",l[6]),o=!0)},p(i,r){r&1&&t.set_input_value(e,i[0])},i:t.noop,o:t.noop,d(i){i&&t.detach(e),o=!1,n()}}}function H(l){let e,o,n;function i(s){l[5](s)}let r={};return l[0]!==void 0&&(r.value=l[0]),e=new t.CKEditor5Classic_1({props:r}),t.binding_callbacks.push(()=>t.bind(e,"value",i)),{c(){t.create_component(e.$$.fragment)},m(s,f){t.mount_component(e,s,f),n=!0},p(s,f){const c={};!o&&f&1&&(o=!0,c.value=s[0],t.add_flush_callback(()=>o=!1)),e.$set(c)},i(s){n||(t.transition_in(e.$$.fragment,s),n=!0)},o(s){t.transition_out(e.$$.fragment,s),n=!1},d(s){t.destroy_component(e,s)}}}function P(l){let e,o,n,i,r,s,f,c;const a=[H,w],u=[];function d(h,m){return h[2]?0:1}n=d(l),i=u[n]=a[n](l);function _(h){l[7](h)}let b={};return l[1]!==void 0&&(b.buttons=l[1]),s=new $({props:b}),t.binding_callbacks.push(()=>t.bind(s,"buttons",_)),s.$on("html",l[3]),s.$on("plain",l[4]),{c(){e=t.element("main"),o=t.element("div"),i.c(),r=t.space(),t.create_component(s.$$.fragment),t.attr(o,"class","Editor")},m(h,m){t.insert(h,e,m),t.append(e,o),u[n].m(o,null),t.append(e,r),t.mount_component(s,e,null),c=!0},p(h,[m]){let p=n;n=d(h),n===p?u[n].p(h,m):(t.group_outros(),t.transition_out(u[p],1,1,()=>{u[p]=null}),t.check_outros(),i=u[n],i?i.p(h,m):(i=u[n]=a[n](h),i.c()),t.transition_in(i,1),i.m(o,null));const g={};!f&&m&2&&(f=!0,g.buttons=h[1],t.add_flush_callback(()=>f=!1)),s.$set(g)},i(h){c||(t.transition_in(i),t.transition_in(s.$$.fragment,h),c=!0)},o(h){t.transition_out(i),t.transition_out(s.$$.fragment,h),c=!1},d(h){h&&t.detach(e),u[n].d(),t.destroy_component(s)}}}function q(l,e,o){let{value:n=""}=e,{buttons:i=[]}=e,{html:r=!0}=e;function s(){r||o(2,r=!0)}function f(){r&&(o(0,n=n.replace(/<[^>]*>?/gm,"")),o(2,r=!1))}function c(d){n=d,o(0,n)}function a(){n=this.value,o(0,n)}function u(d){i=d,o(1,i)}return l.$$set=d=>{"value"in d&&o(0,n=d.value),"buttons"in d&&o(1,i=d.buttons),"html"in d&&o(2,r=d.html)},[n,i,r,s,f,c,a,u]}class S extends t.SvelteComponent{constructor(e){super(),t.init(this,e,q,P,t.safe_not_equal,{value:0,buttons:1,html:2})}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),t.flush()}get buttons(){return this.$$.ctx[1]}set buttons(e){this.$$set({buttons:e}),t.flush()}get html(){return this.$$.ctx[2]}set html(e){this.$$set({html:e}),t.flush()}}customElements.define("switchable-editor",t.create_custom_element(S,{value:{},buttons:{},html:{type:"Boolean"}},[],[],!1));

package/dist/editor-lib.js

@@ -0,0 +1,298 @@
+import { c as L, S as M, i as T, f as k, s as j, e as d, a as P, b as h, d as w, g as m, l as C, n as $, h as y, 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 v, x as X, y as E, z as I, A as J, B as Y, C as S, D as Z } from "./ckeditor5-DMTIEzP4.js";
+function q(n) {
+  return n?.length !== void 0 ? n : Array.from(n);
+}
+function A(n, t, s) {
+  const e = n.slice();
+  return e[4] = t[s], e;
+}
+function D(n) {
+  let t, s = (
+    /*button*/
+    n[4].text + ""
+  ), e, l, i, u, f;
+  return {
+    c() {
+      t = d("button"), e = U(s), h(t, "class", l = /*button*/
+      n[4].style), h(t, "title", i = /*button*/
+      n[4].text);
+    },
+    m(r, a) {
+      w(r, t, a), m(t, e), u || (f = C(t, "click", function() {
+        V(
+          /*button*/
+          n[4].handler
+        ) && n[4].handler.apply(this, arguments);
+      }), u = !0);
+    },
+    p(r, a) {
+      n = r, a & /*buttons*/
+      1 && s !== (s = /*button*/
+      n[4].text + "") && W(e, s), a & /*buttons*/
+      1 && l !== (l = /*button*/
+      n[4].style) && h(t, "class", l), a & /*buttons*/
+      1 && i !== (i = /*button*/
+      n[4].text) && h(t, "title", i);
+    },
+    d(r) {
+      r && y(t), u = !1, f();
+    }
+  };
+}
+function x(n) {
+  let t, s, e, l, i, u, f, r = q(
+    /*buttons*/
+    n[0]
+  ), a = [];
+  for (let o = 0; o < r.length; o += 1)
+    a[o] = D(A(n, r, o));
+  return {
+    c() {
+      t = d("div"), s = d("button"), s.textContent = "HTML", e = P(), l = d("button"), l.textContent = "Plain", i = P();
+      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, e), m(t, l), m(t, i);
+      for (let c = 0; c < a.length; c += 1)
+        a[c] && a[c].m(t, null);
+      u || (f = [
+        C(
+          s,
+          "click",
+          /*onHtml*/
+          n[1]
+        ),
+        C(
+          l,
+          "click",
+          /*onPlain*/
+          n[2]
+        )
+      ], u = !0);
+    },
+    p(o, [_]) {
+      if (_ & /*buttons*/
+      1) {
+        r = q(
+          /*buttons*/
+          o[0]
+        );
+        let c;
+        for (c = 0; c < r.length; c += 1) {
+          const g = A(o, r, c);
+          a[c] ? a[c].p(g, _) : (a[c] = D(g), a[c].c(), a[c].m(t, null));
+        }
+        for (; c < a.length; c += 1)
+          a[c].d(1);
+        a.length = r.length;
+      }
+    },
+    i: $,
+    o: $,
+    d(o) {
+      o && y(t), O(a, o), u = !1, Q(f);
+    }
+  };
+}
+function tt(n, t, s) {
+  const e = R();
+  let { buttons: l = [] } = t;
+  function i() {
+    e("html", {});
+  }
+  function u() {
+    e("plain", {});
+  }
+  return n.$$set = (f) => {
+    "buttons" in f && s(0, l = f.buttons);
+  }, [l, i, u];
+}
+class N extends M {
+  constructor(t) {
+    super(), T(this, t, tt, x, j, { buttons: 0 });
+  }
+  get buttons() {
+    return this.$$.ctx[0];
+  }
+  set buttons(t) {
+    this.$$set({ buttons: t }), k();
+  }
+}
+L(N, { buttons: {} }, [], [], !0);
+function et(n) {
+  let t, s, e;
+  return {
+    c() {
+      t = d("textarea");
+    },
+    m(l, i) {
+      w(l, t, i), S(
+        t,
+        /*value*/
+        n[0]
+      ), s || (e = C(
+        t,
+        "input",
+        /*textarea_input_handler*/
+        n[6]
+      ), s = !0);
+    },
+    p(l, i) {
+      i & /*value*/
+      1 && S(
+        t,
+        /*value*/
+        l[0]
+      );
+    },
+    i: $,
+    o: $,
+    d(l) {
+      l && y(t), s = !1, e();
+    }
+  };
+}
+function nt(n) {
+  let t, s, e;
+  function l(u) {
+    n[5](u);
+  }
+  let i = {};
+  return (
+    /*value*/
+    n[0] !== void 0 && (i.value = /*value*/
+    n[0]), t = new Z({ props: i }), z.push(() => K(t, "value", l)), {
+      c() {
+        F(t.$$.fragment);
+      },
+      m(u, f) {
+        G(t, u, f), e = !0;
+      },
+      p(u, f) {
+        const r = {};
+        !s && f & /*value*/
+        1 && (s = !0, r.value = /*value*/
+        u[0], I(() => s = !1)), t.$set(r);
+      },
+      i(u) {
+        e || (E(t.$$.fragment, u), e = !0);
+      },
+      o(u) {
+        v(t.$$.fragment, u), e = !1;
+      },
+      d(u) {
+        J(t, u);
+      }
+    }
+  );
+}
+function st(n) {
+  let t, s, e, l, i, u, f, r;
+  const a = [nt, et], o = [];
+  function _(b, p) {
+    return (
+      /*html*/
+      b[2] ? 0 : 1
+    );
+  }
+  e = _(n), l = o[e] = a[e](n);
+  function c(b) {
+    n[7](b);
+  }
+  let g = {};
+  return (
+    /*buttons*/
+    n[1] !== void 0 && (g.buttons = /*buttons*/
+    n[1]), u = new N({ props: g }), z.push(() => K(u, "buttons", c)), u.$on(
+      "html",
+      /*handleHtml*/
+      n[3]
+    ), u.$on(
+      "plain",
+      /*handlePlain*/
+      n[4]
+    ), {
+      c() {
+        t = d("main"), s = d("div"), l.c(), i = P(), F(u.$$.fragment), h(s, "class", "Editor");
+      },
+      m(b, p) {
+        w(b, t, p), m(t, s), o[e].m(s, null), m(t, i), G(u, t, null), r = !0;
+      },
+      p(b, [p]) {
+        let H = e;
+        e = _(b), e === H ? o[e].p(b, p) : (Y(), v(o[H], 1, 1, () => {
+          o[H] = null;
+        }), X(), l = o[e], l ? l.p(b, p) : (l = o[e] = a[e](b), l.c()), E(l, 1), l.m(s, null));
+        const B = {};
+        !f && p & /*buttons*/
+        2 && (f = !0, B.buttons = /*buttons*/
+        b[1], I(() => f = !1)), u.$set(B);
+      },
+      i(b) {
+        r || (E(l), E(u.$$.fragment, b), r = !0);
+      },
+      o(b) {
+        v(l), v(u.$$.fragment, b), r = !1;
+      },
+      d(b) {
+        b && y(t), o[e].d(), J(u);
+      }
+    }
+  );
+}
+function lt(n, t, s) {
+  let { value: e = "" } = t, { buttons: l = [] } = t, { html: i = !0 } = t;
+  function u() {
+    i || s(2, i = !0);
+  }
+  function f() {
+    i && (s(0, e = e.replace(/<[^>]*>?/gm, "")), s(2, i = !1));
+  }
+  function r(_) {
+    e = _, s(0, e);
+  }
+  function a() {
+    e = this.value, s(0, e);
+  }
+  function o(_) {
+    l = _, s(1, l);
+  }
+  return n.$$set = (_) => {
+    "value" in _ && s(0, e = _.value), "buttons" in _ && s(1, l = _.buttons), "html" in _ && s(2, i = _.html);
+  }, [
+    e,
+    l,
+    i,
+    u,
+    f,
+    r,
+    a,
+    o
+  ];
+}
+class ut extends M {
+  constructor(t) {
+    super(), T(this, t, lt, st, j, { value: 0, buttons: 1, html: 2 });
+  }
+  get value() {
+    return this.$$.ctx[0];
+  }
+  set value(t) {
+    this.$$set({ value: t }), k();
+  }
+  get buttons() {
+    return this.$$.ctx[1];
+  }
+  set buttons(t) {
+    this.$$set({ buttons: t }), k();
+  }
+  get html() {
+    return this.$$.ctx[2];
+  }
+  set html(t) {
+    this.$$set({ html: t }), k();
+  }
+}
+customElements.define("switchable-editor", L(ut, { value: {}, buttons: {}, html: { type: "Boolean" } }, [], [], !1));