@triptease/tt-navbar 0.1.0 → 0.1.2

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.
@@ -1,908 +0,0 @@
1
- /**
2
- * @triptease/tt-navbar v0.1.0
3
- */
4
-
5
- // ../../node_modules/@lit/reactive-element/css-tag.js
6
- var t = globalThis;
7
- var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
8
- var s = /* @__PURE__ */ Symbol();
9
- var o = /* @__PURE__ */ new WeakMap();
10
- var n = class {
11
- constructor(t3, e4, o5) {
12
- if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
13
- this.cssText = t3, this.t = e4;
14
- }
15
- get styleSheet() {
16
- let t3 = this.o;
17
- const s4 = this.t;
18
- if (e && void 0 === t3) {
19
- const e4 = void 0 !== s4 && 1 === s4.length;
20
- e4 && (t3 = o.get(s4)), void 0 === t3 && ((this.o = t3 = new CSSStyleSheet()).replaceSync(this.cssText), e4 && o.set(s4, t3));
21
- }
22
- return t3;
23
- }
24
- toString() {
25
- return this.cssText;
26
- }
27
- };
28
- var r = (t3) => new n("string" == typeof t3 ? t3 : t3 + "", void 0, s);
29
- var i = (t3, ...e4) => {
30
- const o5 = 1 === t3.length ? t3[0] : e4.reduce(((e5, s4, o6) => e5 + ((t4) => {
31
- if (true === t4._$cssResult$) return t4.cssText;
32
- if ("number" == typeof t4) return t4;
33
- throw Error("Value passed to 'css' function must be a 'css' function result: " + t4 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
34
- })(s4) + t3[o6 + 1]), t3[0]);
35
- return new n(o5, t3, s);
36
- };
37
- var S = (s4, o5) => {
38
- if (e) s4.adoptedStyleSheets = o5.map(((t3) => t3 instanceof CSSStyleSheet ? t3 : t3.styleSheet));
39
- else for (const e4 of o5) {
40
- const o6 = document.createElement("style"), n4 = t.litNonce;
41
- void 0 !== n4 && o6.setAttribute("nonce", n4), o6.textContent = e4.cssText, s4.appendChild(o6);
42
- }
43
- };
44
- var c = e ? (t3) => t3 : (t3) => t3 instanceof CSSStyleSheet ? ((t4) => {
45
- let e4 = "";
46
- for (const s4 of t4.cssRules) e4 += s4.cssText;
47
- return r(e4);
48
- })(t3) : t3;
49
-
50
- // ../../node_modules/@lit/reactive-element/reactive-element.js
51
- var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
52
- var a = globalThis;
53
- var c2 = a.trustedTypes;
54
- var l = c2 ? c2.emptyScript : "";
55
- var p = a.reactiveElementPolyfillSupport;
56
- var d = (t3, s4) => t3;
57
- var u = { toAttribute(t3, s4) {
58
- switch (s4) {
59
- case Boolean:
60
- t3 = t3 ? l : null;
61
- break;
62
- case Object:
63
- case Array:
64
- t3 = null == t3 ? t3 : JSON.stringify(t3);
65
- }
66
- return t3;
67
- }, fromAttribute(t3, s4) {
68
- let i5 = t3;
69
- switch (s4) {
70
- case Boolean:
71
- i5 = null !== t3;
72
- break;
73
- case Number:
74
- i5 = null === t3 ? null : Number(t3);
75
- break;
76
- case Object:
77
- case Array:
78
- try {
79
- i5 = JSON.parse(t3);
80
- } catch (t4) {
81
- i5 = null;
82
- }
83
- }
84
- return i5;
85
- } };
86
- var f = (t3, s4) => !i2(t3, s4);
87
- var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
88
- Symbol.metadata ?? (Symbol.metadata = /* @__PURE__ */ Symbol("metadata")), a.litPropertyMetadata ?? (a.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
89
- var y = class extends HTMLElement {
90
- static addInitializer(t3) {
91
- this._$Ei(), (this.l ?? (this.l = [])).push(t3);
92
- }
93
- static get observedAttributes() {
94
- return this.finalize(), this._$Eh && [...this._$Eh.keys()];
95
- }
96
- static createProperty(t3, s4 = b) {
97
- if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t3) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t3, s4), !s4.noAccessor) {
98
- const i5 = /* @__PURE__ */ Symbol(), h3 = this.getPropertyDescriptor(t3, i5, s4);
99
- void 0 !== h3 && e2(this.prototype, t3, h3);
100
- }
101
- }
102
- static getPropertyDescriptor(t3, s4, i5) {
103
- const { get: e4, set: r4 } = h(this.prototype, t3) ?? { get() {
104
- return this[s4];
105
- }, set(t4) {
106
- this[s4] = t4;
107
- } };
108
- return { get: e4, set(s5) {
109
- const h3 = e4?.call(this);
110
- r4?.call(this, s5), this.requestUpdate(t3, h3, i5);
111
- }, configurable: true, enumerable: true };
112
- }
113
- static getPropertyOptions(t3) {
114
- return this.elementProperties.get(t3) ?? b;
115
- }
116
- static _$Ei() {
117
- if (this.hasOwnProperty(d("elementProperties"))) return;
118
- const t3 = n2(this);
119
- t3.finalize(), void 0 !== t3.l && (this.l = [...t3.l]), this.elementProperties = new Map(t3.elementProperties);
120
- }
121
- static finalize() {
122
- if (this.hasOwnProperty(d("finalized"))) return;
123
- if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
124
- const t4 = this.properties, s4 = [...r2(t4), ...o2(t4)];
125
- for (const i5 of s4) this.createProperty(i5, t4[i5]);
126
- }
127
- const t3 = this[Symbol.metadata];
128
- if (null !== t3) {
129
- const s4 = litPropertyMetadata.get(t3);
130
- if (void 0 !== s4) for (const [t4, i5] of s4) this.elementProperties.set(t4, i5);
131
- }
132
- this._$Eh = /* @__PURE__ */ new Map();
133
- for (const [t4, s4] of this.elementProperties) {
134
- const i5 = this._$Eu(t4, s4);
135
- void 0 !== i5 && this._$Eh.set(i5, t4);
136
- }
137
- this.elementStyles = this.finalizeStyles(this.styles);
138
- }
139
- static finalizeStyles(s4) {
140
- const i5 = [];
141
- if (Array.isArray(s4)) {
142
- const e4 = new Set(s4.flat(1 / 0).reverse());
143
- for (const s5 of e4) i5.unshift(c(s5));
144
- } else void 0 !== s4 && i5.push(c(s4));
145
- return i5;
146
- }
147
- static _$Eu(t3, s4) {
148
- const i5 = s4.attribute;
149
- return false === i5 ? void 0 : "string" == typeof i5 ? i5 : "string" == typeof t3 ? t3.toLowerCase() : void 0;
150
- }
151
- constructor() {
152
- super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
153
- }
154
- _$Ev() {
155
- this._$ES = new Promise(((t3) => this.enableUpdating = t3)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t3) => t3(this)));
156
- }
157
- addController(t3) {
158
- (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t3), void 0 !== this.renderRoot && this.isConnected && t3.hostConnected?.();
159
- }
160
- removeController(t3) {
161
- this._$EO?.delete(t3);
162
- }
163
- _$E_() {
164
- const t3 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
165
- for (const i5 of s4.keys()) this.hasOwnProperty(i5) && (t3.set(i5, this[i5]), delete this[i5]);
166
- t3.size > 0 && (this._$Ep = t3);
167
- }
168
- createRenderRoot() {
169
- const t3 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
170
- return S(t3, this.constructor.elementStyles), t3;
171
- }
172
- connectedCallback() {
173
- this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), this._$EO?.forEach(((t3) => t3.hostConnected?.()));
174
- }
175
- enableUpdating(t3) {
176
- }
177
- disconnectedCallback() {
178
- this._$EO?.forEach(((t3) => t3.hostDisconnected?.()));
179
- }
180
- attributeChangedCallback(t3, s4, i5) {
181
- this._$AK(t3, i5);
182
- }
183
- _$ET(t3, s4) {
184
- const i5 = this.constructor.elementProperties.get(t3), e4 = this.constructor._$Eu(t3, i5);
185
- if (void 0 !== e4 && true === i5.reflect) {
186
- const h3 = (void 0 !== i5.converter?.toAttribute ? i5.converter : u).toAttribute(s4, i5.type);
187
- this._$Em = t3, null == h3 ? this.removeAttribute(e4) : this.setAttribute(e4, h3), this._$Em = null;
188
- }
189
- }
190
- _$AK(t3, s4) {
191
- const i5 = this.constructor, e4 = i5._$Eh.get(t3);
192
- if (void 0 !== e4 && this._$Em !== e4) {
193
- const t4 = i5.getPropertyOptions(e4), h3 = "function" == typeof t4.converter ? { fromAttribute: t4.converter } : void 0 !== t4.converter?.fromAttribute ? t4.converter : u;
194
- this._$Em = e4, this[e4] = h3.fromAttribute(s4, t4.type) ?? this._$Ej?.get(e4) ?? null, this._$Em = null;
195
- }
196
- }
197
- requestUpdate(t3, s4, i5) {
198
- if (void 0 !== t3) {
199
- const e4 = this.constructor, h3 = this[t3];
200
- if (i5 ?? (i5 = e4.getPropertyOptions(t3)), !((i5.hasChanged ?? f)(h3, s4) || i5.useDefault && i5.reflect && h3 === this._$Ej?.get(t3) && !this.hasAttribute(e4._$Eu(t3, i5)))) return;
201
- this.C(t3, s4, i5);
202
- }
203
- false === this.isUpdatePending && (this._$ES = this._$EP());
204
- }
205
- C(t3, s4, { useDefault: i5, reflect: e4, wrapped: h3 }, r4) {
206
- i5 && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t3) && (this._$Ej.set(t3, r4 ?? s4 ?? this[t3]), true !== h3 || void 0 !== r4) || (this._$AL.has(t3) || (this.hasUpdated || i5 || (s4 = void 0), this._$AL.set(t3, s4)), true === e4 && this._$Em !== t3 && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t3));
207
- }
208
- async _$EP() {
209
- this.isUpdatePending = true;
210
- try {
211
- await this._$ES;
212
- } catch (t4) {
213
- Promise.reject(t4);
214
- }
215
- const t3 = this.scheduleUpdate();
216
- return null != t3 && await t3, !this.isUpdatePending;
217
- }
218
- scheduleUpdate() {
219
- return this.performUpdate();
220
- }
221
- performUpdate() {
222
- if (!this.isUpdatePending) return;
223
- if (!this.hasUpdated) {
224
- if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
225
- for (const [t5, s5] of this._$Ep) this[t5] = s5;
226
- this._$Ep = void 0;
227
- }
228
- const t4 = this.constructor.elementProperties;
229
- if (t4.size > 0) for (const [s5, i5] of t4) {
230
- const { wrapped: t5 } = i5, e4 = this[s5];
231
- true !== t5 || this._$AL.has(s5) || void 0 === e4 || this.C(s5, void 0, i5, e4);
232
- }
233
- }
234
- let t3 = false;
235
- const s4 = this._$AL;
236
- try {
237
- t3 = this.shouldUpdate(s4), t3 ? (this.willUpdate(s4), this._$EO?.forEach(((t4) => t4.hostUpdate?.())), this.update(s4)) : this._$EM();
238
- } catch (s5) {
239
- throw t3 = false, this._$EM(), s5;
240
- }
241
- t3 && this._$AE(s4);
242
- }
243
- willUpdate(t3) {
244
- }
245
- _$AE(t3) {
246
- this._$EO?.forEach(((t4) => t4.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t3)), this.updated(t3);
247
- }
248
- _$EM() {
249
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
250
- }
251
- get updateComplete() {
252
- return this.getUpdateComplete();
253
- }
254
- getUpdateComplete() {
255
- return this._$ES;
256
- }
257
- shouldUpdate(t3) {
258
- return true;
259
- }
260
- update(t3) {
261
- this._$Eq && (this._$Eq = this._$Eq.forEach(((t4) => this._$ET(t4, this[t4])))), this._$EM();
262
- }
263
- updated(t3) {
264
- }
265
- firstUpdated(t3) {
266
- }
267
- };
268
- y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d("elementProperties")] = /* @__PURE__ */ new Map(), y[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: y }), (a.reactiveElementVersions ?? (a.reactiveElementVersions = [])).push("2.1.0");
269
-
270
- // ../../node_modules/lit-html/lit-html.js
271
- var t2 = globalThis;
272
- var i3 = t2.trustedTypes;
273
- var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t3) => t3 }) : void 0;
274
- var e3 = "$lit$";
275
- var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
276
- var o3 = "?" + h2;
277
- var n3 = `<${o3}>`;
278
- var r3 = document;
279
- var l2 = () => r3.createComment("");
280
- var c3 = (t3) => null === t3 || "object" != typeof t3 && "function" != typeof t3;
281
- var a2 = Array.isArray;
282
- var u2 = (t3) => a2(t3) || "function" == typeof t3?.[Symbol.iterator];
283
- var d2 = "[ \n\f\r]";
284
- var f2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
285
- var v = /-->/g;
286
- var _ = />/g;
287
- var m = RegExp(`>|${d2}(?:([^\\s"'>=/]+)(${d2}*=${d2}*(?:[^
288
- \f\r"'\`<>=]|("|')|))|$)`, "g");
289
- var p2 = /'/g;
290
- var g = /"/g;
291
- var $ = /^(?:script|style|textarea|title)$/i;
292
- var y2 = (t3) => (i5, ...s4) => ({ _$litType$: t3, strings: i5, values: s4 });
293
- var x = y2(1);
294
- var b2 = y2(2);
295
- var w = y2(3);
296
- var T = /* @__PURE__ */ Symbol.for("lit-noChange");
297
- var E = /* @__PURE__ */ Symbol.for("lit-nothing");
298
- var A = /* @__PURE__ */ new WeakMap();
299
- var C = r3.createTreeWalker(r3, 129);
300
- function P(t3, i5) {
301
- if (!a2(t3) || !t3.hasOwnProperty("raw")) throw Error("invalid template strings array");
302
- return void 0 !== s2 ? s2.createHTML(i5) : i5;
303
- }
304
- var V = (t3, i5) => {
305
- const s4 = t3.length - 1, o5 = [];
306
- let r4, l3 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c4 = f2;
307
- for (let i6 = 0; i6 < s4; i6++) {
308
- const s5 = t3[i6];
309
- let a3, u3, d3 = -1, y3 = 0;
310
- for (; y3 < s5.length && (c4.lastIndex = y3, u3 = c4.exec(s5), null !== u3); ) y3 = c4.lastIndex, c4 === f2 ? "!--" === u3[1] ? c4 = v : void 0 !== u3[1] ? c4 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r4 = RegExp("</" + u3[2], "g")), c4 = m) : void 0 !== u3[3] && (c4 = m) : c4 === m ? ">" === u3[0] ? (c4 = r4 ?? f2, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p2) : c4 === g || c4 === p2 ? c4 = m : c4 === v || c4 === _ ? c4 = f2 : (c4 = m, r4 = void 0);
311
- const x2 = c4 === m && t3[i6 + 1].startsWith("/>") ? " " : "";
312
- l3 += c4 === f2 ? s5 + n3 : d3 >= 0 ? (o5.push(a3), s5.slice(0, d3) + e3 + s5.slice(d3) + h2 + x2) : s5 + h2 + (-2 === d3 ? i6 : x2);
313
- }
314
- return [P(t3, l3 + (t3[s4] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), o5];
315
- };
316
- var N = class _N {
317
- constructor({ strings: t3, _$litType$: s4 }, n4) {
318
- let r4;
319
- this.parts = [];
320
- let c4 = 0, a3 = 0;
321
- const u3 = t3.length - 1, d3 = this.parts, [f3, v2] = V(t3, s4);
322
- if (this.el = _N.createElement(f3, n4), C.currentNode = this.el.content, 2 === s4 || 3 === s4) {
323
- const t4 = this.el.content.firstChild;
324
- t4.replaceWith(...t4.childNodes);
325
- }
326
- for (; null !== (r4 = C.nextNode()) && d3.length < u3; ) {
327
- if (1 === r4.nodeType) {
328
- if (r4.hasAttributes()) for (const t4 of r4.getAttributeNames()) if (t4.endsWith(e3)) {
329
- const i5 = v2[a3++], s5 = r4.getAttribute(t4).split(h2), e4 = /([.?@])?(.*)/.exec(i5);
330
- d3.push({ type: 1, index: c4, name: e4[2], strings: s5, ctor: "." === e4[1] ? H : "?" === e4[1] ? I : "@" === e4[1] ? L : k }), r4.removeAttribute(t4);
331
- } else t4.startsWith(h2) && (d3.push({ type: 6, index: c4 }), r4.removeAttribute(t4));
332
- if ($.test(r4.tagName)) {
333
- const t4 = r4.textContent.split(h2), s5 = t4.length - 1;
334
- if (s5 > 0) {
335
- r4.textContent = i3 ? i3.emptyScript : "";
336
- for (let i5 = 0; i5 < s5; i5++) r4.append(t4[i5], l2()), C.nextNode(), d3.push({ type: 2, index: ++c4 });
337
- r4.append(t4[s5], l2());
338
- }
339
- }
340
- } else if (8 === r4.nodeType) if (r4.data === o3) d3.push({ type: 2, index: c4 });
341
- else {
342
- let t4 = -1;
343
- for (; -1 !== (t4 = r4.data.indexOf(h2, t4 + 1)); ) d3.push({ type: 7, index: c4 }), t4 += h2.length - 1;
344
- }
345
- c4++;
346
- }
347
- }
348
- static createElement(t3, i5) {
349
- const s4 = r3.createElement("template");
350
- return s4.innerHTML = t3, s4;
351
- }
352
- };
353
- function S2(t3, i5, s4 = t3, e4) {
354
- if (i5 === T) return i5;
355
- let h3 = void 0 !== e4 ? s4._$Co?.[e4] : s4._$Cl;
356
- const o5 = c3(i5) ? void 0 : i5._$litDirective$;
357
- return h3?.constructor !== o5 && (h3?._$AO?.(false), void 0 === o5 ? h3 = void 0 : (h3 = new o5(t3), h3._$AT(t3, s4, e4)), void 0 !== e4 ? (s4._$Co ?? (s4._$Co = []))[e4] = h3 : s4._$Cl = h3), void 0 !== h3 && (i5 = S2(t3, h3._$AS(t3, i5.values), h3, e4)), i5;
358
- }
359
- var M = class {
360
- constructor(t3, i5) {
361
- this._$AV = [], this._$AN = void 0, this._$AD = t3, this._$AM = i5;
362
- }
363
- get parentNode() {
364
- return this._$AM.parentNode;
365
- }
366
- get _$AU() {
367
- return this._$AM._$AU;
368
- }
369
- u(t3) {
370
- const { el: { content: i5 }, parts: s4 } = this._$AD, e4 = (t3?.creationScope ?? r3).importNode(i5, true);
371
- C.currentNode = e4;
372
- let h3 = C.nextNode(), o5 = 0, n4 = 0, l3 = s4[0];
373
- for (; void 0 !== l3; ) {
374
- if (o5 === l3.index) {
375
- let i6;
376
- 2 === l3.type ? i6 = new R(h3, h3.nextSibling, this, t3) : 1 === l3.type ? i6 = new l3.ctor(h3, l3.name, l3.strings, this, t3) : 6 === l3.type && (i6 = new z(h3, this, t3)), this._$AV.push(i6), l3 = s4[++n4];
377
- }
378
- o5 !== l3?.index && (h3 = C.nextNode(), o5++);
379
- }
380
- return C.currentNode = r3, e4;
381
- }
382
- p(t3) {
383
- let i5 = 0;
384
- for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t3, s4, i5), i5 += s4.strings.length - 2) : s4._$AI(t3[i5])), i5++;
385
- }
386
- };
387
- var R = class _R {
388
- get _$AU() {
389
- return this._$AM?._$AU ?? this._$Cv;
390
- }
391
- constructor(t3, i5, s4, e4) {
392
- this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t3, this._$AB = i5, this._$AM = s4, this.options = e4, this._$Cv = e4?.isConnected ?? true;
393
- }
394
- get parentNode() {
395
- let t3 = this._$AA.parentNode;
396
- const i5 = this._$AM;
397
- return void 0 !== i5 && 11 === t3?.nodeType && (t3 = i5.parentNode), t3;
398
- }
399
- get startNode() {
400
- return this._$AA;
401
- }
402
- get endNode() {
403
- return this._$AB;
404
- }
405
- _$AI(t3, i5 = this) {
406
- t3 = S2(this, t3, i5), c3(t3) ? t3 === E || null == t3 || "" === t3 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t3 !== this._$AH && t3 !== T && this._(t3) : void 0 !== t3._$litType$ ? this.$(t3) : void 0 !== t3.nodeType ? this.T(t3) : u2(t3) ? this.k(t3) : this._(t3);
407
- }
408
- O(t3) {
409
- return this._$AA.parentNode.insertBefore(t3, this._$AB);
410
- }
411
- T(t3) {
412
- this._$AH !== t3 && (this._$AR(), this._$AH = this.O(t3));
413
- }
414
- _(t3) {
415
- this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t3 : this.T(r3.createTextNode(t3)), this._$AH = t3;
416
- }
417
- $(t3) {
418
- const { values: i5, _$litType$: s4 } = t3, e4 = "number" == typeof s4 ? this._$AC(t3) : (void 0 === s4.el && (s4.el = N.createElement(P(s4.h, s4.h[0]), this.options)), s4);
419
- if (this._$AH?._$AD === e4) this._$AH.p(i5);
420
- else {
421
- const t4 = new M(e4, this), s5 = t4.u(this.options);
422
- t4.p(i5), this.T(s5), this._$AH = t4;
423
- }
424
- }
425
- _$AC(t3) {
426
- let i5 = A.get(t3.strings);
427
- return void 0 === i5 && A.set(t3.strings, i5 = new N(t3)), i5;
428
- }
429
- k(t3) {
430
- a2(this._$AH) || (this._$AH = [], this._$AR());
431
- const i5 = this._$AH;
432
- let s4, e4 = 0;
433
- for (const h3 of t3) e4 === i5.length ? i5.push(s4 = new _R(this.O(l2()), this.O(l2()), this, this.options)) : s4 = i5[e4], s4._$AI(h3), e4++;
434
- e4 < i5.length && (this._$AR(s4 && s4._$AB.nextSibling, e4), i5.length = e4);
435
- }
436
- _$AR(t3 = this._$AA.nextSibling, i5) {
437
- for (this._$AP?.(false, true, i5); t3 && t3 !== this._$AB; ) {
438
- const i6 = t3.nextSibling;
439
- t3.remove(), t3 = i6;
440
- }
441
- }
442
- setConnected(t3) {
443
- void 0 === this._$AM && (this._$Cv = t3, this._$AP?.(t3));
444
- }
445
- };
446
- var k = class {
447
- get tagName() {
448
- return this.element.tagName;
449
- }
450
- get _$AU() {
451
- return this._$AM._$AU;
452
- }
453
- constructor(t3, i5, s4, e4, h3) {
454
- this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t3, this.name = i5, this._$AM = e4, this.options = h3, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = E;
455
- }
456
- _$AI(t3, i5 = this, s4, e4) {
457
- const h3 = this.strings;
458
- let o5 = false;
459
- if (void 0 === h3) t3 = S2(this, t3, i5, 0), o5 = !c3(t3) || t3 !== this._$AH && t3 !== T, o5 && (this._$AH = t3);
460
- else {
461
- const e5 = t3;
462
- let n4, r4;
463
- for (t3 = h3[0], n4 = 0; n4 < h3.length - 1; n4++) r4 = S2(this, e5[s4 + n4], i5, n4), r4 === T && (r4 = this._$AH[n4]), o5 || (o5 = !c3(r4) || r4 !== this._$AH[n4]), r4 === E ? t3 = E : t3 !== E && (t3 += (r4 ?? "") + h3[n4 + 1]), this._$AH[n4] = r4;
464
- }
465
- o5 && !e4 && this.j(t3);
466
- }
467
- j(t3) {
468
- t3 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t3 ?? "");
469
- }
470
- };
471
- var H = class extends k {
472
- constructor() {
473
- super(...arguments), this.type = 3;
474
- }
475
- j(t3) {
476
- this.element[this.name] = t3 === E ? void 0 : t3;
477
- }
478
- };
479
- var I = class extends k {
480
- constructor() {
481
- super(...arguments), this.type = 4;
482
- }
483
- j(t3) {
484
- this.element.toggleAttribute(this.name, !!t3 && t3 !== E);
485
- }
486
- };
487
- var L = class extends k {
488
- constructor(t3, i5, s4, e4, h3) {
489
- super(t3, i5, s4, e4, h3), this.type = 5;
490
- }
491
- _$AI(t3, i5 = this) {
492
- if ((t3 = S2(this, t3, i5, 0) ?? E) === T) return;
493
- const s4 = this._$AH, e4 = t3 === E && s4 !== E || t3.capture !== s4.capture || t3.once !== s4.once || t3.passive !== s4.passive, h3 = t3 !== E && (s4 === E || e4);
494
- e4 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t3), this._$AH = t3;
495
- }
496
- handleEvent(t3) {
497
- "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t3) : this._$AH.handleEvent(t3);
498
- }
499
- };
500
- var z = class {
501
- constructor(t3, i5, s4) {
502
- this.element = t3, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s4;
503
- }
504
- get _$AU() {
505
- return this._$AM._$AU;
506
- }
507
- _$AI(t3) {
508
- S2(this, t3);
509
- }
510
- };
511
- var j = t2.litHtmlPolyfillSupport;
512
- j?.(N, R), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.0");
513
- var B = (t3, i5, s4) => {
514
- const e4 = s4?.renderBefore ?? i5;
515
- let h3 = e4._$litPart$;
516
- if (void 0 === h3) {
517
- const t4 = s4?.renderBefore ?? null;
518
- e4._$litPart$ = h3 = new R(i5.insertBefore(l2(), t4), t4, void 0, s4 ?? {});
519
- }
520
- return h3._$AI(t3), h3;
521
- };
522
-
523
- // ../../node_modules/lit-element/lit-element.js
524
- var s3 = globalThis;
525
- var i4 = class extends y {
526
- constructor() {
527
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
528
- }
529
- createRenderRoot() {
530
- var _a;
531
- const t3 = super.createRenderRoot();
532
- return (_a = this.renderOptions).renderBefore ?? (_a.renderBefore = t3.firstChild), t3;
533
- }
534
- update(t3) {
535
- const r4 = this.render();
536
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t3), this._$Do = B(r4, this.renderRoot, this.renderOptions);
537
- }
538
- connectedCallback() {
539
- super.connectedCallback(), this._$Do?.setConnected(true);
540
- }
541
- disconnectedCallback() {
542
- super.disconnectedCallback(), this._$Do?.setConnected(false);
543
- }
544
- render() {
545
- return T;
546
- }
547
- };
548
- i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
549
- var o4 = s3.litElementPolyfillSupport;
550
- o4?.({ LitElement: i4 });
551
- (s3.litElementVersions ?? (s3.litElementVersions = [])).push("4.2.0");
552
-
553
- // src/styles.ts
554
- var visuallyHiddenCss = i`
555
- position: absolute;
556
- width: 1px;
557
- height: 1px;
558
- margin: -1px;
559
- padding: 0;
560
- border: 0;
561
- overflow: hidden;
562
- clip: rect(0 0 0 0);
563
- clip-path: inset(50%);
564
- white-space: nowrap;
565
- `;
566
- var styles = i`
567
- :host {
568
- --nav-bar-width: 260px;
569
-
570
- display: block;
571
- height: 100vh;
572
- }
573
-
574
- :host:has(.sidebar-closed) {
575
- --nav-bar-width: fit-content;
576
- }
577
-
578
- * {
579
- box-sizing: border-box;
580
- }
581
-
582
- nav {
583
- --menu-font-size: var(--font-size-200);
584
- max-width: var(--nav-bar-width);
585
- width: var(--nav-bar-width);
586
- min-height: 100vh;
587
- height: max-content;
588
- display: flex;
589
- align-items: start;
590
- gap: var(--space-scale-3-5);
591
- flex-direction: column;
592
- background-color: var(--color-surface-inverted-100);
593
- color: var(--color-text-inverted-400);
594
- padding-top: var(--space-scale-2);
595
- padding-bottom: var(--space-scale-2);
596
- z-index: 1;
597
-
598
- .nav-items {
599
- display: flex;
600
- flex-direction: column;
601
- padding: 0 var(--space-scale-1);
602
- width: 100%;
603
- }
604
-
605
- .nav-items.sidebar-closed {
606
- a span {
607
- ${visuallyHiddenCss}
608
- }
609
-
610
- details summary span {
611
- ${visuallyHiddenCss}
612
- }
613
- }
614
-
615
- .sidebar-header {
616
- width: 100%;
617
- display: grid;
618
- grid-template-columns: 1fr auto;
619
- align-items: center;
620
- justify-content: center;
621
- padding: 0 var(--space-scale-2);
622
-
623
- button {
624
- background-color: transparent;
625
- color: var(--color-text-inverted-400);
626
- border: none;
627
- }
628
- }
629
-
630
- .sidebar-header.sidebar-closed {
631
- padding: 0 var(--space-scale-1);
632
- .logo {
633
- display: none;
634
- visibility: hidden;
635
- }
636
- }
637
-
638
- hr {
639
- width: 100%;
640
- height: 1px;
641
- background-color: var(--color-surface-inverted-200);
642
- border: none;
643
- }
644
-
645
- .tertiary-nav {
646
- display: flex;
647
- flex-direction: column;
648
- margin-top: auto;
649
- width: 100%;
650
-
651
- .external-link {
652
- font-size: var(--menu-font-size);
653
- line-height: var(--font-line-height-100);
654
-
655
- .icon {
656
- width: var(--space-scale-2);
657
- height: var(--space-scale-2);
658
- }
659
- }
660
- }
661
-
662
- .tertiary-nav.sidebar-closed {
663
- .external-link,
664
- hr,
665
- #client-selector {
666
- display: none;
667
- visibility: hidden;
668
- }
669
-
670
- a span {
671
- ${visuallyHiddenCss}
672
- }
673
- }
674
-
675
- .icon {
676
- display: flex;
677
- align-items: center;
678
- width: var(--space-scale-3);
679
- height: var(--space-scale-3);
680
- color: var(--nav-item-color);
681
- }
682
-
683
- .nav-item {
684
- display: flex;
685
- font-size: var(--menu-font-size);
686
- line-height: var(--font-line-height-100);
687
- gap: var(--space-scale-1-5);
688
- border-radius: var(--border-radius-100);
689
- color: var(--nav-item-color);
690
- align-items: center;
691
- padding: var(--space-scale-1);
692
- width: 100%;
693
- text-decoration: none;
694
- }
695
- }
696
-
697
- nav.sidebar-closed {
698
- width: fit-content;
699
-
700
- :host {
701
- --nav-bar-width: fit-content;
702
- }
703
- }
704
-
705
- details {
706
- border-radius: var(--border-radius-100);
707
-
708
- summary {
709
- font-size: var(--menu-font-size);
710
- line-height: var(--font-line-height-100);
711
- position: relative;
712
- display: flex;
713
- align-items: baseline;
714
-
715
- &::marker {
716
- display: none;
717
- }
718
-
719
- &::-webkit-details-marker {
720
- display: none;
721
- }
722
- }
723
-
724
- .chevron {
725
- margin-left: auto;
726
- margin-right: var(--space-scale-1);
727
- width: var(--space-scale-2);
728
- }
729
-
730
- &[open] .chevron svg {
731
- transform: rotate(180deg);
732
- }
733
-
734
- .dropdown-items {
735
- display: flex;
736
- flex-direction: column;
737
- }
738
- }
739
-
740
- details > summary {
741
- display: flex;
742
- gap: var(--space-scale-1-5);
743
- padding: var(--space-scale-1);
744
- border-radius: var(--border-radius-100);
745
- color: var(--nav-item-color);
746
- align-items: center;
747
-
748
- a {
749
- color: var(--nav-item-color);
750
- }
751
-
752
- &:hover,
753
- &:focus-visible {
754
- background-color: var(--color-surface-inverted-200);
755
- border-radius: var(--border-radius-100);
756
- text-decoration: none;
757
- }
758
- }
759
-
760
- .sidebar-closed details:has(.current-page) > summary {
761
- --nav-item-color: var(--color-primary-400);
762
- border-radius: var(--border-radius-100);
763
- background-color: var(--color-primary-100);
764
- color: var(--nav-item-color);
765
- }
766
-
767
- .sub-nav-item {
768
- width: 100%;
769
- display: flex;
770
- padding-left: 44px;
771
- padding-top: 10px;
772
- padding-bottom: 10px;
773
- color: var(--color-text-inverted-400);
774
- font-size: var(--menu-font-size);
775
- line-height: var(--font-line-height-100);
776
- text-decoration: none;
777
-
778
- button {
779
- color: var(--color-text-inverted-400);
780
- padding: 0;
781
- }
782
- }
783
-
784
- .sub-nav-item:hover,
785
- .sub-nav-item:focus-visible,
786
- .nav-item:hover,
787
- .nav-item:focus-visible {
788
- background-color: var(--color-surface-inverted-200);
789
- border-radius: var(--border-radius-100);
790
- text-decoration: none;
791
- color: var(--color-text-inverted-400);
792
-
793
- .icon {
794
- color: var(--color-text-inverted-400);
795
- }
796
- }
797
-
798
- .current-page {
799
- --nav-item-color: var(--color-primary-400);
800
- border-radius: var(--border-radius-100);
801
- background-color: var(--color-primary-100);
802
- color: var(--nav-item-color);
803
- }
804
-
805
- .link-page {
806
- display: flex;
807
- position: absolute;
808
- overflow: auto;
809
- flex-direction: column;
810
- gap: var(--space-scale-4);
811
- padding: var(--space-scale-5);
812
- left: var(--nav-bar-width);
813
- background-color: var(--color-surface-200);
814
- width: calc(100% - var(--nav-bar-width));
815
- height: 100%;
816
- }
817
-
818
- .tooltip {
819
- position: absolute;
820
- display: flex;
821
- white-space: nowrap;
822
- align-items: center;
823
- gap: var(--space-scale-1);
824
- color: black;
825
- background-color: var(--color-surface-600);
826
- padding: var(--space-scale-1);
827
- z-index: 1000;
828
- border-radius: var(--border-radius-50);
829
- font-weight: var(--font-weight-medium);
830
- }
831
-
832
- .nav-toggle-button {
833
- position: relative;
834
- }
835
-
836
- .nav-toggle-tooltip {
837
- left: 100%;
838
- top: 100%;
839
- visibility: hidden;
840
- opacity: 0;
841
- }
842
-
843
- .nav-toggle-button:hover .nav-toggle-tooltip {
844
- visibility: visible;
845
- opacity: 1;
846
- }
847
-
848
- #client-selector {
849
- display: flex;
850
- align-items: center;
851
- padding: var(--space-scale-1) 0;
852
- margin-bottom: var(--space-scale-2);
853
- }
854
-
855
- #client-selector tt-combobox {
856
- --tt-combobox-color: var(--color-text-inverted-400);
857
- --tt-combobox-dropdown-color: var(--color-text-inverted-400);
858
- --tt-combobox-list-background-color: var(--color-surface-inverted-100);
859
- --tt-combobox-option-background-color-hover: var(--color-surface-inverted-200);
860
- --tt-combobox-placeholder-color: var(--color-text-inverted-300);
861
- --tt-combobox-background-color: var(--color-surface-inverted-100);
862
- --tt-combobox-hover-background-color: var(--color-surface-inverted-200);
863
- --tt-combobox-list-max-width: 80ch;
864
- --tt-combobox-min-width: 244px;
865
- --tt-combobox-max-width: 244px;
866
- --tt-combobox-option-selected-color: var(--color-text-inverted-500);
867
- --tt-combobox-border-color: var(--color-surface-inverted-200);
868
- }
869
-
870
- .single-client-name {
871
- height: 39px;
872
- padding: var(--space-scale-1); /* match tt-combobox height */
873
- font-size: var(--font-size-200);
874
- color: var(--color-text-inverted-200);
875
- text-wrap: nowrap;
876
- overflow: hidden;
877
- text-overflow: ellipsis;
878
- }
879
- `;
880
- export {
881
- styles
882
- };
883
- /*! Bundled license information:
884
-
885
- @lit/reactive-element/css-tag.js:
886
- (**
887
- * @license
888
- * Copyright 2019 Google LLC
889
- * SPDX-License-Identifier: BSD-3-Clause
890
- *)
891
-
892
- @lit/reactive-element/reactive-element.js:
893
- lit-html/lit-html.js:
894
- lit-element/lit-element.js:
895
- (**
896
- * @license
897
- * Copyright 2017 Google LLC
898
- * SPDX-License-Identifier: BSD-3-Clause
899
- *)
900
-
901
- lit-html/is-server.js:
902
- (**
903
- * @license
904
- * Copyright 2022 Google LLC
905
- * SPDX-License-Identifier: BSD-3-Clause
906
- *)
907
- */
908
- //# sourceMappingURL=styles.js.map