@genexus/genexus-ide-ui 1.1.22 → 1.1.24

package/dist/genexus-ide-ui/p-fd4f9904.js

@@ -0,0 +1,955 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s = globalThis, i = s.ShadowRoot && (void 0 === s.ShadyCSS || s.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e = Symbol(), o = new WeakMap;
+
+class r {
+  constructor(s, i, o) {
+    if (this._$cssResult$ = !0, o !== e) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = s, this.t = i;
+  }
+  get styleSheet() {
+    let s = this.o;
+    const e = this.t;
+    if (i && void 0 === s) {
+      const i = void 0 !== e && 1 === e.length;
+      i && (s = o.get(e)), void 0 === s && ((this.o = s = new CSSStyleSheet).replaceSync(this.cssText), 
+      i && o.set(e, s));
+    }
+    return s;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+
+const r$2 = s => new r("string" == typeof s ? s : s + "", void 0, e), i$3 = (s, ...i) => {
+  const o = 1 === s.length ? s[0] : i.reduce(((i, e, o) => i + (s => {
+    if (!0 === s._$cssResult$) return s.cssText;
+    if ("number" == typeof s) return s;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(e) + s[o + 1]), s[0]);
+  return new r(o, s, e);
+}, S$1 = (e, o) => {
+  if (i) e.adoptedStyleSheets = o.map((s => s instanceof CSSStyleSheet ? s : s.styleSheet)); else for (const i of o) {
+    const o = document.createElement("style"), r = s.litNonce;
+    void 0 !== r && o.setAttribute("nonce", r), o.textContent = i.cssText, e.appendChild(o);
+  }
+}, a = i ? s => s : s => s instanceof CSSStyleSheet ? (s => {
+  let i = "";
+  for (const e of s.cssRules) i += e.cssText;
+  return r$2(i);
+})(s) : s
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;
+
+const {is: h, defineProperty: d, getOwnPropertyDescriptor: p, getOwnPropertyNames: f, getOwnPropertySymbols: v, getPrototypeOf: b} = Object, m = globalThis, $ = m.trustedTypes, g = $ ? $.emptyScript : "", w = m.reactiveElementPolyfillSupport, d$1 = (s, i) => s, _ = {
+  toAttribute(s, i) {
+    switch (i) {
+     case Boolean:
+      s = s ? g : null;
+      break;
+
+     case Object:
+     case Array:
+      s = null == s ? s : JSON.stringify(s);
+    }
+    return s;
+  },
+  fromAttribute(s, i) {
+    let e = s;
+    switch (i) {
+     case Boolean:
+      e = null !== s;
+      break;
+
+     case Number:
+      e = null === s ? null : Number(s);
+      break;
+
+     case Object:
+     case Array:
+      try {
+        e = JSON.parse(s);
+      } catch (s) {
+        e = null;
+      }
+    }
+    return e;
+  }
+}, f$1 = (s, i) => !h(s, i), k = {
+  attribute: !0,
+  type: String,
+  converter: _,
+  reflect: !1,
+  useDefault: !1,
+  hasChanged: f$1
+};
+
+Symbol.metadata ??= Symbol("metadata"), m.litPropertyMetadata ??= new WeakMap;
+
+class C extends HTMLElement {
+  static addInitializer(s) {
+    this._$Ei(), (this.l ??= []).push(s);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [ ...this._$Eh.keys() ];
+  }
+  static createProperty(s, i = k) {
+    if (i.state && (i.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(s) && ((i = Object.create(i)).wrapped = !0), 
+    this.elementProperties.set(s, i), !i.noAccessor) {
+      const e = Symbol(), o = this.getPropertyDescriptor(s, e, i);
+      void 0 !== o && d(this.prototype, s, o);
+    }
+  }
+  static getPropertyDescriptor(s, i, e) {
+    const {get: o, set: r} = p(this.prototype, s) ?? {
+      get() {
+        return this[i];
+      },
+      set(s) {
+        this[i] = s;
+      }
+    };
+    return {
+      get: o,
+      set(i) {
+        const a = o?.call(this);
+        r?.call(this, i), this.requestUpdate(s, a, e);
+      },
+      configurable: !0,
+      enumerable: !0
+    };
+  }
+  static getPropertyOptions(s) {
+    return this.elementProperties.get(s) ?? k;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d$1("elementProperties"))) return;
+    const s = b(this);
+    s.finalize(), void 0 !== s.l && (this.l = [ ...s.l ]), this.elementProperties = new Map(s.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d$1("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+      const s = this.properties, i = [ ...f(s), ...v(s) ];
+      for (const e of i) this.createProperty(e, s[e]);
+    }
+    const s = this[Symbol.metadata];
+    if (null !== s) {
+      const i = litPropertyMetadata.get(s);
+      if (void 0 !== i) for (const [s, e] of i) this.elementProperties.set(s, e);
+    }
+    this._$Eh = new Map;
+    for (const [s, i] of this.elementProperties) {
+      const e = this._$Eu(s, i);
+      void 0 !== e && this._$Eh.set(e, s);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s) {
+    const i = [];
+    if (Array.isArray(s)) {
+      const e = new Set(s.flat(1 / 0).reverse());
+      for (const s of e) i.unshift(a(s));
+    } else void 0 !== s && i.push(a(s));
+    return i;
+  }
+  static _$Eu(s, i) {
+    const e = i.attribute;
+    return !1 === e ? void 0 : "string" == typeof e ? e : "string" == typeof s ? s.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, 
+    this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((s => this.enableUpdating = s)), this._$AL = new Map, this._$E_(), 
+    this.requestUpdate(), this.constructor.l?.forEach((s => s(this)));
+  }
+  addController(s) {
+    (this._$EO ??= new Set).add(s), void 0 !== this.renderRoot && this.isConnected && s.hostConnected?.();
+  }
+  removeController(s) {
+    this._$EO?.delete(s);
+  }
+  _$E_() {
+    const s = new Map, i = this.constructor.elementProperties;
+    for (const e of i.keys()) this.hasOwnProperty(e) && (s.set(e, this[e]), delete this[e]);
+    s.size > 0 && (this._$Ep = s);
+  }
+  createRenderRoot() {
+    const s = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S$1(s, this.constructor.elementStyles), s;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((s => s.hostConnected?.()));
+  }
+  enableUpdating(s) {}
+  disconnectedCallback() {
+    this._$EO?.forEach((s => s.hostDisconnected?.()));
+  }
+  attributeChangedCallback(s, i, e) {
+    this._$AK(s, e);
+  }
+  _$ET(s, i) {
+    const e = this.constructor.elementProperties.get(s), o = this.constructor._$Eu(s, e);
+    if (void 0 !== o && !0 === e.reflect) {
+      const r = (void 0 !== e.converter?.toAttribute ? e.converter : _).toAttribute(i, e.type);
+      this._$Em = s, null == r ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
+    }
+  }
+  _$AK(s, i) {
+    const e = this.constructor, o = e._$Eh.get(s);
+    if (void 0 !== o && this._$Em !== o) {
+      const s = e.getPropertyOptions(o), r = "function" == typeof s.converter ? {
+        fromAttribute: s.converter
+      } : void 0 !== s.converter?.fromAttribute ? s.converter : _;
+      this._$Em = o;
+      const a = r.fromAttribute(i, s.type);
+      this[o] = a ?? this._$Ej?.get(o) ?? a, this._$Em = null;
+    }
+  }
+  requestUpdate(s, i, e) {
+    if (void 0 !== s) {
+      const o = this.constructor, r = this[s];
+      if (e ??= o.getPropertyOptions(s), !((e.hasChanged ?? f$1)(r, i) || e.useDefault && e.reflect && r === this._$Ej?.get(s) && !this.hasAttribute(o._$Eu(s, e)))) return;
+      this.C(s, i, e);
+    }
+    !1 === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(s, i, {useDefault: e, reflect: o, wrapped: r}, a) {
+    e && !(this._$Ej ??= new Map).has(s) && (this._$Ej.set(s, a ?? i ?? this[s]), !0 !== r || void 0 !== a) || (this._$AL.has(s) || (this.hasUpdated || e || (i = void 0), 
+    this._$AL.set(s, i)), !0 === o && this._$Em !== s && (this._$Eq ??= new Set).add(s));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (s) {
+      Promise.reject(s);
+    }
+    const s = this.scheduleUpdate();
+    return null != s && await s, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [s, i] of this._$Ep) this[s] = i;
+        this._$Ep = void 0;
+      }
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [i, e] of s) {
+        const {wrapped: s} = e, o = this[i];
+        !0 !== s || this._$AL.has(i) || void 0 === o || this.C(i, void 0, e, o);
+      }
+    }
+    let s = !1;
+    const i = this._$AL;
+    try {
+      s = this.shouldUpdate(i), s ? (this.willUpdate(i), this._$EO?.forEach((s => s.hostUpdate?.())), 
+      this.update(i)) : this._$EM();
+    } catch (i) {
+      throw s = !1, this._$EM(), i;
+    }
+    s && this._$AE(i);
+  }
+  willUpdate(s) {}
+  _$AE(s) {
+    this._$EO?.forEach((s => s.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, 
+    this.firstUpdated(s)), this.updated(s);
+  }
+  _$EM() {
+    this._$AL = new Map, this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(s) {
+    return !0;
+  }
+  update(s) {
+    this._$Eq &&= this._$Eq.forEach((s => this._$ET(s, this[s]))), this._$EM();
+  }
+  updated(s) {}
+  firstUpdated(s) {}
+}
+
+C.elementStyles = [], C.shadowRootOptions = {
+  mode: "open"
+}, C[d$1("elementProperties")] = new Map, C[d$1("finalized")] = new Map, w?.({
+  ReactiveElement: C
+}), (m.reactiveElementVersions ??= []).push("2.1.1");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ const A = globalThis, E = A.trustedTypes, O = E ? E.createPolicy("lit-html", {
+  createHTML: s => s
+}) : void 0, x = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, M = "?" + j, z = `<${M}>`, N = document, l = () => N.createComment(""), c = s => null === s || "object" != typeof s && "function" != typeof s, U = Array.isArray, u = s => U(s) || "function" == typeof s?.[Symbol.iterator], R = "[ \t\n\f\r]", T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, D = /-->/g, I = />/g, L = RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), J = /'/g, W = /"/g, H = /^(?:script|style|textarea|title)$/i, y = s => (i, ...e) => ({
+  _$litType$: s,
+  strings: i,
+  values: e
+}), Z = y(1), q = Symbol.for("lit-noChange"), K = Symbol.for("lit-nothing"), F = new WeakMap, G = N.createTreeWalker(N, 129);
+
+function P(s, i) {
+  if (!U(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== O ? O.createHTML(i) : i;
+}
+
+const V = (s, i) => {
+  const e = s.length - 1, o = [];
+  let r, a = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", h = T;
+  for (let i = 0; i < e; i++) {
+    const e = s[i];
+    let d, p, f = -1, v = 0;
+    for (;v < e.length && (h.lastIndex = v, p = h.exec(e), null !== p); ) v = h.lastIndex, 
+    h === T ? "!--" === p[1] ? h = D : void 0 !== p[1] ? h = I : void 0 !== p[2] ? (H.test(p[2]) && (r = RegExp("</" + p[2], "g")), 
+    h = L) : void 0 !== p[3] && (h = L) : h === L ? ">" === p[0] ? (h = r ?? T, f = -1) : void 0 === p[1] ? f = -2 : (f = h.lastIndex - p[2].length, 
+    d = p[1], h = void 0 === p[3] ? L : '"' === p[3] ? W : J) : h === W || h === J ? h = L : h === D || h === I ? h = T : (h = L, 
+    r = void 0);
+    const b = h === L && s[i + 1].startsWith("/>") ? " " : "";
+    a += h === T ? e + z : f >= 0 ? (o.push(d), e.slice(0, f) + x + e.slice(f) + j + b) : e + j + (-2 === f ? i : b);
+  }
+  return [ P(s, a + (s[e] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")), o ];
+};
+
+class Q {
+  constructor({strings: s, _$litType$: i}, e) {
+    let o;
+    this.parts = [];
+    let r = 0, a = 0;
+    const h = s.length - 1, d = this.parts, [p, f] = V(s, i);
+    if (this.el = Q.createElement(p, e), G.currentNode = this.el.content, 2 === i || 3 === i) {
+      const s = this.el.content.firstChild;
+      s.replaceWith(...s.childNodes);
+    }
+    for (;null !== (o = G.nextNode()) && d.length < h; ) {
+      if (1 === o.nodeType) {
+        if (o.hasAttributes()) for (const s of o.getAttributeNames()) if (s.endsWith(x)) {
+          const i = f[a++], e = o.getAttribute(s).split(j), h = /([.?@])?(.*)/.exec(i);
+          d.push({
+            type: 1,
+            index: r,
+            name: h[2],
+            strings: e,
+            ctor: "." === h[1] ? st : "?" === h[1] ? it : "@" === h[1] ? et : tt
+          }), o.removeAttribute(s);
+        } else s.startsWith(j) && (d.push({
+          type: 6,
+          index: r
+        }), o.removeAttribute(s));
+        if (H.test(o.tagName)) {
+          const s = o.textContent.split(j), i = s.length - 1;
+          if (i > 0) {
+            o.textContent = E ? E.emptyScript : "";
+            for (let e = 0; e < i; e++) o.append(s[e], l()), G.nextNode(), d.push({
+              type: 2,
+              index: ++r
+            });
+            o.append(s[i], l());
+          }
+        }
+      } else if (8 === o.nodeType) if (o.data === M) d.push({
+        type: 2,
+        index: r
+      }); else {
+        let s = -1;
+        for (;-1 !== (s = o.data.indexOf(j, s + 1)); ) d.push({
+          type: 7,
+          index: r
+        }), s += j.length - 1;
+      }
+      r++;
+    }
+  }
+  static createElement(s, i) {
+    const e = N.createElement("template");
+    return e.innerHTML = s, e;
+  }
+}
+
+function S(s, i, e = s, o) {
+  if (i === q) return i;
+  let r = void 0 !== o ? e._$Co?.[o] : e._$Cl;
+  const a = c(i) ? void 0 : i._$litDirective$;
+  return r?.constructor !== a && (r?._$AO?.(!1), void 0 === a ? r = void 0 : (r = new a(s), 
+  r._$AT(s, e, o)), void 0 !== o ? (e._$Co ??= [])[o] = r : e._$Cl = r), void 0 !== r && (i = S(s, r._$AS(s, i.values), r, o)), 
+  i;
+}
+
+class X {
+  constructor(s, i) {
+    this._$AV = [], this._$AN = void 0, this._$AD = s, this._$AM = i;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(s) {
+    const {el: {content: i}, parts: e} = this._$AD, o = (s?.creationScope ?? N).importNode(i, !0);
+    G.currentNode = o;
+    let r = G.nextNode(), a = 0, h = 0, d = e[0];
+    for (;void 0 !== d; ) {
+      if (a === d.index) {
+        let i;
+        2 === d.type ? i = new Y(r, r.nextSibling, this, s) : 1 === d.type ? i = new d.ctor(r, d.name, d.strings, this, s) : 6 === d.type && (i = new ot(r, this, s)), 
+        this._$AV.push(i), d = e[++h];
+      }
+      a !== d?.index && (r = G.nextNode(), a++);
+    }
+    return G.currentNode = N, o;
+  }
+  p(s) {
+    let i = 0;
+    for (const e of this._$AV) void 0 !== e && (void 0 !== e.strings ? (e._$AI(s, e, i), 
+    i += e.strings.length - 2) : e._$AI(s[i])), i++;
+  }
+}
+
+class Y {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(s, i, e, o) {
+    this.type = 2, this._$AH = K, this._$AN = void 0, this._$AA = s, this._$AB = i, 
+    this._$AM = e, this.options = o, this._$Cv = o?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let s = this._$AA.parentNode;
+    const i = this._$AM;
+    return void 0 !== i && 11 === s?.nodeType && (s = i.parentNode), s;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(s, i = this) {
+    s = S(this, s, i), c(s) ? s === K || null == s || "" === s ? (this._$AH !== K && this._$AR(), 
+    this._$AH = K) : s !== this._$AH && s !== q && this._(s) : void 0 !== s._$litType$ ? this.$(s) : void 0 !== s.nodeType ? this.T(s) : u(s) ? this.k(s) : this._(s);
+  }
+  O(s) {
+    return this._$AA.parentNode.insertBefore(s, this._$AB);
+  }
+  T(s) {
+    this._$AH !== s && (this._$AR(), this._$AH = this.O(s));
+  }
+  _(s) {
+    this._$AH !== K && c(this._$AH) ? this._$AA.nextSibling.data = s : this.T(N.createTextNode(s)), 
+    this._$AH = s;
+  }
+  $(s) {
+    const {values: i, _$litType$: e} = s, o = "number" == typeof e ? this._$AC(s) : (void 0 === e.el && (e.el = Q.createElement(P(e.h, e.h[0]), this.options)), 
+    e);
+    if (this._$AH?._$AD === o) this._$AH.p(i); else {
+      const s = new X(o, this), e = s.u(this.options);
+      s.p(i), this.T(e), this._$AH = s;
+    }
+  }
+  _$AC(s) {
+    let i = F.get(s.strings);
+    return void 0 === i && F.set(s.strings, i = new Q(s)), i;
+  }
+  k(s) {
+    U(this._$AH) || (this._$AH = [], this._$AR());
+    const i = this._$AH;
+    let e, o = 0;
+    for (const r of s) o === i.length ? i.push(e = new Y(this.O(l()), this.O(l()), this, this.options)) : e = i[o], 
+    e._$AI(r), o++;
+    o < i.length && (this._$AR(e && e._$AB.nextSibling, o), i.length = o);
+  }
+  _$AR(s = this._$AA.nextSibling, i) {
+    for (this._$AP?.(!1, !0, i); s !== this._$AB; ) {
+      const i = s.nextSibling;
+      s.remove(), s = i;
+    }
+  }
+  setConnected(s) {
+    void 0 === this._$AM && (this._$Cv = s, this._$AP?.(s));
+  }
+}
+
+class tt {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(s, i, e, o, r) {
+    this.type = 1, this._$AH = K, this._$AN = void 0, this.element = s, this.name = i, 
+    this._$AM = o, this.options = r, e.length > 2 || "" !== e[0] || "" !== e[1] ? (this._$AH = Array(e.length - 1).fill(new String), 
+    this.strings = e) : this._$AH = K;
+  }
+  _$AI(s, i = this, e, o) {
+    const r = this.strings;
+    let a = !1;
+    if (void 0 === r) s = S(this, s, i, 0), a = !c(s) || s !== this._$AH && s !== q, 
+    a && (this._$AH = s); else {
+      const o = s;
+      let h, d;
+      for (s = r[0], h = 0; h < r.length - 1; h++) d = S(this, o[e + h], i, h), d === q && (d = this._$AH[h]), 
+      a ||= !c(d) || d !== this._$AH[h], d === K ? s = K : s !== K && (s += (d ?? "") + r[h + 1]), 
+      this._$AH[h] = d;
+    }
+    a && !o && this.j(s);
+  }
+  j(s) {
+    s === K ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, s ?? "");
+  }
+}
+
+class st extends tt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(s) {
+    this.element[this.name] = s === K ? void 0 : s;
+  }
+}
+
+class it extends tt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(s) {
+    this.element.toggleAttribute(this.name, !!s && s !== K);
+  }
+}
+
+class et extends tt {
+  constructor(s, i, e, o, r) {
+    super(s, i, e, o, r), this.type = 5;
+  }
+  _$AI(s, i = this) {
+    if ((s = S(this, s, i, 0) ?? K) === q) return;
+    const e = this._$AH, o = s === K && e !== K || s.capture !== e.capture || s.once !== e.once || s.passive !== e.passive, r = s !== K && (e === K || o);
+    o && this.element.removeEventListener(this.name, this, e), r && this.element.addEventListener(this.name, this, s), 
+    this._$AH = s;
+  }
+  handleEvent(s) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, s) : this._$AH.handleEvent(s);
+  }
+}
+
+class ot {
+  constructor(s, i, e) {
+    this.element = s, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = e;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(s) {
+    S(this, s);
+  }
+}
+
+const nt = A.litHtmlPolyfillSupport;
+
+nt?.(Q, Y), (A.litHtmlVersions ??= []).push("3.3.1");
+
+const B = (s, i, e) => {
+  const o = e?.renderBefore ?? i;
+  let r = o._$litPart$;
+  if (void 0 === r) {
+    const s = e?.renderBefore ?? null;
+    o._$litPart$ = r = new Y(i.insertBefore(l(), s), s, void 0, e ?? {});
+  }
+  return r._$AI(s), r
+  /**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;
+};
+
+const rt = globalThis;
+
+class at extends C {
+  constructor() {
+    super(...arguments), this.renderOptions = {
+      host: this
+    }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const s = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= s.firstChild, s;
+  }
+  update(s) {
+    const i = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(s), 
+    this._$Do = B(i, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return q;
+  }
+}
+
+at._$litElement$ = !0, at["finalized"] = !0, rt.litElementHydrateSupport?.({
+  LitElement: at
+});
+
+const ct = rt.litElementPolyfillSupport;
+
+ct?.({
+  LitElement: at
+});
+
+(rt.litElementVersions ??= []).push("4.2.1");
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ function n(s, i, e) {
+  return s ? i(s) : e?.(s);
+}
+
+// The following utils were copied from Chamelmeon (src/components/chat/utils.ts or src/common/utils.ts)
+const getMessageSerializedContentAll = s => typeof s.content === "string" ? s.content : JSON.stringify(s.content, undefined, 2);
+
+const getMessageContent = s => typeof s.content === "string" ? s.content : s.content.message
+/**
+ * Converts an object mapping token keys to booleans into a space-separated
+ * string containing the token keys that map to truthy values.
+ * @example
+ *   part={tokenMap({
+ *     header: true,
+ *     disabled: this.disabled,
+ *     selected: this.selected,
+ *     [levelPart]: canShowLines,
+ *     "expand-button":
+ *       canShowLines && !this.leaf && this.expandableButton !== "no"
+ *   })}
+ */;
+
+const tokenMap = s => {
+  const i = Object.keys(s);
+  let e = "";
+  for (let o = 0; o < i.length; o++) {
+    const r = i[o];
+    const a = s[r];
+    if (a) {
+      e += e === "" ? r : ` ${r}`;
+    }
+  }
+  return e;
+};
+
+const copyToTheClipboard = s => navigator.clipboard.writeText(s);
+
+const copyButtonClickHandler = (s, i) => {
+  copyToTheClipboard(i);
+  const e = s.currentTarget;
+  if (e) {
+    const s = e.getAttribute("part");
+    const i = `${s} copying`;
+    e.setAttribute("disabled", "disabled");
+    e.setAttribute("part", i);
+    setTimeout((() => {
+      e.removeAttribute("disabled");
+      e.setAttribute("part", s || "");
+    }), 1500);
+  }
+};
+
+const ht = "complete";
+
+const copyClickHandler = (s, i) => {
+  // We use the whole message to support copying the files and/or sources
+  const e = getMessageSerializedContentAll(i);
+  copyButtonClickHandler(s, e);
+};
+
+const customActionsRender = (s, i) => {
+  const {accessibleName: e} = i.translations;
+  const o = s.role === "assistant" && (s.status === "complete" || !s.status);
+  const r = s.role === "error";
+  return n(o || r, (() => Z`<div part="actions-container">
+        <button
+          aria-label=${
+  // TODO: Don't set aria-label if it equals to the caption
+  e.copyMessageContent}
+          part=${tokenMap(Object.assign({
+    [`assistant copy-message-content ${s.id}`]: true
+  }, s.parts ? {
+    [s.parts]: true
+  } : {}))}
+          type="button"
+          @click=${i => copyClickHandler(i, s)}
+        >
+          <!-- icon only button type -->
+        </button>
+      </div>`));
+};
+
+const downloadCodeBlockCallback = (s, i, e) => () => e(s, i);
+
+const customCodeBlockRender = s => i => {
+  var e;
+  const {accessibleName: o, text: r} = s.translations;
+  const a = (e = s.callbacks) === null || e === void 0 ? void 0 : e.downloadCodeBlock;
+  // console.log("downloadCb", downloadCb);
+    return Z`<div part="code-block">
+      <div part="code-block__header">
+        <span part="code-block__header-caption">${i.language}</span>
+
+        <div part="code-block__header-actions">
+          <button
+            class="button-copy-code"
+            aria-label=${r.copyCodeButton}
+            part="code-block__button--icon-only code-block__copy-code-button"
+            type="button"
+            @click=${s => copyButtonClickHandler(s, i.plainText)}
+          >
+            <!-- icon only button type -->
+          </button>
+
+          ${n(a, (() => Z`<button
+                aria-label=${
+  // TODO: Don't set aria-label if it equals to the caption
+  o.downloadCodeButton}
+                part="code-block__button--icon-only code-block__download-code-button"
+                @click=${downloadCodeBlockCallback(i.plainText, i.language, a)}
+              >
+                <!-- icon only button type -->
+              </button>`))}
+        </div>
+      </div>
+
+      <ch-code
+        .language=${i.language}
+        .lastNestedChildClass=${i.lastNestedChildClass}
+        part="code-block__content"
+        .showIndicator=${i.showIndicator}
+        .value=${i.plainText}
+      ></ch-code>
+    </div>`;
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;
+
+const t = s => (i, e) => {
+  void 0 !== e ? e.addInitializer((() => {
+    customElements.define(s, i);
+  })) : customElements.define(s, i);
+};
+
+var lt = undefined && undefined.__decorate || function(s, i, e, o) {
+  var r = arguments.length, a = r < 3 ? i : o === null ? o = Object.getOwnPropertyDescriptor(i, e) : o, h;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") a = Reflect.decorate(s, i, e, o); else for (var d = s.length - 1; d >= 0; d--) if (h = s[d]) a = (r < 3 ? h(a) : r > 3 ? h(i, e, a) : h(i, e)) || a;
+  return r > 3 && a && Object.defineProperty(i, e, a), a;
+};
+
+const dt = "dot";
+
+let ut = class s extends at {
+  // Render the UI as a function of component state
+  render() {
+    return Z`<div class=${dt} part="dot dot-1"></div>
+      <div class=${dt} part="dot dot-2"></div>
+      <div class=${dt} part="dot dot-3"></div>`;
+  }
+};
+
+ut.styles = i$3`
+    :host {
+      --dot-size: 5px;
+      --dot-initial-opacity: 0;
+      --dot-initial-scale: 0.5;
+      --dot-background-color: var(--mer-color__primary--200);
+      --animation-duration: 0.4s;
+      display: inline-flex;
+      gap: calc(var(--dot-size) / 1.15);
+    }
+
+    .dot {
+      display: inline-block;
+      inline-size: var(--dot-size);
+      block-size: var(--dot-size);
+      border-radius: calc(var(--dot-size) / 2);
+      opacity: var(--dot-initial-opacity);
+      transform: scale(var(--dot-initial-scale));
+      animation: animateDot var(--animation-duration) ease-in-out infinite alternate;
+      background-color: var(--dot-background-color);
+    }
+    .dot:nth-child(2) {
+      animation-delay: calc(var(--animation-duration) / 3); // 33% delay
+    }
+    .dot:nth-child(3) {
+      animation-delay: calc(var(--animation-duration) / 1.5); // 66% delay
+    }
+
+    @keyframes animateDot {
+      to {
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+  `;
+
+ut = lt([ t("dots-animation") ], ut);
+
+/*
+README:
+This file contains sections for customitizing the ch-chat renderItem.
+The following sections are being customized at the time of writting:
+- actions: customActionsRender,
+- codeBlock: customCodeBlockRender,
+- content: customContentRender
+
+What for?
+
+- actions: In order to be able to customize the copy button, by adding a part
+"copying" when the user copies the message. This additional part allows changing
+the current button icon of "copy" to a "checked" icon.
+- codeBlock: Same reason as "actions" section.
+- content: Mercury includes a "header" section for the assistant message. This
+header includes an avatar, the assistant name, and optionally the message time.
+This header requires custom markup, and for this reason this section has to be
+customized.
+*/
+/**
+ * Mercury section that includes the assistant the assistant name, and an optional message time.
+ *
+ * @param messageMetaData - Metadata containing assistantName and time
+ * @returns TemplateResult rendering the assistant message header
+ */ const messageHeader = s => {
+  const i = s.assistantName;
+  const e = s.time;
+  return Z` <div part="header assistant">
+    <div part="header__start assistant">
+      <div part="header__avatar-container assistant">
+        <div part="header__avatar-border assistant"></div>
+        <div part="header__avatar-image assistant"></div>
+      </div>
+      <div part="header__role assistant">${i}</div>
+    </div>
+    ${e ? Z`<time datetime="${e}" part="header__time assistant"
+          >${e}</time
+        >` : K}
+  </div>`;
+};
+
+// customzied in order to add the custom "messageHeader"
+const customAssistantContentRender = (s, i, e) => {
+  var o, r;
+  const a = getMessageContent(s);
+  return s.status === "waiting" ? Z`${messageHeader(s.metadata)}
+        <style>
+          dots-animation::part(dot-1) {
+            --dot-background-color: #5ba7ff;
+          }
+          dots-animation::part(dot-2) {
+            --dot-background-color: #00ccff;
+          }
+          dots-animation::part(dot-3) {
+            --dot-background-color: #cf7aff;
+          }
+        </style>
+        <div
+          class="assistant-loading"
+          part=${tokenMap(Object.assign({
+    [`assistant content waiting ${s.id}`]: true
+  }, s.parts ? {
+    [s.parts]: true
+  } : {}))}
+        >
+          ${a}
+          <dots-animation></dots-animation>
+        </div>` : Z`${messageHeader(s.metadata)}
+        <ch-markdown-viewer
+          part=${tokenMap(Object.assign({
+    [`assistant content ${s.id} ${(o = s.status) !== null && o !== void 0 ? o : ht}`]: true
+  }, s.parts ? {
+    [s.parts]: true
+  } : {}))}
+          .renderCode=${
+  // WA: Define codeBlockRender as "any" to avoid types incompatibility:
+  // codeBlockRender returns TemplateResult and renderCode expects TemplateResult | undefined
+  // In Chameleon this type mismatch does not happens. TODO: Evaluate a solution in Chameleon.
+  e(i)}
+          .showIndicator=${s.status === "streaming"}
+          .theme=${(r = i.markdownTheme) !== null && r !== void 0 ? r : undefined}
+          .value=${a}
+        ></ch-markdown-viewer>`;
+};
+
+// customzied in order to add the custom "messageHeader"
+const customErrorContentRender = (s, i, e) => {
+  var o;
+  const r = getMessageContent(s);
+  return Z`${messageHeader(s.metadata)}
+    <ch-markdown-viewer
+      part=${tokenMap(Object.assign({
+    [`error content ${s.id}`]: true
+  }, s.parts ? {
+    [s.parts]: true
+  } : {}))}
+      .renderCode=${
+  // WA: Define codeBlockRender as "any" to avoid types incompatibility:
+  // codeBlockRender returns TemplateResult and renderCode expects TemplateResult | undefined
+  // In Chameleon this type mismatch does not happens. TODO: Evaluate a solution in Chameleon.
+  e(i)}
+      .theme=${(o = i.markdownTheme) !== null && o !== void 0 ? o : undefined}
+      .value=${r}
+    ></ch-markdown-viewer>`;
+};
+
+// No modification. It is required to be defined.
+const defaultSystemContentRender = () => "string | TemplateResult"
+// No modification. It is required to be defined.
+;
+
+const defaultUserContentRender = s => {
+  var i;
+  return (i = getMessageContent(s)) !== null && i !== void 0 ? i : "";
+};
+
+const pt = {
+  // TODO: Check if each contentRender can be optional, since it may be not me required to implement
+  // a custom render for each type of content. ie.: Mercury does not requres to customize "system" and "user"
+  assistant: customAssistantContentRender,
+  error: customErrorContentRender,
+  system: defaultSystemContentRender,
+  user: defaultUserContentRender
+};
+
+const customContentRender = (s, i, e) => pt[s.role](s, i, e)
+// /Content
+;
+
+const ft = {
+  actions: customActionsRender,
+  codeBlock: customCodeBlockRender,
+  content: customContentRender
+};
+
+export { ft as r };
+//# sourceMappingURL=p-fd4f9904.js.map