@mhmo91/schmancy 0.5.45 → 0.5.47
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/ai/content-drawer.md +101 -160
- package/ai/sheet.md +32 -47
- package/dist/ai/content-drawer.md +101 -160
- package/dist/ai/sheet.md +32 -47
- package/dist/area.component-DAPQYHtN.cjs.map +1 -1
- package/dist/area.component-DUGxsL2-.js.map +1 -1
- package/dist/{avatar-C6l64slz.js → avatar-hoEk1kwv.js} +56 -61
- package/dist/avatar-hoEk1kwv.js.map +1 -0
- package/dist/{avatar-wheGmG83.cjs → avatar-hzSHTXXv.cjs} +8 -8
- package/dist/avatar-hzSHTXXv.cjs.map +1 -0
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{email-recipients-C-5ER5TU.js → email-recipients-DPpv0qRr.js} +4 -4
- package/dist/email-recipients-DPpv0qRr.js.map +1 -0
- package/dist/{email-recipients-DRxGI7gT.cjs → email-recipients-Uogc-X_3.cjs} +3 -3
- package/dist/email-recipients-Uogc-X_3.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +4 -4
- package/dist/mailbox.cjs +1 -1
- package/dist/mailbox.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/{sheet-vJ5lJw8A.cjs → sheet-CcVGEdfr.cjs} +10 -6
- package/dist/sheet-CcVGEdfr.cjs.map +1 -0
- package/dist/{sheet-PXddkPIR.js → sheet-D5-XmZs5.js} +36 -28
- package/dist/sheet-D5-XmZs5.js.map +1 -0
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/sheet.service-C66WNur0.js +80 -0
- package/dist/sheet.service-C66WNur0.js.map +1 -0
- package/dist/sheet.service-iUShtJp1.cjs +2 -0
- package/dist/sheet.service-iUShtJp1.cjs.map +1 -0
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/types/src/area/router.types.d.ts +5 -1
- package/types/src/content-drawer/drawer.service.d.ts +18 -6
- package/types/src/mailbox/email-editor.d.ts +1 -1
- package/types/src/sheet/sheet.service.d.ts +2 -11
- package/dist/avatar-C6l64slz.js.map +0 -1
- package/dist/avatar-wheGmG83.cjs.map +0 -1
- package/dist/email-recipients-C-5ER5TU.js.map +0 -1
- package/dist/email-recipients-DRxGI7gT.cjs.map +0 -1
- package/dist/sheet-PXddkPIR.js.map +0 -1
- package/dist/sheet-vJ5lJw8A.cjs.map +0 -1
- package/dist/sheet.service-BxvWBGsJ.cjs +0 -2
- package/dist/sheet.service-BxvWBGsJ.cjs.map +0 -1
- package/dist/sheet.service-lXqUf6n5.js +0 -87
- package/dist/sheet.service-lXqUf6n5.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { css as w, html as c, nothing as bt } from "lit";
|
|
2
2
|
import { property as l, customElement as p, state as h, queryAssignedElements as ft, query as tt } from "lit/decorators.js";
|
|
3
|
-
import { Subject as ot, merge as Q, fromEvent as d, startWith as
|
|
3
|
+
import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, debounceTime as G, map as g, distinctUntilChanged as et, tap as O, takeUntil as m, from as ht, of as J, Observable as Dt, BehaviorSubject as gt, timer as It, zip as pt, filter as vt, take as zt, timeout as Mt, bufferTime as jt, concatMap as Pt, interval as Rt, throwIfEmpty as Wt } from "rxjs";
|
|
4
4
|
import "./animated-text-CCfSintu.js";
|
|
5
5
|
import { a as Ht, F as Lt, H as Bt } from "./area.component-DUGxsL2-.js";
|
|
6
6
|
import "./autocomplete-Dcw5go_X.js";
|
|
7
|
-
import { tap as B, takeUntil as j, filter as V, throttleTime as
|
|
7
|
+
import { tap as B, takeUntil as j, filter as V, throttleTime as Nt, map as wt, pairwise as Tt, distinctUntilChanged as At, take as _t } from "rxjs/operators";
|
|
8
8
|
import "lit/directives/class-map.js";
|
|
9
9
|
import "lit/directives/style-map.js";
|
|
10
10
|
import { T as Z } from "./tailwind.mixin-Cx1vOdFr.js";
|
|
@@ -20,7 +20,7 @@ import "./input-chip-DT7Zln32.js";
|
|
|
20
20
|
import "./code-preview-DmYqwM0J.js";
|
|
21
21
|
import "./payment-card-form-S9DUk7kb.js";
|
|
22
22
|
import { SchmancyEvents as v } from "./types.js";
|
|
23
|
-
import { n as
|
|
23
|
+
import { n as N, e as L } from "./provide-tcktw8xB.js";
|
|
24
24
|
import { $ as R } from "./litElement.mixin-DLWHaMp5.js";
|
|
25
25
|
import { c as u } from "./consume-5D1qfVWM.js";
|
|
26
26
|
import "./date-range-D5kBOyG0.js";
|
|
@@ -37,7 +37,7 @@ import "./icon-BAE9GvxI.js";
|
|
|
37
37
|
import "./input-Db0akZJI.js";
|
|
38
38
|
import "./flex-BeghKdy8.js";
|
|
39
39
|
import "./list-D5CL0Hmr.js";
|
|
40
|
-
import "./email-recipients-
|
|
40
|
+
import "./email-recipients-DPpv0qRr.js";
|
|
41
41
|
import "./map-BgWSgSOf.js";
|
|
42
42
|
import "./menu-DqRauRjT.js";
|
|
43
43
|
import { when as st } from "lit/directives/when.js";
|
|
@@ -48,8 +48,8 @@ import "./progress-DtJc6jWJ.js";
|
|
|
48
48
|
import "./radio-button-aKwgu1bt.js";
|
|
49
49
|
import "./index-CW6PhEkx.js";
|
|
50
50
|
import "./select-Bq_CyEe1.js";
|
|
51
|
-
import "./sheet-
|
|
52
|
-
import { s as it } from "./sheet.service-
|
|
51
|
+
import "./sheet-D5-XmZs5.js";
|
|
52
|
+
import { s as it } from "./sheet.service-C66WNur0.js";
|
|
53
53
|
import "./slider-CSC7AOPU.js";
|
|
54
54
|
import "./schmancy-steps-container-D5sbskLl.js";
|
|
55
55
|
import "./context-create-DCiujzV2.js";
|
|
@@ -64,7 +64,7 @@ import "./tree-Cum3Na-a.js";
|
|
|
64
64
|
import "./typewriter-DTcmDBnt.js";
|
|
65
65
|
import "./typography-BLHV8e7O.js";
|
|
66
66
|
import { S as r } from "./theme.interface-BLfE5J_1.js";
|
|
67
|
-
var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor,
|
|
67
|
+
var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, M = (t, e, s, o) => {
|
|
68
68
|
for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
69
69
|
return o && i && Xt(e, s, i), i;
|
|
70
70
|
};
|
|
@@ -157,13 +157,13 @@ let k = class extends Z(w`
|
|
|
157
157
|
`;
|
|
158
158
|
}
|
|
159
159
|
};
|
|
160
|
-
|
|
160
|
+
M([l({ type: String, reflect: !0 })], k.prototype, "color", 2), M([l({ type: String, reflect: !0 })], k.prototype, "size", 2), M([l({ type: String, reflect: !0 })], k.prototype, "shape", 2), M([l({ type: Boolean, reflect: !0 })], k.prototype, "outlined", 2), M([l({ type: String })], k.prototype, "icon", 2), M([l({ type: Boolean, reflect: !0 })], k.prototype, "pulse", 2), k = M([p("schmancy-badge")], k);
|
|
161
161
|
let ut = class extends k {
|
|
162
162
|
};
|
|
163
|
-
ut =
|
|
164
|
-
const
|
|
163
|
+
ut = M([p("sch-badge")], ut);
|
|
164
|
+
const Os = new class {
|
|
165
165
|
constructor() {
|
|
166
|
-
this.$drawer = new ot(), this
|
|
166
|
+
this.$drawer = new ot(), this.$drawer.pipe().subscribe((t) => {
|
|
167
167
|
switch (t.action) {
|
|
168
168
|
case "dismiss":
|
|
169
169
|
this.dispatchToggleEvent(t.ref, "close");
|
|
@@ -188,27 +188,22 @@ const Es = new class {
|
|
|
188
188
|
render(t, e, s) {
|
|
189
189
|
t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: s });
|
|
190
190
|
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
return e && typeof e == "object" && "default" in e ? new e.default() : e instanceof HTMLElement ? e : new e();
|
|
201
|
-
} catch {
|
|
202
|
-
return null;
|
|
203
|
-
}
|
|
204
|
-
return null;
|
|
191
|
+
handlePush(t, e, s, o, n) {
|
|
192
|
+
this.dispatchToggleEvent(t, "open"), this.dispatchRenderEvent(t, e, void 0, s, o, n);
|
|
193
|
+
}
|
|
194
|
+
push(t) {
|
|
195
|
+
const e = this.normalizeOptions(t);
|
|
196
|
+
this.$drawer.next({ action: "push", ref: window, ...e });
|
|
197
|
+
}
|
|
198
|
+
normalizeOptions(t) {
|
|
199
|
+
return typeof t == "object" && t !== null && "component" in t ? t : { component: t };
|
|
205
200
|
}
|
|
206
|
-
}(), rt =
|
|
201
|
+
}(), rt = N("push"), xt = N("close"), $t = N(Math.floor(Math.random() * Date.now()).toString()), nt = N("100%"), at = N({});
|
|
207
202
|
var Kt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, W = (t, e, s, o) => {
|
|
208
203
|
for (var n, i = o > 1 ? void 0 : o ? Ft(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
209
204
|
return o && i && Kt(e, s, i), i;
|
|
210
205
|
};
|
|
211
|
-
let
|
|
206
|
+
let E = class extends R(w`
|
|
212
207
|
:host {
|
|
213
208
|
position: relative;
|
|
214
209
|
inset: 0;
|
|
@@ -223,15 +218,15 @@ let O = class extends R(w`
|
|
|
223
218
|
this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
|
|
224
219
|
}
|
|
225
220
|
setupResizeListener() {
|
|
226
|
-
Q(d(window, "resize"), d(window, v.ContentDrawerResize)).pipe(
|
|
221
|
+
Q(d(window, "resize"), d(window, v.ContentDrawerResize)).pipe(Et(!0), G(100), g(() => this.clientWidth || window.innerWidth), g((t) => t >= this.minWidth.main + this.minWidth.sheet), et(), O(() => this.updateMaxHeight()), m(this.disconnecting)).subscribe((t) => this.updateMode(t));
|
|
227
222
|
}
|
|
228
223
|
setupToggleListener() {
|
|
229
|
-
d(window, v.ContentDrawerToggle).pipe(
|
|
224
|
+
d(window, v.ContentDrawerToggle).pipe(O((t) => t.stopPropagation()), g((t) => t.detail.state), m(this.disconnecting)).subscribe((t) => {
|
|
230
225
|
this.open = t;
|
|
231
226
|
});
|
|
232
227
|
}
|
|
233
228
|
setupRenderListener() {
|
|
234
|
-
d(window, "schmancy-content-drawer-render").pipe(
|
|
229
|
+
d(window, "schmancy-content-drawer-render").pipe(O((t) => t.stopPropagation()), g((t) => t.detail), m(this.disconnecting)).subscribe((t) => this.handleRender(t));
|
|
235
230
|
}
|
|
236
231
|
updateMaxHeight() {
|
|
237
232
|
this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
|
|
@@ -240,7 +235,7 @@ let O = class extends R(w`
|
|
|
240
235
|
t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
|
|
241
236
|
}
|
|
242
237
|
handleRender(t) {
|
|
243
|
-
this.mode === "push" ? Ht.push({ area: this.schmancyContentDrawerID, component: t.component, historyStrategy: "silent", state: t.state, params: t.params, props: t.props }) : this.mode === "overlay" && it.open({ component: t.component, uid: this.schmancyContentDrawerID
|
|
238
|
+
this.mode === "push" ? Ht.push({ area: this.schmancyContentDrawerID, component: t.component, historyStrategy: "silent", state: t.state, params: t.params, props: t.props }) : this.mode === "overlay" && it.open({ component: t.component, uid: this.schmancyContentDrawerID });
|
|
244
239
|
}
|
|
245
240
|
getOffsetTop(t) {
|
|
246
241
|
let e = 0;
|
|
@@ -257,12 +252,12 @@ let O = class extends R(w`
|
|
|
257
252
|
`;
|
|
258
253
|
}
|
|
259
254
|
};
|
|
260
|
-
W([L({ context: at })],
|
|
255
|
+
W([L({ context: at })], E.prototype, "minWidth", 2), W([L({ context: xt }), l()], E.prototype, "open", 2), W([L({ context: rt }), h()], E.prototype, "mode", 2), W([L({ context: $t })], E.prototype, "schmancyContentDrawerID", 2), W([L({ context: nt })], E.prototype, "maxHeight", 2), W([ft({ flatten: !0 })], E.prototype, "assignedElements", 2), E = W([p("schmancy-content-drawer")], E);
|
|
261
256
|
var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, _ = (t, e, s, o) => {
|
|
262
257
|
for (var n, i = o > 1 ? void 0 : o ? Vt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
263
258
|
return o && i && Yt(e, s, i), i;
|
|
264
259
|
};
|
|
265
|
-
let
|
|
260
|
+
let T = class extends R(w`
|
|
266
261
|
:host {
|
|
267
262
|
display: block;
|
|
268
263
|
overflow: hidden;
|
|
@@ -288,7 +283,7 @@ let N = class extends R(w`
|
|
|
288
283
|
`;
|
|
289
284
|
}
|
|
290
285
|
};
|
|
291
|
-
_([l({ type: Number })],
|
|
286
|
+
_([l({ type: Number })], T.prototype, "minWidth", 2), _([u({ context: at, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), _([u({ context: rt, subscribe: !0 }), h()], T.prototype, "mode", 2), _([u({ context: nt, subscribe: !0 }), h()], T.prototype, "maxHeight", 2), T = _([p("schmancy-content-drawer-main")], T);
|
|
292
287
|
var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, x = (t, e, s, o) => {
|
|
293
288
|
for (var n, i = o > 1 ? void 0 : o ? Jt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
294
289
|
return o && i && Gt(e, s, i), i;
|
|
@@ -311,7 +306,7 @@ let y = class extends R(w`
|
|
|
311
306
|
Q(ht(this.closeModalSheet()), ht(this.closeSheet())).pipe(m(this.disconnecting)).subscribe();
|
|
312
307
|
}
|
|
313
308
|
closeModalSheet() {
|
|
314
|
-
return J(!0).pipe(
|
|
309
|
+
return J(!0).pipe(O(() => it.dismiss(this.schmancyContentDrawerID)));
|
|
315
310
|
}
|
|
316
311
|
closeSheet() {
|
|
317
312
|
return new Dt((t) => {
|
|
@@ -344,7 +339,7 @@ const Qt = new class {
|
|
|
344
339
|
close(t) {
|
|
345
340
|
this.$drawer.next({ self: t, state: !1 });
|
|
346
341
|
}
|
|
347
|
-
}(),
|
|
342
|
+
}(), Es = Qt, lt = N("push"), ct = N("close");
|
|
348
343
|
var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, U = (t, e, s, o) => {
|
|
349
344
|
for (var n, i = o > 1 ? void 0 : o ? te(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
350
345
|
return o && i && Zt(e, s, i), i;
|
|
@@ -424,10 +419,10 @@ let f = class extends R(w`
|
|
|
424
419
|
firstUpdated() {
|
|
425
420
|
this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), d(window, "resize").pipe(g((t) => t.target.innerWidth), g((t) => t >= f.BREAKPOINTS[this.breakpoint]), et(), G(100), m(this.disconnecting)).subscribe((t) => {
|
|
426
421
|
t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
|
|
427
|
-
}), d(window, "fullscreen").pipe(
|
|
422
|
+
}), d(window, "fullscreen").pipe(O((t) => {
|
|
428
423
|
const e = t;
|
|
429
424
|
this.fullscreen = e.detail;
|
|
430
|
-
}), m(this.disconnecting)).subscribe(), d(window, v.NavDrawer_toggle).pipe(
|
|
425
|
+
}), m(this.disconnecting)).subscribe(), d(window, v.NavDrawer_toggle).pipe(O((t) => {
|
|
431
426
|
t.stopPropagation();
|
|
432
427
|
}), g((t) => t.detail.state), et(), m(this.disconnecting), G(10)).subscribe((t) => {
|
|
433
428
|
this.mode === "push" && t === "close" || (this.open = t);
|
|
@@ -614,7 +609,7 @@ let $ = class extends Z(w`
|
|
|
614
609
|
this.setupNavigationStream();
|
|
615
610
|
}
|
|
616
611
|
render() {
|
|
617
|
-
const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, kt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant },
|
|
612
|
+
const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, kt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Ot = { "--focus-color": r.sys.color.primary.default };
|
|
618
613
|
return c`
|
|
619
614
|
<button
|
|
620
615
|
type="button"
|
|
@@ -624,7 +619,7 @@ let $ = class extends Z(w`
|
|
|
624
619
|
?disabled=${this.disabled}
|
|
625
620
|
aria-pressed=${this.active}
|
|
626
621
|
aria-label=${this.label || "Navigation item"}
|
|
627
|
-
style=${this.styleMap({ ...
|
|
622
|
+
style=${this.styleMap({ ...Ot, "outline-color": "var(--focus-color)" })}
|
|
628
623
|
${P(kt)}
|
|
629
624
|
>
|
|
630
625
|
<!-- Icon with indicator background -->
|
|
@@ -675,11 +670,11 @@ let $ = class extends Z(w`
|
|
|
675
670
|
}
|
|
676
671
|
};
|
|
677
672
|
I([l({ type: String })], $.prototype, "icon", 2), I([l({ type: String })], $.prototype, "label", 2), I([l({ type: String })], $.prototype, "badge", 2), I([l({ type: Boolean, reflect: !0 })], $.prototype, "active", 1), I([l({ type: Boolean, reflect: !0 })], $.prototype, "disabled", 2), I([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), I([h()], $.prototype, "ripples", 2), $ = I([p("schmancy-navigation-bar-item")], $);
|
|
678
|
-
var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor,
|
|
673
|
+
var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, z = (t, e, s, o) => {
|
|
679
674
|
for (var n, i = o > 1 ? void 0 : o ? ce(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
680
675
|
return o && i && le(e, s, i), i;
|
|
681
676
|
};
|
|
682
|
-
let
|
|
677
|
+
let S = class extends Z(w`
|
|
683
678
|
:host {
|
|
684
679
|
display: block;
|
|
685
680
|
position: fixed;
|
|
@@ -753,7 +748,7 @@ let C = class extends Z(w`
|
|
|
753
748
|
}), j(this.disconnecting)).subscribe(), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
|
|
754
749
|
}
|
|
755
750
|
setupScrollListener() {
|
|
756
|
-
d(window, "scroll").pipe(
|
|
751
|
+
d(window, "scroll").pipe(Nt(100), wt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), B(([t, e]) => {
|
|
757
752
|
const s = e < t;
|
|
758
753
|
e > t && !this.isHiddenByScroll ? this.isHiddenByScroll = !0 : s && this.isHiddenByScroll && (this.isHiddenByScroll = !1), e <= this.SCROLL_THRESHOLD && (this.isHiddenByScroll = !1);
|
|
759
754
|
}), j(this.disconnecting)).subscribe();
|
|
@@ -805,12 +800,12 @@ let C = class extends Z(w`
|
|
|
805
800
|
`;
|
|
806
801
|
}
|
|
807
802
|
};
|
|
808
|
-
|
|
809
|
-
const
|
|
803
|
+
z([l({ type: Number })], S.prototype, "activeIndex", 1), z([l({ type: Boolean, reflect: !0 })], S.prototype, "hideLabels", 2), z([l({ type: Number, reflect: !0 })], S.prototype, "elevation", 2), z([l({ type: Boolean, reflect: !0 })], S.prototype, "hideOnScroll", 2), z([h()], S.prototype, "focusedIndex", 2), z([h()], S.prototype, "isHiddenByScroll", 2), z([h()], S.prototype, "isFullscreen", 2), S = z([p("schmancy-navigation-bar")], S);
|
|
804
|
+
const St = "whereAreYouRicky", Ct = "hereMorty", F = new class {
|
|
810
805
|
constructor() {
|
|
811
|
-
this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window,
|
|
812
|
-
window.dispatchEvent(new CustomEvent(
|
|
813
|
-
}))]).pipe(g(([e]) => e),
|
|
806
|
+
this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window, Ct).pipe(vt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), g((e) => e.detail.component), zt(1)), J(t).pipe(O(() => {
|
|
807
|
+
window.dispatchEvent(new CustomEvent(St, { detail: { id: t.id, callerID: t.uuid } }));
|
|
808
|
+
}))]).pipe(g(([e]) => e), Mt(0)), this.flip = (t) => {
|
|
814
809
|
const { from: e, to: s } = t, o = s.element.style.zIndex;
|
|
815
810
|
s.element.style.transformOrigin = "top left", s.element.style.setProperty("visibility", "visible"), s.element.style.zIndex = "1000";
|
|
816
811
|
const n = [{ transform: `translate(${e.rect.left - s.rect.left}px, ${e.rect.top - s.rect.top}px) scale(${e.rect.width / s.rect.width}, ${e.rect.height / s.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
|
|
@@ -836,10 +831,10 @@ let X = class extends R(w``) {
|
|
|
836
831
|
}
|
|
837
832
|
connectedCallback() {
|
|
838
833
|
if (this.id === void 0) throw new Error("id is required");
|
|
839
|
-
super.connectedCallback(), Q(d(window, Lt).pipe(
|
|
834
|
+
super.connectedCallback(), Q(d(window, Lt).pipe(O({ next: () => {
|
|
840
835
|
this.dispatchEvent(new CustomEvent(Bt, { detail: { component: this }, bubbles: !0, composed: !0 }));
|
|
841
|
-
} })), d(window,
|
|
842
|
-
t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(
|
|
836
|
+
} })), d(window, St).pipe(O({ next: (t) => {
|
|
837
|
+
t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Ct, { detail: { component: this }, bubbles: !0, composed: !0 }));
|
|
843
838
|
} }))).pipe(m(this.disconnecting)).subscribe();
|
|
844
839
|
}
|
|
845
840
|
async firstUpdated() {
|
|
@@ -859,7 +854,7 @@ let X = class extends R(w``) {
|
|
|
859
854
|
}
|
|
860
855
|
};
|
|
861
856
|
Y([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), Y([l({ type: String })], X.prototype, "id", 2), Y([l({ type: Number })], X.prototype, "delay", 2), X = Y([p("schmancy-teleport")], X);
|
|
862
|
-
var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor,
|
|
857
|
+
var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, C = (t, e, s, o) => {
|
|
863
858
|
for (var n, i = o > 1 ? void 0 : o ? ue(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
|
|
864
859
|
return o && i && pe(e, s, i), i;
|
|
865
860
|
};
|
|
@@ -888,20 +883,20 @@ let b = class extends R() {
|
|
|
888
883
|
`;
|
|
889
884
|
}
|
|
890
885
|
};
|
|
891
|
-
|
|
886
|
+
C([l({ type: String })], b.prototype, "initials", 2), C([l({ type: String })], b.prototype, "src", 2), C([l({ type: String })], b.prototype, "icon", 2), C([l({ type: String })], b.prototype, "size", 2), C([l({ type: String })], b.prototype, "color", 2), C([l({ type: String })], b.prototype, "shape", 2), C([l({ type: Boolean })], b.prototype, "bordered", 2), C([l({ type: String })], b.prototype, "status", 2), b = C([p("schmancy-avatar")], b);
|
|
892
887
|
export {
|
|
893
|
-
|
|
894
|
-
|
|
888
|
+
Es as $,
|
|
889
|
+
Ct as H,
|
|
895
890
|
k as S,
|
|
896
|
-
|
|
891
|
+
St as W,
|
|
897
892
|
ut as a,
|
|
898
893
|
rt as b,
|
|
899
894
|
xt as c,
|
|
900
895
|
$t as d,
|
|
901
896
|
nt as e,
|
|
902
897
|
at as f,
|
|
903
|
-
|
|
904
|
-
|
|
898
|
+
E as g,
|
|
899
|
+
T as h,
|
|
905
900
|
y as i,
|
|
906
901
|
Qt as j,
|
|
907
902
|
q as k,
|
|
@@ -911,10 +906,10 @@ export {
|
|
|
911
906
|
f as o,
|
|
912
907
|
D as p,
|
|
913
908
|
$ as q,
|
|
914
|
-
|
|
915
|
-
|
|
909
|
+
S as r,
|
|
910
|
+
Os as s,
|
|
916
911
|
X as t,
|
|
917
912
|
F as u,
|
|
918
913
|
b as v
|
|
919
914
|
};
|
|
920
|
-
//# sourceMappingURL=avatar-
|
|
915
|
+
//# sourceMappingURL=avatar-hoEk1kwv.js.map
|