@mhmo91/schmancy 0.2.26 → 0.2.28

package/dist/sheet-Dt3siMhI.js

@@ -1,193 +0,0 @@
-import { Subject as x, switchMap as j, forkJoin as S, fromEvent as d, takeUntil as b, timer as C, map as p, defaultIfEmpty as F, of as O, tap as l, delay as u, filter as D, take as U, mergeMap as B, merge as I } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as $ } from "./tailwind.mixin-DtR4DQvn.js";
-import { css as T, html as f } from "lit";
-import { property as h, customElement as w, query as L, queryAssignedElements as q } from "lit/decorators.js";
-import { $ as z } from "./litElement.mixin-CjxO_zfv.js";
-var N = Object.defineProperty, M = Object.getOwnPropertyDescriptor, k = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? M(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 && N(e, s, i), i;
-};
-let m = class extends $(T`
-	:host {
-		inset: 0;
-		display: block;
-		padding-bottom: 16px;
-	}
-`) {
-  render() {
-    const t = { absolute: this.title.length === 0, relative: this.title.length > 0 };
-    return f`
-			<schmancy-grid class="${this.classMap(t)}" align="center" justify="stretch" cols="auto 1fr auto">
-				<slot name="back">
-					<schmancy-button
-						@click=${() => {
-      this.dispatchEvent(new CustomEvent("dismiss", { 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("dismiss", { bubbles: !0, composed: !0 }));
-    }}
-					>
-						<span class="text-[24px]">✕</span>
-					</schmancy-button>
-				</slot>
-			</schmancy-grid>
-		`;
-  }
-};
-function R(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), E = this[t];
-        a !== E && (e != null && e.waitUntilFirstUpdate && !this.hasUpdated || this[o].call(this, a, E));
-      }
-    };
-  };
-}
-k([h()], m.prototype, "title", 2), m = k([w("schmancy-sheet-header")], m);
-var J = Object.defineProperty, Y = Object.getOwnPropertyDescriptor;
-let A = class extends $() {
-  render() {
-    return f`
-			<div tabindex="0">
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-A = ((t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Y(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;
-})([w("schmancy-sheet-content")], A);
-var P = ((t) => (t.Side = "side", t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.TopRight = "top-right", t.BottomRight = "bottom-right", t))(P || {});
-const v = "are-you-there-sheet", g = "yes-here", y = new class {
-  constructor() {
-    this.bottomSheet = new x(), this.$dismiss = new x(), this.bottomSheet.pipe(j((t) => S([d(window, g).pipe(b(C(0)), p((e) => e.detail.sheet), F(void 0)), O(t).pipe(l(() => {
-      window.dispatchEvent(new CustomEvent(v, { detail: { uid: t.uid ?? t.component.tagName } }));
-    }))])), p(([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 ?? "bottom"), 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 })), u(20), D(({ 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);
-    }), u(1), l(({ sheet: t }) => {
-      t == null || t.setAttribute("open", "true");
-    }), l(({ sheet: t }) => {
-      d(t, "close").pipe(U(1)).pipe(u(300)).subscribe((e) => {
-        const s = e.target;
-        s != null && s.persist || (s == null || s.remove()), document.body.style.overflow = "auto";
-      });
-    })).subscribe(), this.$dismiss.pipe(B((t) => S([d(window, g).pipe(b(C(100)), p((e) => e.detail.sheet), F(void 0)), O(t).pipe(l(() => {
-      window.dispatchEvent(new CustomEvent(v, { detail: { uid: t } }));
-    }))])), l(([t]) => {
-      t == null || t.closeSheet();
-    })).subscribe();
-  }
-  dismiss(t) {
-    this.$dismiss.next(t);
-  }
-  open(t) {
-    this.bottomSheet.next(t);
-  }
-}();
-var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, c = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? H(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 && G(e, s, i), i;
-};
-let r = class extends z(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) ease-in-out}.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;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.4;transition:opacity var(--transition-duration) ease-in-out}.content{z-index:1;transition:transform var(--transition-duration) ease-in-out}.content[data-position=side]{height:100%;margin-left:auto;min-width:320px;max-width:90vw;width:fit-content}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}") {
-  constructor() {
-    super(...arguments), this.open = !1, this.header = "visible", this.position = P.Side, this.persist = !1, this.allowOverlayDismiss = !0, this.title = "", this.focusAttribute = "autofocus", this.lastFocusedElement = null, this.handleFocusIn = (t) => {
-      var e;
-      (e = this.sheet) != null && e.contains(t.target) || this.focus();
-    };
-  }
-  onOpenChange(t, e) {
-    var s;
-    this.setIsSheetShown(e), e ? (this.lastFocusedElement = document.activeElement, this.addFocusTrap(), this.focus()) : (this.removeFocusTrap(), (s = this.lastFocusedElement) == null || s.focus(), this.lastFocusedElement = null);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setupEventListeners();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnecting.next(!0);
-  }
-  setupEventListeners() {
-    const t = d(window, "popstate").pipe(l((o) => {
-      o.preventDefault(), this.closeSheet();
-    })), e = d(window, "keyup").pipe(l((o) => {
-      o.key !== "Escape" || this.sheetContainsFocus() || y.dismiss(this.uid);
-    })), s = d(window, v).pipe(l((o) => {
-      o.detail.uid === this.uid && this.announcePresence();
-    }));
-    I(t, e, s).pipe(b(this.disconnecting)).subscribe();
-  }
-  sheetContainsFocus() {
-    var t;
-    return ((t = this.sheet) == null ? void 0 : t.contains(document.activeElement)) ?? !1;
-  }
-  announcePresence() {
-    this.dispatchEvent(new CustomEvent(g, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
-  }
-  addFocusTrap() {
-    document.addEventListener("focusin", this.handleFocusIn);
-  }
-  removeFocusTrap() {
-    document.removeEventListener("focusin", this.handleFocusIn);
-  }
-  setIsSheetShown(t) {
-    var e, s;
-    (e = this.sheet) == null || e.setAttribute("aria-hidden", String(!t)), (s = this.sheet) == null || s.setAttribute("aria-modal", String(t));
-  }
-  closeSheet() {
-    this.open = !1, this.dispatchEvent(new CustomEvent("close"));
-  }
-  getFocusElement() {
-    const t = `[${this.focusAttribute}]`;
-    return this.assignedElements.find((e) => e.matches(t) || e.querySelector(t)) ?? null;
-  }
-  focus() {
-    var t;
-    (t = this.getFocusElement()) == null || t.focus();
-  }
-  render() {
-    return f`
-			<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden="true" aria-modal="false">
-				<div
-					class="overlay"
-					@click=${(t) => {
-      t.stopPropagation(), this.allowOverlayDismiss && y.dismiss(this.uid);
-    }}
-				></div>
-				<schmancy-sheet-content class="content" data-position=${this.position}>
-					<schmancy-sheet-header
-						@dismiss=${(t) => {
-      t.stopPropagation(), y.dismiss(this.uid);
-    }}
-						id="sheet-title"
-						.hidden=${this.header === "hidden"}
-						title=${this.title}
-					></schmancy-sheet-header>
-					<slot></slot>
-				</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, "allowOverlayDismiss", 2), c([h({ type: String, reflect: !0 })], r.prototype, "title", 2), c([L(".sheet")], r.prototype, "sheet", 2), c([q({ flatten: !0 })], r.prototype, "assignedElements", 2), c([h()], r.prototype, "focusAttribute", 2), c([R("open")], r.prototype, "onOpenChange", 1), r = c([w("schmancy-sheet")], r);
-export {
-  P as S,
-  v as a,
-  g as b,
-  R as h,
-  y as s
-};
-//# sourceMappingURL=sheet-Dt3siMhI.js.map

package/dist/sheet-Dt3siMhI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-Dt3siMhI.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('dismiss', {\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('dismiss', {\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.Bottom)\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 } 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 }) allowOverlayDismiss = 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@hook('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tthis.setIsSheetShown(newValue)\n\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\n\t\tconst popState$ = fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeSheet()\n\t\t\t}),\n\t\t)\n\n\t\t// Handle ESC key\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus()) {\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=\"true\" aria-modal=\"false\">\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.allowOverlayDismiss) 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\" data-position=${this.position}>\n\t\t\t\t\t<schmancy-sheet-header\n\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t.hidden=${this.header === 'hidden'}\n\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t></schmancy-sheet-header>\n\t\t\t\t\t<slot></slot>\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","allowOverlayDismiss","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","setIsSheetShown","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","popState$","preventDefault","keyUp$","event","key","sheetContainsFocus","dismiss","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","String","selector","el","matches","getFocusElement","stopPropagation","type","reflect","Boolean","query","queryAssignedElements","flatten"],"mappings":"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"}