@vouchfor/embeds 0.0.0-experiment.62328c8 → 0.0.0-experiment.672c2a0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/Embed/controllers/tracking.d.ts +3 -2
- package/dist/es/components/Embed/index.d.ts +5 -1
- package/dist/es/embeds.js +888 -597
- package/dist/es/embeds.js.map +1 -1
- package/dist/es/utils/env.d.ts +5 -11
- package/dist/iife/embeds.iife.js +226 -209
- package/dist/iife/embeds.iife.js.map +1 -1
- package/package.json +4 -4
- package/src/components/Embed/Embed.stories.ts +3 -3
- package/src/components/Embed/controllers/fetcher.ts +55 -10
- package/src/components/Embed/controllers/tracking.ts +64 -57
- package/src/components/Embed/index.ts +5 -0
- package/src/utils/env.ts +18 -32
- package/dist/es/components/Embed/controllers/event-forwarder.d.ts +0 -14
package/dist/es/embeds.js
CHANGED
@@ -1,17 +1,18 @@
|
|
1
|
-
import { property as
|
2
|
-
import { ifDefined as
|
3
|
-
import { createRef as
|
4
|
-
import { Task as
|
1
|
+
import { property as v, state as zt, customElement as he } from "lit/decorators.js";
|
2
|
+
import { ifDefined as ft } from "lit/directives/if-defined.js";
|
3
|
+
import { createRef as jt, ref as Bt } from "lit/directives/ref.js";
|
4
|
+
import { Task as ae } from "@lit/task";
|
5
|
+
import { v4 as P } from "uuid";
|
5
6
|
import "@vouchfor/media-player";
|
6
7
|
/**
|
7
8
|
* @license
|
8
9
|
* Copyright 2019 Google LLC
|
9
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
10
11
|
*/
|
11
|
-
const
|
12
|
-
let
|
12
|
+
const G = globalThis, _t = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Wt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
|
13
|
+
let le = class {
|
13
14
|
constructor(t, e, i) {
|
14
|
-
if (this._$cssResult$ = !0, i !==
|
15
|
+
if (this._$cssResult$ = !0, i !== Wt)
|
15
16
|
throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
16
17
|
this.cssText = t, this.t = e;
|
17
18
|
}
|
@@ -28,176 +29,201 @@ let ee = class {
|
|
28
29
|
return this.cssText;
|
29
30
|
}
|
30
31
|
};
|
31
|
-
const
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
32
|
+
const ce = (r) => new le(typeof r == "string" ? r : r + "", void 0, Wt), de = (r, t) => {
|
33
|
+
if (_t)
|
34
|
+
r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
35
|
+
else
|
36
|
+
for (const e of t) {
|
37
|
+
const i = document.createElement("style"), s = G.litNonce;
|
38
|
+
s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
|
39
|
+
}
|
40
|
+
}, vt = _t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
|
37
41
|
let e = "";
|
38
42
|
for (const i of t.cssRules)
|
39
43
|
e += i.cssText;
|
40
|
-
return
|
41
|
-
})(
|
44
|
+
return ce(e);
|
45
|
+
})(r) : r;
|
42
46
|
/**
|
43
47
|
* @license
|
44
48
|
* Copyright 2017 Google LLC
|
45
49
|
* SPDX-License-Identifier: BSD-3-Clause
|
46
50
|
*/
|
47
|
-
|
48
|
-
const K = window, At = K.trustedTypes, ne = At ? At.emptyScript : "", yt = K.reactiveElementPolyfillSupport, dt = { toAttribute(n, t) {
|
51
|
+
const { is: pe, defineProperty: ue, getOwnPropertyDescriptor: _e, getOwnPropertyNames: $e, getOwnPropertySymbols: me, getPrototypeOf: fe } = Object, E = globalThis, yt = E.trustedTypes, ge = yt ? yt.emptyScript : "", rt = E.reactiveElementPolyfillSupport, I = (r, t) => r, dt = { toAttribute(r, t) {
|
49
52
|
switch (t) {
|
50
53
|
case Boolean:
|
51
|
-
|
54
|
+
r = r ? ge : null;
|
52
55
|
break;
|
53
56
|
case Object:
|
54
57
|
case Array:
|
55
|
-
|
58
|
+
r = r == null ? r : JSON.stringify(r);
|
56
59
|
}
|
57
|
-
return
|
58
|
-
}, fromAttribute(
|
59
|
-
let e =
|
60
|
+
return r;
|
61
|
+
}, fromAttribute(r, t) {
|
62
|
+
let e = r;
|
60
63
|
switch (t) {
|
61
64
|
case Boolean:
|
62
|
-
e =
|
65
|
+
e = r !== null;
|
63
66
|
break;
|
64
67
|
case Number:
|
65
|
-
e =
|
68
|
+
e = r === null ? null : Number(r);
|
66
69
|
break;
|
67
70
|
case Object:
|
68
71
|
case Array:
|
69
72
|
try {
|
70
|
-
e = JSON.parse(
|
73
|
+
e = JSON.parse(r);
|
71
74
|
} catch {
|
72
75
|
e = null;
|
73
76
|
}
|
74
77
|
}
|
75
78
|
return e;
|
76
|
-
} },
|
77
|
-
|
78
|
-
|
79
|
-
super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
|
80
|
-
}
|
79
|
+
} }, qt = (r, t) => !pe(r, t), At = { attribute: !0, type: String, converter: dt, reflect: !1, hasChanged: qt };
|
80
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
81
|
+
let L = class extends HTMLElement {
|
81
82
|
static addInitializer(t) {
|
82
|
-
|
83
|
-
this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
|
83
|
+
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
84
84
|
}
|
85
85
|
static get observedAttributes() {
|
86
|
-
this.finalize();
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
}
|
93
|
-
static createProperty(t, e = it) {
|
94
|
-
if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
|
95
|
-
const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
|
96
|
-
s !== void 0 && Object.defineProperty(this.prototype, t, s);
|
86
|
+
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
87
|
+
}
|
88
|
+
static createProperty(t, e = At) {
|
89
|
+
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
90
|
+
const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
|
91
|
+
s !== void 0 && ue(this.prototype, t, s);
|
97
92
|
}
|
98
93
|
}
|
99
94
|
static getPropertyDescriptor(t, e, i) {
|
100
|
-
|
95
|
+
const { get: s, set: n } = _e(this.prototype, t) ?? { get() {
|
101
96
|
return this[e];
|
102
|
-
}, set(
|
103
|
-
|
104
|
-
|
97
|
+
}, set(o) {
|
98
|
+
this[e] = o;
|
99
|
+
} };
|
100
|
+
return { get() {
|
101
|
+
return s == null ? void 0 : s.call(this);
|
102
|
+
}, set(o) {
|
103
|
+
const a = s == null ? void 0 : s.call(this);
|
104
|
+
n.call(this, o), this.requestUpdate(t, a, i);
|
105
105
|
}, configurable: !0, enumerable: !0 };
|
106
106
|
}
|
107
107
|
static getPropertyOptions(t) {
|
108
|
-
return this.elementProperties.get(t)
|
108
|
+
return this.elementProperties.get(t) ?? At;
|
109
|
+
}
|
110
|
+
static _$Ei() {
|
111
|
+
if (this.hasOwnProperty(I("elementProperties")))
|
112
|
+
return;
|
113
|
+
const t = fe(this);
|
114
|
+
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
109
115
|
}
|
110
116
|
static finalize() {
|
111
|
-
if (this.hasOwnProperty(
|
112
|
-
return
|
113
|
-
this
|
114
|
-
|
115
|
-
if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
|
116
|
-
const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
|
117
|
+
if (this.hasOwnProperty(I("finalized")))
|
118
|
+
return;
|
119
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(I("properties"))) {
|
120
|
+
const e = this.properties, i = [...$e(e), ...me(e)];
|
117
121
|
for (const s of i)
|
118
122
|
this.createProperty(s, e[s]);
|
119
123
|
}
|
120
|
-
|
124
|
+
const t = this[Symbol.metadata];
|
125
|
+
if (t !== null) {
|
126
|
+
const e = litPropertyMetadata.get(t);
|
127
|
+
if (e !== void 0)
|
128
|
+
for (const [i, s] of e)
|
129
|
+
this.elementProperties.set(i, s);
|
130
|
+
}
|
131
|
+
this._$Eh = /* @__PURE__ */ new Map();
|
132
|
+
for (const [e, i] of this.elementProperties) {
|
133
|
+
const s = this._$Eu(e, i);
|
134
|
+
s !== void 0 && this._$Eh.set(s, e);
|
135
|
+
}
|
136
|
+
this.elementStyles = this.finalizeStyles(this.styles);
|
121
137
|
}
|
122
138
|
static finalizeStyles(t) {
|
123
139
|
const e = [];
|
124
140
|
if (Array.isArray(t)) {
|
125
141
|
const i = new Set(t.flat(1 / 0).reverse());
|
126
142
|
for (const s of i)
|
127
|
-
e.unshift(
|
143
|
+
e.unshift(vt(s));
|
128
144
|
} else
|
129
|
-
t !== void 0 && e.push(
|
145
|
+
t !== void 0 && e.push(vt(t));
|
130
146
|
return e;
|
131
147
|
}
|
132
|
-
static _$
|
148
|
+
static _$Eu(t, e) {
|
133
149
|
const i = e.attribute;
|
134
150
|
return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
|
135
151
|
}
|
136
|
-
|
152
|
+
constructor() {
|
153
|
+
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
154
|
+
}
|
155
|
+
_$Ev() {
|
137
156
|
var t;
|
138
|
-
this._$
|
157
|
+
this._$Eg = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$ES(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
|
139
158
|
}
|
140
159
|
addController(t) {
|
141
|
-
var e
|
142
|
-
(
|
160
|
+
var e;
|
161
|
+
(this._$E_ ?? (this._$E_ = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
|
143
162
|
}
|
144
163
|
removeController(t) {
|
145
164
|
var e;
|
146
|
-
(e = this._$
|
165
|
+
(e = this._$E_) == null || e.delete(t);
|
147
166
|
}
|
148
|
-
_$
|
149
|
-
|
150
|
-
|
151
|
-
|
167
|
+
_$ES() {
|
168
|
+
const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
|
169
|
+
for (const i of e.keys())
|
170
|
+
this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
|
171
|
+
t.size > 0 && (this._$Ep = t);
|
152
172
|
}
|
153
173
|
createRenderRoot() {
|
154
|
-
|
155
|
-
|
156
|
-
return se(e, this.constructor.elementStyles), e;
|
174
|
+
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
175
|
+
return de(t, this.constructor.elementStyles), t;
|
157
176
|
}
|
158
177
|
connectedCallback() {
|
159
178
|
var t;
|
160
|
-
this.renderRoot
|
179
|
+
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$E_) == null || t.forEach((e) => {
|
161
180
|
var i;
|
162
|
-
return (i = e.hostConnected)
|
181
|
+
return (i = e.hostConnected) == null ? void 0 : i.call(e);
|
163
182
|
});
|
164
183
|
}
|
165
184
|
enableUpdating(t) {
|
166
185
|
}
|
167
186
|
disconnectedCallback() {
|
168
187
|
var t;
|
169
|
-
(t = this._$
|
188
|
+
(t = this._$E_) == null || t.forEach((e) => {
|
170
189
|
var i;
|
171
|
-
return (i = e.hostDisconnected)
|
190
|
+
return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
|
172
191
|
});
|
173
192
|
}
|
174
193
|
attributeChangedCallback(t, e, i) {
|
175
194
|
this._$AK(t, i);
|
176
195
|
}
|
177
|
-
_$EO(t, e
|
178
|
-
var
|
179
|
-
const
|
180
|
-
if (
|
181
|
-
const o = (((
|
182
|
-
this._$
|
196
|
+
_$EO(t, e) {
|
197
|
+
var n;
|
198
|
+
const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
|
199
|
+
if (s !== void 0 && i.reflect === !0) {
|
200
|
+
const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
|
201
|
+
this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
|
183
202
|
}
|
184
203
|
}
|
185
204
|
_$AK(t, e) {
|
186
|
-
var
|
187
|
-
const
|
188
|
-
if (
|
189
|
-
const o =
|
190
|
-
this._$
|
205
|
+
var n;
|
206
|
+
const i = this.constructor, s = i._$Eh.get(t);
|
207
|
+
if (s !== void 0 && this._$Em !== s) {
|
208
|
+
const o = i.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : dt;
|
209
|
+
this._$Em = s, this[s] = a.fromAttribute(e, o.type), this._$Em = null;
|
210
|
+
}
|
211
|
+
}
|
212
|
+
requestUpdate(t, e, i, s = !1, n) {
|
213
|
+
if (t !== void 0) {
|
214
|
+
if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? qt)(s ? n : this[t], e))
|
215
|
+
return;
|
216
|
+
this.C(t, e, i);
|
191
217
|
}
|
218
|
+
this.isUpdatePending === !1 && (this._$Eg = this._$EP());
|
192
219
|
}
|
193
|
-
|
194
|
-
|
195
|
-
t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || Bt)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
|
220
|
+
C(t, e, i) {
|
221
|
+
this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
|
196
222
|
}
|
197
|
-
async _$
|
223
|
+
async _$EP() {
|
198
224
|
this.isUpdatePending = !0;
|
199
225
|
try {
|
200
|
-
await this._$
|
226
|
+
await this._$Eg;
|
201
227
|
} catch (e) {
|
202
228
|
Promise.reject(e);
|
203
229
|
}
|
@@ -208,139 +234,141 @@ let T = class extends HTMLElement {
|
|
208
234
|
return this.performUpdate();
|
209
235
|
}
|
210
236
|
performUpdate() {
|
211
|
-
var
|
237
|
+
var i;
|
212
238
|
if (!this.isUpdatePending)
|
213
239
|
return;
|
214
|
-
|
215
|
-
|
216
|
-
|
240
|
+
if (!this.hasUpdated) {
|
241
|
+
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
242
|
+
for (const [n, o] of this._$Ep)
|
243
|
+
this[n] = o;
|
244
|
+
this._$Ep = void 0;
|
245
|
+
}
|
246
|
+
const s = this.constructor.elementProperties;
|
247
|
+
if (s.size > 0)
|
248
|
+
for (const [n, o] of s)
|
249
|
+
o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.C(n, this[n], o);
|
250
|
+
}
|
251
|
+
let t = !1;
|
252
|
+
const e = this._$AL;
|
217
253
|
try {
|
218
|
-
|
219
|
-
var
|
220
|
-
return (
|
221
|
-
}), this.update(
|
254
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$E_) == null || i.forEach((s) => {
|
255
|
+
var n;
|
256
|
+
return (n = s.hostUpdate) == null ? void 0 : n.call(s);
|
257
|
+
}), this.update(e)) : this._$ET();
|
222
258
|
} catch (s) {
|
223
|
-
throw
|
259
|
+
throw t = !1, this._$ET(), s;
|
224
260
|
}
|
225
|
-
|
261
|
+
t && this._$AE(e);
|
226
262
|
}
|
227
263
|
willUpdate(t) {
|
228
264
|
}
|
229
265
|
_$AE(t) {
|
230
266
|
var e;
|
231
|
-
(e = this._$
|
267
|
+
(e = this._$E_) == null || e.forEach((i) => {
|
232
268
|
var s;
|
233
|
-
return (s = i.hostUpdated)
|
269
|
+
return (s = i.hostUpdated) == null ? void 0 : s.call(i);
|
234
270
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
235
271
|
}
|
236
|
-
_$
|
272
|
+
_$ET() {
|
237
273
|
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
238
274
|
}
|
239
275
|
get updateComplete() {
|
240
276
|
return this.getUpdateComplete();
|
241
277
|
}
|
242
278
|
getUpdateComplete() {
|
243
|
-
return this._$
|
279
|
+
return this._$Eg;
|
244
280
|
}
|
245
281
|
shouldUpdate(t) {
|
246
282
|
return !0;
|
247
283
|
}
|
248
284
|
update(t) {
|
249
|
-
this._$
|
285
|
+
this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EO(e, this[e]))), this._$ET();
|
250
286
|
}
|
251
287
|
updated(t) {
|
252
288
|
}
|
253
289
|
firstUpdated(t) {
|
254
290
|
}
|
255
291
|
};
|
256
|
-
|
292
|
+
L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[I("elementProperties")] = /* @__PURE__ */ new Map(), L[I("finalized")] = /* @__PURE__ */ new Map(), rt == null || rt({ ReactiveElement: L }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.2");
|
257
293
|
/**
|
258
294
|
* @license
|
259
295
|
* Copyright 2017 Google LLC
|
260
296
|
* SPDX-License-Identifier: BSD-3-Clause
|
261
297
|
*/
|
262
|
-
|
263
|
-
|
264
|
-
\f\r]
|
265
|
-
|
266
|
-
|
267
|
-
if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
|
298
|
+
const V = globalThis, Y = V.trustedTypes, Et = Y ? Y.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Xt = "$lit$", y = `lit$${(Math.random() + "").slice(9)}$`, Kt = "?" + y, ve = `<${Kt}>`, U = document, Q = () => U.createComment(""), B = (r) => r === null || typeof r != "object" && typeof r != "function", Jt = Array.isArray, ye = (r) => Jt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", nt = `[
|
299
|
+
\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, St = /-->/g, bt = />/g, b = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^
|
300
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), wt = /'/g, Pt = /"/g, Ft = /^(?:script|style|textarea|title)$/i, W = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), C = U.createTreeWalker(U, 129);
|
301
|
+
function Gt(r, t) {
|
302
|
+
if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
|
268
303
|
throw Error("invalid template strings array");
|
269
304
|
return Et !== void 0 ? Et.createHTML(t) : t;
|
270
305
|
}
|
271
|
-
const
|
272
|
-
const e =
|
273
|
-
let s,
|
274
|
-
for (let
|
275
|
-
const
|
276
|
-
let
|
277
|
-
for (;
|
278
|
-
|
279
|
-
const
|
280
|
-
|
281
|
-
}
|
282
|
-
return [
|
306
|
+
const Ae = (r, t) => {
|
307
|
+
const e = r.length - 1, i = [];
|
308
|
+
let s, n = t === 2 ? "<svg>" : "", o = M;
|
309
|
+
for (let a = 0; a < e; a++) {
|
310
|
+
const h = r[a];
|
311
|
+
let c, d, l = -1, p = 0;
|
312
|
+
for (; p < h.length && (o.lastIndex = p, d = o.exec(h), d !== null); )
|
313
|
+
p = o.lastIndex, o === M ? d[1] === "!--" ? o = St : d[1] !== void 0 ? o = bt : d[2] !== void 0 ? (Ft.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = b) : d[3] !== void 0 && (o = b) : o === b ? d[0] === ">" ? (o = s ?? M, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? b : d[3] === '"' ? Pt : wt) : o === Pt || o === wt ? o = b : o === St || o === bt ? o = M : (o = b, s = void 0);
|
314
|
+
const u = o === b && r[a + 1].startsWith("/>") ? " " : "";
|
315
|
+
n += o === M ? h + ve : l >= 0 ? (i.push(c), h.slice(0, l) + Xt + h.slice(l) + y + u) : h + y + (l === -2 ? a : u);
|
316
|
+
}
|
317
|
+
return [Gt(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
|
283
318
|
};
|
284
|
-
let pt = class
|
319
|
+
let pt = class Zt {
|
285
320
|
constructor({ strings: t, _$litType$: e }, i) {
|
286
321
|
let s;
|
287
322
|
this.parts = [];
|
288
|
-
let
|
289
|
-
const
|
290
|
-
if (this.el =
|
291
|
-
const
|
292
|
-
|
323
|
+
let n = 0, o = 0;
|
324
|
+
const a = t.length - 1, h = this.parts, [c, d] = Ae(t, e);
|
325
|
+
if (this.el = Zt.createElement(c, i), C.currentNode = this.el.content, e === 2) {
|
326
|
+
const l = this.el.content.firstChild;
|
327
|
+
l.replaceWith(...l.childNodes);
|
293
328
|
}
|
294
|
-
for (; (s =
|
329
|
+
for (; (s = C.nextNode()) !== null && h.length < a; ) {
|
295
330
|
if (s.nodeType === 1) {
|
296
|
-
if (s.hasAttributes())
|
297
|
-
const
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
if (Wt.test(s.tagName)) {
|
311
|
-
const h = s.textContent.split(E), c = h.length - 1;
|
312
|
-
if (c > 0) {
|
313
|
-
s.textContent = x ? x.emptyScript : "";
|
314
|
-
for (let p = 0; p < c; p++)
|
315
|
-
s.append(h[p], G()), P.nextNode(), l.push({ type: 2, index: ++r });
|
316
|
-
s.append(h[c], G());
|
331
|
+
if (s.hasAttributes())
|
332
|
+
for (const l of s.getAttributeNames())
|
333
|
+
if (l.endsWith(Xt)) {
|
334
|
+
const p = d[o++], u = s.getAttribute(l).split(y), g = /([.?@])?(.*)/.exec(p);
|
335
|
+
h.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Se : g[1] === "?" ? be : g[1] === "@" ? we : it }), s.removeAttribute(l);
|
336
|
+
} else
|
337
|
+
l.startsWith(y) && (h.push({ type: 6, index: n }), s.removeAttribute(l));
|
338
|
+
if (Ft.test(s.tagName)) {
|
339
|
+
const l = s.textContent.split(y), p = l.length - 1;
|
340
|
+
if (p > 0) {
|
341
|
+
s.textContent = Y ? Y.emptyScript : "";
|
342
|
+
for (let u = 0; u < p; u++)
|
343
|
+
s.append(l[u], Q()), C.nextNode(), h.push({ type: 2, index: ++n });
|
344
|
+
s.append(l[p], Q());
|
317
345
|
}
|
318
346
|
}
|
319
347
|
} else if (s.nodeType === 8)
|
320
|
-
if (s.data ===
|
321
|
-
|
348
|
+
if (s.data === Kt)
|
349
|
+
h.push({ type: 2, index: n });
|
322
350
|
else {
|
323
|
-
let
|
324
|
-
for (; (
|
325
|
-
|
351
|
+
let l = -1;
|
352
|
+
for (; (l = s.data.indexOf(y, l + 1)) !== -1; )
|
353
|
+
h.push({ type: 7, index: n }), l += y.length - 1;
|
326
354
|
}
|
327
|
-
|
355
|
+
n++;
|
328
356
|
}
|
329
357
|
}
|
330
358
|
static createElement(t, e) {
|
331
|
-
const i =
|
359
|
+
const i = U.createElement("template");
|
332
360
|
return i.innerHTML = t, i;
|
333
361
|
}
|
334
362
|
};
|
335
|
-
function H(
|
336
|
-
var
|
337
|
-
if (t ===
|
363
|
+
function H(r, t, e = r, i) {
|
364
|
+
var o, a;
|
365
|
+
if (t === W)
|
338
366
|
return t;
|
339
|
-
let
|
340
|
-
const
|
341
|
-
return (
|
367
|
+
let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
|
368
|
+
const n = B(t) ? void 0 : t._$litDirective$;
|
369
|
+
return (s == null ? void 0 : s.constructor) !== n && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = H(r, s._$AS(r, t.values), s, i)), t;
|
342
370
|
}
|
343
|
-
let
|
371
|
+
let Ee = class {
|
344
372
|
constructor(t, e) {
|
345
373
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
346
374
|
}
|
@@ -351,32 +379,30 @@ let ae = class {
|
|
351
379
|
return this._$AM._$AU;
|
352
380
|
}
|
353
381
|
u(t) {
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
a.type === 2 ? u = new Kt(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new pe(o, this, t)), this._$AV.push(u), a = s[++l];
|
382
|
+
const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? U).importNode(e, !0);
|
383
|
+
C.currentNode = s;
|
384
|
+
let n = C.nextNode(), o = 0, a = 0, h = i[0];
|
385
|
+
for (; h !== void 0; ) {
|
386
|
+
if (o === h.index) {
|
387
|
+
let c;
|
388
|
+
h.type === 2 ? c = new Yt(n, n.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (c = new Pe(n, this, t)), this._$AV.push(c), h = i[++a];
|
362
389
|
}
|
363
|
-
|
390
|
+
o !== (h == null ? void 0 : h.index) && (n = C.nextNode(), o++);
|
364
391
|
}
|
365
|
-
return
|
392
|
+
return C.currentNode = U, s;
|
366
393
|
}
|
367
|
-
|
394
|
+
p(t) {
|
368
395
|
let e = 0;
|
369
396
|
for (const i of this._$AV)
|
370
397
|
i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
|
371
398
|
}
|
372
|
-
},
|
373
|
-
constructor(t, e, i, s) {
|
374
|
-
var r;
|
375
|
-
this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (r = s == null ? void 0 : s.isConnected) === null || r === void 0 || r;
|
376
|
-
}
|
399
|
+
}, Yt = class Qt {
|
377
400
|
get _$AU() {
|
378
|
-
var t
|
379
|
-
return (
|
401
|
+
var t;
|
402
|
+
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
403
|
+
}
|
404
|
+
constructor(t, e, i, s) {
|
405
|
+
this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
|
380
406
|
}
|
381
407
|
get parentNode() {
|
382
408
|
let t = this._$AA.parentNode;
|
@@ -390,7 +416,7 @@ let ae = class {
|
|
390
416
|
return this._$AB;
|
391
417
|
}
|
392
418
|
_$AI(t, e = this) {
|
393
|
-
t = H(this, t, e),
|
419
|
+
t = H(this, t, e), B(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : ye(t) ? this.T(t) : this._(t);
|
394
420
|
}
|
395
421
|
k(t) {
|
396
422
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
@@ -399,100 +425,96 @@ let ae = class {
|
|
399
425
|
this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
|
400
426
|
}
|
401
427
|
_(t) {
|
402
|
-
this._$AH !==
|
428
|
+
this._$AH !== _ && B(this._$AH) ? this._$AA.nextSibling.data = t : this.$(U.createTextNode(t)), this._$AH = t;
|
403
429
|
}
|
404
430
|
g(t) {
|
405
|
-
var
|
406
|
-
const { values:
|
407
|
-
if (((
|
408
|
-
this._$AH.
|
431
|
+
var n;
|
432
|
+
const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = pt.createElement(Gt(i.h, i.h[0]), this.options)), i);
|
433
|
+
if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
|
434
|
+
this._$AH.p(e);
|
409
435
|
else {
|
410
|
-
const o = new
|
411
|
-
o.
|
436
|
+
const o = new Ee(s, this), a = o.u(this.options);
|
437
|
+
o.p(e), this.$(a), this._$AH = o;
|
412
438
|
}
|
413
439
|
}
|
414
440
|
_$AC(t) {
|
415
|
-
let e =
|
416
|
-
return e === void 0 &&
|
441
|
+
let e = Ct.get(t.strings);
|
442
|
+
return e === void 0 && Ct.set(t.strings, e = new pt(t)), e;
|
417
443
|
}
|
418
444
|
T(t) {
|
419
|
-
|
445
|
+
Jt(this._$AH) || (this._$AH = [], this._$AR());
|
420
446
|
const e = this._$AH;
|
421
447
|
let i, s = 0;
|
422
|
-
for (const
|
423
|
-
s === e.length ? e.push(i = new
|
448
|
+
for (const n of t)
|
449
|
+
s === e.length ? e.push(i = new Qt(this.k(Q()), this.k(Q()), this, this.options)) : i = e[s], i._$AI(n), s++;
|
424
450
|
s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
|
425
451
|
}
|
426
452
|
_$AR(t = this._$AA.nextSibling, e) {
|
427
453
|
var i;
|
428
|
-
for ((i = this._$AP)
|
454
|
+
for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
429
455
|
const s = t.nextSibling;
|
430
456
|
t.remove(), t = s;
|
431
457
|
}
|
432
458
|
}
|
433
459
|
setConnected(t) {
|
434
460
|
var e;
|
435
|
-
this._$AM === void 0 && (this._$
|
436
|
-
}
|
437
|
-
}, Q = class {
|
438
|
-
constructor(t, e, i, s, r) {
|
439
|
-
this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
|
461
|
+
this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
|
440
462
|
}
|
463
|
+
}, it = class {
|
441
464
|
get tagName() {
|
442
465
|
return this.element.tagName;
|
443
466
|
}
|
444
467
|
get _$AU() {
|
445
468
|
return this._$AM._$AU;
|
446
469
|
}
|
470
|
+
constructor(t, e, i, s, n) {
|
471
|
+
this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
|
472
|
+
}
|
447
473
|
_$AI(t, e = this, i, s) {
|
448
|
-
const
|
474
|
+
const n = this.strings;
|
449
475
|
let o = !1;
|
450
|
-
if (
|
451
|
-
t = H(this, t, e, 0), o = !
|
476
|
+
if (n === void 0)
|
477
|
+
t = H(this, t, e, 0), o = !B(t) || t !== this._$AH && t !== W, o && (this._$AH = t);
|
452
478
|
else {
|
453
|
-
const
|
454
|
-
let
|
455
|
-
for (t =
|
456
|
-
|
479
|
+
const a = t;
|
480
|
+
let h, c;
|
481
|
+
for (t = n[0], h = 0; h < n.length - 1; h++)
|
482
|
+
c = H(this, a[i + h], e, h), c === W && (c = this._$AH[h]), o || (o = !B(c) || c !== this._$AH[h]), c === _ ? t = _ : t !== _ && (t += (c ?? "") + n[h + 1]), this._$AH[h] = c;
|
457
483
|
}
|
458
|
-
o && !s && this.
|
484
|
+
o && !s && this.O(t);
|
459
485
|
}
|
460
|
-
|
461
|
-
t ===
|
486
|
+
O(t) {
|
487
|
+
t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
462
488
|
}
|
463
|
-
},
|
489
|
+
}, Se = class extends it {
|
464
490
|
constructor() {
|
465
491
|
super(...arguments), this.type = 3;
|
466
492
|
}
|
467
|
-
|
468
|
-
this.element[this.name] = t ===
|
493
|
+
O(t) {
|
494
|
+
this.element[this.name] = t === _ ? void 0 : t;
|
469
495
|
}
|
470
|
-
}
|
471
|
-
const de = x ? x.emptyScript : "";
|
472
|
-
let ce = class extends Q {
|
496
|
+
}, be = class extends it {
|
473
497
|
constructor() {
|
474
498
|
super(...arguments), this.type = 4;
|
475
499
|
}
|
476
|
-
|
477
|
-
|
500
|
+
O(t) {
|
501
|
+
this.element.toggleAttribute(this.name, !!t && t !== _);
|
478
502
|
}
|
479
|
-
},
|
480
|
-
constructor(t, e, i, s,
|
481
|
-
super(t, e, i, s,
|
503
|
+
}, we = class extends it {
|
504
|
+
constructor(t, e, i, s, n) {
|
505
|
+
super(t, e, i, s, n), this.type = 5;
|
482
506
|
}
|
483
507
|
_$AI(t, e = this) {
|
484
|
-
|
485
|
-
if ((t = (i = H(this, t, e, 0)) !== null && i !== void 0 ? i : v) === j)
|
508
|
+
if ((t = H(this, t, e, 0) ?? _) === W)
|
486
509
|
return;
|
487
|
-
const
|
488
|
-
|
510
|
+
const i = this._$AH, s = t === _ && i !== _ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== _ && (i === _ || s);
|
511
|
+
s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
489
512
|
}
|
490
513
|
handleEvent(t) {
|
491
|
-
var e
|
492
|
-
typeof this._$AH == "function" ? this._$AH.call((
|
514
|
+
var e;
|
515
|
+
typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
|
493
516
|
}
|
494
|
-
}
|
495
|
-
class pe {
|
517
|
+
}, Pe = class {
|
496
518
|
constructor(t, e, i) {
|
497
519
|
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
|
498
520
|
}
|
@@ -502,77 +524,358 @@ class pe {
|
|
502
524
|
_$AI(t) {
|
503
525
|
H(this, t);
|
504
526
|
}
|
527
|
+
};
|
528
|
+
const ot = V.litHtmlPolyfillSupport;
|
529
|
+
ot == null || ot(pt, Yt), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.1.0");
|
530
|
+
/**
|
531
|
+
* @license
|
532
|
+
* Copyright 2019 Google LLC
|
533
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
534
|
+
*/
|
535
|
+
const Z = globalThis, $t = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, te = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
|
536
|
+
let Ce = class {
|
537
|
+
constructor(t, e, i) {
|
538
|
+
if (this._$cssResult$ = !0, i !== te)
|
539
|
+
throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
540
|
+
this.cssText = t, this.t = e;
|
541
|
+
}
|
542
|
+
get styleSheet() {
|
543
|
+
let t = this.o;
|
544
|
+
const e = this.t;
|
545
|
+
if ($t && t === void 0) {
|
546
|
+
const i = e !== void 0 && e.length === 1;
|
547
|
+
i && (t = Tt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Tt.set(e, t));
|
548
|
+
}
|
549
|
+
return t;
|
550
|
+
}
|
551
|
+
toString() {
|
552
|
+
return this.cssText;
|
553
|
+
}
|
554
|
+
};
|
555
|
+
const Te = (r) => new Ce(typeof r == "string" ? r : r + "", void 0, te), Ue = (r, t) => {
|
556
|
+
if ($t)
|
557
|
+
r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
558
|
+
else
|
559
|
+
for (const e of t) {
|
560
|
+
const i = document.createElement("style"), s = Z.litNonce;
|
561
|
+
s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
|
562
|
+
}
|
563
|
+
}, Ut = $t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
|
564
|
+
let e = "";
|
565
|
+
for (const i of t.cssRules)
|
566
|
+
e += i.cssText;
|
567
|
+
return Te(e);
|
568
|
+
})(r) : r;
|
569
|
+
/**
|
570
|
+
* @license
|
571
|
+
* Copyright 2017 Google LLC
|
572
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
573
|
+
*/
|
574
|
+
const { is: Re, defineProperty: xe, getOwnPropertyDescriptor: He, getOwnPropertyNames: Oe, getOwnPropertySymbols: Ne, getPrototypeOf: Le } = Object, S = globalThis, Rt = S.trustedTypes, Me = Rt ? Rt.emptyScript : "", ht = S.reactiveElementPolyfillSupport, D = (r, t) => r, ut = { toAttribute(r, t) {
|
575
|
+
switch (t) {
|
576
|
+
case Boolean:
|
577
|
+
r = r ? Me : null;
|
578
|
+
break;
|
579
|
+
case Object:
|
580
|
+
case Array:
|
581
|
+
r = r == null ? r : JSON.stringify(r);
|
582
|
+
}
|
583
|
+
return r;
|
584
|
+
}, fromAttribute(r, t) {
|
585
|
+
let e = r;
|
586
|
+
switch (t) {
|
587
|
+
case Boolean:
|
588
|
+
e = r !== null;
|
589
|
+
break;
|
590
|
+
case Number:
|
591
|
+
e = r === null ? null : Number(r);
|
592
|
+
break;
|
593
|
+
case Object:
|
594
|
+
case Array:
|
595
|
+
try {
|
596
|
+
e = JSON.parse(r);
|
597
|
+
} catch {
|
598
|
+
e = null;
|
599
|
+
}
|
600
|
+
}
|
601
|
+
return e;
|
602
|
+
} }, ee = (r, t) => !Re(r, t), xt = { attribute: !0, type: String, converter: ut, reflect: !1, hasChanged: ee };
|
603
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
604
|
+
class x extends HTMLElement {
|
605
|
+
static addInitializer(t) {
|
606
|
+
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
607
|
+
}
|
608
|
+
static get observedAttributes() {
|
609
|
+
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
610
|
+
}
|
611
|
+
static createProperty(t, e = xt) {
|
612
|
+
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
613
|
+
const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
|
614
|
+
s !== void 0 && xe(this.prototype, t, s);
|
615
|
+
}
|
616
|
+
}
|
617
|
+
static getPropertyDescriptor(t, e, i) {
|
618
|
+
const { get: s, set: n } = He(this.prototype, t) ?? { get() {
|
619
|
+
return this[e];
|
620
|
+
}, set(o) {
|
621
|
+
this[e] = o;
|
622
|
+
} };
|
623
|
+
return { get() {
|
624
|
+
return s == null ? void 0 : s.call(this);
|
625
|
+
}, set(o) {
|
626
|
+
const a = s == null ? void 0 : s.call(this);
|
627
|
+
n.call(this, o), this.requestUpdate(t, a, i);
|
628
|
+
}, configurable: !0, enumerable: !0 };
|
629
|
+
}
|
630
|
+
static getPropertyOptions(t) {
|
631
|
+
return this.elementProperties.get(t) ?? xt;
|
632
|
+
}
|
633
|
+
static _$Ei() {
|
634
|
+
if (this.hasOwnProperty(D("elementProperties")))
|
635
|
+
return;
|
636
|
+
const t = Le(this);
|
637
|
+
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
638
|
+
}
|
639
|
+
static finalize() {
|
640
|
+
if (this.hasOwnProperty(D("finalized")))
|
641
|
+
return;
|
642
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(D("properties"))) {
|
643
|
+
const e = this.properties, i = [...Oe(e), ...Ne(e)];
|
644
|
+
for (const s of i)
|
645
|
+
this.createProperty(s, e[s]);
|
646
|
+
}
|
647
|
+
const t = this[Symbol.metadata];
|
648
|
+
if (t !== null) {
|
649
|
+
const e = litPropertyMetadata.get(t);
|
650
|
+
if (e !== void 0)
|
651
|
+
for (const [i, s] of e)
|
652
|
+
this.elementProperties.set(i, s);
|
653
|
+
}
|
654
|
+
this._$Eh = /* @__PURE__ */ new Map();
|
655
|
+
for (const [e, i] of this.elementProperties) {
|
656
|
+
const s = this._$Eu(e, i);
|
657
|
+
s !== void 0 && this._$Eh.set(s, e);
|
658
|
+
}
|
659
|
+
this.elementStyles = this.finalizeStyles(this.styles);
|
660
|
+
}
|
661
|
+
static finalizeStyles(t) {
|
662
|
+
const e = [];
|
663
|
+
if (Array.isArray(t)) {
|
664
|
+
const i = new Set(t.flat(1 / 0).reverse());
|
665
|
+
for (const s of i)
|
666
|
+
e.unshift(Ut(s));
|
667
|
+
} else
|
668
|
+
t !== void 0 && e.push(Ut(t));
|
669
|
+
return e;
|
670
|
+
}
|
671
|
+
static _$Eu(t, e) {
|
672
|
+
const i = e.attribute;
|
673
|
+
return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
|
674
|
+
}
|
675
|
+
constructor() {
|
676
|
+
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
677
|
+
}
|
678
|
+
_$Ev() {
|
679
|
+
var t;
|
680
|
+
this._$Eg = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$ES(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
|
681
|
+
}
|
682
|
+
addController(t) {
|
683
|
+
var e;
|
684
|
+
(this._$E_ ?? (this._$E_ = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
|
685
|
+
}
|
686
|
+
removeController(t) {
|
687
|
+
var e;
|
688
|
+
(e = this._$E_) == null || e.delete(t);
|
689
|
+
}
|
690
|
+
_$ES() {
|
691
|
+
const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
|
692
|
+
for (const i of e.keys())
|
693
|
+
this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
|
694
|
+
t.size > 0 && (this._$Ep = t);
|
695
|
+
}
|
696
|
+
createRenderRoot() {
|
697
|
+
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
698
|
+
return Ue(t, this.constructor.elementStyles), t;
|
699
|
+
}
|
700
|
+
connectedCallback() {
|
701
|
+
var t;
|
702
|
+
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$E_) == null || t.forEach((e) => {
|
703
|
+
var i;
|
704
|
+
return (i = e.hostConnected) == null ? void 0 : i.call(e);
|
705
|
+
});
|
706
|
+
}
|
707
|
+
enableUpdating(t) {
|
708
|
+
}
|
709
|
+
disconnectedCallback() {
|
710
|
+
var t;
|
711
|
+
(t = this._$E_) == null || t.forEach((e) => {
|
712
|
+
var i;
|
713
|
+
return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
|
714
|
+
});
|
715
|
+
}
|
716
|
+
attributeChangedCallback(t, e, i) {
|
717
|
+
this._$AK(t, i);
|
718
|
+
}
|
719
|
+
_$EO(t, e) {
|
720
|
+
var n;
|
721
|
+
const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
|
722
|
+
if (s !== void 0 && i.reflect === !0) {
|
723
|
+
const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : ut).toAttribute(e, i.type);
|
724
|
+
this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
|
725
|
+
}
|
726
|
+
}
|
727
|
+
_$AK(t, e) {
|
728
|
+
var n;
|
729
|
+
const i = this.constructor, s = i._$Eh.get(t);
|
730
|
+
if (s !== void 0 && this._$Em !== s) {
|
731
|
+
const o = i.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : ut;
|
732
|
+
this._$Em = s, this[s] = a.fromAttribute(e, o.type), this._$Em = null;
|
733
|
+
}
|
734
|
+
}
|
735
|
+
requestUpdate(t, e, i, s = !1, n) {
|
736
|
+
if (t !== void 0) {
|
737
|
+
if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? ee)(s ? n : this[t], e))
|
738
|
+
return;
|
739
|
+
this.C(t, e, i);
|
740
|
+
}
|
741
|
+
this.isUpdatePending === !1 && (this._$Eg = this._$EP());
|
742
|
+
}
|
743
|
+
C(t, e, i) {
|
744
|
+
this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
|
745
|
+
}
|
746
|
+
async _$EP() {
|
747
|
+
this.isUpdatePending = !0;
|
748
|
+
try {
|
749
|
+
await this._$Eg;
|
750
|
+
} catch (e) {
|
751
|
+
Promise.reject(e);
|
752
|
+
}
|
753
|
+
const t = this.scheduleUpdate();
|
754
|
+
return t != null && await t, !this.isUpdatePending;
|
755
|
+
}
|
756
|
+
scheduleUpdate() {
|
757
|
+
return this.performUpdate();
|
758
|
+
}
|
759
|
+
performUpdate() {
|
760
|
+
var i;
|
761
|
+
if (!this.isUpdatePending)
|
762
|
+
return;
|
763
|
+
if (!this.hasUpdated) {
|
764
|
+
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
765
|
+
for (const [n, o] of this._$Ep)
|
766
|
+
this[n] = o;
|
767
|
+
this._$Ep = void 0;
|
768
|
+
}
|
769
|
+
const s = this.constructor.elementProperties;
|
770
|
+
if (s.size > 0)
|
771
|
+
for (const [n, o] of s)
|
772
|
+
o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.C(n, this[n], o);
|
773
|
+
}
|
774
|
+
let t = !1;
|
775
|
+
const e = this._$AL;
|
776
|
+
try {
|
777
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$E_) == null || i.forEach((s) => {
|
778
|
+
var n;
|
779
|
+
return (n = s.hostUpdate) == null ? void 0 : n.call(s);
|
780
|
+
}), this.update(e)) : this._$ET();
|
781
|
+
} catch (s) {
|
782
|
+
throw t = !1, this._$ET(), s;
|
783
|
+
}
|
784
|
+
t && this._$AE(e);
|
785
|
+
}
|
786
|
+
willUpdate(t) {
|
787
|
+
}
|
788
|
+
_$AE(t) {
|
789
|
+
var e;
|
790
|
+
(e = this._$E_) == null || e.forEach((i) => {
|
791
|
+
var s;
|
792
|
+
return (s = i.hostUpdated) == null ? void 0 : s.call(i);
|
793
|
+
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
794
|
+
}
|
795
|
+
_$ET() {
|
796
|
+
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
797
|
+
}
|
798
|
+
get updateComplete() {
|
799
|
+
return this.getUpdateComplete();
|
800
|
+
}
|
801
|
+
getUpdateComplete() {
|
802
|
+
return this._$Eg;
|
803
|
+
}
|
804
|
+
shouldUpdate(t) {
|
805
|
+
return !0;
|
806
|
+
}
|
807
|
+
update(t) {
|
808
|
+
this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EO(e, this[e]))), this._$ET();
|
809
|
+
}
|
810
|
+
updated(t) {
|
811
|
+
}
|
812
|
+
firstUpdated(t) {
|
813
|
+
}
|
505
814
|
}
|
506
|
-
|
507
|
-
Ct == null || Ct(pt, Kt), ((st = J.litHtmlVersions) !== null && st !== void 0 ? st : J.litHtmlVersions = []).push("2.8.0");
|
815
|
+
x.elementStyles = [], x.shadowRootOptions = { mode: "open" }, x[D("elementProperties")] = /* @__PURE__ */ new Map(), x[D("finalized")] = /* @__PURE__ */ new Map(), ht == null || ht({ ReactiveElement: x }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.2");
|
508
816
|
/**
|
509
817
|
* @license
|
510
818
|
* Copyright 2017 Google LLC
|
511
819
|
* SPDX-License-Identifier: BSD-3-Clause
|
512
820
|
*/
|
513
|
-
|
514
|
-
|
515
|
-
\f\r]
|
516
|
-
|
517
|
-
|
518
|
-
let s, r = t === 2 ? "<svg>" : "", o = M;
|
519
|
-
for (let l = 0; l < e; l++) {
|
520
|
-
const a = n[l];
|
521
|
-
let u, h, c = -1, p = 0;
|
522
|
-
for (; p < a.length && (o.lastIndex = p, h = o.exec(a), h !== null); )
|
523
|
-
p = o.lastIndex, o === M ? h[1] === "!--" ? o = Tt : h[1] !== void 0 ? o = xt : h[2] !== void 0 ? (Yt.test(h[2]) && (s = RegExp("</" + h[2], "g")), o = S) : h[3] !== void 0 && (o = S) : o === S ? h[0] === ">" ? (o = s ?? M, c = -1) : h[1] === void 0 ? c = -2 : (c = o.lastIndex - h[2].length, u = h[1], o = h[3] === void 0 ? S : h[3] === '"' ? Nt : Ht) : o === Nt || o === Ht ? o = S : o === Tt || o === xt ? o = M : (o = S, s = void 0);
|
524
|
-
const A = o === S && n[l + 1].startsWith("/>") ? " " : "";
|
525
|
-
r += o === M ? a + ve : c >= 0 ? (i.push(u), a.slice(0, c) + vt + a.slice(c) + w + A) : a + w + (c === -2 ? (i.push(void 0), l) : A);
|
526
|
-
}
|
527
|
-
const d = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
|
528
|
-
if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
|
821
|
+
const z = globalThis, tt = z.trustedTypes, Ht = tt ? tt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ie = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, se = "?" + A, ke = `<${se}>`, R = document, q = () => R.createComment(""), X = (r) => r === null || typeof r != "object" && typeof r != "function", re = Array.isArray, Ie = (r) => re(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", at = `[
|
822
|
+
\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ot = /-->/g, Nt = />/g, w = RegExp(`>|${at}(?:([^\\s"'>=/]+)(${at}*=${at}*(?:[^
|
823
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Lt = /'/g, Mt = /"/g, ne = /^(?:script|style|textarea|title)$/i, Ve = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), De = Ve(1), O = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), kt = /* @__PURE__ */ new WeakMap(), T = R.createTreeWalker(R, 129);
|
824
|
+
function oe(r, t) {
|
825
|
+
if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
|
529
826
|
throw Error("invalid template strings array");
|
530
|
-
return
|
827
|
+
return Ht !== void 0 ? Ht.createHTML(t) : t;
|
828
|
+
}
|
829
|
+
const ze = (r, t) => {
|
830
|
+
const e = r.length - 1, i = [];
|
831
|
+
let s, n = t === 2 ? "<svg>" : "", o = k;
|
832
|
+
for (let a = 0; a < e; a++) {
|
833
|
+
const h = r[a];
|
834
|
+
let c, d, l = -1, p = 0;
|
835
|
+
for (; p < h.length && (o.lastIndex = p, d = o.exec(h), d !== null); )
|
836
|
+
p = o.lastIndex, o === k ? d[1] === "!--" ? o = Ot : d[1] !== void 0 ? o = Nt : d[2] !== void 0 ? (ne.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = w) : d[3] !== void 0 && (o = w) : o === w ? d[0] === ">" ? (o = s ?? k, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? w : d[3] === '"' ? Mt : Lt) : o === Mt || o === Lt ? o = w : o === Ot || o === Nt ? o = k : (o = w, s = void 0);
|
837
|
+
const u = o === w && r[a + 1].startsWith("/>") ? " " : "";
|
838
|
+
n += o === k ? h + ke : l >= 0 ? (i.push(c), h.slice(0, l) + ie + h.slice(l) + A + u) : h + A + (l === -2 ? a : u);
|
839
|
+
}
|
840
|
+
return [oe(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
|
531
841
|
};
|
532
|
-
class
|
842
|
+
class K {
|
533
843
|
constructor({ strings: t, _$litType$: e }, i) {
|
534
844
|
let s;
|
535
845
|
this.parts = [];
|
536
|
-
let
|
537
|
-
const
|
538
|
-
if (this.el =
|
539
|
-
const
|
540
|
-
|
846
|
+
let n = 0, o = 0;
|
847
|
+
const a = t.length - 1, h = this.parts, [c, d] = ze(t, e);
|
848
|
+
if (this.el = K.createElement(c, i), T.currentNode = this.el.content, e === 2) {
|
849
|
+
const l = this.el.content.firstChild;
|
850
|
+
l.replaceWith(...l.childNodes);
|
541
851
|
}
|
542
|
-
for (; (s =
|
852
|
+
for (; (s = T.nextNode()) !== null && h.length < a; ) {
|
543
853
|
if (s.nodeType === 1) {
|
544
|
-
if (s.hasAttributes())
|
545
|
-
const
|
546
|
-
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
551
|
-
|
552
|
-
|
553
|
-
|
554
|
-
|
555
|
-
|
556
|
-
|
557
|
-
|
558
|
-
if (Yt.test(s.tagName)) {
|
559
|
-
const h = s.textContent.split(w), c = h.length - 1;
|
560
|
-
if (c > 0) {
|
561
|
-
s.textContent = N ? N.emptyScript : "";
|
562
|
-
for (let p = 0; p < c; p++)
|
563
|
-
s.append(h[p], B()), U.nextNode(), l.push({ type: 2, index: ++r });
|
564
|
-
s.append(h[c], B());
|
854
|
+
if (s.hasAttributes())
|
855
|
+
for (const l of s.getAttributeNames())
|
856
|
+
if (l.endsWith(ie)) {
|
857
|
+
const p = d[o++], u = s.getAttribute(l).split(A), g = /([.?@])?(.*)/.exec(p);
|
858
|
+
h.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Be : g[1] === "?" ? We : g[1] === "@" ? qe : st }), s.removeAttribute(l);
|
859
|
+
} else
|
860
|
+
l.startsWith(A) && (h.push({ type: 6, index: n }), s.removeAttribute(l));
|
861
|
+
if (ne.test(s.tagName)) {
|
862
|
+
const l = s.textContent.split(A), p = l.length - 1;
|
863
|
+
if (p > 0) {
|
864
|
+
s.textContent = tt ? tt.emptyScript : "";
|
865
|
+
for (let u = 0; u < p; u++)
|
866
|
+
s.append(l[u], q()), T.nextNode(), h.push({ type: 2, index: ++n });
|
867
|
+
s.append(l[p], q());
|
565
868
|
}
|
566
869
|
}
|
567
870
|
} else if (s.nodeType === 8)
|
568
|
-
if (s.data ===
|
569
|
-
|
871
|
+
if (s.data === se)
|
872
|
+
h.push({ type: 2, index: n });
|
570
873
|
else {
|
571
|
-
let
|
572
|
-
for (; (
|
573
|
-
|
874
|
+
let l = -1;
|
875
|
+
for (; (l = s.data.indexOf(A, l + 1)) !== -1; )
|
876
|
+
h.push({ type: 7, index: n }), l += A.length - 1;
|
574
877
|
}
|
575
|
-
|
878
|
+
n++;
|
576
879
|
}
|
577
880
|
}
|
578
881
|
static createElement(t, e) {
|
@@ -580,15 +883,15 @@ class q {
|
|
580
883
|
return i.innerHTML = t, i;
|
581
884
|
}
|
582
885
|
}
|
583
|
-
function
|
584
|
-
var
|
585
|
-
if (t ===
|
886
|
+
function N(r, t, e = r, i) {
|
887
|
+
var o, a;
|
888
|
+
if (t === O)
|
586
889
|
return t;
|
587
|
-
let
|
588
|
-
const
|
589
|
-
return (
|
890
|
+
let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
|
891
|
+
const n = X(t) ? void 0 : t._$litDirective$;
|
892
|
+
return (s == null ? void 0 : s.constructor) !== n && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = N(r, s._$AS(r, t.values), s, i)), t;
|
590
893
|
}
|
591
|
-
class
|
894
|
+
class je {
|
592
895
|
constructor(t, e) {
|
593
896
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
594
897
|
}
|
@@ -599,33 +902,31 @@ class fe {
|
|
599
902
|
return this._$AM._$AU;
|
600
903
|
}
|
601
904
|
u(t) {
|
602
|
-
|
603
|
-
|
604
|
-
|
605
|
-
|
606
|
-
|
607
|
-
|
608
|
-
|
609
|
-
a.type === 2 ? u = new W(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new be(o, this, t)), this._$AV.push(u), a = s[++l];
|
905
|
+
const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? R).importNode(e, !0);
|
906
|
+
T.currentNode = s;
|
907
|
+
let n = T.nextNode(), o = 0, a = 0, h = i[0];
|
908
|
+
for (; h !== void 0; ) {
|
909
|
+
if (o === h.index) {
|
910
|
+
let c;
|
911
|
+
h.type === 2 ? c = new J(n, n.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (c = new Xe(n, this, t)), this._$AV.push(c), h = i[++a];
|
610
912
|
}
|
611
|
-
|
913
|
+
o !== (h == null ? void 0 : h.index) && (n = T.nextNode(), o++);
|
612
914
|
}
|
613
|
-
return
|
915
|
+
return T.currentNode = R, s;
|
614
916
|
}
|
615
|
-
|
917
|
+
p(t) {
|
616
918
|
let e = 0;
|
617
919
|
for (const i of this._$AV)
|
618
920
|
i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
|
619
921
|
}
|
620
922
|
}
|
621
|
-
class
|
622
|
-
constructor(t, e, i, s) {
|
623
|
-
var r;
|
624
|
-
this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (r = s == null ? void 0 : s.isConnected) === null || r === void 0 || r;
|
625
|
-
}
|
923
|
+
class J {
|
626
924
|
get _$AU() {
|
627
|
-
var t
|
628
|
-
return (
|
925
|
+
var t;
|
926
|
+
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
927
|
+
}
|
928
|
+
constructor(t, e, i, s) {
|
929
|
+
this.type = 2, this._$AH = $, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
|
629
930
|
}
|
630
931
|
get parentNode() {
|
631
932
|
let t = this._$AA.parentNode;
|
@@ -639,7 +940,7 @@ class W {
|
|
639
940
|
return this._$AB;
|
640
941
|
}
|
641
942
|
_$AI(t, e = this) {
|
642
|
-
t =
|
943
|
+
t = N(this, t, e), X(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ie(t) ? this.T(t) : this._(t);
|
643
944
|
}
|
644
945
|
k(t) {
|
645
946
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
@@ -648,103 +949,101 @@ class W {
|
|
648
949
|
this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
|
649
950
|
}
|
650
951
|
_(t) {
|
651
|
-
this._$AH !==
|
952
|
+
this._$AH !== $ && X(this._$AH) ? this._$AA.nextSibling.data = t : this.$(R.createTextNode(t)), this._$AH = t;
|
652
953
|
}
|
653
954
|
g(t) {
|
654
|
-
var
|
655
|
-
const { values:
|
656
|
-
if (((
|
657
|
-
this._$AH.
|
955
|
+
var n;
|
956
|
+
const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = K.createElement(oe(i.h, i.h[0]), this.options)), i);
|
957
|
+
if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
|
958
|
+
this._$AH.p(e);
|
658
959
|
else {
|
659
|
-
const o = new
|
660
|
-
o.
|
960
|
+
const o = new je(s, this), a = o.u(this.options);
|
961
|
+
o.p(e), this.$(a), this._$AH = o;
|
661
962
|
}
|
662
963
|
}
|
663
964
|
_$AC(t) {
|
664
|
-
let e =
|
665
|
-
return e === void 0 &&
|
965
|
+
let e = kt.get(t.strings);
|
966
|
+
return e === void 0 && kt.set(t.strings, e = new K(t)), e;
|
666
967
|
}
|
667
968
|
T(t) {
|
668
|
-
|
969
|
+
re(this._$AH) || (this._$AH = [], this._$AR());
|
669
970
|
const e = this._$AH;
|
670
971
|
let i, s = 0;
|
671
|
-
for (const
|
672
|
-
s === e.length ? e.push(i = new
|
972
|
+
for (const n of t)
|
973
|
+
s === e.length ? e.push(i = new J(this.k(q()), this.k(q()), this, this.options)) : i = e[s], i._$AI(n), s++;
|
673
974
|
s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
|
674
975
|
}
|
675
976
|
_$AR(t = this._$AA.nextSibling, e) {
|
676
977
|
var i;
|
677
|
-
for ((i = this._$AP)
|
978
|
+
for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
678
979
|
const s = t.nextSibling;
|
679
980
|
t.remove(), t = s;
|
680
981
|
}
|
681
982
|
}
|
682
983
|
setConnected(t) {
|
683
984
|
var e;
|
684
|
-
this._$AM === void 0 && (this._$
|
985
|
+
this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
|
685
986
|
}
|
686
987
|
}
|
687
|
-
class
|
688
|
-
constructor(t, e, i, s, r) {
|
689
|
-
this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
|
690
|
-
}
|
988
|
+
class st {
|
691
989
|
get tagName() {
|
692
990
|
return this.element.tagName;
|
693
991
|
}
|
694
992
|
get _$AU() {
|
695
993
|
return this._$AM._$AU;
|
696
994
|
}
|
995
|
+
constructor(t, e, i, s, n) {
|
996
|
+
this.type = 1, this._$AH = $, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = $;
|
997
|
+
}
|
697
998
|
_$AI(t, e = this, i, s) {
|
698
|
-
const
|
999
|
+
const n = this.strings;
|
699
1000
|
let o = !1;
|
700
|
-
if (
|
701
|
-
t =
|
1001
|
+
if (n === void 0)
|
1002
|
+
t = N(this, t, e, 0), o = !X(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
|
702
1003
|
else {
|
703
|
-
const
|
704
|
-
let
|
705
|
-
for (t =
|
706
|
-
|
1004
|
+
const a = t;
|
1005
|
+
let h, c;
|
1006
|
+
for (t = n[0], h = 0; h < n.length - 1; h++)
|
1007
|
+
c = N(this, a[i + h], e, h), c === O && (c = this._$AH[h]), o || (o = !X(c) || c !== this._$AH[h]), c === $ ? t = $ : t !== $ && (t += (c ?? "") + n[h + 1]), this._$AH[h] = c;
|
707
1008
|
}
|
708
|
-
o && !s && this.
|
1009
|
+
o && !s && this.O(t);
|
709
1010
|
}
|
710
|
-
|
711
|
-
t ===
|
1011
|
+
O(t) {
|
1012
|
+
t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
712
1013
|
}
|
713
1014
|
}
|
714
|
-
class
|
1015
|
+
class Be extends st {
|
715
1016
|
constructor() {
|
716
1017
|
super(...arguments), this.type = 3;
|
717
1018
|
}
|
718
|
-
|
719
|
-
this.element[this.name] = t ===
|
1019
|
+
O(t) {
|
1020
|
+
this.element[this.name] = t === $ ? void 0 : t;
|
720
1021
|
}
|
721
1022
|
}
|
722
|
-
|
723
|
-
class Ee extends tt {
|
1023
|
+
class We extends st {
|
724
1024
|
constructor() {
|
725
1025
|
super(...arguments), this.type = 4;
|
726
1026
|
}
|
727
|
-
|
728
|
-
|
1027
|
+
O(t) {
|
1028
|
+
this.element.toggleAttribute(this.name, !!t && t !== $);
|
729
1029
|
}
|
730
1030
|
}
|
731
|
-
class
|
732
|
-
constructor(t, e, i, s,
|
733
|
-
super(t, e, i, s,
|
1031
|
+
class qe extends st {
|
1032
|
+
constructor(t, e, i, s, n) {
|
1033
|
+
super(t, e, i, s, n), this.type = 5;
|
734
1034
|
}
|
735
1035
|
_$AI(t, e = this) {
|
736
|
-
|
737
|
-
if ((t = (i = V(this, t, e, 0)) !== null && i !== void 0 ? i : _) === I)
|
1036
|
+
if ((t = N(this, t, e, 0) ?? $) === O)
|
738
1037
|
return;
|
739
|
-
const
|
740
|
-
|
1038
|
+
const i = this._$AH, s = t === $ && i !== $ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== $ && (i === $ || s);
|
1039
|
+
s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
741
1040
|
}
|
742
1041
|
handleEvent(t) {
|
743
|
-
var e
|
744
|
-
typeof this._$AH == "function" ? this._$AH.call((
|
1042
|
+
var e;
|
1043
|
+
typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
|
745
1044
|
}
|
746
1045
|
}
|
747
|
-
class
|
1046
|
+
class Xe {
|
748
1047
|
constructor(t, e, i) {
|
749
1048
|
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
|
750
1049
|
}
|
@@ -752,75 +1051,74 @@ class be {
|
|
752
1051
|
return this._$AM._$AU;
|
753
1052
|
}
|
754
1053
|
_$AI(t) {
|
755
|
-
|
1054
|
+
N(this, t);
|
756
1055
|
}
|
757
1056
|
}
|
758
|
-
const
|
759
|
-
|
760
|
-
const
|
761
|
-
|
762
|
-
|
763
|
-
|
764
|
-
|
765
|
-
|
766
|
-
|
767
|
-
|
768
|
-
return o._$AI(n), o;
|
1057
|
+
const lt = z.litHtmlPolyfillSupport;
|
1058
|
+
lt == null || lt(K, J), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.1.0");
|
1059
|
+
const Ke = (r, t, e) => {
|
1060
|
+
const i = (e == null ? void 0 : e.renderBefore) ?? t;
|
1061
|
+
let s = i._$litPart$;
|
1062
|
+
if (s === void 0) {
|
1063
|
+
const n = (e == null ? void 0 : e.renderBefore) ?? null;
|
1064
|
+
i._$litPart$ = s = new J(t.insertBefore(q(), n), n, void 0, e ?? {});
|
1065
|
+
}
|
1066
|
+
return s._$AI(r), s;
|
769
1067
|
};
|
770
1068
|
/**
|
771
1069
|
* @license
|
772
1070
|
* Copyright 2017 Google LLC
|
773
1071
|
* SPDX-License-Identifier: BSD-3-Clause
|
774
1072
|
*/
|
775
|
-
|
776
|
-
class k extends T {
|
1073
|
+
class j extends x {
|
777
1074
|
constructor() {
|
778
1075
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
779
1076
|
}
|
780
1077
|
createRenderRoot() {
|
781
|
-
var
|
782
|
-
const
|
783
|
-
return (
|
1078
|
+
var e;
|
1079
|
+
const t = super.createRenderRoot();
|
1080
|
+
return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
|
784
1081
|
}
|
785
1082
|
update(t) {
|
786
1083
|
const e = this.render();
|
787
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do =
|
1084
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ke(e, this.renderRoot, this.renderOptions);
|
788
1085
|
}
|
789
1086
|
connectedCallback() {
|
790
1087
|
var t;
|
791
|
-
super.connectedCallback(), (t = this._$Do)
|
1088
|
+
super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
|
792
1089
|
}
|
793
1090
|
disconnectedCallback() {
|
794
1091
|
var t;
|
795
|
-
super.disconnectedCallback(), (t = this._$Do)
|
1092
|
+
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
796
1093
|
}
|
797
1094
|
render() {
|
798
|
-
return
|
1095
|
+
return O;
|
799
1096
|
}
|
800
1097
|
}
|
801
|
-
|
802
|
-
|
803
|
-
|
804
|
-
|
805
|
-
|
1098
|
+
var Dt;
|
1099
|
+
j._$litElement$ = !0, j.finalized = !0, (Dt = globalThis.litElementHydrateSupport) == null || Dt.call(globalThis, { LitElement: j });
|
1100
|
+
const ct = globalThis.litElementPolyfillSupport;
|
1101
|
+
ct == null || ct({ LitElement: j });
|
1102
|
+
(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.2");
|
1103
|
+
function Je(r, t, e) {
|
806
1104
|
function i(s) {
|
807
1105
|
e.dispatchEvent(new CustomEvent(s.type, s));
|
808
1106
|
}
|
809
|
-
return t.addEventListener(
|
810
|
-
t.removeEventListener(
|
1107
|
+
return t.addEventListener(r, i), () => {
|
1108
|
+
t.removeEventListener(r, i);
|
811
1109
|
};
|
812
1110
|
}
|
813
|
-
class
|
1111
|
+
class Fe {
|
814
1112
|
constructor(t, e) {
|
815
|
-
this._events = [], this._cleanup = [], this._forwardElementRef =
|
1113
|
+
this._events = [], this._cleanup = [], this._forwardElementRef = jt(), this.host = t, this._events = e, t.addController(this);
|
816
1114
|
}
|
817
1115
|
register() {
|
818
|
-
return
|
1116
|
+
return Bt(this._forwardElementRef);
|
819
1117
|
}
|
820
1118
|
hostConnected() {
|
821
1119
|
requestAnimationFrame(() => {
|
822
1120
|
this._events.forEach((t) => {
|
823
|
-
this._forwardElementRef.value && this._cleanup.push(
|
1121
|
+
this._forwardElementRef.value && this._cleanup.push(Je(t, this._forwardElementRef.value, this.host));
|
824
1122
|
});
|
825
1123
|
});
|
826
1124
|
}
|
@@ -830,52 +1128,84 @@ class Ue {
|
|
830
1128
|
}), this._cleanup = [];
|
831
1129
|
}
|
832
1130
|
}
|
833
|
-
const
|
834
|
-
function
|
835
|
-
if (!["dev", "staging", "prod"].includes(
|
836
|
-
throw new Error(`Unknown environment: ${
|
837
|
-
if (
|
1131
|
+
const It = "https://d2rxhdlm2q91uk.cloudfront.net", Ge = "https://d1ix11aj5kfygl.cloudfront.net", Ze = "https://d157jlwnudd93d.cloudfront.net", Vt = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", Ye = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", Qe = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", ti = "http://localhost:6060/v2", ei = "https://embed-dev.vouchfor.com/v2", ii = "https://embed-staging.vouchfor.com/v2", si = "https://embed.vouchfor.com/v2";
|
1132
|
+
function et(r) {
|
1133
|
+
if (!["local", "dev", "staging", "prod"].includes(r))
|
1134
|
+
throw new Error(`Unknown environment: ${r}`);
|
1135
|
+
if (r === "local")
|
838
1136
|
return {
|
839
|
-
|
840
|
-
|
841
|
-
|
842
|
-
embedApiUrl: Ie,
|
843
|
-
publicRecorderUrl: Me
|
1137
|
+
videoUrl: It,
|
1138
|
+
publicApiUrl: Vt,
|
1139
|
+
embedApiUrl: ti
|
844
1140
|
};
|
845
|
-
if (
|
1141
|
+
if (r === "dev")
|
846
1142
|
return {
|
847
|
-
|
848
|
-
|
849
|
-
|
850
|
-
embedApiUrl: Ve,
|
851
|
-
publicRecorderUrl: Le
|
1143
|
+
videoUrl: It,
|
1144
|
+
publicApiUrl: Vt,
|
1145
|
+
embedApiUrl: ei
|
852
1146
|
};
|
853
|
-
if (
|
1147
|
+
if (r === "staging")
|
854
1148
|
return {
|
855
|
-
|
856
|
-
|
857
|
-
|
858
|
-
|
859
|
-
|
1149
|
+
videoUrl: Ge,
|
1150
|
+
publicApiUrl: Ye,
|
1151
|
+
embedApiUrl: ii
|
1152
|
+
};
|
1153
|
+
if (r === "prod")
|
1154
|
+
return {
|
1155
|
+
videoUrl: Ze,
|
1156
|
+
publicApiUrl: Qe,
|
1157
|
+
embedApiUrl: si
|
860
1158
|
};
|
861
1159
|
}
|
862
|
-
class
|
1160
|
+
class ri {
|
863
1161
|
constructor(t) {
|
864
|
-
this._fetching = !1, this.
|
1162
|
+
this._fetching = !1, this.getVouch = async (e, i, s) => {
|
1163
|
+
var d;
|
1164
|
+
const { embedApiUrl: n } = et(e), o = P(), a = await fetch(`${n}/vouches/${s}`, {
|
1165
|
+
method: "GET",
|
1166
|
+
headers: [
|
1167
|
+
["X-Api-Key", i],
|
1168
|
+
["X-Cache-Check", o]
|
1169
|
+
]
|
1170
|
+
}), h = await a.json();
|
1171
|
+
return this.host.dispatchEvent(new CustomEvent("vouch:loaded", { detail: s })), ((d = a == null ? void 0 : a.headers) == null ? void 0 : d.get("X-Cache-Check")) !== o && fetch(`${n}/vouches/${s}`, {
|
1172
|
+
method: "GET",
|
1173
|
+
headers: [
|
1174
|
+
["X-Api-Key", i],
|
1175
|
+
["Cache-Control", "max-age=0"]
|
1176
|
+
]
|
1177
|
+
}), h;
|
1178
|
+
}, this.getTemplate = async (e, i, s) => {
|
1179
|
+
var d;
|
1180
|
+
const { embedApiUrl: n } = et(e), o = P(), a = await fetch(`${n}/templates/${s}`, {
|
1181
|
+
method: "GET",
|
1182
|
+
headers: [
|
1183
|
+
["X-Api-Key", i],
|
1184
|
+
["X-Cache-Check", o]
|
1185
|
+
]
|
1186
|
+
}), h = await a.json();
|
1187
|
+
return ((d = a == null ? void 0 : a.headers) == null ? void 0 : d.get("X-Cache-Check")) !== o && fetch(`${n}/templates/${s}`, {
|
1188
|
+
method: "GET",
|
1189
|
+
headers: [
|
1190
|
+
["X-Api-Key", i],
|
1191
|
+
["Cache-Control", "max-age=0"]
|
1192
|
+
]
|
1193
|
+
}), h;
|
1194
|
+
}, this.host = t, new ae(
|
865
1195
|
this.host,
|
866
|
-
async ([e, i, s,
|
867
|
-
var
|
1196
|
+
async ([e, i, s, n, o]) => {
|
1197
|
+
var a, h, c, d;
|
868
1198
|
try {
|
869
1199
|
if (t.vouch = void 0, t.template = void 0, s) {
|
870
|
-
let
|
871
|
-
o && (this.fetching = !0,
|
872
|
-
} else if (
|
1200
|
+
let l;
|
1201
|
+
o && (this.fetching = !0, l = await this.getTemplate(e, i, o)), t.vouch = s, t.template = l ?? ((h = (a = s == null ? void 0 : s.settings) == null ? void 0 : a.template) == null ? void 0 : h.instance);
|
1202
|
+
} else if (n) {
|
873
1203
|
this.fetching = !0;
|
874
|
-
const [
|
875
|
-
this.getVouch(e, i,
|
1204
|
+
const [l, p] = await Promise.all([
|
1205
|
+
this.getVouch(e, i, n),
|
876
1206
|
o ? this.getTemplate(e, i, o) : null
|
877
1207
|
]);
|
878
|
-
t.vouch =
|
1208
|
+
t.vouch = l, t.template = p ?? ((d = (c = l == null ? void 0 : l.settings) == null ? void 0 : c.template) == null ? void 0 : d.instance);
|
879
1209
|
}
|
880
1210
|
} finally {
|
881
1211
|
this.fetching = !1;
|
@@ -890,67 +1220,24 @@ class De {
|
|
890
1220
|
get fetching() {
|
891
1221
|
return this._fetching;
|
892
1222
|
}
|
893
|
-
async getVouch(t, e, i) {
|
894
|
-
const { embedApiUrl: s } = Y(t);
|
895
|
-
return fetch(`${s}/vouches/${i}`, {
|
896
|
-
method: "GET",
|
897
|
-
headers: [["X-Api-Key", e]]
|
898
|
-
}).then((r) => r.json());
|
899
|
-
}
|
900
|
-
async getTemplate(t, e, i) {
|
901
|
-
const { embedApiUrl: s } = Y(t);
|
902
|
-
return fetch(`${s}/templates/${i}`, {
|
903
|
-
method: "GET",
|
904
|
-
headers: [["X-Api-Key", e]]
|
905
|
-
}).then((r) => r.json());
|
906
|
-
}
|
907
1223
|
}
|
908
|
-
|
909
|
-
|
910
|
-
function Be() {
|
911
|
-
if (!Z && (Z = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Z))
|
912
|
-
throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
|
913
|
-
return Z(je);
|
914
|
-
}
|
915
|
-
const $ = [];
|
916
|
-
for (let n = 0; n < 256; ++n)
|
917
|
-
$.push((n + 256).toString(16).slice(1));
|
918
|
-
function ze(n, t = 0) {
|
919
|
-
return $[n[t + 0]] + $[n[t + 1]] + $[n[t + 2]] + $[n[t + 3]] + "-" + $[n[t + 4]] + $[n[t + 5]] + "-" + $[n[t + 6]] + $[n[t + 7]] + "-" + $[n[t + 8]] + $[n[t + 9]] + "-" + $[n[t + 10]] + $[n[t + 11]] + $[n[t + 12]] + $[n[t + 13]] + $[n[t + 14]] + $[n[t + 15]];
|
920
|
-
}
|
921
|
-
const qe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = {
|
922
|
-
randomUUID: qe
|
923
|
-
};
|
924
|
-
function L(n, t, e) {
|
925
|
-
if (Mt.randomUUID && !t && !n)
|
926
|
-
return Mt.randomUUID();
|
927
|
-
n = n || {};
|
928
|
-
const i = n.random || (n.rng || Be)();
|
929
|
-
if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
|
930
|
-
e = e || 0;
|
931
|
-
for (let s = 0; s < 16; ++s)
|
932
|
-
t[e + s] = i[s];
|
933
|
-
return t;
|
934
|
-
}
|
935
|
-
return ze(i);
|
936
|
-
}
|
937
|
-
const We = 2e3;
|
938
|
-
class Ze {
|
1224
|
+
const ni = 10;
|
1225
|
+
class oi {
|
939
1226
|
constructor(t) {
|
940
|
-
this._tabId = void 0, this._clientId = void 0, this._visitorId = void 0, this._hasPlayed = !1, this._hasLoaded = {}, this._answersViewed = {}, this.
|
941
|
-
var s,
|
942
|
-
const { publicApiUrl: i } =
|
943
|
-
return (
|
1227
|
+
this._tabId = void 0, this._clientId = void 0, this._visitorId = void 0, this._hasPlayed = !1, this._hasLoaded = {}, this._answersViewed = {}, this._streamStartTime = {}, this._streamLatestTime = {}, this._currentlyPlayingVideo = null, this._createVisitor = (e) => {
|
1228
|
+
var s, n;
|
1229
|
+
const { publicApiUrl: i } = et(this.host.env);
|
1230
|
+
return (n = (s = window.localStorage) == null ? void 0 : s.setItem) == null || n.call(s, "vouch-uid-visitor", e), navigator.sendBeacon(`${i}/api/visitor`, JSON.stringify({ visitorId: e })), e;
|
944
1231
|
}, this._getReportingMetadata = () => {
|
945
|
-
var
|
946
|
-
const [e, i] = ((o = (
|
947
|
-
return [...new URLSearchParams(location.search).entries()].forEach(([
|
948
|
-
if (/utm/.test(
|
949
|
-
const
|
950
|
-
s[
|
1232
|
+
var n, o;
|
1233
|
+
const [e, i] = ((o = (n = Intl.DateTimeFormat().resolvedOptions().timeZone) == null ? void 0 : n.split) == null ? void 0 : o.call(n, "/")) ?? [], s = {};
|
1234
|
+
return [...new URLSearchParams(location.search).entries()].forEach(([a, h]) => {
|
1235
|
+
if (/utm/.test(a)) {
|
1236
|
+
const c = a.toLowerCase().replace(/[-_][a-z0-9]/g, (d) => d.slice(-1).toUpperCase());
|
1237
|
+
s[c] = h;
|
951
1238
|
}
|
952
1239
|
}), {
|
953
|
-
source:
|
1240
|
+
source: this.host.trackingSource,
|
954
1241
|
time: /* @__PURE__ */ new Date(),
|
955
1242
|
region: i,
|
956
1243
|
country: e,
|
@@ -961,75 +1248,64 @@ class Ze {
|
|
961
1248
|
...s
|
962
1249
|
};
|
963
1250
|
}, this._sendTrackingEvent = (e, i) => {
|
964
|
-
|
1251
|
+
if (!this._findVouchId() || this.host.disableTracking)
|
1252
|
+
return;
|
1253
|
+
const { publicApiUrl: n } = et(this.host.env), { client: o, tab: a, request: h, visitor: c } = this._getUids();
|
965
1254
|
navigator.sendBeacon(
|
966
|
-
`${
|
1255
|
+
`${n}/api/events`,
|
967
1256
|
JSON.stringify({
|
968
1257
|
event: e,
|
969
1258
|
payload: i,
|
970
1259
|
context: {
|
971
|
-
"x-uid-client":
|
972
|
-
"x-uid-tab":
|
973
|
-
"x-uid-request":
|
974
|
-
"x-uid-visitor":
|
1260
|
+
"x-uid-client": o,
|
1261
|
+
"x-uid-tab": a,
|
1262
|
+
"x-uid-request": h,
|
1263
|
+
"x-uid-visitor": c,
|
975
1264
|
"x-reporting-metadata": this._getReportingMetadata()
|
976
1265
|
}
|
977
1266
|
})
|
978
1267
|
);
|
979
1268
|
}, this._handleVouchLoaded = ({ detail: e }) => {
|
980
|
-
e && (this._hasLoaded[e] || (this._sendTrackingEvent("VOUCH_LOADED",
|
981
|
-
vouchId: e
|
982
|
-
}), this._hasLoaded[e] = !0));
|
1269
|
+
e && (this._hasLoaded[e] || (this._sendTrackingEvent("VOUCH_LOADED"), this._hasLoaded[e] = !0));
|
983
1270
|
}, this._handlePlay = () => {
|
984
|
-
|
985
|
-
e && (this._hasPlayed || (this._sendTrackingEvent("VIDEO_PLAYED", {
|
986
|
-
vouchId: e,
|
1271
|
+
this._hasPlayed || (this._sendTrackingEvent("VIDEO_PLAYED", {
|
987
1272
|
streamStart: this.host.currentTime
|
988
|
-
}), this._hasPlayed = !0)
|
989
|
-
}, this._handleVideoPlay = ({ detail: { id: e,
|
990
|
-
|
991
|
-
s && (this._answersViewed[e] || (this._sendTrackingEvent("VOUCH_RESPONSE_VIEWED", {
|
992
|
-
vouchId: s,
|
1273
|
+
}), this._hasPlayed = !0);
|
1274
|
+
}, this._handleVideoPlay = ({ detail: { id: e, key: i, node: s } }) => {
|
1275
|
+
this._answersViewed[i] || (this._sendTrackingEvent("VOUCH_RESPONSE_VIEWED", {
|
993
1276
|
answerId: e
|
994
|
-
}), this._answersViewed[
|
995
|
-
}, this._handleVideoTimeUpdate = ({ detail: { id: e,
|
996
|
-
var
|
997
|
-
|
998
|
-
|
999
|
-
|
1000
|
-
const r = Date.now();
|
1001
|
-
!this.host.paused && // Only fire the video seeked event when this video is the active one
|
1002
|
-
e === ((d = (o = this.host.scene) == null ? void 0 : o.video) == null ? void 0 : d.id) && // Throttle the frequency that we send streamed events while playing
|
1003
|
-
r - this._streamedPrevTimestamp[e] > We && (this._sendTrackingEvent("VIDEO_STREAMED", {
|
1004
|
-
vouchId: s,
|
1277
|
+
}), this._answersViewed[i] = !0), this._streamStartTime[i] = s.currentTime, this._streamLatestTime[i] = s.currentTime;
|
1278
|
+
}, this._handleVideoTimeUpdate = ({ detail: { id: e, key: i, node: s } }) => {
|
1279
|
+
var n, o;
|
1280
|
+
this.host.paused || (this._currentlyPlayingVideo = { id: e, key: i, node: s }, this._streamLatestTime[i] = s.currentTime), !s.paused && !this.host.paused && // Only fire the video seeked event when this video is the active one
|
1281
|
+
e === ((o = (n = this.host.scene) == null ? void 0 : n.video) == null ? void 0 : o.id) && // Throttle the frequency that we send streamed events while playing
|
1282
|
+
this._streamLatestTime[i] - this._streamStartTime[i] > ni && (this._sendTrackingEvent("VIDEO_STREAMED", {
|
1005
1283
|
answerId: e,
|
1006
|
-
streamStart: this.
|
1007
|
-
streamEnd: i
|
1008
|
-
}), this.
|
1009
|
-
}, this._handleVideoPause = ({ detail: { id: e,
|
1010
|
-
|
1011
|
-
s && (this._sendTrackingEvent("VIDEO_STREAMED", {
|
1012
|
-
vouchId: s,
|
1284
|
+
streamStart: this._streamStartTime[i],
|
1285
|
+
streamEnd: this._streamLatestTime[i]
|
1286
|
+
}), this._streamStartTime[i] = s.currentTime);
|
1287
|
+
}, this._handleVideoPause = ({ detail: { id: e, key: i } }) => {
|
1288
|
+
this._streamLatestTime[i] > this._streamStartTime[i] && this._sendTrackingEvent("VIDEO_STREAMED", {
|
1013
1289
|
answerId: e,
|
1014
|
-
streamStart: this.
|
1015
|
-
streamEnd: i
|
1016
|
-
}), delete this.
|
1290
|
+
streamStart: this._streamStartTime[i],
|
1291
|
+
streamEnd: this._streamLatestTime[i]
|
1292
|
+
}), this._currentlyPlayingVideo = null, delete this._streamStartTime[i], delete this._streamLatestTime[i];
|
1017
1293
|
}, this.host = t, t.addController(this);
|
1018
1294
|
}
|
1019
1295
|
_findVouchId() {
|
1020
|
-
if (this.host.
|
1021
|
-
return "uuid" in this.host.
|
1296
|
+
if (this.host.vouch)
|
1297
|
+
return "uuid" in this.host.vouch ? this.host.vouch.uuid : this.host.vouch.id;
|
1022
1298
|
}
|
1023
1299
|
_getUids() {
|
1024
|
-
var
|
1300
|
+
var n, o, a, h, c, d, l, p, u, g, F, mt;
|
1025
1301
|
if (typeof window > "u")
|
1026
1302
|
return {
|
1027
1303
|
client: null,
|
1028
1304
|
tab: null,
|
1029
|
-
request:
|
1305
|
+
request: P()
|
1030
1306
|
};
|
1031
|
-
const t = this._visitorId || ((o = (
|
1032
|
-
return t !== this._visitorId && (this._visitorId = t, (
|
1307
|
+
const t = this._visitorId || ((o = (n = window.localStorage) == null ? void 0 : n.getItem) == null ? void 0 : o.call(n, "vouch-uid-visitor")) || this._createVisitor(P()), e = this._clientId || ((h = (a = window.localStorage) == null ? void 0 : a.getItem) == null ? void 0 : h.call(a, "vouch-uid-client")) || P(), i = this._tabId || ((d = (c = window.sessionStorage) == null ? void 0 : c.getItem) == null ? void 0 : d.call(c, "vouch-uid-tab")) || P(), s = P();
|
1308
|
+
return t !== this._visitorId && (this._visitorId = t, (p = (l = window.localStorage) == null ? void 0 : l.setItem) == null || p.call(l, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (g = (u = window.localStorage) == null ? void 0 : u.setItem) == null || g.call(u, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, (mt = (F = window.sessionStorage) == null ? void 0 : F.setItem) == null || mt.call(F, "vouch-uid-tab", i)), {
|
1033
1309
|
client: e,
|
1034
1310
|
tab: i,
|
1035
1311
|
request: s,
|
@@ -1044,17 +1320,25 @@ class Ze {
|
|
1044
1320
|
}
|
1045
1321
|
hostDisconnected() {
|
1046
1322
|
var t, e, i, s;
|
1323
|
+
if (this._currentlyPlayingVideo) {
|
1324
|
+
const { id: n, key: o } = this._currentlyPlayingVideo;
|
1325
|
+
this._streamLatestTime[o] > this._streamStartTime[o] && this._sendTrackingEvent("VIDEO_STREAMED", {
|
1326
|
+
answerId: n,
|
1327
|
+
streamStart: this._streamStartTime[o],
|
1328
|
+
streamEnd: this._streamLatestTime[o]
|
1329
|
+
});
|
1330
|
+
}
|
1047
1331
|
this.host.removeEventListener("vouch:loaded", this._handleVouchLoaded), (t = this.host.mediaPlayer) == null || t.removeEventListener("play", this._handlePlay), (e = this.host.mediaPlayer) == null || e.removeEventListener("video:play", this._handleVideoPlay), (i = this.host.mediaPlayer) == null || i.removeEventListener("video:pause", this._handleVideoPause), (s = this.host.mediaPlayer) == null || s.removeEventListener("video:timeupdate", this._handleVideoTimeUpdate);
|
1048
1332
|
}
|
1049
1333
|
}
|
1050
|
-
var
|
1051
|
-
for (var s = i > 1 ? void 0 : i ?
|
1052
|
-
(o = n
|
1053
|
-
return i && s &&
|
1334
|
+
var hi = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, f = (r, t, e, i) => {
|
1335
|
+
for (var s = i > 1 ? void 0 : i ? ai(t, e) : t, n = r.length - 1, o; n >= 0; n--)
|
1336
|
+
(o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
|
1337
|
+
return i && s && hi(t, e, s), s;
|
1054
1338
|
};
|
1055
|
-
let
|
1339
|
+
let m = class extends j {
|
1056
1340
|
constructor() {
|
1057
|
-
super(...arguments), this._mediaPlayerRef =
|
1341
|
+
super(...arguments), this._mediaPlayerRef = jt(), this.env = "prod", this.apiKey = "", this.disableTracking = !1, this.trackingSource = "embed", this.preload = "auto", this.autoplay = !1, this.aspectRatio = 0, this.eventController = new Fe(this, [
|
1058
1342
|
"durationchange",
|
1059
1343
|
"ended",
|
1060
1344
|
"error",
|
@@ -1071,6 +1355,7 @@ let g = class extends k {
|
|
1071
1355
|
"volumechange",
|
1072
1356
|
"waiting",
|
1073
1357
|
"video:loadeddata",
|
1358
|
+
"video:seeking",
|
1074
1359
|
"video:seeked",
|
1075
1360
|
"video:play",
|
1076
1361
|
"video:playing",
|
@@ -1079,143 +1364,149 @@ let g = class extends k {
|
|
1079
1364
|
"video:timeupdate",
|
1080
1365
|
"video:ended",
|
1081
1366
|
"video:error"
|
1082
|
-
]), this._fetcherController = new
|
1367
|
+
]), this._fetcherController = new ri(this), this._trackingController = new oi(this);
|
1083
1368
|
}
|
1084
1369
|
get fetching() {
|
1085
1370
|
return this._fetcherController.fetching;
|
1086
1371
|
}
|
1087
1372
|
get waiting() {
|
1088
|
-
var
|
1089
|
-
return (
|
1373
|
+
var r;
|
1374
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.waiting;
|
1090
1375
|
}
|
1091
1376
|
get seeking() {
|
1092
|
-
var
|
1093
|
-
return (
|
1377
|
+
var r;
|
1378
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.seeking;
|
1094
1379
|
}
|
1095
1380
|
get paused() {
|
1096
|
-
var
|
1097
|
-
return (
|
1381
|
+
var r;
|
1382
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.paused;
|
1098
1383
|
}
|
1099
1384
|
get captions() {
|
1100
|
-
var
|
1101
|
-
return (
|
1385
|
+
var r;
|
1386
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.captions;
|
1102
1387
|
}
|
1103
1388
|
get fullscreen() {
|
1104
|
-
var
|
1105
|
-
return (
|
1389
|
+
var r;
|
1390
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.fullscreen;
|
1106
1391
|
}
|
1107
1392
|
get duration() {
|
1108
|
-
var
|
1109
|
-
return (
|
1393
|
+
var r;
|
1394
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.duration;
|
1110
1395
|
}
|
1111
|
-
set currentTime(
|
1112
|
-
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.currentTime =
|
1396
|
+
set currentTime(r) {
|
1397
|
+
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.currentTime = r);
|
1113
1398
|
}
|
1114
1399
|
get currentTime() {
|
1115
|
-
var
|
1116
|
-
return ((
|
1400
|
+
var r;
|
1401
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.currentTime) ?? 0;
|
1117
1402
|
}
|
1118
|
-
set playbackRate(
|
1119
|
-
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.playbackRate =
|
1403
|
+
set playbackRate(r) {
|
1404
|
+
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.playbackRate = r);
|
1120
1405
|
}
|
1121
1406
|
get playbackRate() {
|
1122
|
-
var
|
1123
|
-
return ((
|
1407
|
+
var r;
|
1408
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.playbackRate) ?? 1;
|
1124
1409
|
}
|
1125
|
-
set volume(
|
1126
|
-
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.volume =
|
1410
|
+
set volume(r) {
|
1411
|
+
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.volume = r);
|
1127
1412
|
}
|
1128
1413
|
get volume() {
|
1129
|
-
var
|
1130
|
-
return ((
|
1414
|
+
var r;
|
1415
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.volume) ?? 1;
|
1131
1416
|
}
|
1132
|
-
set muted(
|
1133
|
-
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.muted =
|
1417
|
+
set muted(r) {
|
1418
|
+
this._mediaPlayerRef.value && (this._mediaPlayerRef.value.muted = r);
|
1134
1419
|
}
|
1135
1420
|
get muted() {
|
1136
|
-
var
|
1137
|
-
return ((
|
1421
|
+
var r;
|
1422
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.muted) ?? !1;
|
1138
1423
|
}
|
1139
1424
|
get scene() {
|
1140
|
-
var
|
1141
|
-
return ((
|
1425
|
+
var r;
|
1426
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.scene) ?? null;
|
1142
1427
|
}
|
1143
1428
|
get scenes() {
|
1144
|
-
var
|
1145
|
-
return ((
|
1429
|
+
var r;
|
1430
|
+
return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.scenes) ?? [];
|
1146
1431
|
}
|
1147
1432
|
get videoState() {
|
1148
|
-
var
|
1149
|
-
return (
|
1433
|
+
var r;
|
1434
|
+
return (r = this._mediaPlayerRef.value) == null ? void 0 : r.videoState;
|
1150
1435
|
}
|
1151
1436
|
get mediaPlayer() {
|
1152
1437
|
return this._mediaPlayerRef.value;
|
1153
1438
|
}
|
1154
1439
|
play() {
|
1155
|
-
var
|
1156
|
-
(
|
1440
|
+
var r;
|
1441
|
+
(r = this._mediaPlayerRef.value) == null || r.play();
|
1157
1442
|
}
|
1158
1443
|
pause() {
|
1159
|
-
var
|
1160
|
-
(
|
1444
|
+
var r;
|
1445
|
+
(r = this._mediaPlayerRef.value) == null || r.pause();
|
1161
1446
|
}
|
1162
|
-
setScene(
|
1447
|
+
setScene(r) {
|
1163
1448
|
var t;
|
1164
|
-
(t = this._mediaPlayerRef.value) == null || t.setScene(
|
1449
|
+
(t = this._mediaPlayerRef.value) == null || t.setScene(r);
|
1165
1450
|
}
|
1166
1451
|
render() {
|
1167
|
-
return
|
1452
|
+
return De`
|
1168
1453
|
<vmp-new-media-player
|
1169
|
-
${
|
1454
|
+
${Bt(this._mediaPlayerRef)}
|
1170
1455
|
${this.eventController.register()}
|
1171
1456
|
?autoplay=${this.autoplay}
|
1172
1457
|
?loading=${this.fetching}
|
1173
1458
|
.data=${this.vouch}
|
1174
1459
|
.template=${this.template}
|
1175
|
-
aspectRatio=${
|
1176
|
-
preload=${
|
1460
|
+
aspectRatio=${ft(this.aspectRatio)}
|
1461
|
+
preload=${ft(this.preload)}
|
1177
1462
|
.controls=${this.controls}
|
1178
1463
|
></vmp-new-media-player>
|
1179
1464
|
`;
|
1180
1465
|
}
|
1181
1466
|
};
|
1182
1467
|
f([
|
1183
|
-
|
1184
|
-
],
|
1468
|
+
v({ type: Object, attribute: "data" })
|
1469
|
+
], m.prototype, "data", 2);
|
1470
|
+
f([
|
1471
|
+
v({ type: String })
|
1472
|
+
], m.prototype, "vouchId", 2);
|
1473
|
+
f([
|
1474
|
+
v({ type: String })
|
1475
|
+
], m.prototype, "templateId", 2);
|
1185
1476
|
f([
|
1186
|
-
|
1187
|
-
],
|
1477
|
+
v({ type: String })
|
1478
|
+
], m.prototype, "env", 2);
|
1188
1479
|
f([
|
1189
|
-
|
1190
|
-
],
|
1480
|
+
v({ type: String })
|
1481
|
+
], m.prototype, "apiKey", 2);
|
1191
1482
|
f([
|
1192
|
-
|
1193
|
-
],
|
1483
|
+
v({ type: Boolean })
|
1484
|
+
], m.prototype, "disableTracking", 2);
|
1194
1485
|
f([
|
1195
|
-
|
1196
|
-
],
|
1486
|
+
v({ type: String })
|
1487
|
+
], m.prototype, "trackingSource", 2);
|
1197
1488
|
f([
|
1198
|
-
|
1199
|
-
],
|
1489
|
+
v({ type: Array })
|
1490
|
+
], m.prototype, "controls", 2);
|
1200
1491
|
f([
|
1201
|
-
|
1202
|
-
],
|
1492
|
+
v({ type: String })
|
1493
|
+
], m.prototype, "preload", 2);
|
1203
1494
|
f([
|
1204
|
-
|
1205
|
-
],
|
1495
|
+
v({ type: Boolean })
|
1496
|
+
], m.prototype, "autoplay", 2);
|
1206
1497
|
f([
|
1207
|
-
|
1208
|
-
],
|
1498
|
+
v({ type: Number })
|
1499
|
+
], m.prototype, "aspectRatio", 2);
|
1209
1500
|
f([
|
1210
|
-
|
1211
|
-
],
|
1501
|
+
zt()
|
1502
|
+
], m.prototype, "vouch", 2);
|
1212
1503
|
f([
|
1213
|
-
|
1214
|
-
],
|
1215
|
-
|
1216
|
-
|
1217
|
-
],
|
1504
|
+
zt()
|
1505
|
+
], m.prototype, "template", 2);
|
1506
|
+
m = f([
|
1507
|
+
he("vouch-embed")
|
1508
|
+
], m);
|
1218
1509
|
export {
|
1219
|
-
|
1510
|
+
m as Embed
|
1220
1511
|
};
|
1221
1512
|
//# sourceMappingURL=embeds.js.map
|