var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a2, b2) => {
  for (var prop in b2 || (b2 = {}))
    if (__hasOwnProp.call(b2, prop))
      __defNormalProp(a2, prop, b2[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b2)) {
      if (__propIsEnum.call(b2, prop))
        __defNormalProp(a2, prop, b2[prop]);
    }
  return a2;
};
var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
var __publicField = (obj, key, value) => {
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
  return value;
};
/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const t$2 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$4 = Symbol(), n$3 = new Map();
class s$3 {
  constructor(t2, n2) {
    if (this._$cssResult$ = true, n2 !== e$4)
      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
    this.cssText = t2;
  }
  get styleSheet() {
    let e2 = n$3.get(this.cssText);
    return t$2 && e2 === void 0 && (n$3.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
  }
  toString() {
    return this.cssText;
  }
}
const o$4 = (t2) => new s$3(typeof t2 == "string" ? t2 : t2 + "", e$4), r$2 = (t2, ...n2) => {
  const o2 = t2.length === 1 ? t2[0] : n2.reduce((e2, n3, s2) => e2 + ((t3) => {
    if (t3._$cssResult$ === true)
      return t3.cssText;
    if (typeof t3 == "number")
      return t3;
    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
  })(n3) + t2[s2 + 1], t2[0]);
  return new s$3(o2, e$4);
}, i$2 = (e2, n2) => {
  t$2 ? e2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((t2) => {
    const n3 = document.createElement("style"), s2 = window.litNonce;
    s2 !== void 0 && n3.setAttribute("nonce", s2), n3.textContent = t2.cssText, e2.appendChild(n3);
  });
}, S$1 = t$2 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
  let e2 = "";
  for (const n2 of t3.cssRules)
    e2 += n2.cssText;
  return o$4(e2);
})(t2) : t2;
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
var s$2;
const e$3 = window.trustedTypes, r$1 = e$3 ? e$3.emptyScript : "", h$1 = window.reactiveElementPolyfillSupport, o$3 = { toAttribute(t2, i2) {
  switch (i2) {
    case Boolean:
      t2 = t2 ? r$1 : null;
      break;
    case Object:
    case Array:
      t2 = t2 == null ? t2 : JSON.stringify(t2);
  }
  return t2;
}, fromAttribute(t2, i2) {
  let s2 = t2;
  switch (i2) {
    case Boolean:
      s2 = t2 !== null;
      break;
    case Number:
      s2 = t2 === null ? null : Number(t2);
      break;
    case Object:
    case Array:
      try {
        s2 = JSON.parse(t2);
      } catch (t3) {
        s2 = null;
      }
  }
  return s2;
} }, n$2 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$2 = { attribute: true, type: String, converter: o$3, reflect: false, hasChanged: n$2 };
class a$1 extends HTMLElement {
  constructor() {
    super(), this._$Et = new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$Ei = null, this.o();
  }
  static addInitializer(t2) {
    var i2;
    (i2 = this.l) !== null && i2 !== void 0 || (this.l = []), this.l.push(t2);
  }
  static get observedAttributes() {
    this.finalize();
    const t2 = [];
    return this.elementProperties.forEach((i2, s2) => {
      const e2 = this._$Eh(s2, i2);
      e2 !== void 0 && (this._$Eu.set(e2, s2), t2.push(e2));
    }), t2;
  }
  static createProperty(t2, i2 = l$2) {
    if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
      const s2 = typeof t2 == "symbol" ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
      e2 !== void 0 && Object.defineProperty(this.prototype, t2, e2);
    }
  }
  static getPropertyDescriptor(t2, i2, s2) {
    return { get() {
      return this[i2];
    }, set(e2) {
      const r2 = this[t2];
      this[i2] = e2, this.requestUpdate(t2, r2, s2);
    }, configurable: true, enumerable: true };
  }
  static getPropertyOptions(t2) {
    return this.elementProperties.get(t2) || l$2;
  }
  static finalize() {
    if (this.hasOwnProperty("finalized"))
      return false;
    this.finalized = true;
    const t2 = Object.getPrototypeOf(this);
    if (t2.finalize(), this.elementProperties = new Map(t2.elementProperties), this._$Eu = new Map(), this.hasOwnProperty("properties")) {
      const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
      for (const s2 of i2)
        this.createProperty(s2, t3[s2]);
    }
    return this.elementStyles = this.finalizeStyles(this.styles), true;
  }
  static finalizeStyles(i2) {
    const s2 = [];
    if (Array.isArray(i2)) {
      const e2 = new Set(i2.flat(1 / 0).reverse());
      for (const i3 of e2)
        s2.unshift(S$1(i3));
    } else
      i2 !== void 0 && s2.push(S$1(i2));
    return s2;
  }
  static _$Eh(t2, i2) {
    const s2 = i2.attribute;
    return s2 === false ? void 0 : typeof s2 == "string" ? s2 : typeof t2 == "string" ? t2.toLowerCase() : void 0;
  }
  o() {
    var t2;
    this._$Ep = new Promise((t3) => this.enableUpdating = t3), this._$AL = new Map(), this._$Em(), this.requestUpdate(), (t2 = this.constructor.l) === null || t2 === void 0 || t2.forEach((t3) => t3(this));
  }
  addController(t2) {
    var i2, s2;
    ((i2 = this._$Eg) !== null && i2 !== void 0 ? i2 : this._$Eg = []).push(t2), this.renderRoot !== void 0 && this.isConnected && ((s2 = t2.hostConnected) === null || s2 === void 0 || s2.call(t2));
  }
  removeController(t2) {
    var i2;
    (i2 = this._$Eg) === null || i2 === void 0 || i2.splice(this._$Eg.indexOf(t2) >>> 0, 1);
  }
  _$Em() {
    this.constructor.elementProperties.forEach((t2, i2) => {
      this.hasOwnProperty(i2) && (this._$Et.set(i2, this[i2]), delete this[i2]);
    });
  }
  createRenderRoot() {
    var t2;
    const s2 = (t2 = this.shadowRoot) !== null && t2 !== void 0 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
    return i$2(s2, this.constructor.elementStyles), s2;
  }
  connectedCallback() {
    var t2;
    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
      var i2;
      return (i2 = t3.hostConnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
    });
  }
  enableUpdating(t2) {
  }
  disconnectedCallback() {
    var t2;
    (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
      var i2;
      return (i2 = t3.hostDisconnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
    });
  }
  attributeChangedCallback(t2, i2, s2) {
    this._$AK(t2, s2);
  }
  _$ES(t2, i2, s2 = l$2) {
    var e2, r2;
    const h2 = this.constructor._$Eh(t2, s2);
    if (h2 !== void 0 && s2.reflect === true) {
      const n2 = ((r2 = (e2 = s2.converter) === null || e2 === void 0 ? void 0 : e2.toAttribute) !== null && r2 !== void 0 ? r2 : o$3.toAttribute)(i2, s2.type);
      this._$Ei = t2, n2 == null ? this.removeAttribute(h2) : this.setAttribute(h2, n2), this._$Ei = null;
    }
  }
  _$AK(t2, i2) {
    var s2, e2, r2;
    const h2 = this.constructor, n2 = h2._$Eu.get(t2);
    if (n2 !== void 0 && this._$Ei !== n2) {
      const t3 = h2.getPropertyOptions(n2), l2 = t3.converter, a2 = (r2 = (e2 = (s2 = l2) === null || s2 === void 0 ? void 0 : s2.fromAttribute) !== null && e2 !== void 0 ? e2 : typeof l2 == "function" ? l2 : null) !== null && r2 !== void 0 ? r2 : o$3.fromAttribute;
      this._$Ei = n2, this[n2] = a2(i2, t3.type), this._$Ei = null;
    }
  }
  requestUpdate(t2, i2, s2) {
    let e2 = true;
    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$2)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), s2.reflect === true && this._$Ei !== t2 && (this._$E_ === void 0 && (this._$E_ = new Map()), this._$E_.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$Ep = this._$EC());
  }
  async _$EC() {
    this.isUpdatePending = true;
    try {
      await this._$Ep;
    } catch (t3) {
      Promise.reject(t3);
    }
    const t2 = this.scheduleUpdate();
    return t2 != null && await t2, !this.isUpdatePending;
  }
  scheduleUpdate() {
    return this.performUpdate();
  }
  performUpdate() {
    var t2;
    if (!this.isUpdatePending)
      return;
    this.hasUpdated, this._$Et && (this._$Et.forEach((t3, i3) => this[i3] = t3), this._$Et = void 0);
    let i2 = false;
    const s2 = this._$AL;
    try {
      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
        var i3;
        return (i3 = t3.hostUpdate) === null || i3 === void 0 ? void 0 : i3.call(t3);
      }), this.update(s2)) : this._$EU();
    } catch (t3) {
      throw i2 = false, this._$EU(), t3;
    }
    i2 && this._$AE(s2);
  }
  willUpdate(t2) {
  }
  _$AE(t2) {
    var i2;
    (i2 = this._$Eg) === null || i2 === void 0 || i2.forEach((t3) => {
      var i3;
      return (i3 = t3.hostUpdated) === null || i3 === void 0 ? void 0 : i3.call(t3);
    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
  }
  _$EU() {
    this._$AL = new Map(), this.isUpdatePending = false;
  }
  get updateComplete() {
    return this.getUpdateComplete();
  }
  getUpdateComplete() {
    return this._$Ep;
  }
  shouldUpdate(t2) {
    return true;
  }
  update(t2) {
    this._$E_ !== void 0 && (this._$E_.forEach((t3, i2) => this._$ES(i2, this[i2], t3)), this._$E_ = void 0), this._$EU();
  }
  updated(t2) {
  }
  firstUpdated(t2) {
  }
}
a$1.finalized = true, a$1.elementProperties = new Map(), a$1.elementStyles = [], a$1.shadowRootOptions = { mode: "open" }, h$1 == null || h$1({ ReactiveElement: a$1 }), ((s$2 = globalThis.reactiveElementVersions) !== null && s$2 !== void 0 ? s$2 : globalThis.reactiveElementVersions = []).push("1.0.2");
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
var t$1;
const i$1 = globalThis.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$2 = `lit$${(Math.random() + "").slice(9)}$`, o$2 = "?" + e$2, n$1 = `<${o$2}>`, l$1 = document, h = (t2 = "") => l$1.createComment(t2), r = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d = Array.isArray, u = (t2) => {
  var i2;
  return d(t2) || typeof ((i2 = t2) === null || i2 === void 0 ? void 0 : i2[Symbol.iterator]) == "function";
}, c = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, a = />/g, f = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m = /"/g, g = /^(?:script|style|textarea)$/i, $ = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), p = $(1), b = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), x = new WeakMap(), w = (t2, i2, s2) => {
  var e2, o2;
  const n2 = (e2 = s2 == null ? void 0 : s2.renderBefore) !== null && e2 !== void 0 ? e2 : i2;
  let l2 = n2._$litPart$;
  if (l2 === void 0) {
    const t3 = (o2 = s2 == null ? void 0 : s2.renderBefore) !== null && o2 !== void 0 ? o2 : null;
    n2._$litPart$ = l2 = new N(i2.insertBefore(h(), t3), t3, void 0, s2 != null ? s2 : {});
  }
  return l2._$AI(t2), l2;
}, A = l$1.createTreeWalker(l$1, 129, null, false), C = (t2, i2) => {
  const o2 = t2.length - 1, l2 = [];
  let h2, r2 = i2 === 2 ? "<svg>" : "", d2 = c;
  for (let i3 = 0; i3 < o2; i3++) {
    const s2 = t2[i3];
    let o3, u3, $2 = -1, p2 = 0;
    for (; p2 < s2.length && (d2.lastIndex = p2, u3 = d2.exec(s2), u3 !== null); )
      p2 = d2.lastIndex, d2 === c ? u3[1] === "!--" ? d2 = v : u3[1] !== void 0 ? d2 = a : u3[2] !== void 0 ? (g.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = f) : u3[3] !== void 0 && (d2 = f) : d2 === f ? u3[0] === ">" ? (d2 = h2 != null ? h2 : c, $2 = -1) : u3[1] === void 0 ? $2 = -2 : ($2 = d2.lastIndex - u3[2].length, o3 = u3[1], d2 = u3[3] === void 0 ? f : u3[3] === '"' ? m : _) : d2 === m || d2 === _ ? d2 = f : d2 === v || d2 === a ? d2 = c : (d2 = f, h2 = void 0);
    const y = d2 === f && t2[i3 + 1].startsWith("/>") ? " " : "";
    r2 += d2 === c ? s2 + n$1 : $2 >= 0 ? (l2.push(o3), s2.slice(0, $2) + "$lit$" + s2.slice($2) + e$2 + y) : s2 + e$2 + ($2 === -2 ? (l2.push(void 0), i3) : y);
  }
  const u2 = r2 + (t2[o2] || "<?>") + (i2 === 2 ? "</svg>" : "");
  return [s$1 !== void 0 ? s$1.createHTML(u2) : u2, l2];
};
class P {
  constructor({ strings: t2, _$litType$: s2 }, n2) {
    let l2;
    this.parts = [];
    let r2 = 0, d2 = 0;
    const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = C(t2, s2);
    if (this.el = P.createElement(v2, n2), A.currentNode = this.el.content, s2 === 2) {
      const t3 = this.el.content, i2 = t3.firstChild;
      i2.remove(), t3.append(...i2.childNodes);
    }
    for (; (l2 = A.nextNode()) !== null && c2.length < u2; ) {
      if (l2.nodeType === 1) {
        if (l2.hasAttributes()) {
          const t3 = [];
          for (const i2 of l2.getAttributeNames())
            if (i2.endsWith("$lit$") || i2.startsWith(e$2)) {
              const s3 = a2[d2++];
              if (t3.push(i2), s3 !== void 0) {
                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(e$2), i3 = /([.?@])?(.*)/.exec(s3);
                c2.push({ type: 1, index: r2, name: i3[2], strings: t4, ctor: i3[1] === "." ? M : i3[1] === "?" ? H : i3[1] === "@" ? I : S });
              } else
                c2.push({ type: 6, index: r2 });
            }
          for (const i2 of t3)
            l2.removeAttribute(i2);
        }
        if (g.test(l2.tagName)) {
          const t3 = l2.textContent.split(e$2), s3 = t3.length - 1;
          if (s3 > 0) {
            l2.textContent = i$1 ? i$1.emptyScript : "";
            for (let i2 = 0; i2 < s3; i2++)
              l2.append(t3[i2], h()), A.nextNode(), c2.push({ type: 2, index: ++r2 });
            l2.append(t3[s3], h());
          }
        }
      } else if (l2.nodeType === 8)
        if (l2.data === o$2)
          c2.push({ type: 2, index: r2 });
        else {
          let t3 = -1;
          for (; (t3 = l2.data.indexOf(e$2, t3 + 1)) !== -1; )
            c2.push({ type: 7, index: r2 }), t3 += e$2.length - 1;
        }
      r2++;
    }
  }
  static createElement(t2, i2) {
    const s2 = l$1.createElement("template");
    return s2.innerHTML = t2, s2;
  }
}
function V(t2, i2, s2 = t2, e2) {
  var o2, n2, l2, h2;
  if (i2 === b)
    return i2;
  let d2 = e2 !== void 0 ? (o2 = s2._$Cl) === null || o2 === void 0 ? void 0 : o2[e2] : s2._$Cu;
  const u2 = r(i2) ? void 0 : i2._$litDirective$;
  return (d2 == null ? void 0 : d2.constructor) !== u2 && ((n2 = d2 == null ? void 0 : d2._$AO) === null || n2 === void 0 || n2.call(d2, false), u2 === void 0 ? d2 = void 0 : (d2 = new u2(t2), d2._$AT(t2, s2, e2)), e2 !== void 0 ? ((l2 = (h2 = s2)._$Cl) !== null && l2 !== void 0 ? l2 : h2._$Cl = [])[e2] = d2 : s2._$Cu = d2), d2 !== void 0 && (i2 = V(t2, d2._$AS(t2, i2.values), d2, e2)), i2;
}
class E {
  constructor(t2, i2) {
    this.v = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
  }
  get parentNode() {
    return this._$AM.parentNode;
  }
  get _$AU() {
    return this._$AM._$AU;
  }
  p(t2) {
    var i2;
    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = ((i2 = t2 == null ? void 0 : t2.creationScope) !== null && i2 !== void 0 ? i2 : l$1).importNode(s2, true);
    A.currentNode = o2;
    let n2 = A.nextNode(), h2 = 0, r2 = 0, d2 = e2[0];
    for (; d2 !== void 0; ) {
      if (h2 === d2.index) {
        let i3;
        d2.type === 2 ? i3 = new N(n2, n2.nextSibling, this, t2) : d2.type === 1 ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : d2.type === 6 && (i3 = new L(n2, this, t2)), this.v.push(i3), d2 = e2[++r2];
      }
      h2 !== (d2 == null ? void 0 : d2.index) && (n2 = A.nextNode(), h2++);
    }
    return o2;
  }
  m(t2) {
    let i2 = 0;
    for (const s2 of this.v)
      s2 !== void 0 && (s2.strings !== void 0 ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
  }
}
class N {
  constructor(t2, i2, s2, e2) {
    var o2;
    this.type = 2, this._$AH = T, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cg = (o2 = e2 == null ? void 0 : e2.isConnected) === null || o2 === void 0 || o2;
  }
  get _$AU() {
    var t2, i2;
    return (i2 = (t2 = this._$AM) === null || t2 === void 0 ? void 0 : t2._$AU) !== null && i2 !== void 0 ? i2 : this._$Cg;
  }
  get parentNode() {
    let t2 = this._$AA.parentNode;
    const i2 = this._$AM;
    return i2 !== void 0 && t2.nodeType === 11 && (t2 = i2.parentNode), t2;
  }
  get startNode() {
    return this._$AA;
  }
  get endNode() {
    return this._$AB;
  }
  _$AI(t2, i2 = this) {
    t2 = V(this, t2, i2), r(t2) ? t2 === T || t2 == null || t2 === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : t2 !== this._$AH && t2 !== b && this.$(t2) : t2._$litType$ !== void 0 ? this.T(t2) : t2.nodeType !== void 0 ? this.S(t2) : u(t2) ? this.M(t2) : this.$(t2);
  }
  A(t2, i2 = this._$AB) {
    return this._$AA.parentNode.insertBefore(t2, i2);
  }
  S(t2) {
    this._$AH !== t2 && (this._$AR(), this._$AH = this.A(t2));
  }
  $(t2) {
    this._$AH !== T && r(this._$AH) ? this._$AA.nextSibling.data = t2 : this.S(l$1.createTextNode(t2)), this._$AH = t2;
  }
  T(t2) {
    var i2;
    const { values: s2, _$litType$: e2 } = t2, o2 = typeof e2 == "number" ? this._$AC(t2) : (e2.el === void 0 && (e2.el = P.createElement(e2.h, this.options)), e2);
    if (((i2 = this._$AH) === null || i2 === void 0 ? void 0 : i2._$AD) === o2)
      this._$AH.m(s2);
    else {
      const t3 = new E(o2, this), i3 = t3.p(this.options);
      t3.m(s2), this.S(i3), this._$AH = t3;
    }
  }
  _$AC(t2) {
    let i2 = x.get(t2.strings);
    return i2 === void 0 && x.set(t2.strings, i2 = new P(t2)), i2;
  }
  M(t2) {
    d(this._$AH) || (this._$AH = [], this._$AR());
    const i2 = this._$AH;
    let s2, e2 = 0;
    for (const o2 of t2)
      e2 === i2.length ? i2.push(s2 = new N(this.A(h()), this.A(h()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
  }
  _$AR(t2 = this._$AA.nextSibling, i2) {
    var s2;
    for ((s2 = this._$AP) === null || s2 === void 0 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
      const i3 = t2.nextSibling;
      t2.remove(), t2 = i3;
    }
  }
  setConnected(t2) {
    var i2;
    this._$AM === void 0 && (this._$Cg = t2, (i2 = this._$AP) === null || i2 === void 0 || i2.call(this, t2));
  }
}
class S {
  constructor(t2, i2, s2, e2, o2) {
    this.type = 1, this._$AH = T, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || s2[0] !== "" || s2[1] !== "" ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = T;
  }
  get tagName() {
    return this.element.tagName;
  }
  get _$AU() {
    return this._$AM._$AU;
  }
  _$AI(t2, i2 = this, s2, e2) {
    const o2 = this.strings;
    let n2 = false;
    if (o2 === void 0)
      t2 = V(this, t2, i2, 0), n2 = !r(t2) || t2 !== this._$AH && t2 !== b, n2 && (this._$AH = t2);
    else {
      const e3 = t2;
      let l2, h2;
      for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
        h2 = V(this, e3[s2 + l2], i2, l2), h2 === b && (h2 = this._$AH[l2]), n2 || (n2 = !r(h2) || h2 !== this._$AH[l2]), h2 === T ? t2 = T : t2 !== T && (t2 += (h2 != null ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
    }
    n2 && !e2 && this.k(t2);
  }
  k(t2) {
    t2 === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
  }
}
class M extends S {
  constructor() {
    super(...arguments), this.type = 3;
  }
  k(t2) {
    this.element[this.name] = t2 === T ? void 0 : t2;
  }
}
const k = i$1 ? i$1.emptyScript : "";
class H extends S {
  constructor() {
    super(...arguments), this.type = 4;
  }
  k(t2) {
    t2 && t2 !== T ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
  }
}
class I extends S {
  constructor(t2, i2, s2, e2, o2) {
    super(t2, i2, s2, e2, o2), this.type = 5;
  }
  _$AI(t2, i2 = this) {
    var s2;
    if ((t2 = (s2 = V(this, t2, i2, 0)) !== null && s2 !== void 0 ? s2 : T) === b)
      return;
    const e2 = this._$AH, o2 = t2 === T && e2 !== T || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== T && (e2 === T || o2);
    o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
  }
  handleEvent(t2) {
    var i2, s2;
    typeof this._$AH == "function" ? this._$AH.call((s2 = (i2 = this.options) === null || i2 === void 0 ? void 0 : i2.host) !== null && s2 !== void 0 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
  }
}
class L {
  constructor(t2, i2, s2) {
    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
  }
  get _$AU() {
    return this._$AM._$AU;
  }
  _$AI(t2) {
    V(this, t2);
  }
}
const z = window.litHtmlPolyfillSupport;
z == null || z(P, N), ((t$1 = globalThis.litHtmlVersions) !== null && t$1 !== void 0 ? t$1 : globalThis.litHtmlVersions = []).push("2.0.2");
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
var l, o$1;
class s extends a$1 {
  constructor() {
    super(...arguments), this.renderOptions = { host: this }, this._$Dt = void 0;
  }
  createRenderRoot() {
    var t2, e2;
    const i2 = super.createRenderRoot();
    return (t2 = (e2 = this.renderOptions).renderBefore) !== null && t2 !== void 0 || (e2.renderBefore = i2.firstChild), i2;
  }
  update(t2) {
    const i2 = this.render();
    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Dt = w(i2, this.renderRoot, this.renderOptions);
  }
  connectedCallback() {
    var t2;
    super.connectedCallback(), (t2 = this._$Dt) === null || t2 === void 0 || t2.setConnected(true);
  }
  disconnectedCallback() {
    var t2;
    super.disconnectedCallback(), (t2 = this._$Dt) === null || t2 === void 0 || t2.setConnected(false);
  }
  render() {
    return b;
  }
}
s.finalized = true, s._$litElement$ = true, (l = globalThis.litElementHydrateSupport) === null || l === void 0 || l.call(globalThis, { LitElement: s });
const n = globalThis.litElementPolyfillSupport;
n == null || n({ LitElement: s });
((o$1 = globalThis.litElementVersions) !== null && o$1 !== void 0 ? o$1 : globalThis.litElementVersions = []).push("3.0.2");
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
class i {
  constructor(t2) {
  }
  get _$AU() {
    return this._$AM._$AU;
  }
  _$AT(t2, e2, i2) {
    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
  }
  _$AS(t2, e2) {
    return this.update(t2, e2);
  }
  update(t2, e2) {
    return this.render(...e2);
  }
}
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
class e extends i {
  constructor(i2) {
    if (super(i2), this.it = T, i2.type !== t.CHILD)
      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
  }
  render(r2) {
    if (r2 === T || r2 == null)
      return this.vt = void 0, this.it = r2;
    if (r2 === b)
      return r2;
    if (typeof r2 != "string")
      throw Error(this.constructor.directiveName + "() called with a non-string value");
    if (r2 === this.it)
      return this.vt;
    this.it = r2;
    const s2 = [r2];
    return s2.raw = s2, this.vt = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
  }
}
e.directiveName = "unsafeHTML", e.resultType = 1;
const o = e$1(e);
function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
  let matches = [];
  if (depth >= maxDepth) {
    return matches;
  }
  const traverseSlot = ($slot) => {
    const assignedNodes = $slot.assignedNodes().filter((node) => node.nodeType === 1);
    if (assignedNodes.length > 0) {
      return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
    }
    return [];
  };
  const children = Array.from(root.children || []);
  for (const $child of children) {
    if (skipNode($child)) {
      continue;
    }
    if (isMatch($child)) {
      matches.push($child);
    }
    if ($child.shadowRoot != null) {
      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
    } else if ($child.tagName === "SLOT") {
      matches.push(...traverseSlot($child));
    } else {
      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
    }
  }
  return matches;
}
function isHidden($elem) {
  return $elem.hasAttribute("hidden") || $elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false" || $elem.style.display === `none` || $elem.style.opacity === `0` || $elem.style.visibility === `hidden` || $elem.style.visibility === `collapse`;
}
function isDisabled($elem) {
  return $elem.hasAttribute("disabled") || $elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false";
}
function isFocusable($elem) {
  if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
    return false;
  }
  return $elem.hasAttribute("tabindex") || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href") || ($elem instanceof HTMLButtonElement || $elem instanceof HTMLInputElement || $elem instanceof HTMLTextAreaElement || $elem instanceof HTMLSelectElement) || $elem instanceof HTMLIFrameElement;
}
const timeouts = new Map();
function debounce(cb, ms, id) {
  const timeout = timeouts.get(id);
  if (timeout != null) {
    window.clearTimeout(timeout);
  }
  timeouts.set(id, window.setTimeout(() => {
    cb();
    timeouts.delete(id);
  }, ms));
}
const template = document.createElement("template");
template.innerHTML = `
	<div id="start"></div>
	<div id="backup"></div>
	<slot></slot>
	<div id="end"></div>
`;
class FocusTrap extends HTMLElement {
  constructor() {
    super();
    this.debounceId = Math.random().toString();
    this._focused = false;
    const shadow = this.attachShadow({ mode: "open" });
    shadow.appendChild(template.content.cloneNode(true));
    this.$backup = shadow.querySelector("#backup");
    this.$start = shadow.querySelector("#start");
    this.$end = shadow.querySelector("#end");
    this.focusLastElement = this.focusLastElement.bind(this);
    this.focusFirstElement = this.focusFirstElement.bind(this);
    this.onFocusIn = this.onFocusIn.bind(this);
    this.onFocusOut = this.onFocusOut.bind(this);
  }
  static get observedAttributes() {
    return [
      "inactive"
    ];
  }
  get inactive() {
    return this.hasAttribute("inactive");
  }
  set inactive(value) {
    value ? this.setAttribute("inactive", "") : this.removeAttribute("inactive");
  }
  get focused() {
    return this._focused;
  }
  connectedCallback() {
    this.$start.addEventListener("focus", this.focusLastElement);
    this.$end.addEventListener("focus", this.focusFirstElement);
    this.addEventListener("focusin", this.onFocusIn);
    this.addEventListener("focusout", this.onFocusOut);
    this.render();
  }
  disconnectedCallback() {
    this.$start.removeEventListener("focus", this.focusLastElement);
    this.$end.removeEventListener("focus", this.focusFirstElement);
    this.removeEventListener("focusin", this.onFocusIn);
    this.removeEventListener("focusout", this.onFocusOut);
  }
  attributeChangedCallback() {
    this.render();
  }
  focusFirstElement() {
    this.trapFocus();
  }
  focusLastElement() {
    this.trapFocus(true);
  }
  getFocusableElements() {
    return queryShadowRoot(this, isHidden, isFocusable);
  }
  trapFocus(trapToEnd) {
    if (this.inactive)
      return;
    let focusableChildren = this.getFocusableElements();
    if (focusableChildren.length > 0) {
      if (trapToEnd) {
        focusableChildren[focusableChildren.length - 1].focus();
      } else {
        focusableChildren[0].focus();
      }
      this.$backup.setAttribute("tabindex", "-1");
    } else {
      this.$backup.setAttribute("tabindex", "0");
      this.$backup.focus();
    }
  }
  onFocusIn() {
    this.updateFocused(true);
  }
  onFocusOut() {
    this.updateFocused(false);
  }
  updateFocused(value) {
    debounce(() => {
      if (this.focused !== value) {
        this._focused = value;
        this.render();
      }
    }, 0, this.debounceId);
  }
  render() {
    this.$start.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
    this.$end.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
    this.focused ? this.setAttribute("focused", "") : this.removeAttribute("focused");
  }
}
window.customElements.define("focus-trap", FocusTrap);
var globalStyles = r$2`
  :host {
    --_content-padding: 16px;
    font-family: var(--cookie-consent-family-body, system-ui);
    color: var(--cookie-consent-color-text, #1e2a3b);
  }

  @media (min-width: 480px) {
    :host {
      --_content-padding: 24px 32px;
    }
  }
  @media (min-width: 980px) {
    :host {
      --_content-padding: 24px 48px;
    }
  }

  :host * {
    box-sizing: border-box;
  }
  .outline-0 {
    outline: none;
  }
  button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    font-family: inherit;
  }
  button:disabled {
    cursor: not-allowed;
  }

  .backdrop {
    z-index: var(--cookie-consent-z-index, 99999);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(
      --cookie-consent-backdrop-background,
      rgba(60, 64, 67, 0.74)
    );
    height: 100%;
  }
  .modal-container {
    padding: var(--_content-padding);
    background-color: #ffffff;
    width: 100%;
    max-height: calc(100vh - 64px);

    display: flex;
    flex-direction: column;

    position: relative;
    margin: auto;
    box-shadow: var(--cookie-consent-shadow, 0 0 68px rgba(0, 0, 0, 0.25));
  }
  .first-modal {
    background: var(--cookie-consent-bg, rgba(255,255,255,0.9));
    -webkit-backdrop-filter: blur(6px) brightness(80%);
    backdrop-filter: blur(6px) brightness(80%);
    color: var(--cookie-consent-color, inherit);
    max-width: 600px;
    width: calc(100% - 32px);
    border-radius: var(--cookie-consent-content-radius, 12px);
    position: fixed;
    right: 0;
    bottom: 0;
    margin-right: 16px;
    margin-bottom: 32px;
    overflow: hidden;
    z-index: var(--z-index-modal, 1300)
  }
  .notice-container {
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    z-index: 1;
  }
  .modal-container {
    max-height: calc(100vh - 40px);
  }

  .modal-container-content {
    flex-grow: 1;
    overflow: auto;
    margin-bottom: 16px;
  }

  .modal-container-pre-footer {
    font-family: var(--cookie-consent-family-body, system-ui);
    color: var(--cookie-consent-color-light-text, #687589);
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
  }

  .modal-container[data-size="large"] {
    max-width: none;
    max-height: none;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
  .scrollable {
    overflow: auto;
  }
  .actions {
    display: flex;
    justify-content: center;
  }

  .actions > button {
    width: fit-content;
  }

  @media (min-width: 520px) {
    .notice-container {
      max-height: calc(100vh - 80px);
    }
    .actions {
      flex-shrink: 0;
      justify-content: flex-start;
    }
    .actions > button {
      width: auto;
    }
    .modal-container[data-size="large"] {
      max-height: 74vh;
      max-width: 980px;
      width: calc(100% - 32px);
      border-radius: var(--cookie-consent-content-radius, 12px);
    }
  }

  @media (min-width: 520px) and (max-height: 520px) {
    .modal-container[data-size="large"] {
      max-height: calc(100vh - 24px);
    }
  }

  @media (min-width: 520px) and (min-height: 820px) {
    .modal-container[data-size="large"] {
      max-height: 60vh;
    }
  }

  .cookies {
    border-radius: var(--cookie-consent-content-inner-radius, 8px);
    border: 1px solid var(--cookie-consent-border-color, #dfe2eb);
    padding: 0 24px;
  }

  .cookies-list,
  .cookies-list > li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .cookies-list > li:not(:last-child) {
    border-bottom: 1px solid
      var(--cookie-consent-border-light-color, rgba(223, 226, 235, 0.65));
  }

  .button-config {
    display: inline-flex;
    background: var(--cookie-consent-button-secondary-bg, transparent);
    border: 0;
    color: var(--cookie-consent-button-secondary-color, #3498db);
    font-size: var(--cookie-consent-button-font-size, 12px);
    font-weight: 700;
    text-decoration: underline;
  }

  .button-link,
  .button-primary {
    height: var(--cookie-consent-button-height, 42px);
    display: inline-flex;
    border-radius: var(--cookie-consent-button-radius, 8px);
    justify-content: center;
    align-items: center;
    padding: 8px;
    border: 0;
    font-weight: var(--cookie-consent-button-font-weight, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
  }

  .button-link {
    background: var(--cookie-consent-button-secondary-bg, transparent);
    color: var(--cookie-consent-button-secondary-color, #3498db);
    font-size: var(--cookie-consent-button-font-size, 16px);
    padding: 0 16px;
  }

  .button-primary {
    color: var(--cookie-consent-button-color, #ffffff);
    background: var(--cookie-consent-button-bg, #3498db);
    font-size: var(--cookie-consent-button-font-size, 16px);
  }

  .button-primary:disabled {
    background: var(--cookie-consent-button-disabled-bg, #e9eaed);
    color: var(--cookie-consent-button-disabled-color, #949aa5);
  }

  @media (min-width: 880px) {
    .button-primary {
      padding: 0 12px;
    }
  }

  @media (min-width: 1024px) {
    .button-primary {
      padding: 0 16px;
    }
  }
  .config-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 8px;
  }

  .config-info {
    padding: 16px 0;
  }
`;
class CookieConsentSwitch extends s {
  static get properties() {
    return {
      name: { type: String },
      actived: { type: Boolean }
    };
  }
  render() {
    return p`
            <div class="switch">
                <input class="switch__input" type="checkbox" @change="${this._handleChange}" ?checked=${this.actived} name="${this.name}" id="${this.name}">
                <label class="switch__label" for="${this.name}" aria-hidden="true"></label>
                <div class="switch__marker" aria-hidden="true"></div>
            </div>
        `;
  }
  _handleChange(e2) {
    const { name, checked } = e2.target;
    const status = checked ? "accepted" : "rejected";
    const detail = { name, status };
    const event = new CustomEvent("change", { detail });
    this.dispatchEvent(event);
  }
}
__publicField(CookieConsentSwitch, "styles", r$2`
        :host {
            --cookie-consent-switch-width: 48px;
            --cookie-consent-switch-height: 26px;
            --cookie-consent-switch-padding: 2px;
            
            --cookie-consent-switch-active-color: #3498DB;
            
            --cookie-consent-switch-bg: #CDD5E0;
            --cookie-consent-switch-bg-marker: #ffffff;
        }
        
        .switch {
            --cookie-consent-switch-transition-duration: .2s;
            box-sizing: border-box;
            position: relative;
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            width: var(--cookie-consent-switch-width);
            height: var(--cookie-consent-switch-height);
            border-radius: 9999em;
            padding: var(--cookie-consent-switch-padding) 0;
        }

        .switch__input, .switch__label {
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
        }

        .switch__input {
            opacity: 0;
            height: 0;
            width: 0;
            pointer-events: none;
        }
        .switch__input:checked + .switch__label {
            background-color: var(--cookie-consent-switch-active-color);
        }

        .switch__input:checked + .switch__label + .switch__marker {
            left: calc(100% - var(--cookie-consent-switch-height) + var(--cookie-consent-switch-padding));
        }

        .switch__label {
            width: 100%;
            height: 100%;
            color: transparent;
            user-select: none;
            background-color: var(--cookie-consent-switch-bg);
            border-radius: inherit;
            z-index: 1;
            transition: background var(--cookie-consent-switch-transition-duration);
            overflow: hidden;
        }

        .switch__marker {
            position: relative;
            background-color: var(--cookie-consent-switch-bg-marker);
            width: calc(var(--cookie-consent-switch-height) - var(--cookie-consent-switch-padding) * 2);
            height: calc(var(--cookie-consent-switch-height) - var(--cookie-consent-switch-padding) * 2);
            border-radius: 50%;
            z-index: 2;
            pointer-events: none;
            left: var(--cookie-consent-switch-padding);
            transition: left var(--cookie-consent-switch-transition-duration);
            will-change: left;
        }
    `);
customElements.define("cookie-consent-switch", CookieConsentSwitch);
class CookieConsentCard extends s {
  static get properties() {
    return {
      name: { type: String },
      status: { type: String },
      controls: { type: Boolean }
    };
  }
  optionChange({ detail }) {
    const event = new CustomEvent("change", { detail });
    this.dispatchEvent(event);
  }
  render() {
    return p`
      <div class="cookie">
        <div class="cookie__content">
          <div class="cookie__title">
            <slot name="title"></slot>
          </div>
          <div class="cookie__details">
            <slot name="description"></slot>
          </div>
        </div>
        ${this.controls ? p`
          <div class="cookie__actions">
            <cookie-consent-switch @change="${this.optionChange}" ?actived="${this.status === "accepted"}" name="${this.name}" />
          </div>
        ` : ""}
      </div>
      `;
  }
}
__publicField(CookieConsentCard, "styles", r$2`
      .cookie {
          padding: 21px 0;
          display: flex;
          gap: 12px;
      }
      .cookie__title {
        font-weight: 600;
        margin-bottom: 8px;
        font-size: 15px;
        font-family: var(--cookie-consent-family-heading, system-ui);
      }
      .cookie__details {
        color: var(--cookie-consent-color-light-text, #687589);
      }
      .cookie__actions {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
      }
      .cookie__content {
        flex-grow: 1;
      }
      @media (min-width: 880px) {
        .cookie {
          gap: 24px;
        }
        .cookie__actions {
          flex: 0 0 25%;  
        }
      }
    `);
customElements.define("cookie-consent-card", CookieConsentCard);
class CookieImage extends s {
  render() {
    return p`
      <div style="position: absolute; top: 0; right: 0;">
        <svg width="49" height="83" viewBox="0 0 49 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.917 60.943c-.799.906-1.57 1.836-2.311 2.788-.341.441-.698.963-.585 1.509.071.353.326.635.578.892a17.66 17.66 0 0 0 2.265 1.94c.42.301.873.603 1.107 1.067.26.513.23 1.183.647 1.578.47.44 1.22.288 1.824.073.881-.31 1.736-.694 2.555-1.143.897-.49 1.77-1.08 2.358-1.915.589-.837.853-1.962.456-2.905-.394-.943-1.556-1.562-2.497-1.165-.197.082-.41.206-.61.13-1.806-.672-3.19-5.887-5.787-2.849Z" fill="#F7B658" /><path fill-rule="evenodd" clip-rule="evenodd" d="M46.355 68.657c.589-.856.853-2.007.456-2.972a2.205 2.205 0 0 0-1.277-1.208c-.59.847-1.457 1.446-2.347 1.946-.82.458-1.674.851-2.555 1.169-.605.218-1.355.374-1.822-.075-.419-.404-.39-1.09-.65-1.614-.232-.475-.685-.786-1.106-1.095A17.358 17.358 0 0 1 36.04 64a52.5 52.5 0 0 0-.434.565c-.341.45-.698.984-.585 1.542.071.361.326.65.578.913.698.724 1.457 1.39 2.265 1.984.42.309.873.618 1.107 1.092.26.525.23 1.21.647 1.614.467.45 1.22.296 1.824.075.881-.317 1.736-.71 2.555-1.169.897-.502 1.77-1.106 2.358-1.96Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M32.362 81.352c.529.978 1.915 1.548 2.86.937.193-.124.362-.292.582-.358.73-.224 1.252.716 1.965.985.415.158.89.075 1.3-.097.944-.394 1.665-1.261 1.866-2.245.348-1.695-.767-3.32-1.89-4.658-.434-.516-1.055-1.077-1.707-.873-.484.151-.846.708-1.346.62-.244-.045-.431-.238-.66-.326-.624-.24-1.248.333-1.633.869-1.063 1.48-2.336 3.297-1.337 5.146Z" fill="#F7B658" /><path fill-rule="evenodd" clip-rule="evenodd" d="M39.031 75.916c-.439-.516-1.062-1.077-1.718-.873-.475.147-.832.674-1.313.624 1.053 1.285 2.018 2.81 1.688 4.399-.158.773-.642 1.473-1.305 1.93.453.217.86.73 1.362.92.42.159.899.073 1.312-.099.95-.394 1.675-1.26 1.878-2.242.35-1.695-.771-3.322-1.904-4.659Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M23.24 64.97c.354.611 1.278.968 1.908.584.126-.077.24-.182.388-.222.485-.14.834.446 1.31.615.276.1.593.047.867-.06.628-.246 1.11-.79 1.244-1.402.232-1.06-.512-2.076-1.26-2.91-.29-.325-.704-.675-1.138-.549-.322.096-.565.444-.9.389-.162-.027-.285-.149-.438-.204-.417-.149-.831.208-1.088.543-.708.925-1.557 2.061-.892 3.217Z" fill="#F7B658" /><path fill-rule="evenodd" clip-rule="evenodd" d="M27.818 61.574c-.262-.323-.638-.674-1.031-.547-.284.093-.5.421-.787.39.63.803 1.211 1.757 1.013 2.749-.096.483-.387.92-.784 1.206.272.136.516.457.817.575.253.1.539.047.787-.06a1.973 1.973 0 0 0 1.128-1.402c.21-1.06-.464-2.076-1.143-2.91Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M5.963-3.445C3.596-.772 1.657 2.614 1.98 6.164c.14 1.527.694 3.012.665 4.546-.036 1.94-.992 3.724-1.622 5.56-1.784 5.2-.958 10.916.358 16.252 1.059 4.298 2.78 8.961 6.75 10.948 2.114 1.059 4.57 1.183 6.805 1.957 1.68.582 3.205 1.52 4.785 2.334 11.084 5.709 25.294 4.808 35.564-2.253 1.19-.818 2.353-1.738 3.123-2.958.851-1.35 1.158-2.964 1.816-4.417 1.551-3.423 4.907-5.69 6.883-8.887a12.762 12.762 0 0 0 1.874-7.35c-.18-3.29-1.625-6.367-2.326-9.588-1.169-5.374-.412-11.526-3.852-15.827-1.72-2.15-4.248-3.472-6.7-4.733-6.082-3.126-12.607-6.342-19.415-5.654-3.102.313-6.082 1.434-9.19 1.695-1.264.106-2.533.068-3.803.03-1.13-.034-2.261-.067-3.39 0-5.37.324-10.91 4.86-14.343 8.736Z" fill="#F7B658" /><path fill-rule="evenodd" clip-rule="evenodd" d="M66.665 12.786c-.864-3.988-.673-8.404-1.914-12.175a28.8 28.8 0 0 1-.022.545c-.147 3.064-.67 6.145-.242 9.183.717 5.086 4.04 10.202 2.163 14.983-1.36 3.464-5.033 5.405-7.197 8.433-.897 1.254-1.611 2.77-2.995 3.45-1.382.678-3.179.37-4.375 1.34-1.468 1.19-1.177 3.56-2.242 5.122-.533.782-1.37 1.301-2.221 1.713a14.392 14.392 0 0 1-8.409 1.25c-3.579-.556-6.922-2.466-10.543-2.477-.853-.003-1.732.095-2.609.192-2.102.233-4.194.466-5.886-.677-.806-.544-1.405-1.346-2.183-1.927-2.68-2-6.523-.881-9.734-1.814-2.661-.774-4.733-2.953-6.008-5.415-.296-.572-.526-1.217-.736-1.89l.094.391c1.056 4.301 2.772 8.968 6.728 10.956 2.107 1.06 4.555 1.183 6.783 1.958 1.673.582 3.195 1.522 4.769 2.336 11.047 5.712 25.21 4.811 35.446-2.255 1.187-.82 2.346-1.739 3.113-2.96.848-1.35 1.154-2.967 1.81-4.42 1.546-3.425 4.89-5.693 6.86-8.893a12.809 12.809 0 0 0 1.868-7.354c-.18-3.293-1.62-6.373-2.318-9.595Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M2.08 34.635c.428.634.911 1.224 1.446 1.747a12.908 12.908 0 0 1-1.338-2.183c-.272-.559-.483-1.19-.676-1.848.029.128.057.256.087.383.145.629.304 1.266.481 1.9ZM68.982 22.38c-.179-3.292-1.624-6.372-2.324-9.594-.867-3.988-.675-8.404-1.92-12.175-.006.182-.013.364-.021.545-.043.879-.116 1.759-.19 2.638.332 2.59.458 5.278 1.005 7.797.7 3.222 2.145 6.302 2.325 9.594a12.78 12.78 0 0 1-1.874 7.355c-1.975 3.2-5.33 5.468-6.88 8.892-.658 1.454-.965 3.07-1.816 4.42-.77 1.222-1.932 2.142-3.122 2.961-10.267 7.066-24.472 7.967-35.553 2.254-1.579-.813-3.105-1.753-4.783-2.335-2.234-.775-4.69-.899-6.804-1.958a8.928 8.928 0 0 1-1.988-1.366c.85 1.054 1.872 1.939 3.114 2.56 2.114 1.06 4.57 1.184 6.804 1.96 1.678.581 3.204 1.52 4.783 2.335 11.08 5.712 25.286 4.811 35.552-2.255 1.19-.819 2.353-1.739 3.123-2.96.85-1.35 1.158-2.967 1.816-4.42 1.55-3.425 4.904-5.693 6.88-8.893a12.778 12.778 0 0 0 1.873-7.355Z" fill="#C68A4F" /><path fill-rule="evenodd" clip-rule="evenodd" d="M54.072-1.793c.057.705-.36 1.366-.863 1.856-.504.489-1.107.867-1.592 1.375-.124.13-.244.28-.269.458-.025.188.06.372.146.541.338.666.72 1.324.88 2.055.161.731.06 1.572-.465 2.1-.484.489-1.239.614-1.911.492-.673-.123-1.287-.458-1.888-.79.75.543 1.554 1.04 2.45 1.26.895.219 1.9.129 2.643-.422.744-.552 1.136-1.62.763-2.474-.094-.215-.232-.416-.265-.649-.056-.385.198-.758.518-.974.32-.216.701-.313 1.063-.442.742-.266 1.46-.712 1.845-1.407.606-1.1.2-2.547-.64-3.477-.837-.93-2.016-1.455-3.167-1.93-1.699-.702-3.606-1.447-5.472-1.145 1.804.718 6.014.982 6.224 3.573ZM10.742 28.256c.16-.132.328-.269.534-.313.247-.053.5.036.737.123l2.151.797c.322.12.66.25.87.512.172.215.238.496.42.703.217.246.565.349.9.383 1.34.135 2.71-.769 3.057-2.014.057-.207.084-.443-.043-.618-.098-.134-.264-.202-.41-.286-.77-.44-1.048-1.512-.583-2.245-.157.3-.027.675.2.931s.536.43.809.642a3.298 3.298 0 0 1 1.239 2.1c.056.386.036.799-.166 1.137-.165.277-.433.48-.677.695a5.648 5.648 0 0 0-1.444 1.99c-.129.299-.237.619-.477.846-.24.228-.664.318-.908.095-.348-.317-.272-1.122-.748-1.06-.184.025-.299.196-.444.306-.542.41-1.344-.13-1.603-.742-.26-.612-.28-1.334-.718-1.843-.276-.32-.687-.513-1.107-.613-.7-.168-1.462-.101-2.113.199-.847.39-1.48 1.182-1.655 2.067.392-1.99.591-2.48 2.18-3.793ZM47.468 33.758a3.318 3.318 0 0 0 1.459-2.372c.029-.258.037-.541.209-.733.091-.101.217-.162.34-.221l4.415-2.111c-1.145.964-2.889 1.213-3.664 2.5-.2.33-.315.703-.428 1.072l-.577 1.879c-.066.216-.14.443-.305.596-.16.146-.38.2-.59.256-2.18.596-4.067 2.205-5.012 4.277.273-1.026.512-2.614 1.164-3.466.708-.924 2.059-1.07 2.989-1.677ZM33.497 7.943c-.752.858-1.913 1.32-2.442 2.345-.4.774-.352 1.708-.293 2.586l.193 2.851.36-4.23c.018-.209.038-.425.139-.606.161-.29.486-.424.773-.573.974-.508 1.708-1.398 2.414-2.264.312-.383.634-.785.748-1.274.092-.395.04-.808.006-1.213-.13-1.507.039-2.983.364-4.45-.701 1.092-1.105 1.552-1.172 2.883-.071 1.416-.117 2.835-1.09 3.945Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M4.868 5.021c.084 2.11.598 4.297-.109 6.28-.401 1.127-1.156 2.454-.42 3.387.412.521 1.175.643 1.8.44.624-.203 1.132-.672 1.567-1.172a9.996 9.996 0 0 0 2.308-4.968c.236-1.496.134-3.045.525-4.507.69-2.585 2.794-4.49 4.88-6.116.846-.66 1.722-1.316 2.337-2.204.866-1.251 1.123-2.825 1.357-4.339.028-.186.054-.39-.041-.551-.142-.24-.476-.264-.744-.207-1.112.235-1.843 1.278-2.631 2.112C13.08-4.056 9.375-2.892 6.94.118c-.106-.07-.022-.105-.152-.157C5.2.993 4.798 3.24 4.868 5.02ZM4.621 18.42c-.525.605-.854 1.351-1.122 2.104a16.96 16.96 0 0 0-.937 6.911c.048.648.142 1.319.496 1.865.46.709 1.328 1.165 1.545 1.98.084.316.071.687.305.918.377.372 1.076.011 1.224-.496.148-.506-.051-1.04-.207-1.544a9.398 9.398 0 0 1-.38-3.56c.06-.702.25-1.474.846-1.855.607-.386 1.398-.227 2.102-.072 1.15.252 2.498.407 3.372-.376.628-.561.816-1.445 1.19-2.197.64-1.287 1.87-2.25 2.342-3.608.47-1.354.097-2.846-.398-4.19-.424-1.152-1.507-2.277-2.54-1.097-.72.82-.76 2.076-1.717 2.787-1.837 1.365-4.43.483-6.12 2.43Z" fill="#FFC552" /><path fill-rule="evenodd" clip-rule="evenodd" d="M13.104 4.886c-.046.683.096 1.425.583 1.893.313.3.73.453 1.138.585.705.229 1.421.42 2.146.571.925.194 1.882.323 2.813.156 1.033-.186 2.03-.78 2.544-1.716.515-.937.453-2.224-.28-2.995-.445-.469-1.068-.706-1.668-.928-1.462-.542-3.317-1.839-4.83-1.13-1.347.63-2.326 2.057-2.446 3.564ZM13.898 18.796c-.956.124-1.907.604-2.4 1.434-.343.577-.438 1.273-.415 1.944.017.474.09.954.294 1.383.634 1.335 2.278 1.804 3.361 2.809.404.375.781.856 1.326.936.38.055.757-.104 1.106-.266 1.027-.476 2.128-1.13 2.406-2.229.205-.811-.102-1.657-.428-2.428-.982-2.33-2.555-3.933-5.25-3.583ZM29.72 36.732c.105-1.567 1.024-3.007 2.268-3.923 1.243-.916 2.779-1.347 4.306-1.449 1.347-.09 2.89.17 3.645 1.318.801 1.219.167 3.144-1.191 3.614-.709.244-1.572.166-2.098.71-.569.588-.42 1.552-.609 2.357-.303 1.285-1.643 2.193-2.924 2.045-1.74-.2-3.513-2.934-3.397-4.672ZM35.373 15.77c-.315.73.03 1.673.745 2.039.713.363 1.594.167 2.356.417.756.248 1.29.894 1.903 1.394.614.5 1.502.87 2.188.471.562-.327.752-1.044.75-1.687-.002-.402-.06-.81-.23-1.176-.248-.54-.717-.953-1.218-1.28-1.298-.845-5.625-2.192-6.494-.178ZM42.068-5.435c-.818-.01-1.695.353-2.048 1.082-.317.656-.152 1.43-.233 2.152-.109.975-.666 1.841-.918 2.79-.145.546-.15 1.213.287 1.577.562.469 1.398.129 2.127.034.667-.087 1.332.056 1.996.2.651.14 1.302.28 1.956.205 1.104-.128 2.101-.923 2.46-1.962.36-1.04.064-2.272-.73-3.04-.387-.374-.873-.64-1.239-1.034-1.05-1.135-1.973-1.982-3.658-2.004Z" fill="#683506" /><path fill-rule="evenodd" clip-rule="evenodd" d="M31.062 32.502c1.114-.805 2.472-1.168 3.816-1.388.819-.135 1.653-.223 2.477-.13.706.078 1.396.29 2.039.6.172.084.365.177.544.111.153-.056.249-.215.299-.374.206-.662-.19-1.36-.648-1.87-.389-.433-.848-.82-1.392-1.003-1.325-.446-2.69.389-4.02.82-.996.323-2.055.423-3.03.808-1.445.57-2.7 1.915-2.758 3.51-.015.384.04.772-.017 1.152-.05.343-.19.677-.164 1.023.026.343.287.669.631.615.04-1.558.998-2.99 2.223-3.874ZM34.895 14.378a2.81 2.81 0 0 1 2.487-.989c.41.053.807.198 1.22.223.413.024.875-.107 1.081-.465.289-.5-.069-1.134-.502-1.517-1.085-.958-2.74-1.217-4.066-.635-1.326.583-2.253 1.975-2.278 3.42-.015.882.275 1.775.072 2.633-.069.292-.195.58-.17.88.057.667.97 1.045 1.53.675.758-.5.38-1.188.138-1.798-.313-.788-.038-1.784.488-2.427Z" fill="#FFC552" /><path fill-rule="evenodd" clip-rule="evenodd" d="M36.726 16.733a.481.481 0 0 1-.304-.096c-.178-.142-.189-.4-.116-.608.105-.3.356-.554.669-.674.244-.094.544-.134.866-.134.775 0 1.673.233 2.206.498.078.04.158.084.207.153.05.07.056.172-.006.23-.044.042-.107.052-.17.052a.892.892 0 0 1-.072-.003c-.428-.036-.875-.107-1.304-.107-.377 0-.738.055-1.059.238-.196.113-.363.269-.569.368a.826.826 0 0 1-.348.083ZM14.594 5.649a.39.39 0 0 1-.145-.027c-.196-.078-.278-.294-.314-.491-.204-1.129.536-2.345 1.675-2.755.307-.11.634-.167.959-.217a3.27 3.27 0 0 1 .491-.037c.757 0 1.535.271 1.821 1 .141.36.018.836-.357.987a.77.77 0 0 1-.29.052c-.12 0-.244-.022-.36-.055-.353-.1-.67-.288-1.017-.408a1.773 1.773 0 0 0-.57-.105.984.984 0 0 0-.498.122c-.598.346-.486 1.23-.953 1.722a.645.645 0 0 1-.442.212ZM14.168 24.29c-.16 0-.325-.093-.44-.218-.156-.17-.252-.389-.391-.574-.364-.483-1.02-.737-1.2-1.322a1.37 1.37 0 0 1-.046-.476c.032-.593.312-1.172.764-1.533.352-.28.878-.411 1.403-.411.464 0 .926.102 1.265.293.317.178.575.508.593.883.018.375-.26.765-.62.778h-.022c-.491 0-.807-.614-1.293-.722a.572.572 0 0 0-.123-.014c-.425 0-.82.47-.717.914.054.236.215.427.37.609l.473.554c.15.176.304.36.364.587.059.227-.009.509-.211.612a.367.367 0 0 1-.169.04ZM31.83 37.893a.821.821 0 0 1-.41-.113c-.223-.13-.38-.349-.49-.58a2.198 2.198 0 0 1-.032-1.79c.201-.468.56-.853.943-1.195.684-.67 1.548-1.1 2.396-1.528.603-.305 1.234-.333 1.889-.333h.22a41.034 41.034 0 0 0 .504 0c.063-.002.126-.003.19-.003.278 0 .558.02.804.144.3.15.523.508.398.816-.136.337-.577.428-.948.435h-.124c-.23 0-.46-.01-.69-.022-.23-.01-.46-.022-.688-.022-.292 0-.583.018-.87.078-1.301.27-2.337 1.473-2.39 2.774-.018.454.023 1.01-.372 1.251a.634.634 0 0 1-.33.088Z" fill="#A98C71" /><path fill-rule="evenodd" clip-rule="evenodd" d="M18.236 40.494c.76-.231 1.619-.24 2.244-.75.474-.386.726-.994.947-1.58a44.284 44.284 0 0 0 1.238-3.798 38.474 38.474 0 0 1-1.262 5.34c-.083.268-.179.548-.381.732-.165.15-.38.217-.589.281l-1.823.557c-.137.042-.282.09-.373.206-.143.183-.092.453-.032.682.249.94.534 1.868.855 2.782-.872-.144-1.678-.682-2.175-1.45-.747-1.153.215-2.657 1.351-3.002Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M5.398 12.198a.678.678 0 0 1-.36-.098c.282-1.74 1.257-3.356 1.267-5.117.008-1.225-.457-2.441-.278-3.654.184-1.252 1.107-2.287 2.27-2.785.56-.24.806-.36 1.256-.725.485-.392.923-.72 1.555-.72.066 0 .134.004.205.011.078.008.162.024.217.08.127.128.01.338-.111.472-1.077 1.193-2.455 2.154-3.236 3.55-1.342 2.399-.598 5.463-1.668 7.99-.128.3-.288.6-.55.8a.96.96 0 0 1-.567.196ZM3.177 26.305a.95.95 0 0 1-.105-.005c-.108-1.334-.068-2.704.363-3.97.43-1.265 1.29-2.424 2.493-2.992.927-.438 1.98-.5 2.968-.767.952-.256 1.694-.99 2.576-1.266.15-.047.267-.068.358-.068.54 0 .123.744-.28 1.17a6.683 6.683 0 0 0-1.464 2.424c-.157.46-.38 1.037-.863 1.055a.75.75 0 0 1-.022 0c-.354 0-.62-.323-.915-.526a1.583 1.583 0 0 0-.905-.268c-.538 0-1.096.233-1.496.609-.639.6-.947 1.474-1.13 2.334-.109.51-.185 1.038-.437 1.493-.234.424-.668.777-1.141.777Z" fill="#FFDE9D" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21.596.263c.566.772 1.467 1.194 2.292 1.666.525.3 1.07.677 1.253 1.259.274.867-.36 1.765-.34 2.675.017.718.484 1.404 1.139 1.673.655.269 1.46.105 1.962-.4.48-.482.655-1.184.953-1.799a4.616 4.616 0 0 1 1.81-1.962c.602-.35 1.281-.562 1.84-.979 1.057-.79 1.5-2.171 1.715-3.486.042-.258.06-.567-.136-.736-.132-.114-.322-.123-.494-.11-1.33.107-2.471 1.26-3.8 1.146-.864-.075-1.645-.75-1.856-1.604-.198-.804.047-1.757-.463-2.403-.218-.275-.545-.443-.88-.54-1.44-.417-3.123.54-3.526 2.006-.114.417-.138 1.019-.525 1.29-.332.233-.707-.05-.97.097-.713.399-.381 1.652.026 2.207Z" fill="#FFC552" /><path fill-rule="evenodd" clip-rule="evenodd" d="M9.702 32.05c-.14.378-.19.805-.04 1.18.151.373.54.67.946.63.3-.03.555-.227.766-.44.395-.4.708-.916.714-1.474.02-1.845-1.946-1.079-2.386.104ZM9.989 36.886c-.502.002-.998.281-1.311.737a.597.597 0 0 0-.112.251.551.551 0 0 0 .067.317c.22.437.691.598 1.123.673.396.069.855.073 1.134-.262.287-.346.236-.96-.058-1.298a.863.863 0 0 0-1.12-.172l.277-.246ZM19.671 9.82c1.246-.196 2.48-.94 2.994-2.156-.064.989-.173 2.08-.864 2.749-.257.248-.573.413-.89.564-1.203.572-2.581.973-3.83.526-1.067-.382-1.982-1.358-3.107-1.295-.188.01-.38.051-.563 0-.183-.051-.352-.238-.308-.432.03-.135.148-.225.262-.293 1.768-1.052 4.35.646 6.306.337Z" fill="#E2A359" /><path fill-rule="evenodd" clip-rule="evenodd" d="M8.007 57.767c.07 1.159 1.115 2.289 2.254 2.102.232-.038.462-.126.695-.097.774.094.857 1.212 1.401 1.772.32.327.797.447 1.251.456a3.294 3.294 0 0 0 2.698-1.362c1.052-1.475.716-3.501.244-5.253-.18-.677-.516-1.477-1.208-1.556-.515-.059-1.093.32-1.518.024-.209-.144-.299-.407-.474-.59-.477-.492-1.302-.206-1.89.145-1.625.967-3.588 2.168-3.453 4.359Z" fill="#F7B658" /></svg>
      </div>
    `;
  }
}
customElements.define("cookie-image", CookieImage);
class CookieConsent extends s {
  static get styles() {
    return [
      globalStyles,
      r$2`
      :host:not([hidden]) {
        display: block;
      }
      [hidden][hidden] {
        display: none;
      }
    `
    ];
  }
  static get properties() {
    return {
      textConfig: { type: String, attribute: "text-config" },
      textAccept: { type: String, attribute: "text-accept" },
      textConfig: { type: String, attribute: "text-config" },
      textBack: { type: String, attribute: "text-back" },
      cookies: { type: Array, attribute: true, reflect: true },
      configOpened: {
        type: Boolean,
        attribute: "config-opened",
        reflect: true
      },
      opened: { type: Boolean }
    };
  }
  constructor() {
    super();
    this.textAccept = "Accept";
    this.textConfig = "Configure";
    this.textBack = "Back";
    this.configOpened = false;
    this.opened = false;
    const cookies = this.getLocalCookies();
    if (cookies) {
      document.addEventListener("DOMContentLoaded", () => {
        setTimeout(() => this._dispatchCookies(cookies));
      });
    } else {
      this.open();
    }
  }
  get $notice() {
    return this.renderRoot.querySelector("#notice");
  }
  get $config() {
    return this.renderRoot.querySelector("#config");
  }
  get $closeButton() {
    return this.renderRoot.querySelector(".close-button");
  }
  connectedCallback() {
    super.connectedCallback();
    window.addEventListener("keydown", this._handleKeyDown.bind(this));
  }
  disconnectedCallback() {
    super.disconnectedCallback();
    window.removeEventListener("keydown", this._handleKeyDown.bind(this));
  }
  async closeConfig() {
    if (this.configOpened) {
      this.configOpened = false;
      await this.updateComplete;
      this.$notice.focus();
    }
  }
  async open() {
    this.opened = true;
    await this.updateComplete;
    this.$notice.focus();
  }
  async _openConfig() {
    this.configOpened = true;
    await this.updateComplete;
    this.$config.focus();
  }
  getLocalCookies() {
    const cookies = window.localStorage.getItem("cookies-consent");
    return JSON.parse(cookies);
  }
  setLocalCookies(cookies) {
    const cookiesString = JSON.stringify(cookies);
    window.localStorage.setItem("cookies-consent", cookiesString);
  }
  getCookiesAcceptedName() {
    return this.cookies.map((cookie) => cookie.status === "accepted" ? cookie.name : false).filter(Boolean);
  }
  close() {
    const cookiesAccepted = this.getCookiesAcceptedName();
    this.setLocalCookies(cookiesAccepted);
    this._dispatchCookies(cookiesAccepted);
    this.opened = false;
    this.configOpened = false;
  }
  acceptAllAndClose() {
    this.cookies = this.cookies.map((cookie) => __spreadProps(__spreadValues({}, cookie), { status: "accepted" }));
    this.close();
  }
  _dispatchCookies(cookies) {
    const event = new CustomEvent("cookies-status-changed", {
      detail: { consent: cookies }
    });
    this.dispatchEvent(event);
  }
  changeCookie(e2) {
    e2.stopPropagation();
    const { name, status } = e2.detail;
    this.cookies = this.cookies.map((cookie) => {
      if (cookie.name === name) {
        return __spreadProps(__spreadValues({}, cookie), {
          status
        });
      }
      return cookie;
    });
  }
  render() {
    return p`
      <div class="cookie-consent" ?hidden="${!this.opened}">
        <div class="backdrop cookie-consent" ?hidden="${!this.opened}">
          <focus-trap id="modal">
            ${this.configOpened ? p`
                <div
                  class="modal-container outline-0"
                  id="config"
                  data-size="large"
                  tabindex="-1"
                >
                  <div class="modal-container__header">
                    <div class="config-info">
                      <slot name="config"></slot>
                    </div>
                  </div>
                  <div class="modal-container-content cookies">
                    <div class="scrollable">
                      <ul class="cookies-list">
                        ${this.cookies.map((cookie) => {
      return p` <li>
                            <cookie-consent-card
                              name=${cookie.name}
                              ?controls=${cookie.controls !== "hidden"}
                              status=${cookie.status}
                              @change=${this.changeCookie}
                            >
                              <div slot="title">
                                ${o(cookie.title)}
                              </div>
                              <div slot="description">
                                ${o(cookie.description)}
                              </div>
                            </cookie-consent-card>
                          </li>`;
    })}
                      </ul>
                    </div>
                  </div>
                  <div class="modal-container-pre-footer">
                    <slot name="footer-config"></slot>
                  </div>
                  <div class="modal-container-footer actions">
                    <button class="button-primary" @click=${this.close}>
                      ${this.textAccept}
                    </button>

                    <button class="button-link" @click=${this.closeConfig}>
                      ${this.textBack}
                    </button>
                  </div>
                </div>
              ` : p`
                <div class="modal-container first-modal">
                  <cookie-image></cookie-image>
                  <div class="notice-container">
                    <div
                      id="notice"
                      tabindex="-1"
                      class="modal-container-content scrollable outline-0"
                    >
                      <slot></slot>

                      <button class="button-config" @click=${this._openConfig}>
                        ${o(this.textConfig)}
                      </button>
                    </div>
                    <div class="actions">
                      <button
                        class="button-primary"
                        @click=${this.acceptAllAndClose}
                      >
                        ${o(this.textAccept)}
                      </button>
                    </div>
                  </div>
                </div>
              `}
          </focus-trap>
        </div>
      </div>
    `;
  }
  _handleKeyDown(event) {
    if (event.key === "Escape") {
      this.closeConfig();
    }
  }
}
window.customElements.define("cookie-consent", CookieConsent);