@mhmo91/schmancy 0.4.32 → 0.4.34

package/dist/sheet-BGuqw1NG.js

@@ -1,141 +0,0 @@
-import { fromEvent as d, tap as p, of as b, take as g, merge as w, takeUntil as E } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as x } from "./tailwind.mixin-DWhCm94g.js";
-import { customElement as v, property as c, query as k, queryAssignedElements as F } from "lit/decorators.js";
-import { css as S, html as y } from "lit";
-import { $ as C } from "./litElement.mixin-DGeprHKB.js";
-import { when as $ } from "lit/directives/when.js";
-import { S as O, s as u, a as U, b as j } from "./sheet.service-Dm2r1_ji.js";
-var P = Object.getOwnPropertyDescriptor;
-let f = class extends x(S``) {
-  render() {
-    return y`
-			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
-				<div class="block md:hidden flex-1 justify-start items-start">
-					<slot name="back">
-						<schmancy-button
-							@click=${() => {
-      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
-    }}
-						>
-							<span class="text-[24px]">&#8592; </span>
-						</schmancy-button>
-					</slot>
-				</div>
-
-				<div class="hidden md:block flex-1 justify-end items-end">
-					<slot name="actions">
-						<schmancy-icon-button
-							@click=${() => {
-      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
-    }}
-						>
-							close
-						</schmancy-icon-button>
-					</slot>
-				</div>
-			</sch-flex>
-		`;
-  }
-};
-f = ((t, s, a, e) => {
-  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);
-  return i;
-})([v("schmancy-sheet-header")], f);
-var A = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (t, s, a, e) => {
-  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);
-  return e && i && A(s, a, i), i;
-};
-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}") {
-  constructor() {
-    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) => {
-      this.sheet?.contains(t.target) || this.focus();
-    };
-  }
-  onOpenChange(t, s) {
-    s ? (this.lastFocusedElement = document.activeElement, this.addFocusTrap(), this.focus()) : (this.removeFocusTrap(), this.lastFocusedElement?.focus(), this.lastFocusedElement = null);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setupEventListeners();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnecting.next(!0);
-  }
-  setupEventListeners() {
-    const t = this.handleHistory ? d(window, "popstate").pipe(p((e) => {
-      e.preventDefault(), this.closeSheet();
-    })) : b(null).pipe(g(0)), s = d(window, "keyup").pipe(p((e) => {
-      e.key !== "Escape" || this.sheetContainsFocus() || this.lock || u.dismiss(this.uid);
-    })), a = d(window, U).pipe(p((e) => {
-      e.detail.uid === this.uid && this.announcePresence();
-    }));
-    w(t, s, a).pipe(E(this.disconnecting)).subscribe();
-  }
-  sheetContainsFocus() {
-    return this.sheet?.contains(document.activeElement) ?? !1;
-  }
-  announcePresence() {
-    this.dispatchEvent(new CustomEvent(j, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
-  }
-  addFocusTrap() {
-    document.addEventListener("focusin", this.handleFocusIn);
-  }
-  removeFocusTrap() {
-    document.removeEventListener("focusin", this.handleFocusIn);
-  }
-  setIsSheetShown(t) {
-    this.sheet?.setAttribute("aria-hidden", String(!t)), this.sheet?.setAttribute("aria-modal", String(t));
-  }
-  closeSheet() {
-    this.open = !1, this.dispatchEvent(new CustomEvent("close"));
-  }
-  getFocusElement() {
-    const t = `[${this.focusAttribute}]`;
-    return this.assignedElements.find((s) => s.matches(t) || s.querySelector(t)) ?? null;
-  }
-  focus() {
-    this.getFocusElement()?.focus();
-  }
-  render() {
-    return y`
-			<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden=${!this.open} aria-modal=${this.open}>
-				<div
-					class="overlay"
-					@click=${(t) => {
-      t.stopPropagation(), this.lock || u.dismiss(this.uid);
-    }}
-				></div>
-				<schmancy-grid
-					rows=${this.header === "hidden" ? "1fr" : "auto 1fr"}
-					class="content w-full"
-					data-position=${this.position}
-				>
-					${$(this.header !== "hidden", () => y`<schmancy-sheet-header
-								class="sticky top-0 z-50 w-full"
-								@dismiss=${(t) => {
-      t.stopPropagation(), u.dismiss(this.uid);
-    }}
-								id="sheet-title"
-								title=${this.title}
-							></schmancy-sheet-header>`)}
-
-					<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
-						<schmancy-scroll> <slot></slot></schmancy-scroll>
-					</schmancy-surface>
-				</schmancy-grid>
-			</div>
-		`;
-  }
-};
-var l, m;
-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) => {
-  const { willUpdate: a } = t;
-  m = Object.assign({ waitUntilFirstUpdate: !1 }, m), t.willUpdate = function(e) {
-    if (a.call(this, e), e.has(l)) {
-      const r = e.get(l), i = this[l];
-      r !== i && (m?.waitUntilFirstUpdate && !this.hasUpdated || this[s].call(this, r, i));
-    }
-  };
-})], n.prototype, "onOpenChange", 1), n = o([v("schmancy-sheet")], n);
-//# sourceMappingURL=sheet-BGuqw1NG.js.map

package/dist/sheet-BGuqw1NG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-BGuqw1NG.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]\">&#8592; </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","selector","assignedElements","find","el","matches","querySelector","getFocusElement","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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"}

package/dist/sheet-DlLj6OeU.cjs

@@ -1,47 +0,0 @@
-"use strict";const a=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const v=require("./tailwind.mixin-CBu1BEQZ.cjs"),r=require("lit/decorators.js"),u=require("lit"),f=require("./litElement.mixin-CII9bbap.cjs"),b=require("lit/directives/when.js"),d=require("./sheet.service-DQQ44gXD.cjs");var g=Object.getOwnPropertyDescriptor;let y=class extends v.TailwindElement(u.css``){render(){return u.html`
-			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
-				<div class="block md:hidden flex-1 justify-start items-start">
-					<slot name="back">
-						<schmancy-button
-							@click=${()=>{this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}
-						>
-							<span class="text-[24px]">&#8592; </span>
-						</schmancy-button>
-					</slot>
-				</div>
-
-				<div class="hidden md:block flex-1 justify-end items-end">
-					<slot name="actions">
-						<schmancy-icon-button
-							@click=${()=>{this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}
-						>
-							close
-						</schmancy-icon-button>
-					</slot>
-				</div>
-			</sch-flex>
-		`}};y=((t,s,c,e)=>{for(var h,i=e>1?void 0:e?g(s,c):s,l=t.length-1;l>=0;l--)(h=t[l])&&(i=h(i)||i);return i})([r.customElement("schmancy-sheet-header")],y);var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(t,s,c,e)=>{for(var h,i=e>1?void 0:e?E(s,c):s,l=t.length-1;l>=0;l--)(h=t[l])&&(i=(e?h(s,c,i):h(i))||i);return e&&i&&w(s,c,i),i};let n=class extends f.$LitElement(":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}"){constructor(){super(...arguments),this.open=!1,this.header="visible",this.position=d.SchmancySheetPosition.Side,this.persist=!1,this.lock=!1,this.handleHistory=!0,this.title="",this.focusAttribute="autofocus",this.lastFocusedElement=null,this.handleFocusIn=t=>{this.sheet?.contains(t.target)||this.focus()}}onOpenChange(t,s){s?(this.lastFocusedElement=document.activeElement,this.addFocusTrap(),this.focus()):(this.removeFocusTrap(),this.lastFocusedElement?.focus(),this.lastFocusedElement=null)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=this.handleHistory?a.fromEvent(window,"popstate").pipe(a.tap(e=>{e.preventDefault(),this.closeSheet()})):a.of(null).pipe(a.take(0)),s=a.fromEvent(window,"keyup").pipe(a.tap(e=>{e.key!=="Escape"||this.sheetContainsFocus()||this.lock||d.sheet.dismiss(this.uid)})),c=a.fromEvent(window,d.SheetWhereAreYouRicky).pipe(a.tap(e=>{e.detail.uid===this.uid&&this.announcePresence()}));a.merge(t,s,c).pipe(a.takeUntil(this.disconnecting)).subscribe()}sheetContainsFocus(){return this.sheet?.contains(document.activeElement)??!1}announcePresence(){this.dispatchEvent(new CustomEvent(d.SheetHereMorty,{detail:{sheet:this},bubbles:!0,composed:!0}))}addFocusTrap(){document.addEventListener("focusin",this.handleFocusIn)}removeFocusTrap(){document.removeEventListener("focusin",this.handleFocusIn)}setIsSheetShown(t){this.sheet?.setAttribute("aria-hidden",String(!t)),this.sheet?.setAttribute("aria-modal",String(t))}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}getFocusElement(){const t=`[${this.focusAttribute}]`;return this.assignedElements.find(s=>s.matches(t)||s.querySelector(t))??null}focus(){this.getFocusElement()?.focus()}render(){return u.html`
-			<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden=${!this.open} aria-modal=${this.open}>
-				<div
-					class="overlay"
-					@click=${t=>{t.stopPropagation(),this.lock||d.sheet.dismiss(this.uid)}}
-				></div>
-				<schmancy-grid
-					rows=${this.header==="hidden"?"1fr":"auto 1fr"}
-					class="content w-full"
-					data-position=${this.position}
-				>
-					${b.when(this.header!=="hidden",()=>u.html`<schmancy-sheet-header
-								class="sticky top-0 z-50 w-full"
-								@dismiss=${t=>{t.stopPropagation(),d.sheet.dismiss(this.uid)}}
-								id="sheet-title"
-								title=${this.title}
-							></schmancy-sheet-header>`)}
-
-					<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
-						<schmancy-scroll> <slot></slot></schmancy-scroll>
-					</schmancy-surface>
-				</schmancy-grid>
-			</div>
-		`}};var p,m;o([r.property({type:String,reflect:!0})],n.prototype,"uid",2),o([r.property({type:Boolean,reflect:!0})],n.prototype,"open",2),o([r.property({type:String,reflect:!0})],n.prototype,"header",2),o([r.property({type:String,reflect:!0})],n.prototype,"position",2),o([r.property({type:Boolean,reflect:!0})],n.prototype,"persist",2),o([r.property({type:Boolean,reflect:!0})],n.prototype,"lock",2),o([r.property({type:Boolean,reflect:!0})],n.prototype,"handleHistory",2),o([r.property({type:String,reflect:!0})],n.prototype,"title",2),o([r.query(".sheet")],n.prototype,"sheet",2),o([r.queryAssignedElements({flatten:!0})],n.prototype,"assignedElements",2),o([r.property()],n.prototype,"focusAttribute",2),o([(p="open",(t,s)=>{const{willUpdate:c}=t;m=Object.assign({waitUntilFirstUpdate:!1},m),t.willUpdate=function(e){if(c.call(this,e),e.has(p)){const h=e.get(p),i=this[p];h!==i&&(m?.waitUntilFirstUpdate&&!this.hasUpdated||this[s].call(this,h,i))}}})],n.prototype,"onOpenChange",1),n=o([r.customElement("schmancy-sheet")],n);
-//# sourceMappingURL=sheet-DlLj6OeU.cjs.map

package/dist/sheet-DlLj6OeU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-DlLj6OeU.cjs","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]\">&#8592; </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","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheet","$LitElement","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","selector","assignedElements","find","el","matches","querySelector","getFocusElement","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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"}