1075 lines
36 KiB
JavaScript
1075 lines
36 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
for (var i7 = decorators.length - 1, decorator; i7 >= 0; i7--)
|
|
if (decorator = decorators[i7])
|
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
if (kind && result) __defProp(target, key, result);
|
|
return result;
|
|
};
|
|
|
|
// node_modules/@lit/reactive-element/css-tag.js
|
|
var t = globalThis;
|
|
var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
|
|
var s = Symbol();
|
|
var o = /* @__PURE__ */ new WeakMap();
|
|
var n = class {
|
|
constructor(t6, e6, o8) {
|
|
if (this._$cssResult$ = true, o8 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
this.cssText = t6, this.t = e6;
|
|
}
|
|
get styleSheet() {
|
|
let t6 = this.o;
|
|
const s4 = this.t;
|
|
if (e && void 0 === t6) {
|
|
const e6 = void 0 !== s4 && 1 === s4.length;
|
|
e6 && (t6 = o.get(s4)), void 0 === t6 && ((this.o = t6 = new CSSStyleSheet()).replaceSync(this.cssText), e6 && o.set(s4, t6));
|
|
}
|
|
return t6;
|
|
}
|
|
toString() {
|
|
return this.cssText;
|
|
}
|
|
};
|
|
var r = (t6) => new n("string" == typeof t6 ? t6 : t6 + "", void 0, s);
|
|
var i = (t6, ...e6) => {
|
|
const o8 = 1 === t6.length ? t6[0] : e6.reduce((e7, s4, o9) => e7 + ((t7) => {
|
|
if (true === t7._$cssResult$) return t7.cssText;
|
|
if ("number" == typeof t7) return t7;
|
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + t7 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
})(s4) + t6[o9 + 1], t6[0]);
|
|
return new n(o8, t6, s);
|
|
};
|
|
var S = (s4, o8) => {
|
|
if (e) s4.adoptedStyleSheets = o8.map((t6) => t6 instanceof CSSStyleSheet ? t6 : t6.styleSheet);
|
|
else for (const e6 of o8) {
|
|
const o9 = document.createElement("style"), n8 = t.litNonce;
|
|
void 0 !== n8 && o9.setAttribute("nonce", n8), o9.textContent = e6.cssText, s4.appendChild(o9);
|
|
}
|
|
};
|
|
var c = e ? (t6) => t6 : (t6) => t6 instanceof CSSStyleSheet ? ((t7) => {
|
|
let e6 = "";
|
|
for (const s4 of t7.cssRules) e6 += s4.cssText;
|
|
return r(e6);
|
|
})(t6) : t6;
|
|
|
|
// node_modules/@lit/reactive-element/reactive-element.js
|
|
var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
|
|
var a = globalThis;
|
|
var c2 = a.trustedTypes;
|
|
var l = c2 ? c2.emptyScript : "";
|
|
var p = a.reactiveElementPolyfillSupport;
|
|
var d = (t6, s4) => t6;
|
|
var u = { toAttribute(t6, s4) {
|
|
switch (s4) {
|
|
case Boolean:
|
|
t6 = t6 ? l : null;
|
|
break;
|
|
case Object:
|
|
case Array:
|
|
t6 = null == t6 ? t6 : JSON.stringify(t6);
|
|
}
|
|
return t6;
|
|
}, fromAttribute(t6, s4) {
|
|
let i7 = t6;
|
|
switch (s4) {
|
|
case Boolean:
|
|
i7 = null !== t6;
|
|
break;
|
|
case Number:
|
|
i7 = null === t6 ? null : Number(t6);
|
|
break;
|
|
case Object:
|
|
case Array:
|
|
try {
|
|
i7 = JSON.parse(t6);
|
|
} catch (t7) {
|
|
i7 = null;
|
|
}
|
|
}
|
|
return i7;
|
|
} };
|
|
var f = (t6, s4) => !i2(t6, s4);
|
|
var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
|
|
Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
var b = class extends HTMLElement {
|
|
static addInitializer(t6) {
|
|
this._$Ei(), (this.l ??= []).push(t6);
|
|
}
|
|
static get observedAttributes() {
|
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
}
|
|
static createProperty(t6, s4 = y) {
|
|
if (s4.state && (s4.attribute = false), this._$Ei(), this.elementProperties.set(t6, s4), !s4.noAccessor) {
|
|
const i7 = Symbol(), r7 = this.getPropertyDescriptor(t6, i7, s4);
|
|
void 0 !== r7 && e2(this.prototype, t6, r7);
|
|
}
|
|
}
|
|
static getPropertyDescriptor(t6, s4, i7) {
|
|
const { get: e6, set: h5 } = r2(this.prototype, t6) ?? { get() {
|
|
return this[s4];
|
|
}, set(t7) {
|
|
this[s4] = t7;
|
|
} };
|
|
return { get() {
|
|
return e6?.call(this);
|
|
}, set(s5) {
|
|
const r7 = e6?.call(this);
|
|
h5.call(this, s5), this.requestUpdate(t6, r7, i7);
|
|
}, configurable: true, enumerable: true };
|
|
}
|
|
static getPropertyOptions(t6) {
|
|
return this.elementProperties.get(t6) ?? y;
|
|
}
|
|
static _$Ei() {
|
|
if (this.hasOwnProperty(d("elementProperties"))) return;
|
|
const t6 = n2(this);
|
|
t6.finalize(), void 0 !== t6.l && (this.l = [...t6.l]), this.elementProperties = new Map(t6.elementProperties);
|
|
}
|
|
static finalize() {
|
|
if (this.hasOwnProperty(d("finalized"))) return;
|
|
if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
|
|
const t7 = this.properties, s4 = [...h(t7), ...o2(t7)];
|
|
for (const i7 of s4) this.createProperty(i7, t7[i7]);
|
|
}
|
|
const t6 = this[Symbol.metadata];
|
|
if (null !== t6) {
|
|
const s4 = litPropertyMetadata.get(t6);
|
|
if (void 0 !== s4) for (const [t7, i7] of s4) this.elementProperties.set(t7, i7);
|
|
}
|
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
for (const [t7, s4] of this.elementProperties) {
|
|
const i7 = this._$Eu(t7, s4);
|
|
void 0 !== i7 && this._$Eh.set(i7, t7);
|
|
}
|
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
}
|
|
static finalizeStyles(s4) {
|
|
const i7 = [];
|
|
if (Array.isArray(s4)) {
|
|
const e6 = new Set(s4.flat(1 / 0).reverse());
|
|
for (const s5 of e6) i7.unshift(c(s5));
|
|
} else void 0 !== s4 && i7.push(c(s4));
|
|
return i7;
|
|
}
|
|
static _$Eu(t6, s4) {
|
|
const i7 = s4.attribute;
|
|
return false === i7 ? void 0 : "string" == typeof i7 ? i7 : "string" == typeof t6 ? t6.toLowerCase() : void 0;
|
|
}
|
|
constructor() {
|
|
super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
|
|
}
|
|
_$Ev() {
|
|
this._$ES = new Promise((t6) => this.enableUpdating = t6), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t6) => t6(this));
|
|
}
|
|
addController(t6) {
|
|
(this._$EO ??= /* @__PURE__ */ new Set()).add(t6), void 0 !== this.renderRoot && this.isConnected && t6.hostConnected?.();
|
|
}
|
|
removeController(t6) {
|
|
this._$EO?.delete(t6);
|
|
}
|
|
_$E_() {
|
|
const t6 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
|
|
for (const i7 of s4.keys()) this.hasOwnProperty(i7) && (t6.set(i7, this[i7]), delete this[i7]);
|
|
t6.size > 0 && (this._$Ep = t6);
|
|
}
|
|
createRenderRoot() {
|
|
const t6 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
return S(t6, this.constructor.elementStyles), t6;
|
|
}
|
|
connectedCallback() {
|
|
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t6) => t6.hostConnected?.());
|
|
}
|
|
enableUpdating(t6) {
|
|
}
|
|
disconnectedCallback() {
|
|
this._$EO?.forEach((t6) => t6.hostDisconnected?.());
|
|
}
|
|
attributeChangedCallback(t6, s4, i7) {
|
|
this._$AK(t6, i7);
|
|
}
|
|
_$EC(t6, s4) {
|
|
const i7 = this.constructor.elementProperties.get(t6), e6 = this.constructor._$Eu(t6, i7);
|
|
if (void 0 !== e6 && true === i7.reflect) {
|
|
const r7 = (void 0 !== i7.converter?.toAttribute ? i7.converter : u).toAttribute(s4, i7.type);
|
|
this._$Em = t6, null == r7 ? this.removeAttribute(e6) : this.setAttribute(e6, r7), this._$Em = null;
|
|
}
|
|
}
|
|
_$AK(t6, s4) {
|
|
const i7 = this.constructor, e6 = i7._$Eh.get(t6);
|
|
if (void 0 !== e6 && this._$Em !== e6) {
|
|
const t7 = i7.getPropertyOptions(e6), r7 = "function" == typeof t7.converter ? { fromAttribute: t7.converter } : void 0 !== t7.converter?.fromAttribute ? t7.converter : u;
|
|
this._$Em = e6, this[e6] = r7.fromAttribute(s4, t7.type), this._$Em = null;
|
|
}
|
|
}
|
|
requestUpdate(t6, s4, i7) {
|
|
if (void 0 !== t6) {
|
|
if (i7 ??= this.constructor.getPropertyOptions(t6), !(i7.hasChanged ?? f)(this[t6], s4)) return;
|
|
this.P(t6, s4, i7);
|
|
}
|
|
false === this.isUpdatePending && (this._$ES = this._$ET());
|
|
}
|
|
P(t6, s4, i7) {
|
|
this._$AL.has(t6) || this._$AL.set(t6, s4), true === i7.reflect && this._$Em !== t6 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t6);
|
|
}
|
|
async _$ET() {
|
|
this.isUpdatePending = true;
|
|
try {
|
|
await this._$ES;
|
|
} catch (t7) {
|
|
Promise.reject(t7);
|
|
}
|
|
const t6 = this.scheduleUpdate();
|
|
return null != t6 && await t6, !this.isUpdatePending;
|
|
}
|
|
scheduleUpdate() {
|
|
return this.performUpdate();
|
|
}
|
|
performUpdate() {
|
|
if (!this.isUpdatePending) return;
|
|
if (!this.hasUpdated) {
|
|
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
|
|
for (const [t8, s5] of this._$Ep) this[t8] = s5;
|
|
this._$Ep = void 0;
|
|
}
|
|
const t7 = this.constructor.elementProperties;
|
|
if (t7.size > 0) for (const [s5, i7] of t7) true !== i7.wrapped || this._$AL.has(s5) || void 0 === this[s5] || this.P(s5, this[s5], i7);
|
|
}
|
|
let t6 = false;
|
|
const s4 = this._$AL;
|
|
try {
|
|
t6 = this.shouldUpdate(s4), t6 ? (this.willUpdate(s4), this._$EO?.forEach((t7) => t7.hostUpdate?.()), this.update(s4)) : this._$EU();
|
|
} catch (s5) {
|
|
throw t6 = false, this._$EU(), s5;
|
|
}
|
|
t6 && this._$AE(s4);
|
|
}
|
|
willUpdate(t6) {
|
|
}
|
|
_$AE(t6) {
|
|
this._$EO?.forEach((t7) => t7.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t6)), this.updated(t6);
|
|
}
|
|
_$EU() {
|
|
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
|
|
}
|
|
get updateComplete() {
|
|
return this.getUpdateComplete();
|
|
}
|
|
getUpdateComplete() {
|
|
return this._$ES;
|
|
}
|
|
shouldUpdate(t6) {
|
|
return true;
|
|
}
|
|
update(t6) {
|
|
this._$Ej &&= this._$Ej.forEach((t7) => this._$EC(t7, this[t7])), this._$EU();
|
|
}
|
|
updated(t6) {
|
|
}
|
|
firstUpdated(t6) {
|
|
}
|
|
};
|
|
b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: b }), (a.reactiveElementVersions ??= []).push("2.0.4");
|
|
|
|
// node_modules/lit-html/lit-html.js
|
|
var t2 = globalThis;
|
|
var i3 = t2.trustedTypes;
|
|
var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t6) => t6 }) : void 0;
|
|
var e3 = "$lit$";
|
|
var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
|
|
var o3 = "?" + h2;
|
|
var n3 = `<${o3}>`;
|
|
var r3 = document;
|
|
var l2 = () => r3.createComment("");
|
|
var c3 = (t6) => null === t6 || "object" != typeof t6 && "function" != typeof t6;
|
|
var a2 = Array.isArray;
|
|
var u2 = (t6) => a2(t6) || "function" == typeof t6?.[Symbol.iterator];
|
|
var d2 = "[ \n\f\r]";
|
|
var f2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
|
|
var v = /-->/g;
|
|
var _ = />/g;
|
|
var m = RegExp(`>|${d2}(?:([^\\s"'>=/]+)(${d2}*=${d2}*(?:[^
|
|
\f\r"'\`<>=]|("|')|))|$)`, "g");
|
|
var p2 = /'/g;
|
|
var g = /"/g;
|
|
var $ = /^(?:script|style|textarea|title)$/i;
|
|
var y2 = (t6) => (i7, ...s4) => ({ _$litType$: t6, strings: i7, values: s4 });
|
|
var x = y2(1);
|
|
var b2 = y2(2);
|
|
var w = y2(3);
|
|
var T = Symbol.for("lit-noChange");
|
|
var E = Symbol.for("lit-nothing");
|
|
var A = /* @__PURE__ */ new WeakMap();
|
|
var C = r3.createTreeWalker(r3, 129);
|
|
function P(t6, i7) {
|
|
if (!a2(t6) || !t6.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
return void 0 !== s2 ? s2.createHTML(i7) : i7;
|
|
}
|
|
var V = (t6, i7) => {
|
|
const s4 = t6.length - 1, o8 = [];
|
|
let r7, l3 = 2 === i7 ? "<svg>" : 3 === i7 ? "<math>" : "", c5 = f2;
|
|
for (let i8 = 0; i8 < s4; i8++) {
|
|
const s5 = t6[i8];
|
|
let a3, u3, d3 = -1, y3 = 0;
|
|
for (; y3 < s5.length && (c5.lastIndex = y3, u3 = c5.exec(s5), null !== u3); ) y3 = c5.lastIndex, c5 === f2 ? "!--" === u3[1] ? c5 = v : void 0 !== u3[1] ? c5 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r7 = RegExp("</" + u3[2], "g")), c5 = m) : void 0 !== u3[3] && (c5 = m) : c5 === m ? ">" === u3[0] ? (c5 = r7 ?? f2, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c5.lastIndex - u3[2].length, a3 = u3[1], c5 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p2) : c5 === g || c5 === p2 ? c5 = m : c5 === v || c5 === _ ? c5 = f2 : (c5 = m, r7 = void 0);
|
|
const x2 = c5 === m && t6[i8 + 1].startsWith("/>") ? " " : "";
|
|
l3 += c5 === f2 ? s5 + n3 : d3 >= 0 ? (o8.push(a3), s5.slice(0, d3) + e3 + s5.slice(d3) + h2 + x2) : s5 + h2 + (-2 === d3 ? i8 : x2);
|
|
}
|
|
return [P(t6, l3 + (t6[s4] || "<?>") + (2 === i7 ? "</svg>" : 3 === i7 ? "</math>" : "")), o8];
|
|
};
|
|
var N = class _N {
|
|
constructor({ strings: t6, _$litType$: s4 }, n8) {
|
|
let r7;
|
|
this.parts = [];
|
|
let c5 = 0, a3 = 0;
|
|
const u3 = t6.length - 1, d3 = this.parts, [f5, v2] = V(t6, s4);
|
|
if (this.el = _N.createElement(f5, n8), C.currentNode = this.el.content, 2 === s4 || 3 === s4) {
|
|
const t7 = this.el.content.firstChild;
|
|
t7.replaceWith(...t7.childNodes);
|
|
}
|
|
for (; null !== (r7 = C.nextNode()) && d3.length < u3; ) {
|
|
if (1 === r7.nodeType) {
|
|
if (r7.hasAttributes()) for (const t7 of r7.getAttributeNames()) if (t7.endsWith(e3)) {
|
|
const i7 = v2[a3++], s5 = r7.getAttribute(t7).split(h2), e6 = /([.?@])?(.*)/.exec(i7);
|
|
d3.push({ type: 1, index: c5, name: e6[2], strings: s5, ctor: "." === e6[1] ? H : "?" === e6[1] ? I : "@" === e6[1] ? L : k }), r7.removeAttribute(t7);
|
|
} else t7.startsWith(h2) && (d3.push({ type: 6, index: c5 }), r7.removeAttribute(t7));
|
|
if ($.test(r7.tagName)) {
|
|
const t7 = r7.textContent.split(h2), s5 = t7.length - 1;
|
|
if (s5 > 0) {
|
|
r7.textContent = i3 ? i3.emptyScript : "";
|
|
for (let i7 = 0; i7 < s5; i7++) r7.append(t7[i7], l2()), C.nextNode(), d3.push({ type: 2, index: ++c5 });
|
|
r7.append(t7[s5], l2());
|
|
}
|
|
}
|
|
} else if (8 === r7.nodeType) if (r7.data === o3) d3.push({ type: 2, index: c5 });
|
|
else {
|
|
let t7 = -1;
|
|
for (; -1 !== (t7 = r7.data.indexOf(h2, t7 + 1)); ) d3.push({ type: 7, index: c5 }), t7 += h2.length - 1;
|
|
}
|
|
c5++;
|
|
}
|
|
}
|
|
static createElement(t6, i7) {
|
|
const s4 = r3.createElement("template");
|
|
return s4.innerHTML = t6, s4;
|
|
}
|
|
};
|
|
function S2(t6, i7, s4 = t6, e6) {
|
|
if (i7 === T) return i7;
|
|
let h5 = void 0 !== e6 ? s4._$Co?.[e6] : s4._$Cl;
|
|
const o8 = c3(i7) ? void 0 : i7._$litDirective$;
|
|
return h5?.constructor !== o8 && (h5?._$AO?.(false), void 0 === o8 ? h5 = void 0 : (h5 = new o8(t6), h5._$AT(t6, s4, e6)), void 0 !== e6 ? (s4._$Co ??= [])[e6] = h5 : s4._$Cl = h5), void 0 !== h5 && (i7 = S2(t6, h5._$AS(t6, i7.values), h5, e6)), i7;
|
|
}
|
|
var M = class {
|
|
constructor(t6, i7) {
|
|
this._$AV = [], this._$AN = void 0, this._$AD = t6, this._$AM = i7;
|
|
}
|
|
get parentNode() {
|
|
return this._$AM.parentNode;
|
|
}
|
|
get _$AU() {
|
|
return this._$AM._$AU;
|
|
}
|
|
u(t6) {
|
|
const { el: { content: i7 }, parts: s4 } = this._$AD, e6 = (t6?.creationScope ?? r3).importNode(i7, true);
|
|
C.currentNode = e6;
|
|
let h5 = C.nextNode(), o8 = 0, n8 = 0, l3 = s4[0];
|
|
for (; void 0 !== l3; ) {
|
|
if (o8 === l3.index) {
|
|
let i8;
|
|
2 === l3.type ? i8 = new R(h5, h5.nextSibling, this, t6) : 1 === l3.type ? i8 = new l3.ctor(h5, l3.name, l3.strings, this, t6) : 6 === l3.type && (i8 = new z(h5, this, t6)), this._$AV.push(i8), l3 = s4[++n8];
|
|
}
|
|
o8 !== l3?.index && (h5 = C.nextNode(), o8++);
|
|
}
|
|
return C.currentNode = r3, e6;
|
|
}
|
|
p(t6) {
|
|
let i7 = 0;
|
|
for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t6, s4, i7), i7 += s4.strings.length - 2) : s4._$AI(t6[i7])), i7++;
|
|
}
|
|
};
|
|
var R = class _R {
|
|
get _$AU() {
|
|
return this._$AM?._$AU ?? this._$Cv;
|
|
}
|
|
constructor(t6, i7, s4, e6) {
|
|
this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t6, this._$AB = i7, this._$AM = s4, this.options = e6, this._$Cv = e6?.isConnected ?? true;
|
|
}
|
|
get parentNode() {
|
|
let t6 = this._$AA.parentNode;
|
|
const i7 = this._$AM;
|
|
return void 0 !== i7 && 11 === t6?.nodeType && (t6 = i7.parentNode), t6;
|
|
}
|
|
get startNode() {
|
|
return this._$AA;
|
|
}
|
|
get endNode() {
|
|
return this._$AB;
|
|
}
|
|
_$AI(t6, i7 = this) {
|
|
t6 = S2(this, t6, i7), c3(t6) ? t6 === E || null == t6 || "" === t6 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t6 !== this._$AH && t6 !== T && this._(t6) : void 0 !== t6._$litType$ ? this.$(t6) : void 0 !== t6.nodeType ? this.T(t6) : u2(t6) ? this.k(t6) : this._(t6);
|
|
}
|
|
O(t6) {
|
|
return this._$AA.parentNode.insertBefore(t6, this._$AB);
|
|
}
|
|
T(t6) {
|
|
this._$AH !== t6 && (this._$AR(), this._$AH = this.O(t6));
|
|
}
|
|
_(t6) {
|
|
this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t6 : this.T(r3.createTextNode(t6)), this._$AH = t6;
|
|
}
|
|
$(t6) {
|
|
const { values: i7, _$litType$: s4 } = t6, e6 = "number" == typeof s4 ? this._$AC(t6) : (void 0 === s4.el && (s4.el = N.createElement(P(s4.h, s4.h[0]), this.options)), s4);
|
|
if (this._$AH?._$AD === e6) this._$AH.p(i7);
|
|
else {
|
|
const t7 = new M(e6, this), s5 = t7.u(this.options);
|
|
t7.p(i7), this.T(s5), this._$AH = t7;
|
|
}
|
|
}
|
|
_$AC(t6) {
|
|
let i7 = A.get(t6.strings);
|
|
return void 0 === i7 && A.set(t6.strings, i7 = new N(t6)), i7;
|
|
}
|
|
k(t6) {
|
|
a2(this._$AH) || (this._$AH = [], this._$AR());
|
|
const i7 = this._$AH;
|
|
let s4, e6 = 0;
|
|
for (const h5 of t6) e6 === i7.length ? i7.push(s4 = new _R(this.O(l2()), this.O(l2()), this, this.options)) : s4 = i7[e6], s4._$AI(h5), e6++;
|
|
e6 < i7.length && (this._$AR(s4 && s4._$AB.nextSibling, e6), i7.length = e6);
|
|
}
|
|
_$AR(t6 = this._$AA.nextSibling, i7) {
|
|
for (this._$AP?.(false, true, i7); t6 && t6 !== this._$AB; ) {
|
|
const i8 = t6.nextSibling;
|
|
t6.remove(), t6 = i8;
|
|
}
|
|
}
|
|
setConnected(t6) {
|
|
void 0 === this._$AM && (this._$Cv = t6, this._$AP?.(t6));
|
|
}
|
|
};
|
|
var k = class {
|
|
get tagName() {
|
|
return this.element.tagName;
|
|
}
|
|
get _$AU() {
|
|
return this._$AM._$AU;
|
|
}
|
|
constructor(t6, i7, s4, e6, h5) {
|
|
this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t6, this.name = i7, this._$AM = e6, this.options = h5, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = E;
|
|
}
|
|
_$AI(t6, i7 = this, s4, e6) {
|
|
const h5 = this.strings;
|
|
let o8 = false;
|
|
if (void 0 === h5) t6 = S2(this, t6, i7, 0), o8 = !c3(t6) || t6 !== this._$AH && t6 !== T, o8 && (this._$AH = t6);
|
|
else {
|
|
const e7 = t6;
|
|
let n8, r7;
|
|
for (t6 = h5[0], n8 = 0; n8 < h5.length - 1; n8++) r7 = S2(this, e7[s4 + n8], i7, n8), r7 === T && (r7 = this._$AH[n8]), o8 ||= !c3(r7) || r7 !== this._$AH[n8], r7 === E ? t6 = E : t6 !== E && (t6 += (r7 ?? "") + h5[n8 + 1]), this._$AH[n8] = r7;
|
|
}
|
|
o8 && !e6 && this.j(t6);
|
|
}
|
|
j(t6) {
|
|
t6 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t6 ?? "");
|
|
}
|
|
};
|
|
var H = class extends k {
|
|
constructor() {
|
|
super(...arguments), this.type = 3;
|
|
}
|
|
j(t6) {
|
|
this.element[this.name] = t6 === E ? void 0 : t6;
|
|
}
|
|
};
|
|
var I = class extends k {
|
|
constructor() {
|
|
super(...arguments), this.type = 4;
|
|
}
|
|
j(t6) {
|
|
this.element.toggleAttribute(this.name, !!t6 && t6 !== E);
|
|
}
|
|
};
|
|
var L = class extends k {
|
|
constructor(t6, i7, s4, e6, h5) {
|
|
super(t6, i7, s4, e6, h5), this.type = 5;
|
|
}
|
|
_$AI(t6, i7 = this) {
|
|
if ((t6 = S2(this, t6, i7, 0) ?? E) === T) return;
|
|
const s4 = this._$AH, e6 = t6 === E && s4 !== E || t6.capture !== s4.capture || t6.once !== s4.once || t6.passive !== s4.passive, h5 = t6 !== E && (s4 === E || e6);
|
|
e6 && this.element.removeEventListener(this.name, this, s4), h5 && this.element.addEventListener(this.name, this, t6), this._$AH = t6;
|
|
}
|
|
handleEvent(t6) {
|
|
"function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t6) : this._$AH.handleEvent(t6);
|
|
}
|
|
};
|
|
var z = class {
|
|
constructor(t6, i7, s4) {
|
|
this.element = t6, this.type = 6, this._$AN = void 0, this._$AM = i7, this.options = s4;
|
|
}
|
|
get _$AU() {
|
|
return this._$AM._$AU;
|
|
}
|
|
_$AI(t6) {
|
|
S2(this, t6);
|
|
}
|
|
};
|
|
var Z = { M: e3, P: h2, A: o3, C: 1, L: V, R: M, D: u2, V: S2, I: R, H: k, N: I, U: L, B: H, F: z };
|
|
var j = t2.litHtmlPolyfillSupport;
|
|
j?.(N, R), (t2.litHtmlVersions ??= []).push("3.2.1");
|
|
var B = (t6, i7, s4) => {
|
|
const e6 = s4?.renderBefore ?? i7;
|
|
let h5 = e6._$litPart$;
|
|
if (void 0 === h5) {
|
|
const t7 = s4?.renderBefore ?? null;
|
|
e6._$litPart$ = h5 = new R(i7.insertBefore(l2(), t7), t7, void 0, s4 ?? {});
|
|
}
|
|
return h5._$AI(t6), h5;
|
|
};
|
|
|
|
// node_modules/lit-element/lit-element.js
|
|
var r4 = class extends b {
|
|
constructor() {
|
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
}
|
|
createRenderRoot() {
|
|
const t6 = super.createRenderRoot();
|
|
return this.renderOptions.renderBefore ??= t6.firstChild, t6;
|
|
}
|
|
update(t6) {
|
|
const s4 = this.render();
|
|
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t6), this._$Do = B(s4, this.renderRoot, this.renderOptions);
|
|
}
|
|
connectedCallback() {
|
|
super.connectedCallback(), this._$Do?.setConnected(true);
|
|
}
|
|
disconnectedCallback() {
|
|
super.disconnectedCallback(), this._$Do?.setConnected(false);
|
|
}
|
|
render() {
|
|
return T;
|
|
}
|
|
};
|
|
r4._$litElement$ = true, r4["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: r4 });
|
|
var i4 = globalThis.litElementPolyfillSupport;
|
|
i4?.({ LitElement: r4 });
|
|
(globalThis.litElementVersions ??= []).push("4.1.1");
|
|
|
|
// node_modules/@lit/reactive-element/decorators/custom-element.js
|
|
var t3 = (t6) => (e6, o8) => {
|
|
void 0 !== o8 ? o8.addInitializer(() => {
|
|
customElements.define(t6, e6);
|
|
}) : customElements.define(t6, e6);
|
|
};
|
|
|
|
// node_modules/@lit/reactive-element/decorators/property.js
|
|
var o4 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
|
|
var r5 = (t6 = o4, e6, r7) => {
|
|
const { kind: n8, metadata: i7 } = r7;
|
|
let s4 = globalThis.litPropertyMetadata.get(i7);
|
|
if (void 0 === s4 && globalThis.litPropertyMetadata.set(i7, s4 = /* @__PURE__ */ new Map()), s4.set(r7.name, t6), "accessor" === n8) {
|
|
const { name: o8 } = r7;
|
|
return { set(r8) {
|
|
const n9 = e6.get.call(this);
|
|
e6.set.call(this, r8), this.requestUpdate(o8, n9, t6);
|
|
}, init(e7) {
|
|
return void 0 !== e7 && this.P(o8, void 0, t6), e7;
|
|
} };
|
|
}
|
|
if ("setter" === n8) {
|
|
const { name: o8 } = r7;
|
|
return function(r8) {
|
|
const n9 = this[o8];
|
|
e6.call(this, r8), this.requestUpdate(o8, n9, t6);
|
|
};
|
|
}
|
|
throw Error("Unsupported decorator location: " + n8);
|
|
};
|
|
function n4(t6) {
|
|
return (e6, o8) => "object" == typeof o8 ? r5(t6, e6, o8) : ((t7, e7, o9) => {
|
|
const r7 = e7.hasOwnProperty(o9);
|
|
return e7.constructor.createProperty(o9, r7 ? { ...t7, wrapped: true } : t7), r7 ? Object.getOwnPropertyDescriptor(e7, o9) : void 0;
|
|
})(t6, e6, o8);
|
|
}
|
|
|
|
// node_modules/lit-html/directive.js
|
|
var t4 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
|
|
var e4 = (t6) => (...e6) => ({ _$litDirective$: t6, values: e6 });
|
|
var i5 = class {
|
|
constructor(t6) {
|
|
}
|
|
get _$AU() {
|
|
return this._$AM._$AU;
|
|
}
|
|
_$AT(t6, e6, i7) {
|
|
this._$Ct = t6, this._$AM = e6, this._$Ci = i7;
|
|
}
|
|
_$AS(t6, e6) {
|
|
return this.update(t6, e6);
|
|
}
|
|
update(t6, e6) {
|
|
return this.render(...e6);
|
|
}
|
|
};
|
|
|
|
// node_modules/lit-html/directives/style-map.js
|
|
var n5 = "important";
|
|
var i6 = " !" + n5;
|
|
var o5 = e4(class extends i5 {
|
|
constructor(t6) {
|
|
if (super(t6), t6.type !== t4.ATTRIBUTE || "style" !== t6.name || t6.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
|
}
|
|
render(t6) {
|
|
return Object.keys(t6).reduce((e6, r7) => {
|
|
const s4 = t6[r7];
|
|
return null == s4 ? e6 : e6 + `${r7 = r7.includes("-") ? r7 : r7.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s4};`;
|
|
}, "");
|
|
}
|
|
update(e6, [r7]) {
|
|
const { style: s4 } = e6.element;
|
|
if (void 0 === this.ft) return this.ft = new Set(Object.keys(r7)), this.render(r7);
|
|
for (const t6 of this.ft) null == r7[t6] && (this.ft.delete(t6), t6.includes("-") ? s4.removeProperty(t6) : s4[t6] = null);
|
|
for (const t6 in r7) {
|
|
const e7 = r7[t6];
|
|
if (null != e7) {
|
|
this.ft.add(t6);
|
|
const r8 = "string" == typeof e7 && e7.endsWith(i6);
|
|
t6.includes("-") || r8 ? s4.setProperty(t6, r8 ? e7.slice(0, -11) : e7, r8 ? n5 : "") : s4[t6] = e7;
|
|
}
|
|
}
|
|
return T;
|
|
}
|
|
});
|
|
|
|
// node_modules/lit-html/directive-helpers.js
|
|
var { I: t5 } = Z;
|
|
var f3 = (o8) => void 0 === o8.strings;
|
|
|
|
// node_modules/lit-html/async-directive.js
|
|
var s3 = (i7, t6) => {
|
|
const e6 = i7._$AN;
|
|
if (void 0 === e6) return false;
|
|
for (const i8 of e6) i8._$AO?.(t6, false), s3(i8, t6);
|
|
return true;
|
|
};
|
|
var o6 = (i7) => {
|
|
let t6, e6;
|
|
do {
|
|
if (void 0 === (t6 = i7._$AM)) break;
|
|
e6 = t6._$AN, e6.delete(i7), i7 = t6;
|
|
} while (0 === e6?.size);
|
|
};
|
|
var r6 = (i7) => {
|
|
for (let t6; t6 = i7._$AM; i7 = t6) {
|
|
let e6 = t6._$AN;
|
|
if (void 0 === e6) t6._$AN = e6 = /* @__PURE__ */ new Set();
|
|
else if (e6.has(i7)) break;
|
|
e6.add(i7), c4(t6);
|
|
}
|
|
};
|
|
function h3(i7) {
|
|
void 0 !== this._$AN ? (o6(this), this._$AM = i7, r6(this)) : this._$AM = i7;
|
|
}
|
|
function n6(i7, t6 = false, e6 = 0) {
|
|
const r7 = this._$AH, h5 = this._$AN;
|
|
if (void 0 !== h5 && 0 !== h5.size) if (t6) if (Array.isArray(r7)) for (let i8 = e6; i8 < r7.length; i8++) s3(r7[i8], false), o6(r7[i8]);
|
|
else null != r7 && (s3(r7, false), o6(r7));
|
|
else s3(this, i7);
|
|
}
|
|
var c4 = (i7) => {
|
|
i7.type == t4.CHILD && (i7._$AP ??= n6, i7._$AQ ??= h3);
|
|
};
|
|
var f4 = class extends i5 {
|
|
constructor() {
|
|
super(...arguments), this._$AN = void 0;
|
|
}
|
|
_$AT(i7, t6, e6) {
|
|
super._$AT(i7, t6, e6), r6(this), this.isConnected = i7._$AU;
|
|
}
|
|
_$AO(i7, t6 = true) {
|
|
i7 !== this.isConnected && (this.isConnected = i7, i7 ? this.reconnected?.() : this.disconnected?.()), t6 && (s3(this, i7), o6(this));
|
|
}
|
|
setValue(t6) {
|
|
if (f3(this._$Ct)) this._$Ct._$AI(t6, this);
|
|
else {
|
|
const i7 = [...this._$Ct._$AH];
|
|
i7[this._$Ci] = t6, this._$Ct._$AI(i7, this, 0);
|
|
}
|
|
}
|
|
disconnected() {
|
|
}
|
|
reconnected() {
|
|
}
|
|
};
|
|
|
|
// node_modules/lit-html/directives/ref.js
|
|
var e5 = () => new h4();
|
|
var h4 = class {
|
|
};
|
|
var o7 = /* @__PURE__ */ new WeakMap();
|
|
var n7 = e4(class extends f4 {
|
|
render(i7) {
|
|
return E;
|
|
}
|
|
update(i7, [s4]) {
|
|
const e6 = s4 !== this.Y;
|
|
return e6 && void 0 !== this.Y && this.rt(void 0), (e6 || this.lt !== this.ct) && (this.Y = s4, this.ht = i7.options?.host, this.rt(this.ct = i7.element)), E;
|
|
}
|
|
rt(t6) {
|
|
if (this.isConnected || (t6 = void 0), "function" == typeof this.Y) {
|
|
const i7 = this.ht ?? globalThis;
|
|
let s4 = o7.get(i7);
|
|
void 0 === s4 && (s4 = /* @__PURE__ */ new WeakMap(), o7.set(i7, s4)), void 0 !== s4.get(this.Y) && this.Y.call(this.ht, void 0), s4.set(this.Y, t6), void 0 !== t6 && this.Y.call(this.ht, t6);
|
|
} else this.Y.value = t6;
|
|
}
|
|
get lt() {
|
|
return "function" == typeof this.Y ? o7.get(this.ht ?? globalThis)?.get(this.Y) : this.Y?.value;
|
|
}
|
|
disconnected() {
|
|
this.lt === this.ct && this.rt(void 0);
|
|
}
|
|
reconnected() {
|
|
this.rt(this.ct);
|
|
}
|
|
});
|
|
|
|
// src/lit-events.ts
|
|
var LitDragStart = class _LitDragStart extends Event {
|
|
// container: HTMLElement;
|
|
constructor(source) {
|
|
super(_LitDragStart.eventName, { bubbles: true, composed: true });
|
|
this.offsetX = 0;
|
|
this.offsetY = 0;
|
|
this.offsetX = source.translateX;
|
|
this.offsetY = source.translateY;
|
|
this.node = source.host;
|
|
}
|
|
static {
|
|
this.eventName = "lit-drag-start";
|
|
}
|
|
};
|
|
var LitDragging = class _LitDragging extends Event {
|
|
// container: HTMLElement;
|
|
constructor(source) {
|
|
super(_LitDragging.eventName, { bubbles: true, composed: true });
|
|
this.offsetX = 0;
|
|
this.offsetY = 0;
|
|
this.offsetX = source.translateX;
|
|
this.offsetY = source.translateY;
|
|
this.node = source.host;
|
|
}
|
|
static {
|
|
this.eventName = "lit-dragging";
|
|
}
|
|
};
|
|
var LitDragEnd = class _LitDragEnd extends Event {
|
|
// container: HTMLElement;
|
|
constructor(source) {
|
|
super(_LitDragEnd.eventName, { bubbles: true, composed: true });
|
|
this.offsetX = 0;
|
|
this.offsetY = 0;
|
|
this.offsetX = source.initialX;
|
|
this.offsetY = source.initialY;
|
|
this.node = source.host;
|
|
}
|
|
static {
|
|
this.eventName = "lit-drag-end";
|
|
}
|
|
};
|
|
|
|
// src/lit-draggable.ts
|
|
var defaultOptions = {
|
|
preventSelect: true
|
|
};
|
|
var LitDraggable = class {
|
|
constructor(host, options = defaultOptions) {
|
|
this.translateX = 0;
|
|
this.translateY = 0;
|
|
this.initialX = 0;
|
|
this.initialY = 0;
|
|
this.handleOffsetX = 0;
|
|
this.handleOffsetY = 0;
|
|
this.dragging = false;
|
|
this.pointers = /* @__PURE__ */ new Set();
|
|
(this.host = host).addController(this);
|
|
this.options = options;
|
|
this.dragStart = this.dragStart.bind(this);
|
|
this.drag = this.drag.bind(this);
|
|
this.dragEnd = this.dragEnd.bind(this);
|
|
}
|
|
// TODO: Make this work with a handle, which will be a `ref` object.
|
|
hostConnected() {
|
|
console.log(this.host);
|
|
this.host.addEventListener("pointerdown", this.dragStart);
|
|
}
|
|
hostDisconnected() {
|
|
this.host.removeEventListener("pointerdown", this.dragStart);
|
|
}
|
|
dragStart(ev) {
|
|
if (ev.button === 2) {
|
|
return;
|
|
}
|
|
document.addEventListener("pointerup", this.dragEnd);
|
|
document.addEventListener("pointermove", this.drag);
|
|
const event_target = ev.composedPath()[0];
|
|
if (!(event_target === this.host || this.host.shadowRoot?.contains(event_target))) {
|
|
console.log("HUH?");
|
|
return;
|
|
}
|
|
this.pointers.add(ev.pointerId);
|
|
this.dragging = true;
|
|
if (this.options.preventSelect) {
|
|
this.currentSelect = document.body.style.userSelect;
|
|
document.body.style.userSelect = "none";
|
|
}
|
|
const hostRect = this.host.getBoundingClientRect();
|
|
this.initialX = ev.clientX;
|
|
this.initialY = ev.clientY;
|
|
this.handleOffsetX = this.initialX - hostRect.left;
|
|
this.handleOffsetY = this.initialY - hostRect.top;
|
|
this.host.dataset.litDrag = "true";
|
|
this.host.dispatchEvent(new LitDragStart(this));
|
|
}
|
|
drag(ev) {
|
|
if (!this.dragging || !this.pointers.has(ev.pointerId)) {
|
|
return;
|
|
}
|
|
this.host.dataset.litDragging = "true";
|
|
ev.preventDefault();
|
|
this.translateX = ev.clientX - this.initialX;
|
|
this.translateY = ev.clientY - this.initialY;
|
|
this.host.dispatchEvent(new LitDragging(this));
|
|
this.host.style.setProperty("transform", `translate3d(${+this.translateX}px, ${+this.translateY}px, 0)`);
|
|
}
|
|
dragEnd(ev) {
|
|
document.removeEventListener("pointerup", this.dragEnd);
|
|
document.removeEventListener("pointermove", this.drag);
|
|
if (!this.dragging || !this.pointers.has(ev.pointerId)) {
|
|
return;
|
|
}
|
|
this.pointers.delete(ev.pointerId);
|
|
this.dragging = false;
|
|
delete this.host.dataset.litDrag;
|
|
delete this.host.dataset.litDragging;
|
|
if (this.currentSelect) {
|
|
document.body.style.userSelect = this.currentSelect;
|
|
this.currentSelect = void 0;
|
|
}
|
|
this.initialX = ev.clientX - this.handleOffsetX;
|
|
this.initialY = ev.clientY - this.handleOffsetY;
|
|
this.host.dispatchEvent(new LitDragEnd(this));
|
|
this.host.style.removeProperty("transform");
|
|
}
|
|
};
|
|
|
|
// src/fridge-tile.ts
|
|
var FridgeTile = class extends r4 {
|
|
constructor() {
|
|
super();
|
|
this.word = "";
|
|
this.transform = {
|
|
rotate: Math.random() * 30 - 15,
|
|
scale: 1
|
|
};
|
|
this.handle = e5();
|
|
this.dragHandle = new LitDraggable(this);
|
|
this.onDragEnd = this.onDragEnd.bind(this);
|
|
this.onDragStart = this.onDragStart.bind(this);
|
|
this.addEventListener(LitDragEnd.eventName, this.onDragEnd);
|
|
this.addEventListener(LitDragStart.eventName, this.onDragStart);
|
|
}
|
|
static get styles() {
|
|
return i`
|
|
:host {
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
|
|
:host([data-dragging="idle"]) {
|
|
cursor: grab;
|
|
}
|
|
|
|
:host([data-dragging="dragging"]) {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.word {
|
|
font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
|
|
box-shadow: 0 0 0.375rem 0.125rem #aaa;
|
|
text-align: center;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
color: #444;
|
|
font-size: 0.9375rem;
|
|
padding: 0.1875rem 0.25rem 0.25rem 0.25rem;
|
|
position: relative;
|
|
background: white;
|
|
z-index: 100;
|
|
transition-property: transform;
|
|
transition-duration: 200ms;
|
|
transition-timing-function: ease-in-out; //other options are ease
|
|
}
|
|
|
|
.word.dragging {
|
|
font-size: 1.1875rem;
|
|
}
|
|
`;
|
|
}
|
|
onDragEnd(ev) {
|
|
this.transform = { scale: 1, rotate: Math.random() * 30 - 15 };
|
|
this.handle.value.style.setProperty(
|
|
"transform",
|
|
`scale(${+this.transform.scale}) rotate(${+this.transform.rotate}deg)`
|
|
);
|
|
this.style.setProperty("top", `${+ev.offsetY}px`);
|
|
this.style.setProperty("left", `${+ev.offsetX}px`);
|
|
}
|
|
onDragStart(_ev) {
|
|
this.transform = { scale: 1.3, rotate: Math.random() * 30 - 15 };
|
|
this.handle.value.style.setProperty(
|
|
"transform",
|
|
`scale(${+this.transform.scale}) rotate(${+this.transform.rotate}deg)`
|
|
);
|
|
}
|
|
render() {
|
|
const styles = {
|
|
width: `${this.word.length}ch`,
|
|
transform: `rotate(${this.transform.rotate}deg)`
|
|
};
|
|
return x`<div part="word ${n7(this.handle)} " style="${o5(styles)}" class="word">${this.word}</div>`;
|
|
}
|
|
};
|
|
__decorateClass([
|
|
n4({ type: String })
|
|
], FridgeTile.prototype, "word", 2);
|
|
FridgeTile = __decorateClass([
|
|
t3("fridge-tile")
|
|
], FridgeTile);
|
|
|
|
// src/fridge-magnets.ts
|
|
var FridgeMagnets = class extends r4 {
|
|
static get styles() {
|
|
return i`
|
|
:host {
|
|
display: block;
|
|
}
|
|
#fridgemagnets {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-rows: 100fr 18ex;
|
|
}
|
|
|
|
#fridge {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
background: url("./dist/pingbg.png") repeat;
|
|
}
|
|
|
|
#footer {
|
|
background-color: #32cd32;
|
|
width: 100%;
|
|
height: 18ex;
|
|
}
|
|
`;
|
|
}
|
|
render() {
|
|
return x` <div id="fridgemagnets">
|
|
<div id="fridge">
|
|
<fridge-tile word="Magnificent"></fridge-tile>
|
|
</div>
|
|
<div id="footer">Footer</div>
|
|
</div>`;
|
|
}
|
|
};
|
|
FridgeMagnets = __decorateClass([
|
|
t3("fridge-magnets")
|
|
], FridgeMagnets);
|
|
/*! Bundled license information:
|
|
|
|
@lit/reactive-element/css-tag.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2019 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
@lit/reactive-element/reactive-element.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/lit-html.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-element/lit-element.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/is-server.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2022 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
@lit/reactive-element/decorators/custom-element.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
@lit/reactive-element/decorators/property.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/directive.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/directives/style-map.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2018 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/directive-helpers.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2020 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/async-directive.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2017 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
|
|
lit-html/directives/ref.js:
|
|
(**
|
|
* @license
|
|
* Copyright 2020 Google LLC
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
*)
|
|
*/
|
|
//# sourceMappingURL=index.js.map
|