@mhmo91/schmancy 0.4.33 → 0.4.34
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/{avatar-0h3VHdWs.cjs → avatar-Ytu5d0n6.cjs} +2 -2
- package/dist/{avatar-0h3VHdWs.cjs.map → avatar-Ytu5d0n6.cjs.map} +1 -1
- package/dist/{avatar-C5iIJlD9.js → avatar-aYgD4qxk.js} +2 -2
- package/dist/{avatar-C5iIJlD9.js.map → avatar-aYgD4qxk.js.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/checkbox-91xSd_El.js.map +1 -1
- package/dist/checkbox-CcKQi7Hq.cjs.map +1 -1
- package/dist/chips-D26R6u7T.js.map +1 -1
- package/dist/chips-Duj_48dP.cjs.map +1 -1
- package/dist/code-preview-BCUSwkuU.cjs.map +1 -1
- package/dist/code-preview-kNXSixdo.js.map +1 -1
- package/dist/consume-5D1qfVWM.js.map +1 -1
- package/dist/consume-edta5ng5.cjs.map +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/context-object-CDDP4bTk.js.map +1 -1
- package/dist/context-object-K_1gDFu-.cjs.map +1 -1
- package/dist/date-range-CBrZ7Pm6.cjs.map +1 -1
- package/dist/date-range-gp2cu49l.js.map +1 -1
- package/dist/delay-CUpeZtD8.cjs.map +1 -1
- package/dist/delay-CYxt2x_w.js.map +1 -1
- package/dist/flow-D0e7hGXO.cjs.map +1 -1
- package/dist/flow-DXYqC9OA.js.map +1 -1
- package/dist/index-CuY8m6ta.js.map +1 -1
- package/dist/index-DyJ0oDpR.cjs.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/payment-card-form-D45IjHFN.cjs.map +1 -1
- package/dist/payment-card-form-ctWIc4vM.js.map +1 -1
- package/dist/provide-BxZ2kn_p.cjs.map +1 -1
- package/dist/provide-tcktw8xB.js.map +1 -1
- package/dist/redispatch-event-BLom7yp4.js.map +1 -1
- package/dist/redispatch-event-DHcobAl6.cjs.map +1 -1
- package/dist/sheet-C-bFq5IG.cjs +54 -0
- package/dist/sheet-C-bFq5IG.cjs.map +1 -0
- package/dist/sheet-rcWGv1EZ.js +149 -0
- package/dist/sheet-rcWGv1EZ.js.map +1 -0
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sheet.service-BKQ7n7nz.js.map +1 -1
- package/dist/sheet.service-ihtgUWRM.cjs.map +1 -1
- package/dist/table-BlwkABmS.cjs.map +1 -1
- package/dist/table-CmwIcTR5.js.map +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/tslib.es6-DgOcxv4s.cjs.map +1 -1
- package/dist/tslib.es6-ujVQHAQ4.js.map +1 -1
- package/dist/typewriter-Cf1Bl0lI.js.map +1 -1
- package/dist/typewriter-D5sC3i_h.cjs.map +1 -1
- package/package.json +2 -2
- package/types/src/index.d.ts +0 -1
- package/types/src/select/index.d.ts +1 -1
- package/types/src/select/select.d.ts +0 -1
- package/types/src/sheet/sheet.d.ts +4 -5
- package/types/src/sheet/sheet.service.d.ts +3 -10
- package/dist/sheet--fG_jGSI.cjs +0 -47
- package/dist/sheet--fG_jGSI.cjs.map +0 -1
- package/dist/sheet-edcIHEMM.js +0 -141
- package/dist/sheet-edcIHEMM.js.map +0 -1
package/dist/sheet-edcIHEMM.js
DELETED
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { fromEvent as d, tap as p, of as b, take as g, merge as w, takeUntil as E } from "rxjs";
|
|
2
|
-
import "lit/directives/class-map.js";
|
|
3
|
-
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as x } from "./tailwind.mixin-BHLwDiBj.js";
|
|
5
|
-
import { customElement as v, property as c, query as k, queryAssignedElements as F } from "lit/decorators.js";
|
|
6
|
-
import { css as S, html as y } from "lit";
|
|
7
|
-
import { $ as C } from "./litElement.mixin-Cn8IAazz.js";
|
|
8
|
-
import { when as $ } from "lit/directives/when.js";
|
|
9
|
-
import { S as O, s as u, a as U, b as j } from "./sheet.service-BKQ7n7nz.js";
|
|
10
|
-
var P = Object.getOwnPropertyDescriptor;
|
|
11
|
-
let f = class extends x(S``) {
|
|
12
|
-
render() {
|
|
13
|
-
return y`
|
|
14
|
-
<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
|
|
15
|
-
<div class="block md:hidden flex-1 justify-start items-start">
|
|
16
|
-
<slot name="back">
|
|
17
|
-
<schmancy-button
|
|
18
|
-
@click=${() => {
|
|
19
|
-
this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
|
|
20
|
-
}}
|
|
21
|
-
>
|
|
22
|
-
<span class="text-[24px]">← </span>
|
|
23
|
-
</schmancy-button>
|
|
24
|
-
</slot>
|
|
25
|
-
</div>
|
|
26
|
-
|
|
27
|
-
<div class="hidden md:block flex-1 justify-end items-end">
|
|
28
|
-
<slot name="actions">
|
|
29
|
-
<schmancy-icon-button
|
|
30
|
-
@click=${() => {
|
|
31
|
-
this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
|
|
32
|
-
}}
|
|
33
|
-
>
|
|
34
|
-
close
|
|
35
|
-
</schmancy-icon-button>
|
|
36
|
-
</slot>
|
|
37
|
-
</div>
|
|
38
|
-
</sch-flex>
|
|
39
|
-
`;
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
f = ((t, s, a, e) => {
|
|
43
|
-
for (var r, i = e > 1 ? void 0 : e ? P(s, a) : s, h = t.length - 1; h >= 0; h--) (r = t[h]) && (i = r(i) || i);
|
|
44
|
-
return i;
|
|
45
|
-
})([v("schmancy-sheet-header")], f);
|
|
46
|
-
var A = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (t, s, a, e) => {
|
|
47
|
-
for (var r, i = e > 1 ? void 0 : e ? T(s, a) : s, h = t.length - 1; h >= 0; h--) (r = t[h]) && (i = (e ? r(s, a, i) : r(i)) || i);
|
|
48
|
-
return e && i && A(s, a, i), i;
|
|
49
|
-
};
|
|
50
|
-
let n = class extends C(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-timing: cubic-bezier(.16, 1, .3, 1);--transition-duration: .25s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;inset:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) var(--transition-timing)}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;inset:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) var(--transition-timing)}.content{z-index:1;transition:transform var(--transition-duration) var(--transition-timing);overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}") {
|
|
51
|
-
constructor() {
|
|
52
|
-
super(...arguments), this.open = !1, this.header = "visible", this.position = O.Side, this.persist = !1, this.lock = !1, this.handleHistory = !0, this.title = "", this.focusAttribute = "autofocus", this.lastFocusedElement = null, this.handleFocusIn = (t) => {
|
|
53
|
-
this.sheet?.contains(t.target) || this.focus();
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
onOpenChange(t, s) {
|
|
57
|
-
s ? (this.lastFocusedElement = document.activeElement, this.addFocusTrap(), this.focus()) : (this.removeFocusTrap(), this.lastFocusedElement?.focus(), this.lastFocusedElement = null);
|
|
58
|
-
}
|
|
59
|
-
connectedCallback() {
|
|
60
|
-
super.connectedCallback(), this.setupEventListeners();
|
|
61
|
-
}
|
|
62
|
-
disconnectedCallback() {
|
|
63
|
-
super.disconnectedCallback(), this.disconnecting.next(!0);
|
|
64
|
-
}
|
|
65
|
-
setupEventListeners() {
|
|
66
|
-
const t = this.handleHistory ? d(window, "popstate").pipe(p((e) => {
|
|
67
|
-
e.preventDefault(), this.closeSheet();
|
|
68
|
-
})) : b(null).pipe(g(0)), s = d(window, "keyup").pipe(p((e) => {
|
|
69
|
-
e.key !== "Escape" || this.sheetContainsFocus() || this.lock || u.dismiss(this.uid);
|
|
70
|
-
})), a = d(window, U).pipe(p((e) => {
|
|
71
|
-
e.detail.uid === this.uid && this.announcePresence();
|
|
72
|
-
}));
|
|
73
|
-
w(t, s, a).pipe(E(this.disconnecting)).subscribe();
|
|
74
|
-
}
|
|
75
|
-
sheetContainsFocus() {
|
|
76
|
-
return this.sheet?.contains(document.activeElement) ?? !1;
|
|
77
|
-
}
|
|
78
|
-
announcePresence() {
|
|
79
|
-
this.dispatchEvent(new CustomEvent(j, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
|
|
80
|
-
}
|
|
81
|
-
addFocusTrap() {
|
|
82
|
-
document.addEventListener("focusin", this.handleFocusIn);
|
|
83
|
-
}
|
|
84
|
-
removeFocusTrap() {
|
|
85
|
-
document.removeEventListener("focusin", this.handleFocusIn);
|
|
86
|
-
}
|
|
87
|
-
setIsSheetShown(t) {
|
|
88
|
-
this.sheet?.setAttribute("aria-hidden", String(!t)), this.sheet?.setAttribute("aria-modal", String(t));
|
|
89
|
-
}
|
|
90
|
-
closeSheet() {
|
|
91
|
-
this.open = !1, this.dispatchEvent(new CustomEvent("close"));
|
|
92
|
-
}
|
|
93
|
-
getFocusElement() {
|
|
94
|
-
const t = `[${this.focusAttribute}]`;
|
|
95
|
-
return this.assignedElements.find((s) => s.matches(t) || s.querySelector(t)) ?? null;
|
|
96
|
-
}
|
|
97
|
-
focus() {
|
|
98
|
-
this.getFocusElement()?.focus();
|
|
99
|
-
}
|
|
100
|
-
render() {
|
|
101
|
-
return y`
|
|
102
|
-
<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden=${!this.open} aria-modal=${this.open}>
|
|
103
|
-
<div
|
|
104
|
-
class="overlay"
|
|
105
|
-
@click=${(t) => {
|
|
106
|
-
t.stopPropagation(), this.lock || u.dismiss(this.uid);
|
|
107
|
-
}}
|
|
108
|
-
></div>
|
|
109
|
-
<schmancy-grid
|
|
110
|
-
rows=${this.header === "hidden" ? "1fr" : "auto 1fr"}
|
|
111
|
-
class="content w-full"
|
|
112
|
-
data-position=${this.position}
|
|
113
|
-
>
|
|
114
|
-
${$(this.header !== "hidden", () => y`<schmancy-sheet-header
|
|
115
|
-
class="sticky top-0 z-50 w-full"
|
|
116
|
-
@dismiss=${(t) => {
|
|
117
|
-
t.stopPropagation(), u.dismiss(this.uid);
|
|
118
|
-
}}
|
|
119
|
-
id="sheet-title"
|
|
120
|
-
title=${this.title}
|
|
121
|
-
></schmancy-sheet-header>`)}
|
|
122
|
-
|
|
123
|
-
<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
|
|
124
|
-
<schmancy-scroll> <slot></slot></schmancy-scroll>
|
|
125
|
-
</schmancy-surface>
|
|
126
|
-
</schmancy-grid>
|
|
127
|
-
</div>
|
|
128
|
-
`;
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
var l, m;
|
|
132
|
-
o([c({ type: String, reflect: !0 })], n.prototype, "uid", 2), o([c({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), o([c({ type: String, reflect: !0 })], n.prototype, "header", 2), o([c({ type: String, reflect: !0 })], n.prototype, "position", 2), o([c({ type: Boolean, reflect: !0 })], n.prototype, "persist", 2), o([c({ type: Boolean, reflect: !0 })], n.prototype, "lock", 2), o([c({ type: Boolean, reflect: !0 })], n.prototype, "handleHistory", 2), o([c({ type: String, reflect: !0 })], n.prototype, "title", 2), o([k(".sheet")], n.prototype, "sheet", 2), o([F({ flatten: !0 })], n.prototype, "assignedElements", 2), o([c()], n.prototype, "focusAttribute", 2), o([(l = "open", (t, s) => {
|
|
133
|
-
const { willUpdate: a } = t;
|
|
134
|
-
m = Object.assign({ waitUntilFirstUpdate: !1 }, m), t.willUpdate = function(e) {
|
|
135
|
-
if (a.call(this, e), e.has(l)) {
|
|
136
|
-
const r = e.get(l), i = this[l];
|
|
137
|
-
r !== i && (m?.waitUntilFirstUpdate && !this.hasUpdated || this[s].call(this, r, i));
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
})], n.prototype, "onOpenChange", 1), n = o([v("schmancy-sheet")], n);
|
|
141
|
-
//# sourceMappingURL=sheet-edcIHEMM.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sheet-edcIHEMM.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\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}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">← </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\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}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - respect allowOverlayDismiss\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\t// Only handle ESC key dismissal if allowOverlayDismiss is true\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus() && !this.lock) {\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (!this.lock) {\n\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n// @watch('propName')\n// handlePropChange(oldValue, newValue) {\n// ...\n// }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheet","$LitElement","constructor","super","arguments","open","header","position","SchmancySheetPosition","Side","persist","lock","handleHistory","title","focusAttribute","lastFocusedElement","handleFocusIn","e","sheet","contains","target","focus","_oldValue","newValue","document","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","tap","preventDefault","closeSheet","of","take","keyUp$","event","key","sheetContainsFocus","dismiss","uid","rickyComm$","SheetWhereAreYouRicky","detail","announcePresence","merge","takeUntil","subscribe","SheetHereMorty","addEventListener","removeEventListener","isShown","setAttribute","String","getFocusElement","selector","assignedElements","find","el","matches","querySelector","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated"],"mappings":"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"}
|