@mhmo91/schmancy 0.2.46 → 0.2.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{autocomplete-CK5z_hxO.cjs → autocomplete-B29VQiPY.cjs} +3 -3
- package/dist/autocomplete-B29VQiPY.cjs.map +1 -0
- package/dist/{autocomplete-Do2sGTCo.js → autocomplete-BYaStWXT.js} +19 -21
- package/dist/autocomplete-BYaStWXT.js.map +1 -0
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/input-BAg8B5xw.js.map +1 -1
- package/dist/input-DoURQ3xM.cjs.map +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-9Bxmo8n4.cjs → teleport.component-B2lujjqz.cjs} +14 -14
- package/dist/teleport.component-B2lujjqz.cjs.map +1 -0
- package/dist/{teleport.component-Cjnh6vR-.js → teleport.component-zSNmczMD.js} +62 -62
- package/dist/teleport.component-zSNmczMD.js.map +1 -0
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/types/src/autocomplete/autocomplete.d.ts +0 -1
- package/types/src/input/input.d.ts +1 -3
- package/dist/autocomplete-CK5z_hxO.cjs.map +0 -1
- package/dist/autocomplete-Do2sGTCo.js.map +0 -1
- package/dist/teleport.component-9Bxmo8n4.cjs.map +0 -1
- package/dist/teleport.component-Cjnh6vR-.js.map +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { css as g, html as n, nothing as
|
|
2
|
-
import { customElement as p, property as c, state as l, queryAssignedElements as
|
|
3
|
-
import { Subject as
|
|
1
|
+
import { css as g, html as n, nothing as ht } from "lit";
|
|
2
|
+
import { customElement as p, property as c, state as l, queryAssignedElements as pt, 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 d, from as it, of as q, Observable as vt, zip as ot, 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-Cmg2mI3S.js";
|
|
5
|
-
import { a as
|
|
6
|
-
import "./autocomplete-
|
|
5
|
+
import { a as rt, F as $t, H as Et } from "./area.component-DA7Ghcl8.js";
|
|
6
|
+
import "./autocomplete-BYaStWXT.js";
|
|
7
7
|
import "./spinner-DxDUWBpa.js";
|
|
8
8
|
import "./icon-button-DIGpWi22.js";
|
|
9
9
|
import "lit/directives/class-map.js";
|
|
10
10
|
import "lit/directives/style-map.js";
|
|
11
11
|
import { T as I } from "./tailwind.mixin-BNM2vRly.js";
|
|
12
|
-
import { S as
|
|
12
|
+
import { S as U } from "./theme.interface-C5Kj6WjD.js";
|
|
13
13
|
import "./checkbox-BDRhgA8Q.js";
|
|
14
14
|
import "./chips-CtFyJEw0.js";
|
|
15
15
|
import "./payment-card-form-CIWTaRBz.js";
|
|
@@ -27,13 +27,13 @@ import "./input-BAg8B5xw.js";
|
|
|
27
27
|
import "./flex-DL52jmYy.js";
|
|
28
28
|
import "./list-DjB7q6Qk.js";
|
|
29
29
|
import "./menu-BNZPGmxK.js";
|
|
30
|
-
import { when as
|
|
30
|
+
import { when as Y } from "lit/directives/when.js";
|
|
31
31
|
import "./outlet-CPrjTJEE.js";
|
|
32
32
|
import "./option-DRzHWMHN.js";
|
|
33
33
|
import "./radio-group-BAixca90.js";
|
|
34
34
|
import "./index-CuY8m6ta.js";
|
|
35
35
|
import "./select-Dlyf_fVO.js";
|
|
36
|
-
import { s as
|
|
36
|
+
import { s as G } from "./sheet-9-CFxPyI.js";
|
|
37
37
|
import "./slider-BTIT0zsN.js";
|
|
38
38
|
import "./surface-BSp9OeQ8.js";
|
|
39
39
|
import "./table-BTMy7AvU.js";
|
|
@@ -46,7 +46,7 @@ import "./typewriter-9RMGl3g_.js";
|
|
|
46
46
|
import "./typography-DvbYuIY1.js";
|
|
47
47
|
import { map as jt, distinctUntilChanged as kt, take as Mt } from "rxjs/operators";
|
|
48
48
|
var Pt = Object.defineProperty, St = Object.getOwnPropertyDescriptor;
|
|
49
|
-
let
|
|
49
|
+
let at = class extends I(g`
|
|
50
50
|
:host {
|
|
51
51
|
display: block;
|
|
52
52
|
}
|
|
@@ -55,11 +55,11 @@ let rt = class extends I(g`
|
|
|
55
55
|
return n` <section class="pb-4 px-4"><slot> </slot></section> `;
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
|
|
58
|
+
at = ((t, e, i, o) => {
|
|
59
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
60
|
return o && s && Pt(e, i, s), s;
|
|
61
|
-
})([p("schmancy-card-action")],
|
|
62
|
-
var zt = Object.defineProperty, It = Object.getOwnPropertyDescriptor,
|
|
61
|
+
})([p("schmancy-card-action")], at);
|
|
62
|
+
var zt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, B = (t, e, i, o) => {
|
|
63
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
64
|
return o && s && zt(e, i, s), s;
|
|
65
65
|
};
|
|
@@ -74,11 +74,11 @@ let N = class extends I() {
|
|
|
74
74
|
</div>`;
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
|
-
|
|
77
|
+
B([c()], N.prototype, "type", 2), B([c({ type: Number })], N.prototype, "elevation", 2), N = B([p("schmancy-card")], N);
|
|
78
78
|
var Nt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor;
|
|
79
|
-
let
|
|
79
|
+
let nt = class extends I() {
|
|
80
80
|
render() {
|
|
81
|
-
const t =
|
|
81
|
+
const t = U.sys.color.surface.on, e = U.sys.color.surface.onVariant;
|
|
82
82
|
return n`<schmancy-grid gap="md" class="${this.classMap({ "px-[16px] py-[24px]": !0 })}">
|
|
83
83
|
<schmancy-grid gap="xs">
|
|
84
84
|
<schmancy-typography
|
|
@@ -102,11 +102,11 @@ let at = class extends I() {
|
|
|
102
102
|
</schmancy-grid>`;
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
|
-
|
|
105
|
+
nt = ((t, e, i, o) => {
|
|
106
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
107
|
return o && s && Nt(e, i, s), s;
|
|
108
|
-
})([p("schmancy-card-content")],
|
|
109
|
-
var Xt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor,
|
|
108
|
+
})([p("schmancy-card-content")], nt);
|
|
109
|
+
var Xt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, K = (t, e, i, o) => {
|
|
110
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
111
|
return o && s && Xt(e, i, s), s;
|
|
112
112
|
};
|
|
@@ -125,10 +125,10 @@ let T = class extends I(g`
|
|
|
125
125
|
</schmancy-grid>`;
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
|
-
|
|
128
|
+
K([c({ type: String, reflect: !0 })], T.prototype, "src", 2), K([c({ type: String })], T.prototype, "fit", 2), T = K([p("schmancy-card-media")], T);
|
|
129
129
|
const Ge = new class {
|
|
130
130
|
constructor() {
|
|
131
|
-
this.$drawer = new
|
|
131
|
+
this.$drawer = new J(), 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,7 +138,7 @@ const Ge = 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
|
-
}(),
|
|
141
|
+
}(), Q = E("push"), mt = E("close"), yt = E(Math.floor(Math.random() * Date.now()).toString()), Z = E("100%"), tt = E({});
|
|
142
142
|
var Ht = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, D = (t, e, i, o) => {
|
|
143
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
144
|
return o && s && Ht(e, i, s), s;
|
|
@@ -155,10 +155,10 @@ 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
|
-
|
|
159
|
-
}), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), f((t) => t >= this.minWidth.main + this.minWidth.sheet),
|
|
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(() => {
|
|
160
160
|
this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
|
|
161
|
-
}),
|
|
161
|
+
}), F(), 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();
|
|
@@ -167,7 +167,7 @@ let x = class extends W(g`
|
|
|
167
167
|
}), b(window, "schmancy-content-drawer-render").pipe(w((t) => {
|
|
168
168
|
t.stopPropagation();
|
|
169
169
|
}), f((t) => t.detail), d(this.disconnecting)).subscribe(({ component: t, title: e }) => {
|
|
170
|
-
this.mode === "push" ? (
|
|
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 });
|
|
171
171
|
});
|
|
172
172
|
}
|
|
173
173
|
getOffsetTop(t) {
|
|
@@ -186,10 +186,10 @@ let x = class extends W(g`
|
|
|
186
186
|
>
|
|
187
187
|
<slot></slot>
|
|
188
188
|
</schmancy-grid>
|
|
189
|
-
` :
|
|
189
|
+
` : ht;
|
|
190
190
|
}
|
|
191
191
|
};
|
|
192
|
-
D([$({ context:
|
|
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([pt({ flatten: !0 })], x.prototype, "assignedElements", 2), x = D([p("schmancy-content-drawer")], x);
|
|
193
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
195
|
return o && s && At(e, i, s), s;
|
|
@@ -222,12 +222,12 @@ let j = class extends W(g`
|
|
|
222
222
|
<slot></slot>
|
|
223
223
|
</section>
|
|
224
224
|
</schmancy-grid>
|
|
225
|
-
${
|
|
225
|
+
${Y(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:
|
|
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([p("schmancy-content-drawer-main")], j);
|
|
231
231
|
var Ut = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, v = (t, e, i, o) => {
|
|
232
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
233
|
return o && s && Ut(e, i, s), s;
|
|
@@ -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" && (
|
|
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()));
|
|
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
|
-
|
|
250
|
+
L(it(this.closeModalSheet()), it(this.closeSheet())).pipe(d(this.disconnecting)).subscribe();
|
|
251
251
|
}
|
|
252
252
|
closeModalSheet() {
|
|
253
|
-
return
|
|
253
|
+
return q(!0).pipe(w(() => G.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:
|
|
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([pt({ 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([p("schmancy-content-drawer-sheet")], y);
|
|
274
274
|
const Kt = new class {
|
|
275
275
|
constructor() {
|
|
276
|
-
this.$drawer = new
|
|
276
|
+
this.$drawer = new J(), this.$drawer.pipe(A(10)).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,7 +283,7 @@ const Kt = new class {
|
|
|
283
283
|
close(t) {
|
|
284
284
|
this.$drawer.next({ self: t, state: !1 });
|
|
285
285
|
}
|
|
286
|
-
}(), Je = Kt,
|
|
286
|
+
}(), Je = Kt, et = E("push"), st = E("close");
|
|
287
287
|
var Vt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, X = (t, e, i, o) => {
|
|
288
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
289
|
return o && s && Vt(e, i, s), s;
|
|
@@ -306,14 +306,14 @@ let P = class extends I(g`
|
|
|
306
306
|
gap="sm"
|
|
307
307
|
align="center"
|
|
308
308
|
>
|
|
309
|
-
${
|
|
309
|
+
${Y(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
|
-
${
|
|
316
|
+
${Y(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:
|
|
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([p("schmancy-nav-drawer-appbar")], P);
|
|
327
327
|
var Yt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor;
|
|
328
|
-
let
|
|
328
|
+
let ct = class extends W(g`
|
|
329
329
|
:host {
|
|
330
330
|
display: block;
|
|
331
331
|
position: relative;
|
|
@@ -342,10 +342,10 @@ let nt = class extends W(g`
|
|
|
342
342
|
return n` <slot></slot> `;
|
|
343
343
|
}
|
|
344
344
|
};
|
|
345
|
-
|
|
345
|
+
ct = ((t, e, i, o) => {
|
|
346
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
347
|
return o && s && Yt(e, i, s), s;
|
|
348
|
-
})([p("schmancy-nav-drawer-content")],
|
|
348
|
+
})([p("schmancy-nav-drawer-content")], ct);
|
|
349
349
|
var Jt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, k = (t, e, i, o) => {
|
|
350
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
351
|
return o && s && Jt(e, i, s), s;
|
|
@@ -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]),
|
|
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), 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),
|
|
374
|
+
}), f((t) => t.detail.state), F(), d(this.disconnecting), A(10)).subscribe((t) => {
|
|
375
375
|
this.mode === "push" && t === "close" || (this.open = t);
|
|
376
376
|
});
|
|
377
377
|
}
|
|
@@ -391,10 +391,10 @@ let u = class extends W(g`
|
|
|
391
391
|
>
|
|
392
392
|
<slot></slot>
|
|
393
393
|
</schmancy-grid>
|
|
394
|
-
` :
|
|
394
|
+
` : ht;
|
|
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:
|
|
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([p("schmancy-nav-drawer")], u);
|
|
398
398
|
var Qt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, C = (t, e, i, o) => {
|
|
399
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
400
|
return o && s && Qt(e, i, s), s;
|
|
@@ -437,23 +437,23 @@ let O = class extends W() {
|
|
|
437
437
|
<nav
|
|
438
438
|
style=${this.styleMap(e)}
|
|
439
439
|
class="${this.classMap({ ...t })}"
|
|
440
|
-
${z({ bgColor:
|
|
440
|
+
${z({ bgColor: U.sys.color.surface.container })}
|
|
441
441
|
>
|
|
442
442
|
<slot></slot>
|
|
443
443
|
</nav>
|
|
444
444
|
<div
|
|
445
445
|
id="overlay"
|
|
446
|
-
${z({ bgColor:
|
|
446
|
+
${z({ bgColor: U.sys.color.scrim })}
|
|
447
447
|
@click=${this.handleOverlayClick}
|
|
448
448
|
class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
|
|
449
449
|
></div>
|
|
450
450
|
`;
|
|
451
451
|
}
|
|
452
452
|
};
|
|
453
|
-
C([h({ context:
|
|
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([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
|
|
456
|
+
this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new J(), this.find = (t) => ot([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)), q(t).pipe(w(() => {
|
|
457
457
|
window.dispatchEvent(new CustomEvent(ut, { detail: { id: t.id, callerID: t.uuid } }));
|
|
458
458
|
}))]).pipe(f(([e]) => e), gt(0)), this.flip = (t) => {
|
|
459
459
|
const { from: e, to: i } = t, o = i.element.style.zIndex;
|
|
@@ -462,10 +462,10 @@ const ut = "whereAreYouRicky", bt = "hereMorty", H = new class {
|
|
|
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(xt(1), f((t) => t.map(({ from: e, to: i, host: o }, r) => ({ from: e, to: i, host: o, i: r }))), Ot((t) =>
|
|
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) => ot(t.map((e) => q(this.flip(e)))))).subscribe();
|
|
466
466
|
}
|
|
467
467
|
}();
|
|
468
|
-
function
|
|
468
|
+
function lt(t) {
|
|
469
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
471
|
var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, R = (t, e, i, o) => {
|
|
@@ -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(),
|
|
484
|
+
super.connectedCallback(), L(b(window, $t).pipe(w({ next: () => {
|
|
485
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
488
|
} }))).pipe(d(this.disconnecting)).subscribe();
|
|
489
489
|
}
|
|
490
490
|
async firstUpdated() {
|
|
491
|
-
|
|
492
|
-
this.style.setProperty("visibility", "hidden"),
|
|
491
|
+
q(H.activeTeleportations.get(this.id)).pipe(dt((t) => !!t), d(this.disconnecting), Ct()).subscribe({ next: (t) => {
|
|
492
|
+
this.style.setProperty("visibility", "hidden"), lt(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"),
|
|
496
|
+
this.style.setProperty("visibility", "visible"), lt(this).pipe(d(this.disconnecting)).subscribe({ next: (t) => {
|
|
497
497
|
H.activeTeleportations.set(this.id, t);
|
|
498
498
|
} });
|
|
499
499
|
}, complete: () => {
|
|
@@ -507,24 +507,24 @@ R([c({ type: Number, reflect: !0 })], S.prototype, "uuid", 2), R([c({ type: Stri
|
|
|
507
507
|
export {
|
|
508
508
|
Je as $,
|
|
509
509
|
bt as H,
|
|
510
|
-
|
|
510
|
+
Q as S,
|
|
511
511
|
ut as W,
|
|
512
512
|
mt as a,
|
|
513
513
|
yt as b,
|
|
514
|
-
|
|
515
|
-
|
|
514
|
+
Z as c,
|
|
515
|
+
tt as d,
|
|
516
516
|
x as e,
|
|
517
517
|
j as f,
|
|
518
518
|
y as g,
|
|
519
519
|
Kt as h,
|
|
520
520
|
P as i,
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
521
|
+
ct as j,
|
|
522
|
+
et as k,
|
|
523
|
+
st as l,
|
|
524
524
|
u as m,
|
|
525
525
|
O as n,
|
|
526
526
|
S as o,
|
|
527
527
|
Ge as s,
|
|
528
528
|
H as t
|
|
529
529
|
};
|
|
530
|
-
//# sourceMappingURL=teleport.component-
|
|
530
|
+
//# sourceMappingURL=teleport.component-zSNmczMD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"teleport.component-zSNmczMD.js","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts","../src/content-drawer/$sheet.ts","../src/content-drawer/context.ts","../src/content-drawer/drawer.ts","../src/content-drawer/main.ts","../src/content-drawer/sheet.ts","../src/nav-drawer/$navbar.ts","../src/nav-drawer/context.ts","../src/nav-drawer/appbar.ts","../src/nav-drawer/content.ts","../src/nav-drawer/drawer.ts","../src/nav-drawer/navbar.ts","../src/teleport/teleport.service.ts","../src/teleport/watcher.ts","../src/teleport/teleport.component.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html` <section class=\"pb-4 px-4\"><slot> </slot></section> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardMedia\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement() {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'rounded-md': true,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-5': this.elevation === 5,\n\t\t\t'hover:shadow-xs': ['outlined', 'filled'].includes(this.type),\n\t\t\t'bg-surface-low shadow-xs hover:shadow-sm': this.type === 'elevated',\n\t\t\t'bg-surface-highest': this.type === 'filled',\n\t\t\t'bg-surface-default border border-solid border-1 border-outlineVariant': this.type === 'outlined',\n\t\t}\n\t\treturn html`<div class=\"${this.classMap(classes)}\">\n\t\t\t<slot> </slot>\n\t\t</div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { color } from '..'\n\n/**\n * @element schmancy-card-content\n * @slot headline\n * @slot subhead\n * @slot default - The content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement() {\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'px-[16px] py-[24px]': true,\n\t\t}\n\t\tconst onSurface = SchmancyTheme.sys.color.surface.on\n\t\tconst onSurfaceVariant = SchmancyTheme.sys.color.surface.onVariant\n\t\treturn html`<schmancy-grid gap=\"md\" class=\"${this.classMap(classes)}\">\n\t\t\t<schmancy-grid gap=\"xs\">\n\t\t\t\t<schmancy-typography\n\t\t\t\t\t${color({\n\t\t\t\t\t\tcolor: onSurface,\n\t\t\t\t\t})}\n\t\t\t\t\ttype=\"body\"\n\t\t\t\t\ttoken=\"lg\"\n\t\t\t\t\t><slot name=\"headline\"> </slot\n\t\t\t\t></schmancy-typography>\n\t\t\t\t<schmancy-typography\n\t\t\t\t\t${color({\n\t\t\t\t\t\tcolor: onSurfaceVariant,\n\t\t\t\t\t})}\n\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t><slot name=\"subhead\"></slot>\n\t\t\t\t</schmancy-typography>\n\t\t\t</schmancy-grid>\n\t\t\t<schmancy-typography\n\t\t\t\ttype=\"body\"\n\t\t\t\t${color({\n\t\t\t\t\tcolor: onSurfaceVariant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-typography>\n\t\t</schmancy-grid>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\n\tprotected render(): unknown {\n\t\tconst styles = {\n\t\t\theight: '200px',\n\t\t}\n\t\tconst classes = {\n\t\t\t'object-center': true,\n\t\t\t'object-contain': this.fit === 'contain',\n\t\t\t'object-cover w-full': this.fit === 'cover',\n\t\t\t'object-fill': this.fit === 'fill',\n\t\t\t'object-none': this.fit === 'none',\n\t\t\t'object-scale-down': this.fit === 'scale-down',\n\t\t}\n\t\treturn html`<schmancy-grid align=\"stretch\" justify=\"stretch\" gap=\"md\">\n\t\t\t<img src=\"${this.src}\" style=${this.styleMap(styles)} class=\"${this.classMap(classes)}\" />\n\t\t</schmancy-grid>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { Subject } from 'rxjs'\n\ntype DrawerAction = 'dismiss' | 'render'\ntype TRef = Element | Window\ntype TRenderRequest = HTMLElement\nexport type TRenderCustomEvent = CustomEvent<{\n\tcomponent: TRenderRequest\n\ttitle?: string\n}>\nclass Drawer {\n\tprivate $drawer = new Subject<{\n\t\tref: TRef\n\t\taction: DrawerAction\n\t\tcomponent?: TRenderRequest\n\t\ttitle?: string\n\t}>()\n\tconstructor() {\n\t\tthis.$drawer.pipe().subscribe(data => {\n\t\t\tif (data.action === 'dismiss') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t} else if (data.action === 'render') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-content-drawer-render', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tcomponent: data.component,\n\t\t\t\t\t\t\ttitle: data.title,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t})\n\t}\n\n\tdimiss(ref: TRef) {\n\t\tthis.$drawer.next({\n\t\t\taction: 'dismiss',\n\t\t\tref: ref,\n\t\t})\n\t}\n\n\trender(ref: TRef, component: TRenderRequest, title?: string) {\n\t\tref.dispatchEvent(new CustomEvent('custom-event'))\n\t\tthis.$drawer.next({\n\t\t\taction: 'render',\n\t\t\tref: ref,\n\t\t\tcomponent: component,\n\t\t\ttitle,\n\t\t})\n\t}\n}\n\nexport const schmancyContentDrawer = new Drawer()\n","import { createContext } from '@lit/context'\nexport type TSchmancyContentDrawerSheetMode = 'push' | 'overlay'\nexport const SchmancyContentDrawerSheetMode = createContext<TSchmancyContentDrawerSheetMode>('push')\n\nexport type TSchmancyContentDrawerSheetState = 'open' | 'close'\nexport const SchmancyContentDrawerSheetState = createContext<TSchmancyContentDrawerSheetState>('close')\n\nexport const SchmancyContentDrawerID = createContext<string>(Math.floor(Math.random() * Date.now()).toString())\nexport const SchmancyContentDrawerMaxHeight = createContext<string>('100%')\nexport const SchmancyContentDrawerMinWidth = createContext<{\n\tmain: number\n\tsheet: number\n}>({})\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, merge, startWith, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, TRenderCustomEvent, area, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n/**\n * @element schmancy-content-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-content-drawer')\nexport class SchmancyContentDrawer extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t/**\n\t * The minimum width of the sheet\n\t * @attr\tminWidth\n\t * @type {number}\n\t * @memberof SchmancyContentDrawer\n\t */\n\n\t@provide({ context: SchmancyContentDrawerMinWidth })\n\tminWidth: typeof SchmancyContentDrawerMinWidth.__context__ = {\n\t\tmain: 360,\n\t\tsheet: 576,\n\t}\n\n\t/**\n\t * The state of the sheet\n\t * @attr open\n\t * @type {TSchmancyContentDrawerSheetState}\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetState })\n\t@property()\n\topen: TSchmancyContentDrawerSheetState\n\n\t/**\n\t * The mode of the sheet\n\t * @type {TSchmancyContentDrawerSheetMode}\n\t * @memberof SchmancyContentDrawer\n\t * @protected\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetMode })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@provide({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString()\n\n\t@provide({ context: SchmancyContentDrawerMaxHeight })\n\tmaxHeight = '100%'\n\n\t@queryAssignedElements({ flatten: true })\n\tassignedElements!: HTMLElement[]\n\tfirstUpdated(): void {\n\t\tmerge(fromEvent<CustomEvent>(window, 'resize'), fromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerResize))\n\t\t\t.pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\ttap(() => console.log(this.minWidth)),\n\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\tmap(width => width >= this.minWidth.main + this.minWidth.sheet),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.maxHeight = `${window.innerHeight - this.getOffsetTop(this) - 32}px`\n\t\t\t\t\tthis.style.setProperty('max-height', this.maxHeight)\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(lgScreen => {\n\t\t\t\tif (lgScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t/*\n\t\t * Listen to the toggle event\n\t\t */\n\t\tfromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerToggle)\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail.state),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\tthis.open = state\n\t\t\t})\n\n\t\tfromEvent<TRenderCustomEvent>(window, 'schmancy-content-drawer-render')\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(({ component, title }) => {\n\t\t\t\tif (this.mode === 'push') {\n\t\t\t\t\t// TODO: Fix the router to render if constructor has different arguments\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: 'empty',\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: component,\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t} else if ((this.mode = 'overlay')) {\n\t\t\t\t\tsheet.open({ component: component, uid: this.schmancyContentDrawerID, title })\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tgetOffsetTop(element) {\n\t\tlet offsetTop = 0\n\t\twhile (element) {\n\t\t\toffsetTop += element.offsetTop\n\t\t\telement = element.offsetParent\n\t\t}\n\t\treturn offsetTop\n\t}\n\n\tprotected render() {\n\t\tif (!this.mode || !this.open) return nothing\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.mode === 'overlay' ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer': SchmancyContentDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { PropertyValueMap, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyEvents } from '..'\nimport {\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetMode,\n} from './context'\nimport { when } from 'lit/directives/when.js'\n\n@customElement('schmancy-content-drawer-main')\nexport class SchmancyContentDrawerMain extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) this.drawerMinWidth.main = this.minWidth\n\t\telse this.minWidth = this.drawerMinWidth.main\n\t}\n\n\tprotected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\tsuper.update(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\tthis.drawerMinWidth.main = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t}\n\t}\n\n\trender() {\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"relative inset-0 h-full\">\n\t\t\t\t<schmancy-grid\n\t\t\t\t\tclass=\"h-full relative overflow-scroll\"\n\t\t\t\t\tcols=\"${this.mode === 'push' ? 'auto 1fr' : '1fr'}\"\n\t\t\t\t\trows=\"1fr\"\n\t\t\t\t\tflow=\"col\"\n\t\t\t\t\talign=\"stretch\"\n\t\t\t\t\tjustify=\"stretch\"\n\t\t\t\t>\n\t\t\t\t\t<section style=${this.styleMap(styles)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</section>\n\t\t\t\t</schmancy-grid>\n\t\t\t\t${when(\n\t\t\t\t\tthis.mode === 'push',\n\t\t\t\t\t() => html` <schmancy-divider class=\"absolute right-0 top-0\" orientation=\"vertical\"></schmancy-divider>`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-main': SchmancyContentDrawerMain\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { from, merge, Observable, of, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n// --- 1) Removed the custom animate import\n// import { animate } from '@packages/anime-beta-master'\n\n@customElement('schmancy-content-drawer-sheet')\nexport class SchmancyContentDrawerSheet extends $LitElement(css`\n\t:host {\n\t\toverflow: scroll;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerSheetState, subscribe: true })\n\t@state()\n\tstate: TSchmancyContentDrawerSheetState\n\n\t@consume({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID\n\n\t@query('#sheet') sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true, slot: undefined }) defaultSlot!: HTMLElement[]\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) {\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t} else {\n\t\t\tthis.minWidth = this.drawerMinWidth.sheet\n\t\t}\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\t// If the 'minWidth' property changed\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t} else if (changedProperties.has('state') || changedProperties.has('mode')) {\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\t// Overlay open logic if needed\n\t\t\t\t\t// this.open()\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tsheet.dismiss(this.schmancyContentDrawerID)\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\tthis.open()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Open the sheet by sliding it into view.\n\t */\n\topen() {\n\t\t// \"onBegin\" logic from the old `animate(...)`\n\t\tif (this.mode === 'overlay') {\n\t\t\tthis.sheet.style.position = 'fixed'\n\t\t} else {\n\t\t\tthis.sheet.style.position = 'relative'\n\t\t}\n\t\tthis.sheet.style.display = 'block'\n\n\t\t// --- 2) Use native Web Animations API ---\n\t\tthis.sheet.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'translateX(100%)' },\n\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 500,\n\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t},\n\t\t)\n\t\t// No return is needed if you don't rely on the result\n\t}\n\n\t/**\n\t * Close everything (modal sheet + the sheet itself).\n\t */\n\tcloseAll() {\n\t\t// Merge them into a single subscription,\n\t\t// so that everything closes in parallel.\n\t\tmerge(from(this.closeModalSheet()), from(this.closeSheet())).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\t/**\n\t * Dismiss the \"modal sheet.\"\n\t * This just returns an Observable that completes immediately.\n\t */\n\tcloseModalSheet() {\n\t\treturn of(true).pipe(tap(() => sheet.dismiss(this.schmancyContentDrawerID)))\n\t}\n\n\t/**\n\t * Slide the sheet out of view + hide it.\n\t * Return an Observable so we can merge it with other close operations.\n\t */\n\tcloseSheet() {\n\t\t// --- 2) Use native Web Animations API and wrap in an Observable ---\n\t\treturn new Observable<void>(observer => {\n\t\t\tconst animation = this.sheet.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(100%)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 500,\n\t\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\t// \"onComplete\" logic\n\t\t\t\tthis.sheet.style.display = 'none'\n\t\t\t\tobserver.next()\n\t\t\t\tobserver.complete()\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render() {\n\t\tconst sheetClasses = {\n\t\t\tblock: this.mode === 'push',\n\t\t\t'absolute z-50': this.mode === 'overlay',\n\t\t\t'opacity-1': this.mode === 'overlay' && this.state === 'open',\n\t\t}\n\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"sheet\" class=\"${this.classMap(sheetClasses)}\" style=${this.styleMap(styles)}>\n\t\t\t\t<schmancy-area name=\"${this.schmancyContentDrawerID}\">\n\t\t\t\t\t<slot name=\"placeholder\"></slot>\n\t\t\t\t</schmancy-area>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-sheet': SchmancyContentDrawerSheet\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { debounceTime, Subject } from 'rxjs'\n\nclass Drawer {\n\tprivate $drawer = new Subject<{\n\t\tself: HTMLElement\n\t\tstate: boolean\n\t}>()\n\tconstructor() {\n\t\tthis.$drawer.pipe(debounceTime(10)).subscribe(data => {\n\t\t\tif (data.state) {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t})\n\t}\n\topen(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: true,\n\t\t})\n\t}\n\tclose(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: false,\n\t\t})\n\t}\n}\n\nexport const schmancyNavDrawer = new Drawer()\nconst $drawer = schmancyNavDrawer\n\nexport { $drawer }\n","import { createContext } from '@lit/context'\nexport type TSchmancyDrawerNavbarMode = 'push' | 'overlay' | undefined\nexport const SchmancyDrawerNavbarMode = createContext<TSchmancyDrawerNavbarMode>('push')\n\nexport type TSchmancyDrawerNavbarState = 'open' | 'close' | undefined\nexport const SchmancyDrawerNavbarState = createContext<TSchmancyDrawerNavbarState>('close')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n} from '@schmancy/nav-drawer/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { SchmancyEvents } from '..'\n\n/**\n * @element schmancy-nav-drawer-appbar\n * @slot toggler - The toggler slot\n * @slot - The default slot\n */\n@customElement('schmancy-nav-drawer-appbar')\nexport class SchmancyDrawerAppbar extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tsidebarMode: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tsidebarOpen\n\n\t@property({ type: Boolean }) toggler = true\n\n\trender() {\n\t\tconst appbarClasses = {\n\t\t\t'block z-50': true,\n\t\t}\n\t\tconst sidebarToggler = {\n\t\t\t'block left-3 z-50': this.sidebarMode === 'overlay',\n\t\t\thidden: this.sidebarMode === 'push',\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.sidebarMode === 'overlay' && this.toggler ? 'auto 1fr' : '1fr'}\n\t\t\t\tflow=\"col\"\n\t\t\t\tclass=${this.classMap(appbarClasses)}\n\t\t\t\tgap=\"sm\"\n\t\t\t\talign=\"center\"\n\t\t\t>\n\t\t\t\t${when(\n\t\t\t\t\tthis.sidebarMode === 'overlay' && this.toggler,\n\t\t\t\t\t() =>\n\t\t\t\t\t\thtml`<slot name=\"toggler\">\n\t\t\t\t\t\t\t<div class=\"${this.classMap(sidebarToggler)}\">\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\t\t\t\t\t\t\tdetail: { state: this.sidebarOpen === 'open' ? 'close' : 'open' },\n\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\tthis.sidebarOpen === 'close',\n\t\t\t\t\t\t\t\t\t\t() => html`menu`,\n\t\t\t\t\t\t\t\t\t\t() => html`menu_open`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</slot>`,\n\t\t\t\t)}\n\n\t\t\t\t<slot> </slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-appbar': SchmancyDrawerAppbar\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-nav-drawer-content')\nexport class SchmancyNavigationDrawerContent extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\toverflow-y: auto;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'scroll')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tthis.parentElement.dispatchEvent(new CustomEvent('scroll', { detail: e, bubbles: true, composed: true }))\n\t\t\t})\n\t}\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-content': SchmancyNavigationDrawerContent\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents } from '..'\nimport { fullHeight } from './../directives/height'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n/**\n * @element schmancy-nav-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-nav-drawer')\nexport class SchmancyNavigationDrawer extends $LitElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\toverflow: hidden;\n\t\t/* Initially hide the component until it’s ready */\n\t\tvisibility: hidden;\n\t}\n\t/* Once the component is ready, remove the hidden style */\n\t:host([data-ready]) {\n\t\tvisibility: visible;\n\t}\n`) {\n\t// fullscreen property\n\t@property({ type: Boolean })\n\tfullscreen: boolean = false\n\n\t/**\n\t * The breakpoint for the sidebar based on Tailwind CSS breakpoints.\n\t * Accepts: \"sm\", \"md\", \"lg\", or \"xl\".\n\t *\n\t * The following default values are used:\n\t * - sm: 640px\n\t * - md: 768px (default)\n\t * - lg: 1024px\n\t * - xl: 1280px\n\t *\n\t * @attr breakpoint\n\t * @type {\"sm\" | \"md\" | \"lg\" | \"xl\"}\n\t */\n\t@property({ type: String, attribute: 'breakpoint' })\n\tbreakpoint: 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * Mapping of Tailwind breakpoint tokens to their numeric pixel values.\n\t */\n\tprivate static BREAKPOINTS: Record<'sm' | 'md' | 'lg' | 'xl', number> = {\n\t\tsm: 640,\n\t\tmd: 768,\n\t\tlg: 1024,\n\t\txl: 1280,\n\t}\n\n\t/**\n\t * The mode of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarMode })\n\t@state()\n\tmode: TSchmancyDrawerNavbarMode\n\n\t/**\n\t * The open/close state of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarState })\n\t@property()\n\topen: TSchmancyDrawerNavbarState\n\n\t/**\n\t * A flag indicating that the initial state has been set.\n\t */\n\t@state()\n\tprivate _initialized = false\n\n\t/**\n\t * In firstUpdated, we can safely read attribute-set properties.\n\t * We also initialize our state and subscribe to events.\n\t */\n\tfirstUpdated() {\n\t\t// Set the initial state based on the current window width.\n\t\tthis.updateState(window.innerWidth)\n\t\t// Mark the component as ready\n\t\tthis._initialized = true\n\t\tthis.setAttribute('data-ready', '')\n\n\t\t// Subscribe to window resize events.\n\t\tfromEvent(window, 'resize')\n\t\t\t.pipe(\n\t\t\t\t// Extract the inner width.\n\t\t\t\tmap(event => (event.target as Window).innerWidth),\n\t\t\t\t// Determine if we're above the breakpoint.\n\t\t\t\tmap(width => width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(isLargeScreen => {\n\t\t\t\tif (isLargeScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Listen to the custom toggle event.\n\t\tfromEvent(window, SchmancyEvents.NavDrawer_toggle)\n\t\t\t.pipe(\n\t\t\t\ttap((event: CustomEvent) => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap((event: CustomEvent) => event.detail.state),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdebounceTime(10),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\tconsole.log('Received toggle event:', state)\n\t\t\t\t// When in push mode, ignore a request to close the sidebar.\n\t\t\t\tif (this.mode === 'push' && state === 'close') return\n\t\t\t\tthis.open = state\n\t\t\t})\n\t}\n\n\t/**\n\t * Helper method to update state based on a given width.\n\t */\n\tprivate updateState(width: number) {\n\t\tconst isLargeScreen = width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]\n\t\tthis.mode = isLargeScreen ? 'push' : 'overlay'\n\t\tthis.open = isLargeScreen ? 'open' : 'close'\n\t}\n\n\tprotected render() {\n\t\t// Optionally, you can check _initialized here,\n\t\t// but the CSS will already hide the component until it's ready.\n\t\tif (!this._initialized) return nothing\n\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.fullscreen ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t\t${fullHeight()}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer': SchmancyNavigationDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { SchmancyEvents, SchmancyTheme, color } from '..'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n// Animation configuration constants.\nconst ANIMATION_EASING = 'cubic-bezier(0.5, 0.01, 0.25, 1)'\nconst OVERLAY_ANIM_DURATION_OPEN = 200\nconst OVERLAY_ANIM_DURATION_CLOSE = 150\nconst NAV_ANIM_DURATION = 200\n\n@customElement('schmancy-nav-drawer-navbar')\nexport class SchmancyNavigationDrawerSidebar extends $LitElement() {\n\t// Consume context values. Renamed from \"state\" to \"drawerState\" to avoid confusion.\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tmode!: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tdrawerState!: TSchmancyDrawerNavbarState\n\n\t@query('#overlay') overlay!: HTMLElement\n\t@query('nav') nav!: HTMLElement\n\n\t@property({ type: String }) width = '320px'\n\t@state() private _initialized = false\n\n\t/**\n\t * firstUpdated()\n\t * Set initial styles based on the current mode and consumed state.\n\t */\n\tfirstUpdated() {\n\t\tif (this.mode === 'overlay') {\n\t\t\tif (this.drawerState === 'close') {\n\t\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t\t\tthis.overlay.style.display = 'none'\n\t\t\t} else if (this.drawerState === 'open') {\n\t\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\t\tthis.overlay.style.display = 'block'\n\t\t\t\tthis.overlay.style.opacity = '0.4'\n\t\t\t}\n\t\t} else if (this.mode === 'push') {\n\t\t\t// In push mode, the nav is always visible and the overlay hidden.\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t\tthis._initialized = true\n\t}\n\n\t/**\n\t * updated()\n\t * Trigger animations when either the consumed mode or state changes.\n\t */\n\tupdated(changedProperties: Map<string, any>) {\n\t\tconsole.log(this._initialized, changedProperties)\n\t\tif (!this._initialized) return\n\n\t\tif (changedProperties.has('drawerState') || changedProperties.has('mode')) {\n\t\t\tconsole.log('State updated:', this.drawerState, this.mode)\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.drawerState === 'open') {\n\t\t\t\t\t// Animate only if the nav isn’t already open.\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\t\tthis.openOverlay()\n\t\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t\t}\n\t\t\t\t} else if (this.drawerState === 'close') {\n\t\t\t\t\tconsole.log(this.nav.style.transform)\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(-100%)') {\n\t\t\t\t\t\tthis.hideNavDrawer()\n\t\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t}\n\t\t\t\tif (this.overlay.style.display !== 'none') {\n\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Animate the overlay to fade in.\n\t */\n\topenOverlay() {\n\t\tthis.overlay.style.display = 'block'\n\t\tthis.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_OPEN,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t}\n\n\t/**\n\t * Animate the overlay to fade out, then hide it.\n\t */\n\tcloseOverlay() {\n\t\tconst animation = this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_CLOSE,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t}\n\tshowNavDrawer() {\n\t\t// Use computed style if needed, but here we directly update inline style after animation.\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(-100%)' }, { transform: 'translateX(0)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t}\n\t}\n\n\thideNavDrawer() {\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(-100%)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t}\n\t}\n\n\t/**\n\t * Handle overlay click events by dispatching a custom event\n\t * to close the navigation drawer.\n\t */\n\tprivate handleOverlayClick() {\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\tdetail: { state: 'close' },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected render() {\n\t\tconst sidebarClasses = {\n\t\t\t'p-[16px] max-w-[360px] w-fit h-full overflow-auto': true,\n\t\t\tblock: this.mode === 'push',\n\t\t\t'fixed inset-0 z-50': this.mode === 'overlay',\n\t\t}\n\t\tconst overlayClass = {\n\t\t\t'fixed inset-0 z-49 hidden': true,\n\t\t}\n\t\tconst styleMap = {\n\t\t\twidth: this.width,\n\t\t}\n\n\t\treturn html`\n\t\t\t<nav\n\t\t\t\tstyle=${this.styleMap(styleMap)}\n\t\t\t\tclass=\"${this.classMap({ ...sidebarClasses })}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</nav>\n\t\t\t<div\n\t\t\t\tid=\"overlay\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.scrim,\n\t\t\t\t})}\n\t\t\t\t@click=${this.handleOverlayClick}\n\t\t\t\tclass=\"${this.classMap({ ...overlayClass })}\"\n\t\t\t></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-navbar': SchmancyNavigationDrawerSidebar\n\t}\n}\n","import { bufferTime, concatMap, filter, fromEvent, map, of, Subject, take, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from './teleport.component'\n\nexport type WhereAreYouRickyEvent = CustomEvent<{\n\tid: string\n\tcallerID: number\n}>\n\nexport const WhereAreYouRicky = 'whereAreYouRicky'\n\nexport type HereMortyEvent = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nexport type FLIP_REQUEST = {\n\tfrom: {\n\t\trect: DOMRect\n\t\telement?: HTMLElement\n\t}\n\tto: {\n\t\trect: DOMRect\n\t\telement: HTMLElement\n\t}\n\tstagger?: number\n\thost: HTMLElement\n}\nexport const HereMorty = 'hereMorty'\n\nclass Teleportation {\n\tactiveTeleportations = new Map<string, DOMRect>()\n\tflipRequests = new Subject<FLIP_REQUEST>()\n\n\tconstructor() {\n\t\tthis.flipRequests\n\t\t\t.pipe(\n\t\t\t\tbufferTime(1),\n\t\t\t\tmap(requests =>\n\t\t\t\t\trequests.map(({ from, to, host }, i) => ({\n\t\t\t\t\t\tfrom,\n\t\t\t\t\t\tto,\n\t\t\t\t\t\thost,\n\t\t\t\t\t\ti,\n\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t\tconcatMap(requests => zip(requests.map(request => of(this.flip(request))))),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tfind = (component: SchmancyTeleportation) => {\n\t\treturn zip([\n\t\t\tfromEvent<HereMortyEvent>(window, HereMorty).pipe(\n\t\t\t\tfilter(\n\t\t\t\t\te =>\n\t\t\t\t\t\t!!e.detail.component.uuid &&\n\t\t\t\t\t\t!!component.id &&\n\t\t\t\t\t\te.detail.component.id === component.id &&\n\t\t\t\t\t\te.detail.component.uuid !== component.uuid,\n\t\t\t\t),\n\t\t\t\tmap(e => e.detail.component),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\tof(component).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent<WhereAreYouRickyEvent['detail']>(WhereAreYouRicky, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tid: component.id,\n\t\t\t\t\t\t\t\tcallerID: component.uuid,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(0),\n\t\t)\n\t}\n\n\tflip = (request: {\n\t\tfrom: {\n\t\t\trect: DOMRect\n\t\t}\n\t\tto: {\n\t\t\telement: HTMLElement\n\t\t\trect: DOMRect\n\t\t}\n\t\thost: HTMLElement\n\t\ti: number\n\t}) => {\n\t\tconst { from, to } = request\n\n\t\t// Prepare the element for animation\n\t\tconst originalZIndex = to.element.style.zIndex\n\t\tto.element.style.transformOrigin = 'top left'\n\t\tto.element.style.setProperty('visibility', 'visible')\n\t\tto.element.style.zIndex = '1000'\n\n\t\t// \"onBegin\" logic goes here (since Web Animations doesn't have onBegin).\n\t\t// If you had more logic, place it here:\n\t\t// e.g., console.log('Starting FLIP animation...');\n\n\t\t// Calculate starting and ending transforms\n\t\tconst startX = from.rect.left - to.rect.left\n\t\tconst startY = from.rect.top - to.rect.top\n\t\tconst startScaleX = from.rect.width / to.rect.width\n\t\tconst startScaleY = from.rect.height / to.rect.height\n\n\t\t// Create keyframes\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\ttransform: `translate(${startX}px, ${startY}px) scale(${startScaleX}, ${startScaleY})`,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: 'translate(0, 0) scale(1, 1)',\n\t\t\t},\n\t\t]\n\n\t\t// Use native Web Animations API\n\t\tconst animation = to.element.animate(keyframes, {\n\t\t\tduration: 250,\n\t\t\tdelay: 10, // if desired\n\t\t\t// Approximate 'inOutQuad' via a cubic-bezier easing.\n\t\t\t// You can adjust these values to taste, or use a standard one:\n\t\t\teasing: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n\t\t\t// or simply 'ease-in-out'\n\t\t})\n\n\t\t// \"onComplete\" logic goes here\n\t\tanimation.onfinish = () => {\n\t\t\tto.element.style.zIndex = originalZIndex\n\t\t\tto.element.style.transformOrigin = ''\n\t\t\t// If you have additional cleanup, place it here\n\t\t\t// e.g., console.log('FLIP animation completed!');\n\t\t}\n\t}\n}\n\nexport const teleport = new Teleportation()\nexport default teleport\n","import { Observable, interval } from 'rxjs'\nimport { distinctUntilChanged, map, take } from 'rxjs/operators'\n\n// Function to monitor element's bounding client rect\nexport function watchElementRect(element: Element): Observable<DOMRectReadOnly> {\n\treturn interval(50).pipe(\n\t\t// startWith(true),\n\t\tmap(() => element.getBoundingClientRect()),\n\t\tdistinctUntilChanged(\n\t\t\t(prev, curr) =>\n\t\t\t\tprev.width === curr.width &&\n\t\t\t\tprev.height === curr.height &&\n\t\t\t\tprev.top === curr.top &&\n\t\t\t\tprev.right === curr.right &&\n\t\t\t\tprev.bottom === curr.bottom &&\n\t\t\t\tprev.left === curr.left,\n\t\t),\n\t\ttake(1),\n\t)\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { filter, fromEvent, merge, of, takeUntil, tap, throwIfEmpty } from 'rxjs'\nimport { FINDING_MORTIES, FINDING_MORTIES_EVENT, HERE_RICKY, HERE_RICKY_EVENT } from '..'\nimport {\n\tHereMorty,\n\tHereMortyEvent,\n\tWhereAreYouRicky,\n\tWhereAreYouRickyEvent,\n\tdefault as teleport,\n\tdefault as teleportationService,\n} from './teleport.service'\nimport { watchElementRect } from './watcher'\nimport { $LitElement } from '@mixins/index'\n@customElement('schmancy-teleport')\nexport class SchmancyTeleportation extends $LitElement(css``) {\n\t/**\n\t * @attr {string} uuid - The component tag to teleport\n\t * @readonly\n\t */\n\t@property({ type: Number, reflect: true }) uuid = Math.floor(Math.random() * Date.now())\n\n\t/**\n\t * @attr {string} id - The component tag to teleport\n\t * @required\n\t */\n\t@property({ type: String }) id!: string\n\n\t@property({ type: Number }) delay = 0\n\n\tdebugging = import.meta.env.DEV ? true : false\n\n\tget _slottedChildren() {\n\t\tconst slot = this.shadowRoot.querySelector('slot')\n\t\treturn slot.assignedElements({ flatten: true })\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (this.id === undefined) throw new Error('id is required')\n\t\tsuper.connectedCallback()\n\t\tmerge(\n\t\t\tfromEvent<FINDING_MORTIES_EVENT>(window, FINDING_MORTIES).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\tnew CustomEvent<HERE_RICKY_EVENT['detail']>(HERE_RICKY, {\n\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t)\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<WhereAreYouRickyEvent>(window, WhereAreYouRicky).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: e => {\n\t\t\t\t\t\tif (e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid) {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent<HereMortyEvent['detail']>(HereMorty, {\n\t\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tasync firstUpdated() {\n\t\tof(teleportationService.activeTeleportations.get(this.id))\n\t\t\t.pipe(\n\t\t\t\tfilter(a => !!a),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tthrowIfEmpty(),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: domRect => {\n\t\t\t\t\tconsole.count('teleport')\n\t\t\t\t\tthis.style.setProperty('visibility', 'hidden')\n\t\t\t\t\t// teleport.flipRequests.next({ from: component, to: this, stagger: 0 })\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\t// console.log(e)\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t\tteleport.flipRequests.next({\n\t\t\t\t\t\t\t\t\tfrom: {\n\t\t\t\t\t\t\t\t\t\trect: domRect,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tto: {\n\t\t\t\t\t\t\t\t\t\trect: e,\n\t\t\t\t\t\t\t\t\t\telement: this._slottedChildren[0] as HTMLElement,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\thost: this,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\terror: () => {\n\t\t\t\t\tthis.style.setProperty('visibility', 'visible')\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tcomplete: () => {},\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-teleport': SchmancyTeleportation\n\t}\n}\n"],"names":["SchmancyCardMedia","TailwindElement","css","html","customElement","SchmancyCard","super","arguments","this","type","elevation","classes","includes","classMap","__decorateClass","property","prototype","Number","SchmancyCardContent","render","onSurface","SchmancyTheme","sys","color","surface","on","onSurfaceVariant","onVariant","src","fit","styleMap","height","String","reflect","schmancyContentDrawer","constructor","$drawer","Subject","pipe","subscribe","data","action","ref","dispatchEvent","CustomEvent","SchmancyEvents","ContentDrawerToggle","detail","state","bubbles","composed","component","title","next","e","SchmancyContentDrawerSheetMode","createContext","SchmancyContentDrawerSheetState","SchmancyContentDrawerID","Math","floor","random","Date","now","toString","SchmancyContentDrawerMaxHeight","SchmancyContentDrawerMinWidth","SchmancyContentDrawer","$LitElement","minWidth","main","sheet","schmancyContentDrawerID","maxHeight","merge","fromEvent","window","ContentDrawerResize","startWith","tap","map","clientWidth","innerWidth","width","debounceTime","innerHeight","getOffsetTop","style","setProperty","distinctUntilChanged","takeUntil","disconnecting","lgScreen","mode","open","event","stopPropagation","area","push","historyStrategy","uid","element","offsetTop","offsetParent","nothing","provide","context","queryAssignedElements","flatten","SchmancyContentDrawerMain","connectedCallback","drawerMinWidth","changedProperties","update","has","styles","when","consume","SchmancyContentDrawerSheet","updated","closeAll","dismiss","position","display","animate","opacity","transform","duration","easing","from","closeModalSheet","closeSheet","of","Observable","observer","onfinish","complete","sheetClasses","block","query","slot","undefined","schmancyNavDrawer","NavDrawer_toggle","self","SchmancyDrawerNavbarMode","SchmancyDrawerNavbarState","SchmancyDrawerAppbar","toggler","sidebarToggler","sidebarMode","hidden","sidebarOpen","Boolean","SchmancyNavigationDrawerContent","parentElement","SchmancyNavigationDrawer","fullscreen","breakpoint","_initialized","firstUpdated","updateState","setAttribute","target","BREAKPOINTS","isLargeScreen","fullHeight","sm","md","lg","xl","attribute","ANIMATION_EASING","SchmancyNavigationDrawerSidebar","drawerState","nav","overlay","openOverlay","showNavDrawer","hideNavDrawer","closeOverlay","fill","handleOverlayClick","sidebarClasses","bgColor","container","scrim","WhereAreYouRicky","HereMorty","teleport","activeTeleportations","Map","flipRequests","find","zip","filter","uuid","id","take","callerID","timeout","flip","request","to","originalZIndex","zIndex","transformOrigin","keyframes","rect","left","top","delay","bufferTime","requests","host","i","concatMap","watchElementRect","interval","getBoundingClientRect","prev","curr","right","bottom","SchmancyTeleportation","debugging","shadowRoot","querySelector","assignedElements","Error","FINDING_MORTIES","HERE_RICKY","teleportationService","get","a","throwIfEmpty","domRect","set","_slottedChildren","error"],"mappings":"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"}
|
package/dist/teleport.js
CHANGED
package/package.json
CHANGED
|
@@ -23,7 +23,6 @@ export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
|
|
|
23
23
|
private readonly searchTerm$;
|
|
24
24
|
private startY;
|
|
25
25
|
connectedCallback(): void;
|
|
26
|
-
disconnectedCallback(): void;
|
|
27
26
|
firstUpdated(): void;
|
|
28
27
|
protected updated(changedProps: Map<string | number | symbol, unknown>): void;
|
|
29
28
|
/**
|
|
@@ -16,8 +16,6 @@ type EventDetails = {
|
|
|
16
16
|
export type SchmancyInputInputEvent = CustomEvent<EventDetails>;
|
|
17
17
|
export type SchmancyInputChangeEvent = CustomEvent<EventDetails>;
|
|
18
18
|
export type SchmancyInputEnterEvent = CustomEvent<EventDetails>;
|
|
19
|
-
/** Common autocomplete/autofill hints. Extend as needed. */
|
|
20
|
-
type AutoFill = 'on' | 'off' | 'name' | 'username' | 'email' | 'new-password' | 'current-password' | 'organization-title' | 'none';
|
|
21
19
|
declare const SchmancyInput_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
|
|
22
20
|
export default class SchmancyInput extends SchmancyInput_base {
|
|
23
21
|
/** If user does NOT set `id`, we'll autogenerate one. */
|
|
@@ -31,7 +29,7 @@ export default class SchmancyInput extends SchmancyInput_base {
|
|
|
31
29
|
/**
|
|
32
30
|
* The type of input. (e.g. 'text', 'password', 'email', etc.)
|
|
33
31
|
*/
|
|
34
|
-
type: '
|
|
32
|
+
type: HTMLInputElement['type'];
|
|
35
33
|
/**
|
|
36
34
|
* Name attribute (for form submissions). By default, a unique fallback.
|
|
37
35
|
*/
|