@lukso/web-components 1.0.1 → 1.0.5

package/dist/lukso-test.js

@@ -0,0 +1,710 @@
+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
+};