@triptease/tt-date-range-picker 6.3.1 → 6.4.0

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.
Files changed (52) hide show
  1. package/dist/cjs/src/styles.js +9 -0
  2. package/dist/cjs/src/styles.js.map +1 -1
  3. package/dist/esm/src/styles.js +9 -0
  4. package/dist/esm/src/styles.js.map +1 -1
  5. package/package.json +8 -4
  6. package/.editorconfig +0 -29
  7. package/CHANGELOG.md +0 -207
  8. package/dist/web/DateRangeInput/DateRangeInput.js +0 -702
  9. package/dist/web/DateRangeInput/DateRangeInput.js.map +0 -7
  10. package/dist/web/DateRangeInput/tt-date-range-input.js +0 -7627
  11. package/dist/web/DateRangeInput/tt-date-range-input.js.map +0 -7
  12. package/dist/web/FocusEvent.d.js +0 -4
  13. package/dist/web/FocusEvent.d.js.map +0 -7
  14. package/dist/web/SidePanel/PresetButton.js +0 -7314
  15. package/dist/web/SidePanel/PresetButton.js.map +0 -7
  16. package/dist/web/SidePanel/SidePanel.js +0 -783
  17. package/dist/web/SidePanel/SidePanel.js.map +0 -7
  18. package/dist/web/SidePanel/styles.js +0 -663
  19. package/dist/web/SidePanel/styles.js.map +0 -7
  20. package/dist/web/SidePanel/tt-side-panel.js +0 -7420
  21. package/dist/web/SidePanel/tt-side-panel.js.map +0 -7
  22. package/dist/web/TtDateRangePicker.js +0 -7508
  23. package/dist/web/TtDateRangePicker.js.map +0 -7
  24. package/dist/web/helpers.js +0 -6475
  25. package/dist/web/helpers.js.map +0 -7
  26. package/dist/web/index.js +0 -9202
  27. package/dist/web/index.js.map +0 -7
  28. package/dist/web/styles.js +0 -647
  29. package/dist/web/styles.js.map +0 -7
  30. package/dist/web/tt-date-range-picker.js +0 -9200
  31. package/dist/web/tt-date-range-picker.js.map +0 -7
  32. package/dist/web/types.js +0 -4
  33. package/dist/web/types.js.map +0 -7
  34. package/src/DateRangeInput/DateRangeInput.ts +0 -70
  35. package/src/DateRangeInput/tt-date-range-input.ts +0 -13
  36. package/src/FocusEvent.d.ts +0 -13
  37. package/src/SidePanel/PresetButton.ts +0 -110
  38. package/src/SidePanel/SidePanel.ts +0 -36
  39. package/src/SidePanel/styles.ts +0 -83
  40. package/src/SidePanel/tt-side-panel.ts +0 -14
  41. package/src/TtDateRangePicker.ts +0 -273
  42. package/src/helpers.ts +0 -7
  43. package/src/index.ts +0 -3
  44. package/src/styles.ts +0 -67
  45. package/src/tt-date-range-picker.ts +0 -31
  46. package/src/types.ts +0 -57
  47. package/test/date-range-picker.test.ts +0 -204
  48. package/test/preset-button.test.ts +0 -43
  49. package/tsconfig.cjs.json +0 -9
  50. package/tsconfig.json +0 -9
  51. package/web-dev-server.config.js +0 -27
  52. package/web-test-runner.config.js +0 -41
@@ -1,783 +0,0 @@
1
- /**
2
- * @triptease/tt-date-range-picker v6.3.1
3
- */
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __decorateClass = (decorators, target, key, kind) => {
7
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
8
- for (var i6 = decorators.length - 1, decorator; i6 >= 0; i6--)
9
- if (decorator = decorators[i6])
10
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
11
- if (kind && result) __defProp(target, key, result);
12
- return result;
13
- };
14
-
15
- // ../../node_modules/@lit/reactive-element/css-tag.js
16
- var t = globalThis;
17
- var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
18
- var s = /* @__PURE__ */ Symbol();
19
- var o = /* @__PURE__ */ new WeakMap();
20
- var n = class {
21
- constructor(t4, e7, o6) {
22
- if (this._$cssResult$ = true, o6 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
23
- this.cssText = t4, this.t = e7;
24
- }
25
- get styleSheet() {
26
- let t4 = this.o;
27
- const s4 = this.t;
28
- if (e && void 0 === t4) {
29
- const e7 = void 0 !== s4 && 1 === s4.length;
30
- e7 && (t4 = o.get(s4)), void 0 === t4 && ((this.o = t4 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && o.set(s4, t4));
31
- }
32
- return t4;
33
- }
34
- toString() {
35
- return this.cssText;
36
- }
37
- };
38
- var r = (t4) => new n("string" == typeof t4 ? t4 : t4 + "", void 0, s);
39
- var i = (t4, ...e7) => {
40
- const o6 = 1 === t4.length ? t4[0] : e7.reduce(((e8, s4, o7) => e8 + ((t5) => {
41
- if (true === t5._$cssResult$) return t5.cssText;
42
- if ("number" == typeof t5) return t5;
43
- throw Error("Value passed to 'css' function must be a 'css' function result: " + t5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
44
- })(s4) + t4[o7 + 1]), t4[0]);
45
- return new n(o6, t4, s);
46
- };
47
- var S = (s4, o6) => {
48
- if (e) s4.adoptedStyleSheets = o6.map(((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet));
49
- else for (const e7 of o6) {
50
- const o7 = document.createElement("style"), n5 = t.litNonce;
51
- void 0 !== n5 && o7.setAttribute("nonce", n5), o7.textContent = e7.cssText, s4.appendChild(o7);
52
- }
53
- };
54
- var c = e ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
55
- let e7 = "";
56
- for (const s4 of t5.cssRules) e7 += s4.cssText;
57
- return r(e7);
58
- })(t4) : t4;
59
-
60
- // ../../node_modules/@lit/reactive-element/reactive-element.js
61
- var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
62
- var a = globalThis;
63
- var c2 = a.trustedTypes;
64
- var l = c2 ? c2.emptyScript : "";
65
- var p = a.reactiveElementPolyfillSupport;
66
- var d = (t4, s4) => t4;
67
- var u = { toAttribute(t4, s4) {
68
- switch (s4) {
69
- case Boolean:
70
- t4 = t4 ? l : null;
71
- break;
72
- case Object:
73
- case Array:
74
- t4 = null == t4 ? t4 : JSON.stringify(t4);
75
- }
76
- return t4;
77
- }, fromAttribute(t4, s4) {
78
- let i6 = t4;
79
- switch (s4) {
80
- case Boolean:
81
- i6 = null !== t4;
82
- break;
83
- case Number:
84
- i6 = null === t4 ? null : Number(t4);
85
- break;
86
- case Object:
87
- case Array:
88
- try {
89
- i6 = JSON.parse(t4);
90
- } catch (t5) {
91
- i6 = null;
92
- }
93
- }
94
- return i6;
95
- } };
96
- var f = (t4, s4) => !i2(t4, s4);
97
- var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
98
- Symbol.metadata ?? (Symbol.metadata = /* @__PURE__ */ Symbol("metadata")), a.litPropertyMetadata ?? (a.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
99
- var y = class extends HTMLElement {
100
- static addInitializer(t4) {
101
- this._$Ei(), (this.l ?? (this.l = [])).push(t4);
102
- }
103
- static get observedAttributes() {
104
- return this.finalize(), this._$Eh && [...this._$Eh.keys()];
105
- }
106
- static createProperty(t4, s4 = b) {
107
- if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t4) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t4, s4), !s4.noAccessor) {
108
- const i6 = /* @__PURE__ */ Symbol(), h3 = this.getPropertyDescriptor(t4, i6, s4);
109
- void 0 !== h3 && e2(this.prototype, t4, h3);
110
- }
111
- }
112
- static getPropertyDescriptor(t4, s4, i6) {
113
- const { get: e7, set: r4 } = h(this.prototype, t4) ?? { get() {
114
- return this[s4];
115
- }, set(t5) {
116
- this[s4] = t5;
117
- } };
118
- return { get: e7, set(s5) {
119
- const h3 = e7?.call(this);
120
- r4?.call(this, s5), this.requestUpdate(t4, h3, i6);
121
- }, configurable: true, enumerable: true };
122
- }
123
- static getPropertyOptions(t4) {
124
- return this.elementProperties.get(t4) ?? b;
125
- }
126
- static _$Ei() {
127
- if (this.hasOwnProperty(d("elementProperties"))) return;
128
- const t4 = n2(this);
129
- t4.finalize(), void 0 !== t4.l && (this.l = [...t4.l]), this.elementProperties = new Map(t4.elementProperties);
130
- }
131
- static finalize() {
132
- if (this.hasOwnProperty(d("finalized"))) return;
133
- if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
134
- const t5 = this.properties, s4 = [...r2(t5), ...o2(t5)];
135
- for (const i6 of s4) this.createProperty(i6, t5[i6]);
136
- }
137
- const t4 = this[Symbol.metadata];
138
- if (null !== t4) {
139
- const s4 = litPropertyMetadata.get(t4);
140
- if (void 0 !== s4) for (const [t5, i6] of s4) this.elementProperties.set(t5, i6);
141
- }
142
- this._$Eh = /* @__PURE__ */ new Map();
143
- for (const [t5, s4] of this.elementProperties) {
144
- const i6 = this._$Eu(t5, s4);
145
- void 0 !== i6 && this._$Eh.set(i6, t5);
146
- }
147
- this.elementStyles = this.finalizeStyles(this.styles);
148
- }
149
- static finalizeStyles(s4) {
150
- const i6 = [];
151
- if (Array.isArray(s4)) {
152
- const e7 = new Set(s4.flat(1 / 0).reverse());
153
- for (const s5 of e7) i6.unshift(c(s5));
154
- } else void 0 !== s4 && i6.push(c(s4));
155
- return i6;
156
- }
157
- static _$Eu(t4, s4) {
158
- const i6 = s4.attribute;
159
- return false === i6 ? void 0 : "string" == typeof i6 ? i6 : "string" == typeof t4 ? t4.toLowerCase() : void 0;
160
- }
161
- constructor() {
162
- super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
163
- }
164
- _$Ev() {
165
- this._$ES = new Promise(((t4) => this.enableUpdating = t4)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t4) => t4(this)));
166
- }
167
- addController(t4) {
168
- (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t4), void 0 !== this.renderRoot && this.isConnected && t4.hostConnected?.();
169
- }
170
- removeController(t4) {
171
- this._$EO?.delete(t4);
172
- }
173
- _$E_() {
174
- const t4 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
175
- for (const i6 of s4.keys()) this.hasOwnProperty(i6) && (t4.set(i6, this[i6]), delete this[i6]);
176
- t4.size > 0 && (this._$Ep = t4);
177
- }
178
- createRenderRoot() {
179
- const t4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
180
- return S(t4, this.constructor.elementStyles), t4;
181
- }
182
- connectedCallback() {
183
- this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), this._$EO?.forEach(((t4) => t4.hostConnected?.()));
184
- }
185
- enableUpdating(t4) {
186
- }
187
- disconnectedCallback() {
188
- this._$EO?.forEach(((t4) => t4.hostDisconnected?.()));
189
- }
190
- attributeChangedCallback(t4, s4, i6) {
191
- this._$AK(t4, i6);
192
- }
193
- _$ET(t4, s4) {
194
- const i6 = this.constructor.elementProperties.get(t4), e7 = this.constructor._$Eu(t4, i6);
195
- if (void 0 !== e7 && true === i6.reflect) {
196
- const h3 = (void 0 !== i6.converter?.toAttribute ? i6.converter : u).toAttribute(s4, i6.type);
197
- this._$Em = t4, null == h3 ? this.removeAttribute(e7) : this.setAttribute(e7, h3), this._$Em = null;
198
- }
199
- }
200
- _$AK(t4, s4) {
201
- const i6 = this.constructor, e7 = i6._$Eh.get(t4);
202
- if (void 0 !== e7 && this._$Em !== e7) {
203
- const t5 = i6.getPropertyOptions(e7), h3 = "function" == typeof t5.converter ? { fromAttribute: t5.converter } : void 0 !== t5.converter?.fromAttribute ? t5.converter : u;
204
- this._$Em = e7, this[e7] = h3.fromAttribute(s4, t5.type) ?? this._$Ej?.get(e7) ?? null, this._$Em = null;
205
- }
206
- }
207
- requestUpdate(t4, s4, i6) {
208
- if (void 0 !== t4) {
209
- const e7 = this.constructor, h3 = this[t4];
210
- if (i6 ?? (i6 = e7.getPropertyOptions(t4)), !((i6.hasChanged ?? f)(h3, s4) || i6.useDefault && i6.reflect && h3 === this._$Ej?.get(t4) && !this.hasAttribute(e7._$Eu(t4, i6)))) return;
211
- this.C(t4, s4, i6);
212
- }
213
- false === this.isUpdatePending && (this._$ES = this._$EP());
214
- }
215
- C(t4, s4, { useDefault: i6, reflect: e7, wrapped: h3 }, r4) {
216
- i6 && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t4) && (this._$Ej.set(t4, r4 ?? s4 ?? this[t4]), true !== h3 || void 0 !== r4) || (this._$AL.has(t4) || (this.hasUpdated || i6 || (s4 = void 0), this._$AL.set(t4, s4)), true === e7 && this._$Em !== t4 && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t4));
217
- }
218
- async _$EP() {
219
- this.isUpdatePending = true;
220
- try {
221
- await this._$ES;
222
- } catch (t5) {
223
- Promise.reject(t5);
224
- }
225
- const t4 = this.scheduleUpdate();
226
- return null != t4 && await t4, !this.isUpdatePending;
227
- }
228
- scheduleUpdate() {
229
- return this.performUpdate();
230
- }
231
- performUpdate() {
232
- if (!this.isUpdatePending) return;
233
- if (!this.hasUpdated) {
234
- if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
235
- for (const [t6, s5] of this._$Ep) this[t6] = s5;
236
- this._$Ep = void 0;
237
- }
238
- const t5 = this.constructor.elementProperties;
239
- if (t5.size > 0) for (const [s5, i6] of t5) {
240
- const { wrapped: t6 } = i6, e7 = this[s5];
241
- true !== t6 || this._$AL.has(s5) || void 0 === e7 || this.C(s5, void 0, i6, e7);
242
- }
243
- }
244
- let t4 = false;
245
- const s4 = this._$AL;
246
- try {
247
- t4 = this.shouldUpdate(s4), t4 ? (this.willUpdate(s4), this._$EO?.forEach(((t5) => t5.hostUpdate?.())), this.update(s4)) : this._$EM();
248
- } catch (s5) {
249
- throw t4 = false, this._$EM(), s5;
250
- }
251
- t4 && this._$AE(s4);
252
- }
253
- willUpdate(t4) {
254
- }
255
- _$AE(t4) {
256
- this._$EO?.forEach(((t5) => t5.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
257
- }
258
- _$EM() {
259
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
260
- }
261
- get updateComplete() {
262
- return this.getUpdateComplete();
263
- }
264
- getUpdateComplete() {
265
- return this._$ES;
266
- }
267
- shouldUpdate(t4) {
268
- return true;
269
- }
270
- update(t4) {
271
- this._$Eq && (this._$Eq = this._$Eq.forEach(((t5) => this._$ET(t5, this[t5])))), this._$EM();
272
- }
273
- updated(t4) {
274
- }
275
- firstUpdated(t4) {
276
- }
277
- };
278
- 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");
279
-
280
- // ../../node_modules/lit-html/lit-html.js
281
- var t2 = globalThis;
282
- var i3 = t2.trustedTypes;
283
- var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
284
- var e3 = "$lit$";
285
- var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
286
- var o3 = "?" + h2;
287
- var n3 = `<${o3}>`;
288
- var r3 = document;
289
- var l2 = () => r3.createComment("");
290
- var c3 = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
291
- var a2 = Array.isArray;
292
- var u2 = (t4) => a2(t4) || "function" == typeof t4?.[Symbol.iterator];
293
- var d2 = "[ \n\f\r]";
294
- var f2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
295
- var v = /-->/g;
296
- var _ = />/g;
297
- var m = RegExp(`>|${d2}(?:([^\\s"'>=/]+)(${d2}*=${d2}*(?:[^
298
- \f\r"'\`<>=]|("|')|))|$)`, "g");
299
- var p2 = /'/g;
300
- var g = /"/g;
301
- var $ = /^(?:script|style|textarea|title)$/i;
302
- var y2 = (t4) => (i6, ...s4) => ({ _$litType$: t4, strings: i6, values: s4 });
303
- var x = y2(1);
304
- var b2 = y2(2);
305
- var w = y2(3);
306
- var T = /* @__PURE__ */ Symbol.for("lit-noChange");
307
- var E = /* @__PURE__ */ Symbol.for("lit-nothing");
308
- var A = /* @__PURE__ */ new WeakMap();
309
- var C = r3.createTreeWalker(r3, 129);
310
- function P(t4, i6) {
311
- if (!a2(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
312
- return void 0 !== s2 ? s2.createHTML(i6) : i6;
313
- }
314
- var V = (t4, i6) => {
315
- const s4 = t4.length - 1, o6 = [];
316
- let r4, l3 = 2 === i6 ? "<svg>" : 3 === i6 ? "<math>" : "", c4 = f2;
317
- for (let i7 = 0; i7 < s4; i7++) {
318
- const s5 = t4[i7];
319
- let a3, u3, d3 = -1, y3 = 0;
320
- 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);
321
- const x2 = c4 === m && t4[i7 + 1].startsWith("/>") ? " " : "";
322
- l3 += c4 === f2 ? s5 + n3 : d3 >= 0 ? (o6.push(a3), s5.slice(0, d3) + e3 + s5.slice(d3) + h2 + x2) : s5 + h2 + (-2 === d3 ? i7 : x2);
323
- }
324
- return [P(t4, l3 + (t4[s4] || "<?>") + (2 === i6 ? "</svg>" : 3 === i6 ? "</math>" : "")), o6];
325
- };
326
- var N = class _N {
327
- constructor({ strings: t4, _$litType$: s4 }, n5) {
328
- let r4;
329
- this.parts = [];
330
- let c4 = 0, a3 = 0;
331
- const u3 = t4.length - 1, d3 = this.parts, [f3, v2] = V(t4, s4);
332
- if (this.el = _N.createElement(f3, n5), C.currentNode = this.el.content, 2 === s4 || 3 === s4) {
333
- const t5 = this.el.content.firstChild;
334
- t5.replaceWith(...t5.childNodes);
335
- }
336
- for (; null !== (r4 = C.nextNode()) && d3.length < u3; ) {
337
- if (1 === r4.nodeType) {
338
- if (r4.hasAttributes()) for (const t5 of r4.getAttributeNames()) if (t5.endsWith(e3)) {
339
- const i6 = v2[a3++], s5 = r4.getAttribute(t5).split(h2), e7 = /([.?@])?(.*)/.exec(i6);
340
- d3.push({ type: 1, index: c4, name: e7[2], strings: s5, ctor: "." === e7[1] ? H : "?" === e7[1] ? I : "@" === e7[1] ? L : k }), r4.removeAttribute(t5);
341
- } else t5.startsWith(h2) && (d3.push({ type: 6, index: c4 }), r4.removeAttribute(t5));
342
- if ($.test(r4.tagName)) {
343
- const t5 = r4.textContent.split(h2), s5 = t5.length - 1;
344
- if (s5 > 0) {
345
- r4.textContent = i3 ? i3.emptyScript : "";
346
- for (let i6 = 0; i6 < s5; i6++) r4.append(t5[i6], l2()), C.nextNode(), d3.push({ type: 2, index: ++c4 });
347
- r4.append(t5[s5], l2());
348
- }
349
- }
350
- } else if (8 === r4.nodeType) if (r4.data === o3) d3.push({ type: 2, index: c4 });
351
- else {
352
- let t5 = -1;
353
- for (; -1 !== (t5 = r4.data.indexOf(h2, t5 + 1)); ) d3.push({ type: 7, index: c4 }), t5 += h2.length - 1;
354
- }
355
- c4++;
356
- }
357
- }
358
- static createElement(t4, i6) {
359
- const s4 = r3.createElement("template");
360
- return s4.innerHTML = t4, s4;
361
- }
362
- };
363
- function S2(t4, i6, s4 = t4, e7) {
364
- if (i6 === T) return i6;
365
- let h3 = void 0 !== e7 ? s4._$Co?.[e7] : s4._$Cl;
366
- const o6 = c3(i6) ? void 0 : i6._$litDirective$;
367
- return h3?.constructor !== o6 && (h3?._$AO?.(false), void 0 === o6 ? h3 = void 0 : (h3 = new o6(t4), h3._$AT(t4, s4, e7)), void 0 !== e7 ? (s4._$Co ?? (s4._$Co = []))[e7] = h3 : s4._$Cl = h3), void 0 !== h3 && (i6 = S2(t4, h3._$AS(t4, i6.values), h3, e7)), i6;
368
- }
369
- var M = class {
370
- constructor(t4, i6) {
371
- this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i6;
372
- }
373
- get parentNode() {
374
- return this._$AM.parentNode;
375
- }
376
- get _$AU() {
377
- return this._$AM._$AU;
378
- }
379
- u(t4) {
380
- const { el: { content: i6 }, parts: s4 } = this._$AD, e7 = (t4?.creationScope ?? r3).importNode(i6, true);
381
- C.currentNode = e7;
382
- let h3 = C.nextNode(), o6 = 0, n5 = 0, l3 = s4[0];
383
- for (; void 0 !== l3; ) {
384
- if (o6 === l3.index) {
385
- let i7;
386
- 2 === l3.type ? i7 = new R(h3, h3.nextSibling, this, t4) : 1 === l3.type ? i7 = new l3.ctor(h3, l3.name, l3.strings, this, t4) : 6 === l3.type && (i7 = new z(h3, this, t4)), this._$AV.push(i7), l3 = s4[++n5];
387
- }
388
- o6 !== l3?.index && (h3 = C.nextNode(), o6++);
389
- }
390
- return C.currentNode = r3, e7;
391
- }
392
- p(t4) {
393
- let i6 = 0;
394
- for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t4, s4, i6), i6 += s4.strings.length - 2) : s4._$AI(t4[i6])), i6++;
395
- }
396
- };
397
- var R = class _R {
398
- get _$AU() {
399
- return this._$AM?._$AU ?? this._$Cv;
400
- }
401
- constructor(t4, i6, s4, e7) {
402
- this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t4, this._$AB = i6, this._$AM = s4, this.options = e7, this._$Cv = e7?.isConnected ?? true;
403
- }
404
- get parentNode() {
405
- let t4 = this._$AA.parentNode;
406
- const i6 = this._$AM;
407
- return void 0 !== i6 && 11 === t4?.nodeType && (t4 = i6.parentNode), t4;
408
- }
409
- get startNode() {
410
- return this._$AA;
411
- }
412
- get endNode() {
413
- return this._$AB;
414
- }
415
- _$AI(t4, i6 = this) {
416
- t4 = S2(this, t4, i6), c3(t4) ? t4 === E || null == t4 || "" === t4 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t4 !== this._$AH && t4 !== T && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : u2(t4) ? this.k(t4) : this._(t4);
417
- }
418
- O(t4) {
419
- return this._$AA.parentNode.insertBefore(t4, this._$AB);
420
- }
421
- T(t4) {
422
- this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
423
- }
424
- _(t4) {
425
- this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(r3.createTextNode(t4)), this._$AH = t4;
426
- }
427
- $(t4) {
428
- const { values: i6, _$litType$: s4 } = t4, e7 = "number" == typeof s4 ? this._$AC(t4) : (void 0 === s4.el && (s4.el = N.createElement(P(s4.h, s4.h[0]), this.options)), s4);
429
- if (this._$AH?._$AD === e7) this._$AH.p(i6);
430
- else {
431
- const t5 = new M(e7, this), s5 = t5.u(this.options);
432
- t5.p(i6), this.T(s5), this._$AH = t5;
433
- }
434
- }
435
- _$AC(t4) {
436
- let i6 = A.get(t4.strings);
437
- return void 0 === i6 && A.set(t4.strings, i6 = new N(t4)), i6;
438
- }
439
- k(t4) {
440
- a2(this._$AH) || (this._$AH = [], this._$AR());
441
- const i6 = this._$AH;
442
- let s4, e7 = 0;
443
- for (const h3 of t4) e7 === i6.length ? i6.push(s4 = new _R(this.O(l2()), this.O(l2()), this, this.options)) : s4 = i6[e7], s4._$AI(h3), e7++;
444
- e7 < i6.length && (this._$AR(s4 && s4._$AB.nextSibling, e7), i6.length = e7);
445
- }
446
- _$AR(t4 = this._$AA.nextSibling, i6) {
447
- for (this._$AP?.(false, true, i6); t4 && t4 !== this._$AB; ) {
448
- const i7 = t4.nextSibling;
449
- t4.remove(), t4 = i7;
450
- }
451
- }
452
- setConnected(t4) {
453
- void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
454
- }
455
- };
456
- var k = class {
457
- get tagName() {
458
- return this.element.tagName;
459
- }
460
- get _$AU() {
461
- return this._$AM._$AU;
462
- }
463
- constructor(t4, i6, s4, e7, h3) {
464
- this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t4, this.name = i6, this._$AM = e7, 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;
465
- }
466
- _$AI(t4, i6 = this, s4, e7) {
467
- const h3 = this.strings;
468
- let o6 = false;
469
- if (void 0 === h3) t4 = S2(this, t4, i6, 0), o6 = !c3(t4) || t4 !== this._$AH && t4 !== T, o6 && (this._$AH = t4);
470
- else {
471
- const e8 = t4;
472
- let n5, r4;
473
- for (t4 = h3[0], n5 = 0; n5 < h3.length - 1; n5++) r4 = S2(this, e8[s4 + n5], i6, n5), r4 === T && (r4 = this._$AH[n5]), o6 || (o6 = !c3(r4) || r4 !== this._$AH[n5]), r4 === E ? t4 = E : t4 !== E && (t4 += (r4 ?? "") + h3[n5 + 1]), this._$AH[n5] = r4;
474
- }
475
- o6 && !e7 && this.j(t4);
476
- }
477
- j(t4) {
478
- t4 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
479
- }
480
- };
481
- var H = class extends k {
482
- constructor() {
483
- super(...arguments), this.type = 3;
484
- }
485
- j(t4) {
486
- this.element[this.name] = t4 === E ? void 0 : t4;
487
- }
488
- };
489
- var I = class extends k {
490
- constructor() {
491
- super(...arguments), this.type = 4;
492
- }
493
- j(t4) {
494
- this.element.toggleAttribute(this.name, !!t4 && t4 !== E);
495
- }
496
- };
497
- var L = class extends k {
498
- constructor(t4, i6, s4, e7, h3) {
499
- super(t4, i6, s4, e7, h3), this.type = 5;
500
- }
501
- _$AI(t4, i6 = this) {
502
- if ((t4 = S2(this, t4, i6, 0) ?? E) === T) return;
503
- const s4 = this._$AH, e7 = t4 === E && s4 !== E || t4.capture !== s4.capture || t4.once !== s4.once || t4.passive !== s4.passive, h3 = t4 !== E && (s4 === E || e7);
504
- e7 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
505
- }
506
- handleEvent(t4) {
507
- "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
508
- }
509
- };
510
- var z = class {
511
- constructor(t4, i6, s4) {
512
- this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i6, this.options = s4;
513
- }
514
- get _$AU() {
515
- return this._$AM._$AU;
516
- }
517
- _$AI(t4) {
518
- S2(this, t4);
519
- }
520
- };
521
- var j = t2.litHtmlPolyfillSupport;
522
- j?.(N, R), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.0");
523
- var B = (t4, i6, s4) => {
524
- const e7 = s4?.renderBefore ?? i6;
525
- let h3 = e7._$litPart$;
526
- if (void 0 === h3) {
527
- const t5 = s4?.renderBefore ?? null;
528
- e7._$litPart$ = h3 = new R(i6.insertBefore(l2(), t5), t5, void 0, s4 ?? {});
529
- }
530
- return h3._$AI(t4), h3;
531
- };
532
-
533
- // ../../node_modules/lit-element/lit-element.js
534
- var s3 = globalThis;
535
- var i4 = class extends y {
536
- constructor() {
537
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
538
- }
539
- createRenderRoot() {
540
- var _a;
541
- const t4 = super.createRenderRoot();
542
- return (_a = this.renderOptions).renderBefore ?? (_a.renderBefore = t4.firstChild), t4;
543
- }
544
- update(t4) {
545
- const r4 = this.render();
546
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t4), this._$Do = B(r4, this.renderRoot, this.renderOptions);
547
- }
548
- connectedCallback() {
549
- super.connectedCallback(), this._$Do?.setConnected(true);
550
- }
551
- disconnectedCallback() {
552
- super.disconnectedCallback(), this._$Do?.setConnected(false);
553
- }
554
- render() {
555
- return T;
556
- }
557
- };
558
- i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
559
- var o4 = s3.litElementPolyfillSupport;
560
- o4?.({ LitElement: i4 });
561
- (s3.litElementVersions ?? (s3.litElementVersions = [])).push("4.2.0");
562
-
563
- // ../../node_modules/@lit/reactive-element/decorators/base.js
564
- var e4 = (e7, t4, c4) => (c4.configurable = true, c4.enumerable = true, Reflect.decorate && "object" != typeof t4 && Object.defineProperty(e7, t4, c4), c4);
565
-
566
- // ../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js
567
- function o5(o6) {
568
- return (e7, n5) => {
569
- const { slot: r4, selector: s4 } = o6 ?? {}, c4 = "slot" + (r4 ? `[name=${r4}]` : ":not([name])");
570
- return e4(e7, n5, { get() {
571
- const t4 = this.renderRoot?.querySelector(c4), e8 = t4?.assignedElements(o6) ?? [];
572
- return void 0 === s4 ? e8 : e8.filter(((t5) => t5.matches(s4)));
573
- } });
574
- };
575
- }
576
-
577
- // ../../node_modules/lit-html/directive.js
578
- var t3 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
579
- var e5 = (t4) => (...e7) => ({ _$litDirective$: t4, values: e7 });
580
- var i5 = class {
581
- constructor(t4) {
582
- }
583
- get _$AU() {
584
- return this._$AM._$AU;
585
- }
586
- _$AT(t4, e7, i6) {
587
- this._$Ct = t4, this._$AM = e7, this._$Ci = i6;
588
- }
589
- _$AS(t4, e7) {
590
- return this.update(t4, e7);
591
- }
592
- update(t4, e7) {
593
- return this.render(...e7);
594
- }
595
- };
596
-
597
- // ../../node_modules/lit-html/directives/class-map.js
598
- var e6 = e5(class extends i5 {
599
- constructor(t4) {
600
- if (super(t4), t4.type !== t3.ATTRIBUTE || "class" !== t4.name || t4.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
601
- }
602
- render(t4) {
603
- return " " + Object.keys(t4).filter(((s4) => t4[s4])).join(" ") + " ";
604
- }
605
- update(s4, [i6]) {
606
- if (void 0 === this.st) {
607
- this.st = /* @__PURE__ */ new Set(), void 0 !== s4.strings && (this.nt = new Set(s4.strings.join(" ").split(/\s/).filter(((t4) => "" !== t4))));
608
- for (const t4 in i6) i6[t4] && !this.nt?.has(t4) && this.st.add(t4);
609
- return this.render(i6);
610
- }
611
- const r4 = s4.element.classList;
612
- for (const t4 of this.st) t4 in i6 || (r4.remove(t4), this.st.delete(t4));
613
- for (const t4 in i6) {
614
- const s5 = !!i6[t4];
615
- s5 === this.st.has(t4) || this.nt?.has(t4) || (s5 ? (r4.add(t4), this.st.add(t4)) : (r4.remove(t4), this.st.delete(t4)));
616
- }
617
- return T;
618
- }
619
- });
620
-
621
- // src/SidePanel/styles.ts
622
- var styles = i`
623
- .side-panel {
624
- padding: var(--space-scale-3);
625
- display: flex;
626
- flex-direction: column;
627
- gap: var(--space-scale-3);
628
- height: 100%;
629
- box-sizing: border-box;
630
-
631
- /* Hide the panel when it is empty. Should use :has-slotted once support is widespread */
632
-
633
- &.empty {
634
- display: none;
635
- }
636
- }
637
-
638
- button,
639
- ::slotted(tt-preset-button) {
640
- appearance: none;
641
- padding: 0;
642
- border-width: 0;
643
- background-color: transparent;
644
- border-radius: var(--space-scale-1);
645
- padding-block: 0;
646
- padding-inline: 0;
647
- line-height: var(--space-scale-3);
648
- font-size: var(--font-size-200);
649
- text-wrap: nowrap;
650
-
651
- &:hover {
652
- box-shadow: none;
653
- color: var(--color-primary-400);
654
- }
655
-
656
- &:focus {
657
- outline: 1px solid var(--color-primary-400);
658
- }
659
-
660
- &[aria-selected='true'] {
661
- color: var(--color-primary-400);
662
- }
663
-
664
- slot[name='presets']::slotted(*) {
665
- display: none;
666
- }
667
- }
668
- `;
669
- var button = i`
670
- button {
671
- appearance: none;
672
- padding: 0;
673
- border-width: 0;
674
- background-color: transparent;
675
- border-radius: var(--space-scale-1);
676
- padding-block: 0;
677
- padding-inline: 0;
678
- line-height: var(--space-scale-3);
679
- font-size: var(--font-size-200);
680
- text-wrap: nowrap;
681
- outline-offset: var(--space-scale-0-5);
682
-
683
- &:hover {
684
- box-shadow: none;
685
- color: var(--color-primary-400);
686
- }
687
-
688
- &:focus {
689
- outline: 1px solid var(--color-primary-400);
690
- }
691
-
692
- &[aria-selected='true'] {
693
- color: var(--color-primary-400);
694
- font-weight: var(--font-weight-semibold);
695
- }
696
-
697
- slot[name='presets']::slotted(*) {
698
- display: none;
699
- }
700
- }
701
- `;
702
-
703
- // src/SidePanel/SidePanel.ts
704
- var SidePanel = class extends i4 {
705
- contains(other) {
706
- if (!other) return false;
707
- return other === this || this.slottedElements.some((slotted) => slotted === other || slotted.contains(other));
708
- }
709
- render() {
710
- return x`
711
- <div
712
- class="${e6({
713
- "side-panel": true,
714
- empty: this.slottedElements.length === 0
715
- })}"
716
- part="side-panel"
717
- >
718
- <slot name="side-preset" @slotchange="${() => this.requestUpdate()}"></slot>
719
- </div>
720
- `;
721
- }
722
- };
723
- SidePanel.styles = styles;
724
- SidePanel.shadowRootOptions = {
725
- ...i4.shadowRootOptions,
726
- delegatesFocus: true
727
- };
728
- __decorateClass([
729
- o5({ flatten: true, slot: "side-preset" })
730
- ], SidePanel.prototype, "slottedElements", 2);
731
- export {
732
- SidePanel
733
- };
734
- /*! Bundled license information:
735
-
736
- @lit/reactive-element/css-tag.js:
737
- (**
738
- * @license
739
- * Copyright 2019 Google LLC
740
- * SPDX-License-Identifier: BSD-3-Clause
741
- *)
742
-
743
- @lit/reactive-element/reactive-element.js:
744
- lit-html/lit-html.js:
745
- lit-element/lit-element.js:
746
- @lit/reactive-element/decorators/custom-element.js:
747
- @lit/reactive-element/decorators/property.js:
748
- @lit/reactive-element/decorators/state.js:
749
- @lit/reactive-element/decorators/event-options.js:
750
- @lit/reactive-element/decorators/base.js:
751
- @lit/reactive-element/decorators/query.js:
752
- @lit/reactive-element/decorators/query-all.js:
753
- @lit/reactive-element/decorators/query-async.js:
754
- @lit/reactive-element/decorators/query-assigned-nodes.js:
755
- lit-html/directive.js:
756
- (**
757
- * @license
758
- * Copyright 2017 Google LLC
759
- * SPDX-License-Identifier: BSD-3-Clause
760
- *)
761
-
762
- lit-html/is-server.js:
763
- (**
764
- * @license
765
- * Copyright 2022 Google LLC
766
- * SPDX-License-Identifier: BSD-3-Clause
767
- *)
768
-
769
- @lit/reactive-element/decorators/query-assigned-elements.js:
770
- (**
771
- * @license
772
- * Copyright 2021 Google LLC
773
- * SPDX-License-Identifier: BSD-3-Clause
774
- *)
775
-
776
- lit-html/directives/class-map.js:
777
- (**
778
- * @license
779
- * Copyright 2018 Google LLC
780
- * SPDX-License-Identifier: BSD-3-Clause
781
- *)
782
- */
783
- //# sourceMappingURL=SidePanel.js.map