@mhmo91/schmancy 0.2.5 → 0.2.6

package/dist/sheet-Br-tYMRf.js

@@ -1,189 +0,0 @@
-import { Subject as S, switchMap as B, forkJoin as E, fromEvent as d, takeUntil as u, timer as O, map as m, defaultIfEmpty as A, of as C, tap as l, delay as y, filter as P, take as q, mergeMap as z, merge as F } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as U } from "./tailwind.mixin-qh_Ahoe6.js";
-import { css as I, html as v } from "lit";
-import { property as h, customElement as w, query as k, queryAsync as M, queryAssignedElements as T } from "lit/decorators.js";
-import { $ as N } from "./litElement.mixin-7ULqg8XW.js";
-var V = Object.defineProperty, R = Object.getOwnPropertyDescriptor, $ = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? R(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && V(e, s, i), i;
-};
-let b = class extends U(I`
-	:host {
-		inset: 0;
-		display: block;
-		padding-bottom: 16px;
-	}
-`) {
-  render() {
-    const t = { absolute: this.title.length === 0, relative: this.title.length > 0 };
-    return v`
-			<schmancy-grid class="${this.classMap(t)}" align="center" justify="stretch" cols="auto 1fr auto">
-				<slot name="back">
-					<schmancy-button
-						@click=${() => {
-      this.dispatchEvent(new CustomEvent("sheetDismiss", { bubbles: !0, composed: !0 }));
-    }}
-					>
-						<span class="text-[24px]">&#8592; </span>
-					</schmancy-button>
-				</slot>
-				<schmancy-typography transform="capitalize" type="headline" token="lg"> ${this.title} </schmancy-typography>
-				<slot name="actions">
-					<schmancy-button
-						@click=${() => {
-      this.dispatchEvent(new CustomEvent("sheetDismiss", { bubbles: !0, composed: !0 }));
-    }}
-					>
-						<span class="text-[24px]">✕</span>
-					</schmancy-button>
-				</slot>
-			</schmancy-grid>
-		`;
-  }
-};
-function Y(t, e) {
-  return (s, o) => {
-    const { willUpdate: n } = s;
-    e = Object.assign({ waitUntilFirstUpdate: !1 }, e), s.willUpdate = function(i) {
-      if (n.call(this, i), i.has(t)) {
-        const a = i.get(t), x = this[t];
-        a !== x && (e != null && e.waitUntilFirstUpdate && !this.hasUpdated || this[o].call(this, a, x));
-      }
-    };
-  };
-}
-$([h()], b.prototype, "title", 2), b = $([w("schmancy-sheet-header")], b);
-var H = Object.defineProperty, W = Object.getOwnPropertyDescriptor;
-let D = class extends U() {
-  render() {
-    return v`
-			<div tabindex="0">
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-D = ((t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? W(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && H(e, s, i), i;
-})([w("schmancy-sheet-content")], D);
-var p = ((t) => (t.Side = "side", t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.TopRight = "top-right", t.BottomRight = "bottom-right", t))(p || {});
-const f = "are-you-there-sheet", g = "yes-here", j = new class {
-  constructor() {
-    this.bottomSheet = new S(), this.$dismiss = new S(), this.bottomSheet.pipe(B((t) => E([d(window, g).pipe(u(O(0)), m((e) => e.detail.sheet), A(void 0)), C(t).pipe(l(() => {
-      window.dispatchEvent(new CustomEvent(f, { detail: { uid: t.uid ?? t.component.tagName } }));
-    }))])), m(([t, e]) => (t || (t = document.createElement("schmancy-sheet"), document.body.appendChild(t)), t.setAttribute("uid", e.uid ?? e.component.tagName), t.setAttribute("position", e.position ?? "side"), t.setAttribute("allowOverlyDismiss", e.allowOverlyDismiss === !1 ? "false" : "true"), e.title && t.setAttribute("title", e.title), e.persist && t.setAttribute("persist", e.persist ?? !1), e.header && t.setAttribute("header", e.header), document.body.style.overflow = "hidden", { target: e, sheet: t })), y(20), P(({ target: t, sheet: e }) => {
-      var s, o;
-      return !t.persist || !((o = (s = e == null ? void 0 : e.shadowRoot) == null ? void 0 : s.querySelector("slot")) != null && o.assignedElements().find((n) => n.tagName === t.component.tagName)) || (e == null || e.setAttribute("open", "true"), !1);
-    }), l(({ target: t, sheet: e }) => {
-      e == null || e.appendChild(t.component);
-    }), y(1), l(({ sheet: t }) => {
-      t == null || t.setAttribute("open", "true");
-    }), l(({ sheet: t }) => {
-      d(t, "close").pipe(q(1)).pipe(y(300)).subscribe((e) => {
-        const s = e.target;
-        s != null && s.persist || (s == null || s.remove()), document.body.style.overflow = "auto";
-      });
-    })).subscribe(), this.$dismiss.pipe(z((t) => E([d(window, g).pipe(u(O(100)), m((e) => e.detail.sheet), A(void 0)), C(t).pipe(l(() => {
-      window.dispatchEvent(new CustomEvent(f, { detail: { uid: t } }));
-    }))])), l(([t]) => {
-      t == null || t.closeSheet();
-    })).subscribe();
-  }
-  dismiss(t) {
-    this.$dismiss.next(t);
-  }
-  open(t) {
-    this.bottomSheet.next(t);
-  }
-}();
-var J = Object.defineProperty, G = Object.getOwnPropertyDescriptor, c = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? G(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && J(e, s, i), i;
-};
-let r = class extends N(":host{--overlay-color: rgba(0, 0, 0, .7);--transition-duration: .6s;--sheet-position: fixed;--sheet-radius: 0;--max-height: 100vh}.sheet{z-index:100;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;visibility:visible;transition:visibility var(--transition-duration);border-radius:var(--sheet-radius)}.sheet .content{position:relative;z-index:1;display:flex;flex-direction:column;overflow-y:auto;--default-transitions: transform var(--transition-duration), border-radius var(--transition-duration);transition:var(--default-transitions);transform:translateY(0);transition-timing-function:cubic-bezier(.5,.01,.25,1);max-height:var(--max-height);box-sizing:border-box}.sheet .close-sheet{border:none;padding:11.2px}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transition-duration:calc(var(--transition-duration) * .5)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .content[data-position=bottom]{transform:translateY(100%)}.sheet[aria-hidden=true] .overlay{opacity:0;transition-duration:calc(var(--transition-duration) * .25)}") {
-  constructor() {
-    super(...arguments), this.open = !1, this.header = "visible", this.position = p.Side, this.persist = !1, this.allowOverlyDismiss = !0, this.title = "", this.focusAttribute = "autofocus", this.sheetHeight = 0, this.sheetWidth = 0;
-  }
-  onOpenChange(t, e) {
-    e ? this.setIsSheetShown(!0) : this.setIsSheetShown(!1);
-  }
-  async connectedCallback() {
-    super.connectedCallback(), this.focus(), F(d(window, "popstate").pipe(l((t) => {
-      t.stopPropagation(), t.preventDefault(), this.closeSheet();
-    })), d(window, "keyup").pipe(l((t) => {
-      var s;
-      const e = ((s = this.sheet) == null ? void 0 : s.contains(t.target)) && document.activeElement === t.target;
-      t.key !== "Escape" || e || j.dismiss(this.uid);
-    }))).pipe(u(this.disconnecting)).subscribe(), d(window, f).pipe(u(this.disconnecting)).subscribe((t) => {
-      t.detail.uid === this.uid && this.dispatchEvent(new CustomEvent(g, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
-    }), d(this, "sheetDismiss").pipe(l((t) => t.stopPropagation()), u(this.disconnecting)).subscribe((t) => {
-      t.preventDefault(), t.stopPropagation(), this.closeSheet();
-    });
-  }
-  pxToVw(t) {
-    return t / document.documentElement.clientWidth * 100;
-  }
-  pxToVh(t) {
-    return t / document.documentElement.clientHeight * 100;
-  }
-  async firstUpdated() {
-    await this.sheetAsync;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnecting.next(!0);
-  }
-  setIsSheetShown(t) {
-    var e;
-    (e = this.sheet) == null || e.setAttribute("aria-hidden", String(!t));
-  }
-  closeSheet() {
-    this.open = !1, this.setIsSheetShown(!1), this.dispatchEvent(new CustomEvent("close"));
-  }
-  getFocusElement() {
-    const t = `[${this.focusAttribute}]`, e = this.assignedElements;
-    for (const s of e) {
-      const o = s != null && s.matches(t) ? s : s == null ? void 0 : s.querySelector(t);
-      if (o) return o;
-    }
-    return null;
-  }
-  focus() {
-    var t;
-    (t = this.getFocusElement()) == null || t.focus();
-  }
-  blur() {
-    var t;
-    (t = this.getFocusElement()) == null || t.blur();
-  }
-  render() {
-    const t = { "inset-0 fixed min-w-[100vw] max-w-[100vw] md:min-w-[360px]": !0, "transition-all duration-600": !0, "bottom-0 items-center justify-end": this.position === p.Bottom, "top-0 right-0 bottom-0 mx-auto items-end justify-start h-full w-full": this.position === p.Side }, e = { "h-full rounded-l-[16px]": this.position === p.Side, "rounded-t-[16px]": this.position === p.Bottom, "bg-surface-low text-surface-onVariant border-outline shadow-1": !0 };
-    return v`
-			<div class="sheet ${this.classMap(t)}" role="dialog" aria-hidden="true">
-				<div
-					class="overlay ${this.classMap({ "bg-scrim transition-all duration-600 opacity-[0.4] absolute inset-0": !0 })}"
-					@click=${() => {
-      this.allowOverlyDismiss && j.dismiss(this.uid);
-    }}
-				></div>
-				<schmancy-sheet-content class="content ${this.classMap(e)}" data-position=${this.position}>
-					<schmancy-sheet-header .hidden=${this.header === "hidden"} title="${this.title}"> </schmancy-sheet-header>
-					<section class="flex flex-1">
-						<slot></slot>
-					</section>
-				</schmancy-sheet-content>
-			</div>
-		`;
-  }
-};
-c([h({ type: String, reflect: !0 })], r.prototype, "uid", 2), c([h({ type: Boolean, reflect: !0 })], r.prototype, "open", 2), c([h({ type: String, reflect: !0 })], r.prototype, "header", 2), c([h({ type: String, reflect: !0 })], r.prototype, "position", 2), c([h({ type: Boolean, reflect: !0 })], r.prototype, "persist", 2), c([h({ type: Boolean, reflect: !0 })], r.prototype, "allowOverlyDismiss", 2), c([h({ type: String, reflect: !0 })], r.prototype, "title", 2), c([k(".sheet")], r.prototype, "sheet", 2), c([M(".sheet")], r.prototype, "sheetAsync", 2), c([k(".contents")], r.prototype, "sheetContents", 2), c([T({ flatten: !0 })], r.prototype, "assignedElements", 2), c([h()], r.prototype, "focusAttribute", 2), c([Y("open")], r.prototype, "onOpenChange", 1), r = c([w("schmancy-sheet")], r);
-export {
-  p as S,
-  f as a,
-  g as b,
-  Y as h,
-  j as s
-};
-//# sourceMappingURL=sheet-Br-tYMRf.js.map

package/dist/sheet-Br-tYMRf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-Br-tYMRf.js","sources":["../src/sheet/header.ts","../src/sheet/hook.ts","../src/sheet/sheet-content.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css`\n\t:host {\n\t\tinset: 0;\n\t\tdisplay: block;\n\t\tpadding-bottom: 16px;\n\t}\n`) {\n\t@property() title: string\n\trender() {\n\t\tconst classes = {\n\t\t\tabsolute: this.title.length === 0,\n\t\t\trelative: this.title.length > 0,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-grid class=\"${this.classMap(classes)}\" align=\"center\" justify=\"stretch\" cols=\"auto 1fr auto\">\n\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent('sheetDismiss', {\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\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</slot>\n\t\t\t\t<schmancy-typography transform=\"capitalize\" type=\"headline\" token=\"lg\"> ${this.title} </schmancy-typography>\n\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent('sheetDismiss', {\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\t\t<span class=\"text-[24px]\">✕</span>\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\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  waitUntilFirstUpdate?: boolean\n}\n\nexport function hook(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const { willUpdate } = protoOrDescriptor\n\n    options = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n    protoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n      willUpdate.call(this, changedProps)\n\n      if (changedProps.has(propName)) {\n        const oldValue = changedProps.get(propName)\n        const newValue = this[propName]\n\n        if (oldValue !== newValue) {\n          if (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n            this[name].call(this, oldValue, newValue)\n          }\n        }\n      }\n    }\n  }\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-content')\nexport default class SchmancySheetContent extends TailwindElement() {\n\trender() {\n\t\treturn html`\n\t\t\t<div tabindex=\"0\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-content': SchmancySheetContent\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tallowOverlyDismiss?: boolean\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\tconstructor() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(0)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\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]),\n\t\t\t\t),\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\t\t\t\t\tsheet.setAttribute('position', target.position ?? SchmancySheetPosition.Side)\n\t\t\t\t\tsheet.setAttribute('allowOverlyDismiss', target.allowOverlyDismiss === false ? 'false' : 'true')\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)), // Some people say why 10? I say why not?\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\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\ttap(([sheet]) => {\n\t\t\t\t\tsheet?.closeSheet()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, queryAsync } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil, tap } from 'rxjs'\nimport { hook } 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 }) allowOverlyDismiss = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') sheet!: HTMLElement | undefined\n\t@queryAsync('.sheet') sheetAsync!: Promise<HTMLElement> | undefined\n\t@query('.contents') sheetContents: HTMLElement | undefined\n\t@queryAssignedElements({ flatten: true }) assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\n\tsheetHeight = 0\n\tsheetWidth = 0\n\tdragPosition: number | undefined\n\n\t@hook('open')\n\tonOpenChange(_old_value: boolean, new_value: boolean) {\n\t\tif (new_value) {\n\t\t\tthis.setIsSheetShown(true)\n\t\t} else {\n\t\t\tthis.setIsSheetShown(false)\n\t\t}\n\t}\n\n\tasync connectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.focus()\n\t\tmerge(\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis.closeSheet()\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\t\t// ESC key to close bottom sheet\n\t\t\t\ttap(event => {\n\t\t\t\t\t// only close the currently open sheet\n\t\t\t\t\tconst isSheetElementFocused =\n\t\t\t\t\t\tthis.sheet?.contains(event.target as Node) && document.activeElement === event.target\n\t\t\t\t\tif (event.key === 'Escape' && !isSheetElementFocused) {\n\t\t\t\t\t\tsheet.dismiss(this.uid)\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\n\t\t// Handshaking communication between Ricky and Morty\n\t\tfromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.detail.uid === this.uid) {\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tsheet: this,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\n\t\tfromEvent(this, 'sheetDismiss')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.closeSheet()\n\t\t\t})\n\t}\n\n\tpxToVw(pxValue: number) {\n\t\tconst vwValue = (pxValue / document.documentElement.clientWidth) * 100\n\t\treturn vwValue\n\t}\n\n\tpxToVh(pxValue: number) {\n\t\tconst vhValue = (pxValue / document.documentElement.clientHeight) * 100\n\t\treturn vhValue\n\t}\n\n\tasync firstUpdated() {\n\t\tconst sheet = await this.sheetAsync\n\t\tif (!sheet) return\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.setIsSheetShown(false)\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\tconst slotted = this.assignedElements\n\t\tfor (const el of slotted) {\n\t\t\tconst focusEl = el?.matches(selector) ? el : el?.querySelector(selector)\n\t\t\tif (focusEl) {\n\t\t\t\treturn focusEl as HTMLElement\n\t\t\t}\n\t\t}\n\t\treturn null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\toverride blur() {\n\t\tthis.getFocusElement()?.blur()\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'inset-0 fixed min-w-[100vw] max-w-[100vw] md:min-w-[360px]': true,\n\t\t\t'transition-all duration-600': true,\n\t\t\t'bottom-0 items-center justify-end': this.position === SchmancySheetPosition.Bottom,\n\t\t\t'top-0 right-0 bottom-0 mx-auto items-end justify-start h-full w-full':\n\t\t\t\tthis.position === SchmancySheetPosition.Side,\n\t\t}\n\t\tconst contentClasses = {\n\t\t\t'h-full rounded-l-[16px]': this.position === SchmancySheetPosition.Side,\n\t\t\t'rounded-t-[16px]': this.position === SchmancySheetPosition.Bottom,\n\t\t\t'bg-surface-low text-surface-onVariant border-outline shadow-1': true,\n\t\t}\n\t\tconst overlayClasses = {\n\t\t\t'bg-scrim transition-all duration-600 opacity-[0.4] absolute inset-0': true,\n\t\t}\n\t\tconsole.log('rendering sheet', this.header)\n\t\treturn html`\n\t\t\t<div class=\"sheet ${this.classMap(classes)}\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay ${this.classMap(overlayClasses)}\"\n\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\tif (this.allowOverlyDismiss) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-sheet-content class=\"content ${this.classMap(contentClasses)}\" data-position=${this.position}>\n\t\t\t\t\t<schmancy-sheet-header .hidden=${this.header === 'hidden'} title=\"${this.title}\"> </schmancy-sheet-header>\n\t\t\t\t\t<section class=\"flex flex-1\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</section>\n\t\t\t\t</schmancy-sheet-content>\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"],"names":["SchmancySheetHeader","TailwindElement","css","classes","absolute","this","title","length","relative","html","classMap","dispatchEvent","CustomEvent","bubbles","composed","hook","propName","options","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","newValue","hasUpdated","__decorateClass","property","prototype","customElement","SchmancySheetContent","render","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","position","allowOverlyDismiss","persist","header","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","take","subscribe","remove","mergeMap","closeSheet","next","SchmancySheet","$LitElement","constructor","super","arguments","open","Side","focusAttribute","sheetHeight","sheetWidth","_old_value","new_value","setIsSheetShown","connectedCallback","focus","merge","stopPropagation","preventDefault","event","isSheetElementFocused","contains","activeElement","key","dismiss","disconnecting","pxValue","documentElement","clientWidth","clientHeight","sheetAsync","disconnectedCallback","isShown","String","selector","slotted","el","focusEl","matches","getFocusElement","blur","Bottom","contentClasses","type","reflect","Boolean","query","queryAsync","queryAssignedElements","flatten"],"mappings":"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"}

package/dist/sheet-CosRC56a.cjs

@@ -1,43 +0,0 @@
-"use strict";const s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const E=require("./tailwind.mixin-sZ3A8X0T.cjs"),d=require("lit"),r=require("lit/decorators.js"),x=require("./litElement.mixin-tfNlySsk.cjs");var S=Object.defineProperty,k=Object.getOwnPropertyDescriptor,v=(t,e,i,n)=>{for(var a,o=n>1?void 0:n?k(e,i):e,h=t.length-1;h>=0;h--)(a=t[h])&&(o=(n?a(e,i,o):a(o))||o);return n&&o&&S(e,i,o),o};let y=class extends E.TailwindElement(d.css`
-	:host {
-		inset: 0;
-		display: block;
-		padding-bottom: 16px;
-	}
-`){render(){const t={absolute:this.title.length===0,relative:this.title.length>0};return d.html`
-			<schmancy-grid class="${this.classMap(t)}" align="center" justify="stretch" cols="auto 1fr auto">
-				<slot name="back">
-					<schmancy-button
-						@click=${()=>{this.dispatchEvent(new CustomEvent("sheetDismiss",{bubbles:!0,composed:!0}))}}
-					>
-						<span class="text-[24px]">&#8592; </span>
-					</schmancy-button>
-				</slot>
-				<schmancy-typography transform="capitalize" type="headline" token="lg"> ${this.title} </schmancy-typography>
-				<slot name="actions">
-					<schmancy-button
-						@click=${()=>{this.dispatchEvent(new CustomEvent("sheetDismiss",{bubbles:!0,composed:!0}))}}
-					>
-						<span class="text-[24px]">✕</span>
-					</schmancy-button>
-				</slot>
-			</schmancy-grid>
-		`}};function g(t,e){return(i,n)=>{const{willUpdate:a}=i;e=Object.assign({waitUntilFirstUpdate:!1},e),i.willUpdate=function(o){if(a.call(this,o),o.has(t)){const h=o.get(t),f=this[t];h!==f&&(e!=null&&e.waitUntilFirstUpdate&&!this.hasUpdated||this[n].call(this,h,f))}}}}v([r.property()],y.prototype,"title",2),y=v([r.customElement("schmancy-sheet-header")],y);var A=Object.defineProperty,O=Object.getOwnPropertyDescriptor;let w=class extends E.TailwindElement(){render(){return d.html`
-			<div tabindex="0">
-				<slot></slot>
-			</div>
-		`}};w=((t,e,i,n)=>{for(var a,o=n>1?void 0:n?O(e,i):e,h=t.length-1;h>=0;h--)(a=t[h])&&(o=(n?a(e,i,o):a(o))||o);return n&&o&&A(e,i,o),o})([r.customElement("schmancy-sheet-content")],w);var p=(t=>(t.Side="side",t.Bottom="bottom",t.BottomCenter="bottom-center",t.TopRight="top-right",t.BottomRight="bottom-right",t))(p||{});const u="are-you-there-sheet",m="yes-here",b=new class{constructor(){this.bottomSheet=new s.Subject,this.$dismiss=new s.Subject,this.bottomSheet.pipe(s.switchMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(0)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t.uid??t.component.tagName}}))}))])),s.map(([t,e])=>(t||(t=document.createElement("schmancy-sheet"),document.body.appendChild(t)),t.setAttribute("uid",e.uid??e.component.tagName),t.setAttribute("position",e.position??"side"),t.setAttribute("allowOverlyDismiss",e.allowOverlyDismiss===!1?"false":"true"),e.title&&t.setAttribute("title",e.title),e.persist&&t.setAttribute("persist",e.persist??!1),e.header&&t.setAttribute("header",e.header),document.body.style.overflow="hidden",{target:e,sheet:t})),s.delay(20),s.filter(({target:t,sheet:e})=>{var i,n;return!t.persist||!((n=(i=e==null?void 0:e.shadowRoot)==null?void 0:i.querySelector("slot"))!=null&&n.assignedElements().find(a=>a.tagName===t.component.tagName))||(e==null||e.setAttribute("open","true"),!1)}),s.tap(({target:t,sheet:e})=>{e==null||e.appendChild(t.component)}),s.delay(1),s.tap(({sheet:t})=>{t==null||t.setAttribute("open","true")}),s.tap(({sheet:t})=>{s.fromEvent(t,"close").pipe(s.take(1)).pipe(s.delay(300)).subscribe(e=>{const i=e.target;i!=null&&i.persist||(i==null||i.remove()),document.body.style.overflow="auto"})})).subscribe(),this.$dismiss.pipe(s.mergeMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(100)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t}}))}))])),s.tap(([t])=>{t==null||t.closeSheet()})).subscribe()}dismiss(t){this.$dismiss.next(t)}open(t){this.bottomSheet.next(t)}};var C=Object.defineProperty,$=Object.getOwnPropertyDescriptor,l=(t,e,i,n)=>{for(var a,o=n>1?void 0:n?$(e,i):e,h=t.length-1;h>=0;h--)(a=t[h])&&(o=(n?a(e,i,o):a(o))||o);return n&&o&&C(e,i,o),o};let c=class extends x.$LitElement(":host{--overlay-color: rgba(0, 0, 0, .7);--transition-duration: .6s;--sheet-position: fixed;--sheet-radius: 0;--max-height: 100vh}.sheet{z-index:100;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;visibility:visible;transition:visibility var(--transition-duration);border-radius:var(--sheet-radius)}.sheet .content{position:relative;z-index:1;display:flex;flex-direction:column;overflow-y:auto;--default-transitions: transform var(--transition-duration), border-radius var(--transition-duration);transition:var(--default-transitions);transform:translateY(0);transition-timing-function:cubic-bezier(.5,.01,.25,1);max-height:var(--max-height);box-sizing:border-box}.sheet .close-sheet{border:none;padding:11.2px}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transition-duration:calc(var(--transition-duration) * .5)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .content[data-position=bottom]{transform:translateY(100%)}.sheet[aria-hidden=true] .overlay{opacity:0;transition-duration:calc(var(--transition-duration) * .25)}"){constructor(){super(...arguments),this.open=!1,this.header="visible",this.position=p.Side,this.persist=!1,this.allowOverlyDismiss=!0,this.title="",this.focusAttribute="autofocus",this.sheetHeight=0,this.sheetWidth=0}onOpenChange(t,e){e?this.setIsSheetShown(!0):this.setIsSheetShown(!1)}async connectedCallback(){super.connectedCallback(),this.focus(),s.merge(s.fromEvent(window,"popstate").pipe(s.tap(t=>{t.stopPropagation(),t.preventDefault(),this.closeSheet()})),s.fromEvent(window,"keyup").pipe(s.tap(t=>{var i;const e=((i=this.sheet)==null?void 0:i.contains(t.target))&&document.activeElement===t.target;t.key!=="Escape"||e||b.dismiss(this.uid)}))).pipe(s.takeUntil(this.disconnecting)).subscribe(),s.fromEvent(window,u).pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{t.detail.uid===this.uid&&this.dispatchEvent(new CustomEvent(m,{detail:{sheet:this},bubbles:!0,composed:!0}))}),s.fromEvent(this,"sheetDismiss").pipe(s.tap(t=>t.stopPropagation()),s.takeUntil(this.disconnecting)).subscribe(t=>{t.preventDefault(),t.stopPropagation(),this.closeSheet()})}pxToVw(t){return t/document.documentElement.clientWidth*100}pxToVh(t){return t/document.documentElement.clientHeight*100}async firstUpdated(){await this.sheetAsync}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setIsSheetShown(t){var e;(e=this.sheet)==null||e.setAttribute("aria-hidden",String(!t))}closeSheet(){this.open=!1,this.setIsSheetShown(!1),this.dispatchEvent(new CustomEvent("close"))}getFocusElement(){const t=`[${this.focusAttribute}]`,e=this.assignedElements;for(const i of e){const n=i!=null&&i.matches(t)?i:i==null?void 0:i.querySelector(t);if(n)return n}return null}focus(){var t;(t=this.getFocusElement())==null||t.focus()}blur(){var t;(t=this.getFocusElement())==null||t.blur()}render(){const t={"inset-0 fixed min-w-[100vw] max-w-[100vw] md:min-w-[360px]":!0,"transition-all duration-600":!0,"bottom-0 items-center justify-end":this.position===p.Bottom,"top-0 right-0 bottom-0 mx-auto items-end justify-start h-full w-full":this.position===p.Side},e={"h-full rounded-l-[16px]":this.position===p.Side,"rounded-t-[16px]":this.position===p.Bottom,"bg-surface-low text-surface-onVariant border-outline shadow-1":!0};return d.html`
-			<div class="sheet ${this.classMap(t)}" role="dialog" aria-hidden="true">
-				<div
-					class="overlay ${this.classMap({"bg-scrim transition-all duration-600 opacity-[0.4] absolute inset-0":!0})}"
-					@click=${()=>{this.allowOverlyDismiss&&b.dismiss(this.uid)}}
-				></div>
-				<schmancy-sheet-content class="content ${this.classMap(e)}" data-position=${this.position}>
-					<schmancy-sheet-header .hidden=${this.header==="hidden"} title="${this.title}"> </schmancy-sheet-header>
-					<section class="flex flex-1">
-						<slot></slot>
-					</section>
-				</schmancy-sheet-content>
-			</div>
-		`}};l([r.property({type:String,reflect:!0})],c.prototype,"uid",2),l([r.property({type:Boolean,reflect:!0})],c.prototype,"open",2),l([r.property({type:String,reflect:!0})],c.prototype,"header",2),l([r.property({type:String,reflect:!0})],c.prototype,"position",2),l([r.property({type:Boolean,reflect:!0})],c.prototype,"persist",2),l([r.property({type:Boolean,reflect:!0})],c.prototype,"allowOverlyDismiss",2),l([r.property({type:String,reflect:!0})],c.prototype,"title",2),l([r.query(".sheet")],c.prototype,"sheet",2),l([r.queryAsync(".sheet")],c.prototype,"sheetAsync",2),l([r.query(".contents")],c.prototype,"sheetContents",2),l([r.queryAssignedElements({flatten:!0})],c.prototype,"assignedElements",2),l([r.property()],c.prototype,"focusAttribute",2),l([g("open")],c.prototype,"onOpenChange",1),c=l([r.customElement("schmancy-sheet")],c),exports.SchmancySheetPosition=p,exports.SheetHereMorty=m,exports.SheetWhereAreYouRicky=u,exports.hook=g,exports.sheet=b;
-//# sourceMappingURL=sheet-CosRC56a.cjs.map

package/dist/sheet-CosRC56a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-CosRC56a.cjs","sources":["../src/sheet/header.ts","../src/sheet/hook.ts","../src/sheet/sheet-content.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css`\n\t:host {\n\t\tinset: 0;\n\t\tdisplay: block;\n\t\tpadding-bottom: 16px;\n\t}\n`) {\n\t@property() title: string\n\trender() {\n\t\tconst classes = {\n\t\t\tabsolute: this.title.length === 0,\n\t\t\trelative: this.title.length > 0,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-grid class=\"${this.classMap(classes)}\" align=\"center\" justify=\"stretch\" cols=\"auto 1fr auto\">\n\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent('sheetDismiss', {\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\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</slot>\n\t\t\t\t<schmancy-typography transform=\"capitalize\" type=\"headline\" token=\"lg\"> ${this.title} </schmancy-typography>\n\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent('sheetDismiss', {\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\t\t<span class=\"text-[24px]\">✕</span>\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\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  waitUntilFirstUpdate?: boolean\n}\n\nexport function hook(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const { willUpdate } = protoOrDescriptor\n\n    options = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n    protoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n      willUpdate.call(this, changedProps)\n\n      if (changedProps.has(propName)) {\n        const oldValue = changedProps.get(propName)\n        const newValue = this[propName]\n\n        if (oldValue !== newValue) {\n          if (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n            this[name].call(this, oldValue, newValue)\n          }\n        }\n      }\n    }\n  }\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-content')\nexport default class SchmancySheetContent extends TailwindElement() {\n\trender() {\n\t\treturn html`\n\t\t\t<div tabindex=\"0\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-content': SchmancySheetContent\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tallowOverlyDismiss?: boolean\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\tconstructor() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(0)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\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]),\n\t\t\t\t),\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\t\t\t\t\tsheet.setAttribute('position', target.position ?? SchmancySheetPosition.Side)\n\t\t\t\t\tsheet.setAttribute('allowOverlyDismiss', target.allowOverlyDismiss === false ? 'false' : 'true')\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)), // Some people say why 10? I say why not?\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\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\ttap(([sheet]) => {\n\t\t\t\t\tsheet?.closeSheet()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, queryAsync } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil, tap } from 'rxjs'\nimport { hook } 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 }) allowOverlyDismiss = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') sheet!: HTMLElement | undefined\n\t@queryAsync('.sheet') sheetAsync!: Promise<HTMLElement> | undefined\n\t@query('.contents') sheetContents: HTMLElement | undefined\n\t@queryAssignedElements({ flatten: true }) assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\n\tsheetHeight = 0\n\tsheetWidth = 0\n\tdragPosition: number | undefined\n\n\t@hook('open')\n\tonOpenChange(_old_value: boolean, new_value: boolean) {\n\t\tif (new_value) {\n\t\t\tthis.setIsSheetShown(true)\n\t\t} else {\n\t\t\tthis.setIsSheetShown(false)\n\t\t}\n\t}\n\n\tasync connectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.focus()\n\t\tmerge(\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis.closeSheet()\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\t\t// ESC key to close bottom sheet\n\t\t\t\ttap(event => {\n\t\t\t\t\t// only close the currently open sheet\n\t\t\t\t\tconst isSheetElementFocused =\n\t\t\t\t\t\tthis.sheet?.contains(event.target as Node) && document.activeElement === event.target\n\t\t\t\t\tif (event.key === 'Escape' && !isSheetElementFocused) {\n\t\t\t\t\t\tsheet.dismiss(this.uid)\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\n\t\t// Handshaking communication between Ricky and Morty\n\t\tfromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.detail.uid === this.uid) {\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tsheet: this,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\n\t\tfromEvent(this, 'sheetDismiss')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.closeSheet()\n\t\t\t})\n\t}\n\n\tpxToVw(pxValue: number) {\n\t\tconst vwValue = (pxValue / document.documentElement.clientWidth) * 100\n\t\treturn vwValue\n\t}\n\n\tpxToVh(pxValue: number) {\n\t\tconst vhValue = (pxValue / document.documentElement.clientHeight) * 100\n\t\treturn vhValue\n\t}\n\n\tasync firstUpdated() {\n\t\tconst sheet = await this.sheetAsync\n\t\tif (!sheet) return\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.setIsSheetShown(false)\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\tconst slotted = this.assignedElements\n\t\tfor (const el of slotted) {\n\t\t\tconst focusEl = el?.matches(selector) ? el : el?.querySelector(selector)\n\t\t\tif (focusEl) {\n\t\t\t\treturn focusEl as HTMLElement\n\t\t\t}\n\t\t}\n\t\treturn null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\toverride blur() {\n\t\tthis.getFocusElement()?.blur()\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'inset-0 fixed min-w-[100vw] max-w-[100vw] md:min-w-[360px]': true,\n\t\t\t'transition-all duration-600': true,\n\t\t\t'bottom-0 items-center justify-end': this.position === SchmancySheetPosition.Bottom,\n\t\t\t'top-0 right-0 bottom-0 mx-auto items-end justify-start h-full w-full':\n\t\t\t\tthis.position === SchmancySheetPosition.Side,\n\t\t}\n\t\tconst contentClasses = {\n\t\t\t'h-full rounded-l-[16px]': this.position === SchmancySheetPosition.Side,\n\t\t\t'rounded-t-[16px]': this.position === SchmancySheetPosition.Bottom,\n\t\t\t'bg-surface-low text-surface-onVariant border-outline shadow-1': true,\n\t\t}\n\t\tconst overlayClasses = {\n\t\t\t'bg-scrim transition-all duration-600 opacity-[0.4] absolute inset-0': true,\n\t\t}\n\t\tconsole.log('rendering sheet', this.header)\n\t\treturn html`\n\t\t\t<div class=\"sheet ${this.classMap(classes)}\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay ${this.classMap(overlayClasses)}\"\n\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\tif (this.allowOverlyDismiss) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-sheet-content class=\"content ${this.classMap(contentClasses)}\" data-position=${this.position}>\n\t\t\t\t\t<schmancy-sheet-header .hidden=${this.header === 'hidden'} title=\"${this.title}\"> </schmancy-sheet-header>\n\t\t\t\t\t<section class=\"flex flex-1\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</section>\n\t\t\t\t</schmancy-sheet-content>\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"],"names":["SchmancySheetHeader","TailwindElement","css","classes","absolute","this","title","length","relative","html","classMap","dispatchEvent","CustomEvent","bubbles","composed","hook","propName","options","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","newValue","hasUpdated","__decorateClass","property","prototype","customElement","SchmancySheetContent","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","undefined","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","position","allowOverlyDismiss","persist","header","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","take","subscribe","remove","mergeMap","closeSheet","next","SchmancySheet","$LitElement","constructor","super","arguments","open","Side","focusAttribute","sheetHeight","sheetWidth","_old_value","new_value","setIsSheetShown","connectedCallback","focus","merge","stopPropagation","preventDefault","event","isSheetElementFocused","contains","activeElement","key","dismiss","disconnecting","pxValue","documentElement","clientWidth","clientHeight","firstUpdated","sheetAsync","disconnectedCallback","isShown","String","selector","slotted","el","focusEl","matches","getFocusElement","blur","render","Bottom","contentClasses","type","reflect","Boolean","query","queryAsync","queryAssignedElements","flatten"],"mappings":"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"}