@lukso/web-components 1.0.6 → 1.2.0

package/dist/lukso-test.js

@@ -1,710 +0,0 @@
-import { e as nt, i as ot, t as rt, x as lt, c as ht, y as at, a as D, b as dt } from "./directive-76d5504a.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var I;
-const T = window, f = T.trustedTypes, L = f ? f.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, $ = `lit$${(Math.random() + "").slice(9)}$`, G = "?" + $, ct = `<${G}>`, g = document, E = (o = "") => g.createComment(o), w = (o) => o === null || typeof o != "object" && typeof o != "function", J = Array.isArray, ut = (o) => J(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, j = /-->/g, B = />/g, m = RegExp(`>|[ 	
-\f\r](?:([^\\s"'>=/]+)([ 	
-\f\r]*=[ 	
-\f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), F = /'/g, z = /"/g, tt = /^(?:script|style|textarea|title)$/i, C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), W = /* @__PURE__ */ new WeakMap(), A = g.createTreeWalker(g, 129, null, !1), pt = (o, t) => {
-  const i = o.length - 1, e = [];
-  let s, n = t === 2 ? "<svg>" : "", r = y;
-  for (let l = 0; l < i; l++) {
-    const h = o[l];
-    let p, a, c = -1, v = 0;
-    for (; v < h.length && (r.lastIndex = v, a = r.exec(h), a !== null); )
-      v = r.lastIndex, r === y ? a[1] === "!--" ? r = j : a[1] !== void 0 ? r = B : a[2] !== void 0 ? (tt.test(a[2]) && (s = RegExp("</" + a[2], "g")), r = m) : a[3] !== void 0 && (r = m) : r === m ? a[0] === ">" ? (r = s ?? y, c = -1) : a[1] === void 0 ? c = -2 : (c = r.lastIndex - a[2].length, p = a[1], r = a[3] === void 0 ? m : a[3] === '"' ? z : F) : r === z || r === F ? r = m : r === j || r === B ? r = y : (r = m, s = void 0);
-    const N = r === m && o[l + 1].startsWith("/>") ? " " : "";
-    n += r === y ? h + ct : c >= 0 ? (e.push(p), h.slice(0, c) + "$lit$" + h.slice(c) + $ + N) : h + $ + (c === -2 ? (e.push(void 0), l) : N);
-  }
-  const d = n + (o[i] || "<?>") + (t === 2 ? "</svg>" : "");
-  if (!Array.isArray(o) || !o.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return [L !== void 0 ? L.createHTML(d) : d, e];
-};
-class x {
-  constructor({ strings: t, _$litType$: i }, e) {
-    let s;
-    this.parts = [];
-    let n = 0, r = 0;
-    const d = t.length - 1, l = this.parts, [h, p] = pt(t, i);
-    if (this.el = x.createElement(h, e), A.currentNode = this.el.content, i === 2) {
-      const a = this.el.content, c = a.firstChild;
-      c.remove(), a.append(...c.childNodes);
-    }
-    for (; (s = A.nextNode()) !== null && l.length < d; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) {
-          const a = [];
-          for (const c of s.getAttributeNames())
-            if (c.endsWith("$lit$") || c.startsWith($)) {
-              const v = p[r++];
-              if (a.push(c), v !== void 0) {
-                const N = s.getAttribute(v.toLowerCase() + "$lit$").split($), O = /([.?@])?(.*)/.exec(v);
-                l.push({ type: 1, index: n, name: O[2], strings: N, ctor: O[1] === "." ? $t : O[1] === "?" ? At : O[1] === "@" ? ft : P });
-              } else
-                l.push({ type: 6, index: n });
-            }
-          for (const c of a)
-            s.removeAttribute(c);
-        }
-        if (tt.test(s.tagName)) {
-          const a = s.textContent.split($), c = a.length - 1;
-          if (c > 0) {
-            s.textContent = f ? f.emptyScript : "";
-            for (let v = 0; v < c; v++)
-              s.append(a[v], E()), A.nextNode(), l.push({ type: 2, index: ++n });
-            s.append(a[c], E());
-          }
-        }
-      } else if (s.nodeType === 8)
-        if (s.data === G)
-          l.push({ type: 2, index: n });
-        else {
-          let a = -1;
-          for (; (a = s.data.indexOf($, a + 1)) !== -1; )
-            l.push({ type: 7, index: n }), a += $.length - 1;
-        }
-      n++;
-    }
-  }
-  static createElement(t, i) {
-    const e = g.createElement("template");
-    return e.innerHTML = t, e;
-  }
-}
-function _(o, t, i = o, e) {
-  var s, n, r, d;
-  if (t === C)
-    return t;
-  let l = e !== void 0 ? (s = i._$Co) === null || s === void 0 ? void 0 : s[e] : i._$Cl;
-  const h = w(t) ? void 0 : t._$litDirective$;
-  return (l == null ? void 0 : l.constructor) !== h && ((n = l == null ? void 0 : l._$AO) === null || n === void 0 || n.call(l, !1), h === void 0 ? l = void 0 : (l = new h(o), l._$AT(o, i, e)), e !== void 0 ? ((r = (d = i)._$Co) !== null && r !== void 0 ? r : d._$Co = [])[e] = l : i._$Cl = l), l !== void 0 && (t = _(o, l._$AS(o, t.values), l, e)), t;
-}
-class vt {
-  constructor(t, i) {
-    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  v(t) {
-    var i;
-    const { el: { content: e }, parts: s } = this._$AD, n = ((i = t == null ? void 0 : t.creationScope) !== null && i !== void 0 ? i : g).importNode(e, !0);
-    A.currentNode = n;
-    let r = A.nextNode(), d = 0, l = 0, h = s[0];
-    for (; h !== void 0; ) {
-      if (d === h.index) {
-        let p;
-        h.type === 2 ? p = new k(r, r.nextSibling, this, t) : h.type === 1 ? p = new h.ctor(r, h.name, h.strings, this, t) : h.type === 6 && (p = new gt(r, this, t)), this.u.push(p), h = s[++l];
-      }
-      d !== (h == null ? void 0 : h.index) && (r = A.nextNode(), d++);
-    }
-    return n;
-  }
-  p(t) {
-    let i = 0;
-    for (const e of this.u)
-      e !== void 0 && (e.strings !== void 0 ? (e._$AI(t, e, i), i += e.strings.length - 2) : e._$AI(t[i])), i++;
-  }
-}
-class k {
-  constructor(t, i, e, s) {
-    var n;
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = e, this.options = s, this._$Cm = (n = s == null ? void 0 : s.isConnected) === null || n === void 0 || n;
-  }
-  get _$AU() {
-    var t, i;
-    return (i = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && i !== void 0 ? i : this._$Cm;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const i = this._$AM;
-    return i !== void 0 && t.nodeType === 11 && (t = i.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, i = this) {
-    t = _(this, t, i), w(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ut(t) ? this.k(t) : this.g(t);
-  }
-  O(t, i = this._$AB) {
-    return this._$AA.parentNode.insertBefore(t, i);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  g(t) {
-    this._$AH !== u && w(this._$AH) ? this._$AA.nextSibling.data = t : this.T(g.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var i;
-    const { values: e, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = x.createElement(s.h, this.options)), s);
-    if (((i = this._$AH) === null || i === void 0 ? void 0 : i._$AD) === n)
-      this._$AH.p(e);
-    else {
-      const r = new vt(n, this), d = r.v(this.options);
-      r.p(e), this.T(d), this._$AH = r;
-    }
-  }
-  _$AC(t) {
-    let i = W.get(t.strings);
-    return i === void 0 && W.set(t.strings, i = new x(t)), i;
-  }
-  k(t) {
-    J(this._$AH) || (this._$AH = [], this._$AR());
-    const i = this._$AH;
-    let e, s = 0;
-    for (const n of t)
-      s === i.length ? i.push(e = new k(this.O(E()), this.O(E()), this, this.options)) : e = i[s], e._$AI(n), s++;
-    s < i.length && (this._$AR(e && e._$AB.nextSibling, s), i.length = s);
-  }
-  _$AR(t = this._$AA.nextSibling, i) {
-    var e;
-    for ((e = this._$AP) === null || e === void 0 || e.call(this, !1, !0, i); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
-    }
-  }
-  setConnected(t) {
-    var i;
-    this._$AM === void 0 && (this._$Cm = t, (i = this._$AP) === null || i === void 0 || i.call(this, t));
-  }
-}
-let P = class {
-  constructor(t, i, e, s, n) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = i, this._$AM = s, this.options = n, e.length > 2 || e[0] !== "" || e[1] !== "" ? (this._$AH = Array(e.length - 1).fill(new String()), this.strings = e) : this._$AH = u;
-  }
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t, i = this, e, s) {
-    const n = this.strings;
-    let r = !1;
-    if (n === void 0)
-      t = _(this, t, i, 0), r = !w(t) || t !== this._$AH && t !== C, r && (this._$AH = t);
-    else {
-      const d = t;
-      let l, h;
-      for (t = n[0], l = 0; l < n.length - 1; l++)
-        h = _(this, d[e + l], i, l), h === C && (h = this._$AH[l]), r || (r = !w(h) || h !== this._$AH[l]), h === u ? t = u : t !== u && (t += (h ?? "") + n[l + 1]), this._$AH[l] = h;
-    }
-    r && !s && this.j(t);
-  }
-  j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-};
-class $t extends P {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
-  }
-}
-const mt = f ? f.emptyScript : "";
-class At extends P {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    t && t !== u ? this.element.setAttribute(this.name, mt) : this.element.removeAttribute(this.name);
-  }
-}
-class ft extends P {
-  constructor(t, i, e, s, n) {
-    super(t, i, e, s, n), this.type = 5;
-  }
-  _$AI(t, i = this) {
-    var e;
-    if ((t = (e = _(this, t, i, 0)) !== null && e !== void 0 ? e : u) === C)
-      return;
-    const s = this._$AH, n = t === u && s !== u || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== u && (s === u || n);
-    n && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var i, e;
-    typeof this._$AH == "function" ? this._$AH.call((e = (i = this.options) === null || i === void 0 ? void 0 : i.host) !== null && e !== void 0 ? e : this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class gt {
-  constructor(t, i, e) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = e;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    _(this, t);
-  }
-}
-const V = T.litHtmlPolyfillSupport;
-V == null || V(x, k), ((I = T.litHtmlVersions) !== null && I !== void 0 ? I : T.litHtmlVersions = []).push("2.5.0");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const it = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, _t = (o) => (...t) => ({ _$litDirective$: o, values: t });
-let yt = class {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, i, e) {
-    this._$Ct = t, this._$AM = i, this._$Ci = e;
-  }
-  _$AS(t, i) {
-    return this.update(t, i);
-  }
-  update(t, i) {
-    return this.render(...i);
-  }
-};
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const bt = (o) => o.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const b = (o, t) => {
-  var i, e;
-  const s = o._$AN;
-  if (s === void 0)
-    return !1;
-  for (const n of s)
-    (e = (i = n)._$AO) === null || e === void 0 || e.call(i, t, !1), b(n, t);
-  return !0;
-}, S = (o) => {
-  let t, i;
-  do {
-    if ((t = o._$AM) === void 0)
-      break;
-    i = t._$AN, i.delete(o), o = t;
-  } while ((i == null ? void 0 : i.size) === 0);
-}, et = (o) => {
-  for (let t; t = o._$AM; o = t) {
-    let i = t._$AN;
-    if (i === void 0)
-      t._$AN = i = /* @__PURE__ */ new Set();
-    else if (i.has(o))
-      break;
-    i.add(o), xt(t);
-  }
-};
-function wt(o) {
-  this._$AN !== void 0 ? (S(this), this._$AM = o, et(this)) : this._$AM = o;
-}
-function Ct(o, t = !1, i = 0) {
-  const e = this._$AH, s = this._$AN;
-  if (s !== void 0 && s.size !== 0)
-    if (t)
-      if (Array.isArray(e))
-        for (let n = i; n < e.length; n++)
-          b(e[n], !1), S(e[n]);
-      else
-        e != null && (b(e, !1), S(e));
-    else
-      b(this, o);
-}
-const xt = (o) => {
-  var t, i, e, s;
-  o.type == it.CHILD && ((t = (e = o)._$AP) !== null && t !== void 0 || (e._$AP = Ct), (i = (s = o)._$AQ) !== null && i !== void 0 || (s._$AQ = wt));
-};
-class Ht extends yt {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, i, e) {
-    super._$AT(t, i, e), et(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, i = !0) {
-    var e, s;
-    t !== this.isConnected && (this.isConnected = t, t ? (e = this.reconnected) === null || e === void 0 || e.call(this) : (s = this.disconnected) === null || s === void 0 || s.call(this)), i && (b(this, t), S(this));
-  }
-  setValue(t) {
-    if (bt(this._$Ct))
-      this._$Ct._$AI(t, this);
-    else {
-      const i = [...this._$Ct._$AH];
-      i[this._$Ci] = t, this._$Ct._$AI(i, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-const st = /* @__PURE__ */ new WeakMap();
-class Nt {
-  constructor(t, i) {
-    this.startPaused = !1, this.disabled = !1, this.clients = /* @__PURE__ */ new Set(), this.pendingComplete = !1, this.host = t, this.defaultOptions = i.defaultOptions || {}, this.startPaused = !!i.startPaused, this.disabled = !!i.disabled, this.onComplete = i.onComplete, st.set(this.host, this);
-  }
-  async add(t) {
-    var i, e;
-    this.clients.add(t), this.startPaused && ((i = t.webAnimation) === null || i === void 0 || i.pause()), this.pendingComplete = !0, await t.finished, this.pendingComplete && !this.isAnimating && (this.pendingComplete = !1, (e = this.onComplete) === null || e === void 0 || e.call(this));
-  }
-  remove(t) {
-    this.clients.delete(t);
-  }
-  pause() {
-    this.clients.forEach((t) => {
-      var i;
-      return (i = t.webAnimation) === null || i === void 0 ? void 0 : i.pause();
-    });
-  }
-  play() {
-    this.clients.forEach((t) => {
-      var i;
-      return (i = t.webAnimation) === null || i === void 0 ? void 0 : i.play();
-    });
-  }
-  cancel() {
-    this.clients.forEach((t) => {
-      var i;
-      return (i = t.webAnimation) === null || i === void 0 ? void 0 : i.cancel();
-    }), this.clients.clear();
-  }
-  finish() {
-    this.clients.forEach((t) => {
-      var i;
-      return (i = t.webAnimation) === null || i === void 0 ? void 0 : i.finish();
-    }), this.clients.clear();
-  }
-  togglePlay() {
-    this.isPlaying ? this.pause() : this.play();
-  }
-  get isAnimating() {
-    return this.clients.size > 0;
-  }
-  get isPlaying() {
-    return Array.from(this.clients).some((t) => {
-      var i;
-      return ((i = t.webAnimation) === null || i === void 0 ? void 0 : i.playState) === "running";
-    });
-  }
-  async finished() {
-    await Promise.all(Array.from(this.clients).map((t) => t.finished));
-  }
-}
-let K = 0;
-const U = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new WeakSet(), Q = () => new Promise((o) => requestAnimationFrame(o)), X = (o, t) => {
-  const i = o - t;
-  return i === 0 ? void 0 : i;
-}, Z = (o, t) => {
-  const i = o / t;
-  return i === 1 ? void 0 : i;
-}, R = { left: (o, t) => {
-  const i = X(o, t);
-  return { value: i, transform: i && `translateX(${i}px)` };
-}, top: (o, t) => {
-  const i = X(o, t);
-  return { value: i, transform: i && `translateY(${i}px)` };
-}, width: (o, t) => {
-  const i = Z(o, t);
-  return { value: i, transform: i && `scaleX(${i})` };
-}, height: (o, t) => {
-  const i = Z(o, t);
-  return { value: i, transform: i && `scaleY(${i})` };
-} }, Ot = { duration: 333, easing: "ease-in-out" }, Tt = ["left", "top", "width", "height", "opacity", "color", "background"], q = /* @__PURE__ */ new WeakMap();
-class Et extends Ht {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === it.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) === null || t === void 0 || t.call(this), this.finished = new Promise((i) => {
-      this.h = i;
-    });
-  }
-  async resolveFinished() {
-    var t;
-    (t = this.h) === null || t === void 0 || t.call(this), this.h = void 0;
-  }
-  render(t) {
-    return u;
-  }
-  getController() {
-    return st.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) === null || t === void 0 ? void 0 : t.disabled);
-  }
-  update(t, [i]) {
-    var e;
-    const s = this.l === void 0;
-    return s && (this.l = (e = t.options) === null || e === void 0 ? void 0 : e.host, this.l.addController(this), this.element = t.element, q.set(this.element, this)), this.optionsOrCallback = i, (s || typeof i != "function") && this.u(i), this.render(i);
-  }
-  u(t) {
-    var i, e;
-    t = t ?? {};
-    const s = this.getController();
-    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), (i = (e = t).properties) !== null && i !== void 0 || (e.properties = Tt), this.options = t;
-  }
-  v() {
-    const t = {}, i = this.element.getBoundingClientRect(), e = getComputedStyle(this.element);
-    return this.options.properties.forEach((s) => {
-      var n;
-      const r = (n = i[s]) !== null && n !== void 0 ? n : R[s] ? void 0 : e[s], d = Number(r);
-      t[s] = isNaN(d) ? r + "" : d;
-    }), t;
-  }
-  p() {
-    let t, i = !0;
-    return this.options.guard && (t = this.options.guard(), i = ((e, s) => {
-      if (Array.isArray(e)) {
-        if (Array.isArray(s) && s.length === e.length && e.every((n, r) => n === s[r]))
-          return !1;
-      } else if (s === e)
-        return !1;
-      return !0;
-    })(t, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && i && this.element.isConnected, this.o && (this.m = Array.isArray(t) ? Array.from(t) : t), this.o;
-  }
-  hostUpdate() {
-    var t;
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t = this.t) !== null && t !== void 0 ? t : this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  async hostUpdated() {
-    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-      return;
-    let t;
-    this.prepare(), await Q;
-    const i = this._(), e = this.A(this.options.keyframeOptions, i), s = this.v();
-    if (this.g !== void 0) {
-      const { from: n, to: r } = this.O(this.g, s, i);
-      this.log("measured", [this.g, s, n, r]), t = this.calculateKeyframes(n, r);
-    } else {
-      const n = U.get(this.options.inId);
-      if (n) {
-        U.delete(this.options.inId);
-        const { from: r, to: d } = this.O(n, s, i);
-        t = this.calculateKeyframes(r, d), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, K++, t.forEach((l) => l.zIndex = K);
-      } else
-        this.options.in && (t = [...this.options.in, {}]);
-    }
-    this.animate(t, e);
-  }
-  resetStyles() {
-    var t;
-    this.P !== void 0 && (this.element.setAttribute("style", (t = this.P) !== null && t !== void 0 ? t : ""), this.P = void 0);
-  }
-  commitStyles() {
-    var t, i;
-    this.P = this.element.getAttribute("style"), (t = this.webAnimation) === null || t === void 0 || t.commitStyles(), (i = this.webAnimation) === null || i === void 0 || i.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var t;
-    if (!this.o || (this.options.id !== void 0 && U.set(this.options.id, this.g), this.options.out === void 0))
-      return;
-    if (this.prepare(), await Q(), (t = this.t) === null || t === void 0 ? void 0 : t.isConnected) {
-      const e = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, e), this.options.stabilizeOut) {
-        const s = this.v();
-        this.log("stabilizing out");
-        const n = this.g.left - s.left, r = this.g.top - s.top;
-        getComputedStyle(this.element).position !== "static" || n === 0 && r === 0 || (this.element.style.position = "relative"), n !== 0 && (this.element.style.left = n + "px"), r !== 0 && (this.element.style.top = r + "px");
-      }
-    }
-    const i = this.A(this.options.keyframeOptions);
-    await this.animate(this.options.out, i), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, i;
-    (i = (t = this.options).onStart) === null || i === void 0 || i.call(t, this);
-  }
-  didFinish(t) {
-    var i, e;
-    t && ((e = (i = this.options).onComplete) === null || e === void 0 || e.call(i, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let i = this.element.parentNode; i; i = i == null ? void 0 : i.parentNode) {
-      const e = q.get(i);
-      e && !e.isDisabled() && e && t.push(e);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = Y.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      Y.add(this.l);
-    }), t;
-  }
-  A(t, i = this._()) {
-    const e = { ...Ot };
-    return i.forEach((s) => Object.assign(e, s.options.keyframeOptions)), Object.assign(e, t), e;
-  }
-  O(t, i, e) {
-    t = { ...t }, i = { ...i };
-    const s = e.map((d) => d.animatingProperties).filter((d) => d !== void 0);
-    let n = 1, r = 1;
-    return s !== void 0 && (s.forEach((d) => {
-      d.width && (n /= d.width), d.height && (r /= d.height);
-    }), t.left !== void 0 && i.left !== void 0 && (t.left = n * t.left, i.left = n * i.left), t.top !== void 0 && i.top !== void 0 && (t.top = r * t.top, i.top = r * i.top)), { from: t, to: i };
-  }
-  calculateKeyframes(t, i, e = !1) {
-    var s;
-    const n = {}, r = {};
-    let d = !1;
-    const l = {};
-    for (const h in i) {
-      const p = t[h], a = i[h];
-      if (h in R) {
-        const c = R[h];
-        if (p === void 0 || a === void 0)
-          continue;
-        const v = c(p, a);
-        v.transform !== void 0 && (l[h] = v.value, d = !0, n.transform = `${(s = n.transform) !== null && s !== void 0 ? s : ""} ${v.transform}`);
-      } else
-        p !== a && p !== void 0 && a !== void 0 && (d = !0, n[h] = p, r[h] = a);
-    }
-    return n.transformOrigin = r.transformOrigin = e ? "center center" : "top left", this.animatingProperties = l, d ? [n, r] : void 0;
-  }
-  async animate(t, i = this.options.keyframeOptions) {
-    this.start(), this.frames = t;
-    let e = !1;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
-      this.log("animate", [t, i]), e = !0, this.webAnimation = this.element.animate(t, i);
-      const s = this.getController();
-      s == null || s.add(this);
-      try {
-        await this.webAnimation.finished;
-      } catch {
-      }
-      s == null || s.remove(this);
-    }
-    return this.didFinish(e), e;
-  }
-  isAnimating() {
-    var t, i;
-    return ((t = this.webAnimation) === null || t === void 0 ? void 0 : t.playState) === "running" || ((i = this.webAnimation) === null || i === void 0 ? void 0 : i.pending);
-  }
-  log(t, i) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, i);
-  }
-}
-const St = _t(Et);
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const kt = nt(class extends ot {
-  constructor(o) {
-    var t;
-    if (super(o), o.type !== rt.ATTRIBUTE || o.name !== "class" || ((t = o.strings) === null || t === void 0 ? void 0 : t.length) > 2)
-      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(o) {
-    return " " + Object.keys(o).filter((t) => o[t]).join(" ") + " ";
-  }
-  update(o, [t]) {
-    var i, e;
-    if (this.nt === void 0) {
-      this.nt = /* @__PURE__ */ new Set(), o.strings !== void 0 && (this.st = new Set(o.strings.join(" ").split(/\s/).filter((n) => n !== "")));
-      for (const n in t)
-        t[n] && !(!((i = this.st) === null || i === void 0) && i.has(n)) && this.nt.add(n);
-      return this.render(t);
-    }
-    const s = o.element.classList;
-    this.nt.forEach((n) => {
-      n in t || (s.remove(n), this.nt.delete(n));
-    });
-    for (const n in t) {
-      const r = !!t[n];
-      r === this.nt.has(n) || !((e = this.st) === null || e === void 0) && e.has(n) || (r ? (s.add(n), this.nt.add(n)) : (s.remove(n), this.nt.delete(n)));
-    }
-    return lt;
-  }
-}), Pt = `p{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}p b{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}
-`;
-var Mt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, M = (o, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? It(t, i) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (s = (e ? r(t, i, s) : r(s)) || s);
-  return e && s && Mt(t, i, s), s;
-};
-let H = class extends ht(Pt) {
-  constructor() {
-    super(...arguments), this.name = "World", this.clicked = !1, this.disabled = !1, this.duration = 1e3, this.controller = new Nt(this, {
-      defaultOptions: {
-        keyframeOptions: {
-          duration: this.duration,
-          fill: "backwards"
-        }
-      }
-    });
-  }
-  _onClick() {
-    this.disabled || (this.clicked = !0, setTimeout(() => {
-      this.clicked = !1;
-    }, 2e3));
-  }
-  render() {
-    const o = {
-      "text-yellow-200": !this.disabled,
-      "p-2": !0,
-      "rounded-full": !0,
-      "text-24": !0,
-      "bg-blue-800": this.clicked && !this.disabled,
-      "bg-blue-200": !this.clicked && !this.disabled
-    };
-    return at`
-      <p class="heading-1">
-        Hello,
-        <b class="heading-4">${this.name}</b>
-        !
-      </p>
-      <button
-        ?disabled=${this.disabled}
-        data-testid="button"
-        @click=${this._onClick}
-        class="hover:text-yellow-700 ${kt(o)}"
-        ${St()}
-      >
-        Hello world! 2
-      </button>
-    `;
-  }
-};
-M([
-  D()
-], H.prototype, "name", 2);
-M([
-  D()
-], H.prototype, "clicked", 2);
-M([
-  D({ type: Boolean })
-], H.prototype, "disabled", 2);
-H = M([
-  dt("lukso-test")
-], H);
-export {
-  H as LuksoTest
-};