@mhmo91/schmancy 0.2.44 → 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.
- 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 +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/select-CV5sua6X.cjs.map +1 -1
- package/dist/select-DOuDb1OD.js.map +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-C_FhEBDr.js → teleport.component-BwflD2xY.js} +106 -106
- package/dist/teleport.component-BwflD2xY.js.map +1 -0
- package/dist/{teleport.component-KeTZiEjM.cjs → teleport.component-D8OSIPGk.cjs} +15 -15
- package/dist/teleport.component-D8OSIPGk.cjs.map +1 -0
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/types/src/select/select.d.ts +5 -0
- package/dist/teleport.component-C_FhEBDr.js.map +0 -1
- package/dist/teleport.component-KeTZiEjM.cjs.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { css as g, html as n, nothing as
|
|
2
|
-
import { customElement as
|
|
3
|
-
import { Subject as
|
|
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
|
|
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,7 +19,7 @@ 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
|
|
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";
|
|
@@ -27,13 +27,13 @@ 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
|
|
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
|
|
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
|
|
48
|
-
var
|
|
49
|
-
let
|
|
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
|
-
|
|
59
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
60
|
-
return o && s &&
|
|
61
|
-
})([
|
|
62
|
-
var
|
|
63
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
64
|
-
return o && 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
|
-
|
|
78
|
-
var
|
|
79
|
-
let
|
|
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
|
-
|
|
106
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
107
|
-
return o && s &&
|
|
108
|
-
})([
|
|
109
|
-
var
|
|
110
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
111
|
-
return o && 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
|
-
|
|
129
|
-
const
|
|
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
|
|
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
|
-
}(),
|
|
142
|
-
var
|
|
143
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
144
|
-
return o && 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
|
-
|
|
159
|
-
}), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), f((t) => t >= this.minWidth.main + this.minWidth.sheet),
|
|
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
|
-
}),
|
|
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),
|
|
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),
|
|
170
|
-
this.mode === "push" ? (
|
|
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
|
-
` :
|
|
189
|
+
` : lt;
|
|
190
190
|
}
|
|
191
191
|
};
|
|
192
|
-
D([$({ context:
|
|
193
|
-
var
|
|
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 &&
|
|
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
|
-
${
|
|
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:
|
|
231
|
-
var
|
|
232
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
233
|
-
return o && 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" && (
|
|
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
|
-
|
|
250
|
+
J(st(this.closeModalSheet()), st(this.closeSheet())).pipe(d(this.disconnecting)).subscribe();
|
|
251
251
|
}
|
|
252
252
|
closeModalSheet() {
|
|
253
|
-
return
|
|
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:
|
|
274
|
-
const
|
|
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
|
|
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
|
-
}(),
|
|
287
|
-
var
|
|
288
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
289
|
-
return o && 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
|
-
${
|
|
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
|
-
${
|
|
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:
|
|
327
|
-
var
|
|
328
|
-
let
|
|
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(
|
|
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
|
-
|
|
346
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
347
|
-
return o && s &&
|
|
348
|
-
})([
|
|
349
|
-
var
|
|
350
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
351
|
-
return o && 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]),
|
|
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),
|
|
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
|
-
${
|
|
390
|
+
${Wt()}
|
|
391
391
|
>
|
|
392
392
|
<slot></slot>
|
|
393
393
|
</schmancy-grid>
|
|
394
|
-
` :
|
|
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:
|
|
398
|
-
var
|
|
399
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
400
|
-
return o && 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:
|
|
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
|
|
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),
|
|
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(
|
|
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
|
|
469
|
-
return
|
|
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
|
|
472
|
-
for (var r, s = o > 1 ? void 0 : o ?
|
|
473
|
-
return o && 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(),
|
|
485
|
-
this.dispatchEvent(new CustomEvent(
|
|
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(
|
|
488
|
+
} }))).pipe(d(this.disconnecting)).subscribe();
|
|
489
489
|
}
|
|
490
490
|
async firstUpdated() {
|
|
491
|
-
|
|
492
|
-
this.style.setProperty("visibility", "hidden"),
|
|
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"),
|
|
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([
|
|
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
|
-
|
|
508
|
+
Je as $,
|
|
509
509
|
bt as H,
|
|
510
|
-
|
|
510
|
+
L as S,
|
|
511
511
|
ut as W,
|
|
512
512
|
mt as a,
|
|
513
513
|
yt as b,
|
|
514
|
-
|
|
515
|
-
|
|
514
|
+
Q as c,
|
|
515
|
+
Z 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
|
+
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
|
-
|
|
527
|
+
Ge as s,
|
|
528
528
|
H as t
|
|
529
529
|
};
|
|
530
|
-
//# sourceMappingURL=teleport.component-
|
|
530
|
+
//# sourceMappingURL=teleport.component-BwflD2xY.js.map
|