@mhmo91/schmancy 0.2.43 → 0.2.45

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,8 +1,8 @@
1
- import { css as g, html as n, nothing as ht } from "lit";
2
- import { customElement as d, property as c, state as l, queryAssignedElements as dt, query as V } from "lit/decorators.js";
3
- import { Subject as J, merge as L, fromEvent as b, startWith as ft, tap as w, map as f, debounceTime as A, distinctUntilChanged as F, takeUntil as p, from as it, of as U, Observable as vt, distinctUntilKeyChanged as wt, zip as ot, filter as pt, take as gt, timeout as xt, bufferTime as Ot, concatMap as Dt, interval as Ct, throwIfEmpty as $t } from "rxjs";
1
+ import { css as g, html as n, nothing as lt } from "lit";
2
+ import { customElement as p, property as c, state as l, queryAssignedElements as ht, query as K } from "lit/decorators.js";
3
+ import { Subject as G, merge as J, fromEvent as b, startWith as ft, tap as w, map as f, debounceTime as pt, distinctUntilChanged as V, takeUntil as d, from as st, of as A, Observable as vt, zip as it, filter as dt, take as wt, timeout as gt, bufferTime as xt, concatMap as Ot, interval as Dt, throwIfEmpty as Ct } from "rxjs";
4
4
  import "./animated-text-Y4ycrTGo.js";
5
- import { a as rt, F as Et, H as Wt } from "./area.component-CpltGFtZ.js";
5
+ import { a as ot, F as $t, H as Et } from "./area.component-CpltGFtZ.js";
6
6
  import "./autocomplete-DlA7Zj8y.js";
7
7
  import "./spinner-CjCEXMhX.js";
8
8
  import "./icon-button-mX6k_EOF.js";
@@ -19,21 +19,21 @@ import { $ as W } from "./litElement.mixin-B7v8pDMc.js";
19
19
  import { c as h } from "./consume-DSKPc5vj.js";
20
20
  import "./date-range-BCS0HlLD.js";
21
21
  import "./delay-O3A85T24.js";
22
- import { c as z, f as jt } from "./ripple-BumgqsDT.js";
22
+ import { c as z, f as Wt } from "./ripple-BumgqsDT.js";
23
23
  import "./divider-3bWzZ4Rm.js";
24
24
  import "./form-DqhBSlIk.js";
25
25
  import "./icon-yJxSVMJB.js";
26
- import "./input-RBly67_Q.js";
26
+ import "./input-DYyIyfZh.js";
27
27
  import "./scroll-DFMvmm21.js";
28
28
  import "./list-Dyy-SpiA.js";
29
29
  import "./menu-BPvSwS8i.js";
30
- import { when as Y } from "lit/directives/when.js";
30
+ import { when as F } from "lit/directives/when.js";
31
31
  import "./outlet-BJ6YjF7v.js";
32
32
  import "./option-BMdsMjZc.js";
33
33
  import "./radio-group-k4NlKFzF.js";
34
34
  import "./index-CuY8m6ta.js";
35
35
  import "./select-DOuDb1OD.js";
36
- import { s as G } from "./sheet-BNHSnKxu.js";
36
+ import { s as Y } from "./sheet-BNHSnKxu.js";
37
37
  import "./slider-B1mWE8IL.js";
38
38
  import "./surface-Dr9ZU9gu.js";
39
39
  import "./table-BmH69A60.js";
@@ -44,9 +44,9 @@ import "./theme-button-C0189bng.js";
44
44
  import "./tree-Do6jY6lM.js";
45
45
  import "./typewriter-QBZimgx6.js";
46
46
  import "./typography-C4sugoW2.js";
47
- import { map as kt, distinctUntilChanged as Mt, take as Pt } from "rxjs/operators";
48
- var St = Object.defineProperty, zt = Object.getOwnPropertyDescriptor;
49
- let at = class extends I(g`
47
+ import { map as jt, distinctUntilChanged as kt, take as Mt } from "rxjs/operators";
48
+ var Pt = Object.defineProperty, St = Object.getOwnPropertyDescriptor;
49
+ let rt = class extends I(g`
50
50
  :host {
51
51
  display: block;
52
52
  }
@@ -55,13 +55,13 @@ let at = class extends I(g`
55
55
  return n` <section class="pb-4 px-4"><slot> </slot></section> `;
56
56
  }
57
57
  };
58
- at = ((t, e, i, o) => {
59
- for (var r, s = o > 1 ? void 0 : o ? zt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
60
- return o && s && St(e, i, s), s;
61
- })([d("schmancy-card-action")], at);
62
- var It = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, B = (t, e, i, o) => {
63
- for (var r, s = o > 1 ? void 0 : o ? Nt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
64
- return o && s && It(e, i, s), s;
58
+ rt = ((t, e, i, o) => {
59
+ for (var r, s = o > 1 ? void 0 : o ? St(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
60
+ return o && s && Pt(e, i, s), s;
61
+ })([p("schmancy-card-action")], rt);
62
+ var zt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, U = (t, e, i, o) => {
63
+ for (var r, s = o > 1 ? void 0 : o ? It(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
64
+ return o && s && zt(e, i, s), s;
65
65
  };
66
66
  let N = class extends I() {
67
67
  constructor() {
@@ -74,9 +74,9 @@ let N = class extends I() {
74
74
  </div>`;
75
75
  }
76
76
  };
77
- B([c()], N.prototype, "type", 2), B([c({ type: Number })], N.prototype, "elevation", 2), N = B([d("schmancy-card")], N);
78
- var Tt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor;
79
- let nt = class extends I() {
77
+ U([c()], N.prototype, "type", 2), U([c({ type: Number })], N.prototype, "elevation", 2), N = U([p("schmancy-card")], N);
78
+ var Nt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor;
79
+ let at = class extends I() {
80
80
  render() {
81
81
  const t = q.sys.color.surface.on, e = q.sys.color.surface.onVariant;
82
82
  return n`<schmancy-grid gap="md" class="${this.classMap({ "px-[16px] py-[24px]": !0 })}">
@@ -102,13 +102,13 @@ let nt = class extends I() {
102
102
  </schmancy-grid>`;
103
103
  }
104
104
  };
105
- nt = ((t, e, i, o) => {
106
- for (var r, s = o > 1 ? void 0 : o ? Xt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
107
- return o && s && Tt(e, i, s), s;
108
- })([d("schmancy-card-content")], nt);
109
- var _t = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, K = (t, e, i, o) => {
110
- for (var r, s = o > 1 ? void 0 : o ? Ht(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
111
- return o && s && _t(e, i, s), s;
105
+ at = ((t, e, i, o) => {
106
+ for (var r, s = o > 1 ? void 0 : o ? Tt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
107
+ return o && s && Nt(e, i, s), s;
108
+ })([p("schmancy-card-content")], at);
109
+ var Xt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, B = (t, e, i, o) => {
110
+ for (var r, s = o > 1 ? void 0 : o ? _t(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
111
+ return o && s && Xt(e, i, s), s;
112
112
  };
113
113
  let T = class extends I(g`
114
114
  :host {
@@ -125,10 +125,10 @@ let T = class extends I(g`
125
125
  </schmancy-grid>`;
126
126
  }
127
127
  };
128
- K([c({ type: String, reflect: !0 })], T.prototype, "src", 2), K([c({ type: String })], T.prototype, "fit", 2), T = K([d("schmancy-card-media")], T);
129
- const Je = new class {
128
+ B([c({ type: String, reflect: !0 })], T.prototype, "src", 2), B([c({ type: String })], T.prototype, "fit", 2), T = B([p("schmancy-card-media")], T);
129
+ const Ge = new class {
130
130
  constructor() {
131
- this.$drawer = new J(), this.$drawer.pipe().subscribe((t) => {
131
+ this.$drawer = new G(), this.$drawer.pipe().subscribe((t) => {
132
132
  t.action === "dismiss" ? t.ref.dispatchEvent(new CustomEvent(m.ContentDrawerToggle, { detail: { state: "close" }, bubbles: !0, composed: !0 })) : t.action === "render" && (t.ref.dispatchEvent(new CustomEvent(m.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: t.component, title: t.title }, bubbles: !0, composed: !0 })));
133
133
  });
134
134
  }
@@ -138,10 +138,10 @@ const Je = new class {
138
138
  render(t, e, i) {
139
139
  t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: i });
140
140
  }
141
- }(), Q = E("push"), mt = E("close"), yt = E(Math.floor(Math.random() * Date.now()).toString()), Z = E("100%"), tt = E({});
142
- var Rt = Object.defineProperty, At = Object.getOwnPropertyDescriptor, D = (t, e, i, o) => {
143
- for (var r, s = o > 1 ? void 0 : o ? At(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
144
- return o && s && Rt(e, i, s), s;
141
+ }(), L = E("push"), mt = E("close"), yt = E(Math.floor(Math.random() * Date.now()).toString()), Q = E("100%"), Z = E({});
142
+ var Ht = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, D = (t, e, i, o) => {
143
+ for (var r, s = o > 1 ? void 0 : o ? Rt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
144
+ return o && s && Ht(e, i, s), s;
145
145
  };
146
146
  let x = class extends W(g`
147
147
  :host {
@@ -155,19 +155,19 @@ let x = class extends W(g`
155
155
  super(...arguments), this.minWidth = { main: 360, sheet: 576 }, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
156
156
  }
157
157
  firstUpdated() {
158
- L(b(window, "resize"), b(window, m.ContentDrawerResize)).pipe(ft(!0), w(() => {
159
- }), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), f((t) => t >= this.minWidth.main + this.minWidth.sheet), A(100), w(() => {
158
+ J(b(window, "resize"), b(window, m.ContentDrawerResize)).pipe(ft(!0), w(() => {
159
+ }), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), f((t) => t >= this.minWidth.main + this.minWidth.sheet), pt(100), w(() => {
160
160
  this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
161
- }), F(), p(this.disconnecting)).subscribe((t) => {
161
+ }), V(), d(this.disconnecting)).subscribe((t) => {
162
162
  t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
163
163
  }), b(window, m.ContentDrawerToggle).pipe(w((t) => {
164
164
  t.stopPropagation();
165
- }), f((t) => t.detail.state), p(this.disconnecting)).subscribe((t) => {
165
+ }), f((t) => t.detail.state), d(this.disconnecting)).subscribe((t) => {
166
166
  this.open = t;
167
167
  }), b(window, "schmancy-content-drawer-render").pipe(w((t) => {
168
168
  t.stopPropagation();
169
- }), f((t) => t.detail), p(this.disconnecting)).subscribe(({ component: t, title: e }) => {
170
- this.mode === "push" ? (rt.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), rt.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && G.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
169
+ }), f((t) => t.detail), d(this.disconnecting)).subscribe(({ component: t, title: e }) => {
170
+ this.mode === "push" ? (ot.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), ot.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && Y.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
171
171
  });
172
172
  }
173
173
  getOffsetTop(t) {
@@ -186,13 +186,13 @@ let x = class extends W(g`
186
186
  >
187
187
  <slot></slot>
188
188
  </schmancy-grid>
189
- ` : ht;
189
+ ` : lt;
190
190
  }
191
191
  };
192
- D([$({ context: tt })], x.prototype, "minWidth", 2), D([$({ context: mt }), c()], x.prototype, "open", 2), D([$({ context: Q }), l()], x.prototype, "mode", 2), D([$({ context: yt })], x.prototype, "schmancyContentDrawerID", 2), D([$({ context: Z })], x.prototype, "maxHeight", 2), D([dt({ flatten: !0 })], x.prototype, "assignedElements", 2), x = D([d("schmancy-content-drawer")], x);
193
- var Ut = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, M = (t, e, i, o) => {
192
+ D([$({ context: Z })], x.prototype, "minWidth", 2), D([$({ context: mt }), c()], x.prototype, "open", 2), D([$({ context: L }), l()], x.prototype, "mode", 2), D([$({ context: yt })], x.prototype, "schmancyContentDrawerID", 2), D([$({ context: Q })], x.prototype, "maxHeight", 2), D([ht({ flatten: !0 })], x.prototype, "assignedElements", 2), x = D([p("schmancy-content-drawer")], x);
193
+ var At = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, M = (t, e, i, o) => {
194
194
  for (var r, s = o > 1 ? void 0 : o ? qt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
195
- return o && s && Ut(e, i, s), s;
195
+ return o && s && At(e, i, s), s;
196
196
  };
197
197
  let j = class extends W(g`
198
198
  :host {
@@ -222,15 +222,15 @@ let j = class extends W(g`
222
222
  <slot></slot>
223
223
  </section>
224
224
  </schmancy-grid>
225
- ${Y(this.mode === "push", () => n` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
225
+ ${F(this.mode === "push", () => n` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
226
226
  </section>
227
227
  `;
228
228
  }
229
229
  };
230
- M([c({ type: Number })], j.prototype, "minWidth", 2), M([h({ context: tt, subscribe: !0 })], j.prototype, "drawerMinWidth", 2), M([h({ context: Q, subscribe: !0 }), l()], j.prototype, "mode", 2), M([h({ context: Z, subscribe: !0 }), l()], j.prototype, "maxHeight", 2), j = M([d("schmancy-content-drawer-main")], j);
231
- var Bt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, v = (t, e, i, o) => {
232
- for (var r, s = o > 1 ? void 0 : o ? Kt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
233
- return o && s && Bt(e, i, s), s;
230
+ M([c({ type: Number })], j.prototype, "minWidth", 2), M([h({ context: Z, subscribe: !0 })], j.prototype, "drawerMinWidth", 2), M([h({ context: L, subscribe: !0 }), l()], j.prototype, "mode", 2), M([h({ context: Q, subscribe: !0 }), l()], j.prototype, "maxHeight", 2), j = M([p("schmancy-content-drawer-main")], j);
231
+ var Ut = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, v = (t, e, i, o) => {
232
+ for (var r, s = o > 1 ? void 0 : o ? Bt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
233
+ return o && s && Ut(e, i, s), s;
234
234
  };
235
235
  let y = class extends W(g`
236
236
  :host {
@@ -241,16 +241,16 @@ let y = class extends W(g`
241
241
  super.connectedCallback(), this.minWidth ? this.drawerMinWidth.sheet = this.minWidth : this.minWidth = this.drawerMinWidth.sheet;
242
242
  }
243
243
  updated(t) {
244
- super.updated(t), t.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(m.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (G.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
244
+ super.updated(t), t.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(m.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (Y.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
245
245
  }
246
246
  open() {
247
247
  this.mode === "overlay" ? this.sheet.style.position = "fixed" : this.sheet.style.position = "relative", this.sheet.style.display = "block", this.sheet.animate([{ opacity: 0, transform: "translateX(100%)" }, { opacity: 1, transform: "translateX(0%)" }], { duration: 500, easing: "cubic-bezier(0.5, 0.01, 0.25, 1)" });
248
248
  }
249
249
  closeAll() {
250
- L(it(this.closeModalSheet()), it(this.closeSheet())).pipe(p(this.disconnecting)).subscribe();
250
+ J(st(this.closeModalSheet()), st(this.closeSheet())).pipe(d(this.disconnecting)).subscribe();
251
251
  }
252
252
  closeModalSheet() {
253
- return U(!0).pipe(w(() => G.dismiss(this.schmancyContentDrawerID)));
253
+ return A(!0).pipe(w(() => Y.dismiss(this.schmancyContentDrawerID)));
254
254
  }
255
255
  closeSheet() {
256
256
  return new vt((t) => {
@@ -270,10 +270,10 @@ let y = class extends W(g`
270
270
  `;
271
271
  }
272
272
  };
273
- v([c({ type: Number })], y.prototype, "minWidth", 2), v([h({ context: Q, subscribe: !0 }), l()], y.prototype, "mode", 2), v([h({ context: mt, subscribe: !0 }), l()], y.prototype, "state", 2), v([h({ context: yt })], y.prototype, "schmancyContentDrawerID", 2), v([V("#sheet")], y.prototype, "sheet", 2), v([dt({ flatten: !0, slot: void 0 })], y.prototype, "defaultSlot", 2), v([h({ context: tt, subscribe: !0 })], y.prototype, "drawerMinWidth", 2), v([h({ context: Z, subscribe: !0 }), l()], y.prototype, "maxHeight", 2), y = v([d("schmancy-content-drawer-sheet")], y);
274
- const Vt = new class {
273
+ v([c({ type: Number })], y.prototype, "minWidth", 2), v([h({ context: L, subscribe: !0 }), l()], y.prototype, "mode", 2), v([h({ context: mt, subscribe: !0 }), l()], y.prototype, "state", 2), v([h({ context: yt })], y.prototype, "schmancyContentDrawerID", 2), v([K("#sheet")], y.prototype, "sheet", 2), v([ht({ flatten: !0, slot: void 0 })], y.prototype, "defaultSlot", 2), v([h({ context: Z, subscribe: !0 })], y.prototype, "drawerMinWidth", 2), v([h({ context: Q, subscribe: !0 }), l()], y.prototype, "maxHeight", 2), y = v([p("schmancy-content-drawer-sheet")], y);
274
+ const Kt = new class {
275
275
  constructor() {
276
- this.$drawer = new J(), this.$drawer.pipe(wt("state"), A(100)).subscribe((t) => {
276
+ this.$drawer = new G(), this.$drawer.pipe().subscribe((t) => {
277
277
  t.state ? window.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
278
278
  });
279
279
  }
@@ -283,10 +283,10 @@ const Vt = new class {
283
283
  close(t) {
284
284
  this.$drawer.next({ self: t, state: !1 });
285
285
  }
286
- }(), Le = Vt, et = E("push"), st = E("close");
287
- var Ft = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, X = (t, e, i, o) => {
288
- for (var r, s = o > 1 ? void 0 : o ? Yt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
289
- return o && s && Ft(e, i, s), s;
286
+ }(), Je = Kt, tt = E("push"), et = E("close");
287
+ var Vt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, X = (t, e, i, o) => {
288
+ for (var r, s = o > 1 ? void 0 : o ? Ft(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
289
+ return o && s && Vt(e, i, s), s;
290
290
  };
291
291
  let P = class extends I(g`
292
292
  :host {
@@ -306,14 +306,14 @@ let P = class extends I(g`
306
306
  gap="sm"
307
307
  align="center"
308
308
  >
309
- ${Y(this.sidebarMode === "overlay" && this.toggler, () => n`<slot name="toggler">
309
+ ${F(this.sidebarMode === "overlay" && this.toggler, () => n`<slot name="toggler">
310
310
  <div class="${this.classMap(t)}">
311
311
  <schmancy-icon-button
312
312
  @click=${() => {
313
313
  this.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: this.sidebarOpen === "open" ? "close" : "open" }, bubbles: !0, composed: !0 }));
314
314
  }}
315
315
  >
316
- ${Y(this.sidebarOpen === "close", () => n`menu`, () => n`menu_open`)}
316
+ ${F(this.sidebarOpen === "close", () => n`menu`, () => n`menu_open`)}
317
317
  </schmancy-icon-button>
318
318
  </div>
319
319
  </slot>`)}
@@ -323,9 +323,9 @@ let P = class extends I(g`
323
323
  `;
324
324
  }
325
325
  };
326
- X([h({ context: et, subscribe: !0 }), l()], P.prototype, "sidebarMode", 2), X([h({ context: st, subscribe: !0 }), l()], P.prototype, "sidebarOpen", 2), X([c({ type: Boolean })], P.prototype, "toggler", 2), P = X([d("schmancy-nav-drawer-appbar")], P);
327
- var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor;
328
- let ct = class extends W(g`
326
+ X([h({ context: tt, subscribe: !0 }), l()], P.prototype, "sidebarMode", 2), X([h({ context: et, subscribe: !0 }), l()], P.prototype, "sidebarOpen", 2), X([c({ type: Boolean })], P.prototype, "toggler", 2), P = X([p("schmancy-nav-drawer-appbar")], P);
327
+ var Yt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor;
328
+ let nt = class extends W(g`
329
329
  :host {
330
330
  display: block;
331
331
  position: relative;
@@ -334,7 +334,7 @@ let ct = class extends W(g`
334
334
  }
335
335
  `) {
336
336
  connectedCallback() {
337
- super.connectedCallback(), b(this, "scroll").pipe(p(this.disconnecting)).subscribe((t) => {
337
+ super.connectedCallback(), b(this, "scroll").pipe(d(this.disconnecting)).subscribe((t) => {
338
338
  this.parentElement.dispatchEvent(new CustomEvent("scroll", { detail: t, bubbles: !0, composed: !0 }));
339
339
  });
340
340
  }
@@ -342,13 +342,13 @@ let ct = class extends W(g`
342
342
  return n` <slot></slot> `;
343
343
  }
344
344
  };
345
- ct = ((t, e, i, o) => {
346
- for (var r, s = o > 1 ? void 0 : o ? Jt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
347
- return o && s && Gt(e, i, s), s;
348
- })([d("schmancy-nav-drawer-content")], ct);
349
- var Lt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, k = (t, e, i, o) => {
350
- for (var r, s = o > 1 ? void 0 : o ? Qt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
351
- return o && s && Lt(e, i, s), s;
345
+ nt = ((t, e, i, o) => {
346
+ for (var r, s = o > 1 ? void 0 : o ? Gt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
347
+ return o && s && Yt(e, i, s), s;
348
+ })([p("schmancy-nav-drawer-content")], nt);
349
+ var Jt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, k = (t, e, i, o) => {
350
+ for (var r, s = o > 1 ? void 0 : o ? Lt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
351
+ return o && s && Jt(e, i, s), s;
352
352
  };
353
353
  let u = class extends W(g`
354
354
  :host {
@@ -367,11 +367,11 @@ let u = class extends W(g`
367
367
  super(...arguments), this.fullscreen = !1, this.breakpoint = "md", this._initialized = !1;
368
368
  }
369
369
  firstUpdated() {
370
- this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), b(window, "resize").pipe(f((t) => t.target.innerWidth), f((t) => t >= u.BREAKPOINTS[this.breakpoint]), F(), A(100), p(this.disconnecting)).subscribe((t) => {
370
+ this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), b(window, "resize").pipe(f((t) => t.target.innerWidth), f((t) => t >= u.BREAKPOINTS[this.breakpoint]), V(), pt(100), d(this.disconnecting)).subscribe((t) => {
371
371
  t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
372
372
  }), b(window, m.NavDrawer_toggle).pipe(w((t) => {
373
373
  t.stopPropagation();
374
- }), f((t) => t.detail.state), F(), A(100), p(this.disconnecting)).subscribe((t) => {
374
+ }), f((t) => t.detail.state), V(), d(this.disconnecting)).subscribe((t) => {
375
375
  this.mode === "push" && t === "close" || (this.open = t);
376
376
  });
377
377
  }
@@ -387,17 +387,17 @@ let u = class extends W(g`
387
387
  flow="col"
388
388
  justify="stretch"
389
389
  align="stretch"
390
- ${jt()}
390
+ ${Wt()}
391
391
  >
392
392
  <slot></slot>
393
393
  </schmancy-grid>
394
- ` : ht;
394
+ ` : lt;
395
395
  }
396
396
  };
397
- u.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, k([c({ type: Boolean })], u.prototype, "fullscreen", 2), k([c({ type: String, attribute: "breakpoint" })], u.prototype, "breakpoint", 2), k([$({ context: et }), l()], u.prototype, "mode", 2), k([$({ context: st }), c()], u.prototype, "open", 2), k([l()], u.prototype, "_initialized", 2), u = k([d("schmancy-nav-drawer")], u);
398
- var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, C = (t, e, i, o) => {
399
- for (var r, s = o > 1 ? void 0 : o ? te(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
400
- return o && s && Zt(e, i, s), s;
397
+ u.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, k([c({ type: Boolean })], u.prototype, "fullscreen", 2), k([c({ type: String, attribute: "breakpoint" })], u.prototype, "breakpoint", 2), k([$({ context: tt }), l()], u.prototype, "mode", 2), k([$({ context: et }), c()], u.prototype, "open", 2), k([l()], u.prototype, "_initialized", 2), u = k([p("schmancy-nav-drawer")], u);
398
+ var Qt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, C = (t, e, i, o) => {
399
+ for (var r, s = o > 1 ? void 0 : o ? Zt(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
400
+ return o && s && Qt(e, i, s), s;
401
401
  };
402
402
  const _ = "cubic-bezier(0.5, 0.01, 0.25, 1)";
403
403
  let O = class extends W() {
@@ -450,27 +450,27 @@ let O = class extends W() {
450
450
  `;
451
451
  }
452
452
  };
453
- C([h({ context: et, subscribe: !0 }), l()], O.prototype, "mode", 2), C([h({ context: st, subscribe: !0 }), l()], O.prototype, "drawerState", 2), C([V("#overlay")], O.prototype, "overlay", 2), C([V("nav")], O.prototype, "nav", 2), C([c({ type: String })], O.prototype, "width", 2), C([l()], O.prototype, "_initialized", 2), O = C([d("schmancy-nav-drawer-navbar")], O);
453
+ C([h({ context: tt, subscribe: !0 }), l()], O.prototype, "mode", 2), C([h({ context: et, subscribe: !0 }), l()], O.prototype, "drawerState", 2), C([K("#overlay")], O.prototype, "overlay", 2), C([K("nav")], O.prototype, "nav", 2), C([c({ type: String })], O.prototype, "width", 2), C([l()], O.prototype, "_initialized", 2), O = C([p("schmancy-nav-drawer-navbar")], O);
454
454
  const ut = "whereAreYouRicky", bt = "hereMorty", H = new class {
455
455
  constructor() {
456
- this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new J(), this.find = (t) => ot([b(window, bt).pipe(pt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), f((e) => e.detail.component), gt(1)), U(t).pipe(w(() => {
456
+ this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new G(), this.find = (t) => it([b(window, bt).pipe(dt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), f((e) => e.detail.component), wt(1)), A(t).pipe(w(() => {
457
457
  window.dispatchEvent(new CustomEvent(ut, { detail: { id: t.id, callerID: t.uuid } }));
458
- }))]).pipe(f(([e]) => e), xt(0)), this.flip = (t) => {
458
+ }))]).pipe(f(([e]) => e), gt(0)), this.flip = (t) => {
459
459
  const { from: e, to: i } = t, o = i.element.style.zIndex;
460
460
  i.element.style.transformOrigin = "top left", i.element.style.setProperty("visibility", "visible"), i.element.style.zIndex = "1000";
461
461
  const r = [{ transform: `translate(${e.rect.left - i.rect.left}px, ${e.rect.top - i.rect.top}px) scale(${e.rect.width / i.rect.width}, ${e.rect.height / i.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
462
462
  i.element.animate(r, { duration: 250, delay: 10, easing: "cubic-bezier(0.455, 0.03, 0.515, 0.955)" }).onfinish = () => {
463
463
  i.element.style.zIndex = o, i.element.style.transformOrigin = "";
464
464
  };
465
- }, this.flipRequests.pipe(Ot(1), f((t) => t.map(({ from: e, to: i, host: o }, r) => ({ from: e, to: i, host: o, i: r }))), Dt((t) => ot(t.map((e) => U(this.flip(e)))))).subscribe();
465
+ }, this.flipRequests.pipe(xt(1), f((t) => t.map(({ from: e, to: i, host: o }, r) => ({ from: e, to: i, host: o, i: r }))), Ot((t) => it(t.map((e) => A(this.flip(e)))))).subscribe();
466
466
  }
467
467
  }();
468
- function lt(t) {
469
- return Ct(50).pipe(kt(() => t.getBoundingClientRect()), Mt((e, i) => e.width === i.width && e.height === i.height && e.top === i.top && e.right === i.right && e.bottom === i.bottom && e.left === i.left), Pt(1));
468
+ function ct(t) {
469
+ return Dt(50).pipe(jt(() => t.getBoundingClientRect()), kt((e, i) => e.width === i.width && e.height === i.height && e.top === i.top && e.right === i.right && e.bottom === i.bottom && e.left === i.left), Mt(1));
470
470
  }
471
- var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, R = (t, e, i, o) => {
472
- for (var r, s = o > 1 ? void 0 : o ? se(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
473
- return o && s && ee(e, i, s), s;
471
+ var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, R = (t, e, i, o) => {
472
+ for (var r, s = o > 1 ? void 0 : o ? ee(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
473
+ return o && s && te(e, i, s), s;
474
474
  };
475
475
  let S = class extends W(g``) {
476
476
  constructor() {
@@ -481,19 +481,19 @@ let S = class extends W(g``) {
481
481
  }
482
482
  connectedCallback() {
483
483
  if (this.id === void 0) throw new Error("id is required");
484
- super.connectedCallback(), L(b(window, Et).pipe(w({ next: () => {
485
- this.dispatchEvent(new CustomEvent(Wt, { detail: { component: this }, bubbles: !0, composed: !0 }));
484
+ super.connectedCallback(), J(b(window, $t).pipe(w({ next: () => {
485
+ this.dispatchEvent(new CustomEvent(Et, { detail: { component: this }, bubbles: !0, composed: !0 }));
486
486
  } })), b(window, ut).pipe(w({ next: (t) => {
487
487
  t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(bt, { detail: { component: this }, bubbles: !0, composed: !0 }));
488
- } }))).pipe(p(this.disconnecting)).subscribe();
488
+ } }))).pipe(d(this.disconnecting)).subscribe();
489
489
  }
490
490
  async firstUpdated() {
491
- U(H.activeTeleportations.get(this.id)).pipe(pt((t) => !!t), p(this.disconnecting), $t()).subscribe({ next: (t) => {
492
- this.style.setProperty("visibility", "hidden"), lt(this).pipe(p(this.disconnecting)).subscribe({ next: (e) => {
491
+ A(H.activeTeleportations.get(this.id)).pipe(dt((t) => !!t), d(this.disconnecting), Ct()).subscribe({ next: (t) => {
492
+ this.style.setProperty("visibility", "hidden"), ct(this).pipe(d(this.disconnecting)).subscribe({ next: (e) => {
493
493
  H.activeTeleportations.set(this.id, e), H.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
494
494
  } });
495
495
  }, error: () => {
496
- this.style.setProperty("visibility", "visible"), lt(this).pipe(p(this.disconnecting)).subscribe({ next: (t) => {
496
+ this.style.setProperty("visibility", "visible"), ct(this).pipe(d(this.disconnecting)).subscribe({ next: (t) => {
497
497
  H.activeTeleportations.set(this.id, t);
498
498
  } });
499
499
  }, complete: () => {
@@ -503,28 +503,28 @@ let S = class extends W(g``) {
503
503
  return n`<slot></slot>`;
504
504
  }
505
505
  };
506
- R([c({ type: Number, reflect: !0 })], S.prototype, "uuid", 2), R([c({ type: String })], S.prototype, "id", 2), R([c({ type: Number })], S.prototype, "delay", 2), S = R([d("schmancy-teleport")], S);
506
+ R([c({ type: Number, reflect: !0 })], S.prototype, "uuid", 2), R([c({ type: String })], S.prototype, "id", 2), R([c({ type: Number })], S.prototype, "delay", 2), S = R([p("schmancy-teleport")], S);
507
507
  export {
508
- Le as $,
508
+ Je as $,
509
509
  bt as H,
510
- Q as S,
510
+ L as S,
511
511
  ut as W,
512
512
  mt as a,
513
513
  yt as b,
514
- Z as c,
515
- tt as d,
514
+ Q as c,
515
+ Z as d,
516
516
  x as e,
517
517
  j as f,
518
518
  y as g,
519
- Vt as h,
519
+ Kt as h,
520
520
  P as i,
521
- ct as j,
522
- et as k,
523
- st as l,
521
+ nt as j,
522
+ tt as k,
523
+ et as l,
524
524
  u as m,
525
525
  O as n,
526
526
  S as o,
527
- Je as s,
527
+ Ge as s,
528
528
  H as t
529
529
  };
530
- //# sourceMappingURL=teleport.component-CoGQ6xi-.js.map
530
+ //# sourceMappingURL=teleport.component-BwflD2xY.js.map