@mhmo91/schmancy 0.2.23 → 0.2.27

package/dist/outlet-Bc4MC45j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-Bc4MC45j.js","sources":["../src/notification/$notification.ts","../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { Subject, buffer, debounceTime, fromEvent, race, timer } from 'rxjs'\nimport { SchmancyNotification } from './notification'\n\nexport type TNotification = 'success' | 'error' | 'warning' | 'info'\nexport type TNotificationConfig = {\n  action?: typeof Function\n  duration?: number\n}\n\nfunction createNotificationComponent(message, type) {\n  const notificationComponent = document.createElement('schmancy-notification')\n  notificationComponent.setAttribute('type', type)\n  notificationComponent.innerHTML = message\n  return notificationComponent\n}\nconst $notifications = new Subject<{\n  component: SchmancyNotification\n  config?: TNotificationConfig\n}>()\nexport const $notify = {\n  success: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'success')\n    $notifications.next({ component, config })\n    return component\n  },\n  error: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'error')\n    $notifications.next({ component, config })\n    return component\n  },\n  warning: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'warning')\n    $notifications.next({ component, config })\n    return component\n  },\n  info: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'info')\n    $notifications.next({ component, config })\n    return component\n  }\n}\n\n$notifications.pipe(buffer($notifications.pipe(debounceTime(1000)))).subscribe((notifications) => {\n  if (notifications.length > 1) {\n    const notification = notifications[notifications.length - 1]\n    $notifications.next({ component: notification.component, config: notification.config })\n  }\n})\n$notifications.subscribe(({ component, config }) => {\n  document.body?.appendChild(component)\n  race(fromEvent(component, 'close'), timer(config?.duration ?? 3000)).subscribe(() => {\n    component.remove()\n  })\n})\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n@customElement('schmancy-notification')\nexport class SchmancyNotification extends TailwindElement() {\n\t@property({ type: String })\n\ttype: 'success' | 'error' | 'warning' | 'info' = 'success'\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\taria-live=\"assertive\"\n\t\t\t\tclass=\"pointer-events-none z-100 fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6\"\n\t\t\t>\n\t\t\t\t<div class=\"flex w-full flex-col items-center space-y-4 sm:items-end\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-surface-container shadow-lg ring-1 ring-outlineVariant ring-opacity-5\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"p-2\">\n\t\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t\t<div class=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t${this.type === 'success'\n\t\t\t\t\t\t\t\t\t\t? html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-success-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`\n\t\t\t\t\t\t\t\t\t\t: html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-error-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-3 w-0 flex-1 pt-0.5\">\n\t\t\t\t\t\t\t\t\t<p class=\" text-sm \">\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-4 flex shrink-0\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Close</span>\n\t\t\t\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification': SchmancyNotification\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-notification-outlet')\nexport class SchmancyNotificationOutlet extends TailwindElement() {\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification-outlet': SchmancyNotificationOutlet\n\t}\n}\n"],"names":["createNotificationComponent","message","type","notificationComponent","document","createElement","setAttribute","innerHTML","$notifications","Subject","$notify","success","config","component","next","error","warning","info","pipe","buffer","debounceTime","subscribe","notifications","length","notification","body","appendChild","race","fromEvent","timer","duration","remove","SchmancyNotification","TailwindElement","super","arguments","this","html","dispatchEvent","CustomEvent","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":";;;;;;AASA,SAASA,EAA4BC,GAASC,GAAAA;AACtC,QAAAC,IAAwBC,SAASC,cAAc,uBAG9C;AAAA,SAFeF,EAAAG,aAAa,QAAQJ,CAC3CC,GAAAA,EAAsBI,YAAYN,GAC3BE;AACT;AACA,MAAMK,IAAiB,IAAIC,KAIdC,IAAU,EACrBC,SAAS,CAACV,GAAiBW,MAAAA;AACnB,QAAAC,IAAYb,EAA4BC,GAAS,SAEhD;AAAA,SADPO,EAAeM,KAAK,EAAED,WAAAA,GAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETE,OAAO,CAACd,GAAiBW,MAAAA;AACjB,QAAAC,IAAYb,EAA4BC,GAAS,OAAA;AAEhD,SADPO,EAAeM,KAAK,EAAED,cAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETG,SAAS,CAACf,GAAiBW,MACnB;AAAA,QAAAC,IAAYb,EAA4BC,GAAS,SAAA;AAEhD,SADPO,EAAeM,KAAK,EAAED,WAAAA,GAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETI,MAAM,CAAChB,GAAiBW,MAAAA;AAChB,QAAAC,IAAYb,EAA4BC,GAAS;AAEhD,SADPO,EAAeM,KAAK,EAAED,WAAWD,GAAAA,QAAAA,EAAAA,CAAAA,GAC1BC;AAAA,EAAA;AAIXL,EAAeU,KAAKC,EAAOX,EAAeU,KAAKE,EAAa,QAASC,UAAWC,CAAAA,MAAAA;AAC1E,MAAAA,EAAcC,SAAS,GAAG;AAC5B,UAAMC,IAAeF,EAAcA,EAAcC,SAAS,CAAA;AAC3Cf,IAAAA,EAAAM,KAAK,EAAED,WAAWW,EAAaX,WAAWD,QAAQY,EAAaZ,OAAAA,CAAAA;AAAAA,EAAQ;AAG1FJ,CAAAA,GAAAA,EAAea,UAAU,CAAA,EAAGR,WAAWD,GAAAA,QAAAA,EAAAA,MAAAA;;AAC5BR,GAAAA,IAAAA,SAAAqB,SAAArB,QAAAA,EAAMsB,YAAYb,IACtBc,EAAAC,EAAUf,GAAW,UAAUgB,GAAMjB,KAAAA,gBAAAA,EAAQkB,aAAY,GAAA,CAAA,EAAOT,UAAU,MAAA;AAC7ER,IAAAA,EAAUkB,OAAO;AAAA,EAAA,CAAA;AAClB;;;;;AChDU,IAAAC,IAAN,cAAmCC,EAAnC,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAE2CC,GAAAA,KAAAlC,OAAA;AAAA,EAAA;AAAA,EAEjD,SACQ;AAAA,WAAAmC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAYED,KAAKlC,SAAS,YACbmC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAcAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;;;;;;mBAuBO,MAAA;AACRD,WAAKE,cAAc,IAAIC,YAAY,OAAQ,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAC3C;AAAA;AAvDVC,EAAA,CADCC,EAAS,EAAEvC,MAAMwC,OAAAA,CAAAA,CAAAA,GADNV,EAEZW,WAAA,QAAA,CAFYX,GAAAA,IAANQ,EAAA,CADNI,EAAc,2BACFZ;;ACCA,IAAAa,IAAN,cAAyCZ,EAC/C,EAAA;AAAA,EAAA;AACQ,WAAAI;AAAAA,EAAA;AAAA;AAFIQ;;;GAAN,CADND,EAAc,8BACFC,CAAAA,GAAAA,CAAAA;"}

package/dist/sheet-CJ6kO7WG.cjs

@@ -1,48 +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-mhYVlkxs.cjs"),d=require("lit"),c=require("lit/decorators.js"),S=require("./litElement.mixin-Cw40wOLl.cjs");var k=Object.defineProperty,x=Object.getOwnPropertyDescriptor,f=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?x(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&k(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("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 g(t,e){return(i,n)=>{const{willUpdate:r}=i;e=Object.assign({waitUntilFirstUpdate:!1},e),i.willUpdate=function(o){if(r.call(this,o),o.has(t)){const a=o.get(t),v=this[t];a!==v&&(e!=null&&e.waitUntilFirstUpdate&&!this.hasUpdated||this[n].call(this,a,v))}}}}f([c.property()],y.prototype,"title",2),y=f([c.customElement("schmancy-sheet-header")],y);var C=Object.defineProperty,F=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 r,o=n>1?void 0:n?F(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&C(e,i,o),o})([c.customElement("schmancy-sheet-content")],w);var b=(t=>(t.Side="side",t.Bottom="bottom",t.BottomCenter="bottom-center",t.TopRight="top-right",t.BottomRight="bottom-right",t))(b||{});const u="are-you-there-sheet",m="yes-here",p=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??"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})),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(r=>r.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 O=Object.defineProperty,A=Object.getOwnPropertyDescriptor,l=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?A(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&O(e,i,o),o};let h=class extends S.$LitElement(":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;background-color:var(--schmancy-sys-color-surface-container);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=b.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 i;this.setIsSheetShown(e),e?(this.lastFocusedElement=document.activeElement,this.addFocusTrap(),this.focus()):(this.removeFocusTrap(),(i=this.lastFocusedElement)==null||i.focus(),this.lastFocusedElement=null)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=s.fromEvent(window,"popstate").pipe(s.tap(n=>{n.preventDefault(),this.closeSheet()})),e=s.fromEvent(window,"keyup").pipe(s.tap(n=>{n.key!=="Escape"||this.sheetContainsFocus()||p.dismiss(this.uid)})),i=s.fromEvent(window,u).pipe(s.tap(n=>{n.detail.uid===this.uid&&this.announcePresence()}));s.merge(t,e,i).pipe(s.takeUntil(this.disconnecting)).subscribe()}sheetContainsFocus(){var t;return((t=this.sheet)==null?void 0:t.contains(document.activeElement))??!1}announcePresence(){this.dispatchEvent(new CustomEvent(m,{detail:{sheet:this},bubbles:!0,composed:!0}))}addFocusTrap(){document.addEventListener("focusin",this.handleFocusIn)}removeFocusTrap(){document.removeEventListener("focusin",this.handleFocusIn)}setIsSheetShown(t){var e,i;(e=this.sheet)==null||e.setAttribute("aria-hidden",String(!t)),(i=this.sheet)==null||i.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 d.html`
-			<schmancy-theme>
-				<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden="true" aria-modal="false">
-					<div
-						class="overlay"
-						@click=${t=>{t.stopPropagation(),this.allowOverlayDismiss&&p.dismiss(this.uid)}}
-					></div>
-					<schmancy-sheet-content class="content" data-position=${this.position}>
-						<schmancy-sheet-header
-							@dismiss=${t=>{t.stopPropagation(),p.dismiss(this.uid)}}
-							id="sheet-title"
-							.hidden=${this.header==="hidden"}
-							title=${this.title}
-						></schmancy-sheet-header>
-						<slot></slot>
-					</schmancy-sheet-content>
-				</div>
-			</schmancy-theme>
-		`}};l([c.property({type:String,reflect:!0})],h.prototype,"uid",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"open",2),l([c.property({type:String,reflect:!0})],h.prototype,"header",2),l([c.property({type:String,reflect:!0})],h.prototype,"position",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"persist",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"allowOverlayDismiss",2),l([c.property({type:String,reflect:!0})],h.prototype,"title",2),l([c.query(".sheet")],h.prototype,"sheet",2),l([c.queryAssignedElements({flatten:!0})],h.prototype,"assignedElements",2),l([c.property()],h.prototype,"focusAttribute",2),l([g("open")],h.prototype,"onOpenChange",1),h=l([c.customElement("schmancy-sheet")],h),exports.SchmancySheetPosition=b,exports.SheetHereMorty=m,exports.SheetWhereAreYouRicky=u,exports.hook=g,exports.sheet=p;
-//# sourceMappingURL=sheet-CJ6kO7WG.cjs.map

package/dist/sheet-CJ6kO7WG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-CJ6kO7WG.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('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<schmancy-theme>\n\t\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=\"true\" aria-modal=\"false\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tif (this.allowOverlayDismiss) sheet.dismiss(this.uid)\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t\t<schmancy-sheet-content class=\"content\" data-position=${this.position}>\n\t\t\t\t\t\t<schmancy-sheet-header\n\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t.hidden=${this.header === 'hidden'}\n\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t></schmancy-sheet-header>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-sheet-content>\n\t\t\t\t</div>\n\t\t\t</schmancy-theme>\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","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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"}

package/dist/sheet-CoO8bSHc.js

@@ -1,195 +0,0 @@
-import { Subject as x, switchMap as j, forkJoin as S, fromEvent as d, takeUntil as b, timer as k, map as p, defaultIfEmpty as C, of as F, 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-wwBoa4Jw.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-CJYb3izk.js";
-var N = Object.defineProperty, M = Object.getOwnPropertyDescriptor, O = (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));
-      }
-    };
-  };
-}
-O([h()], m.prototype, "title", 2), m = O([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(k(0)), p((e) => e.detail.sheet), C(void 0)), F(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(k(100)), p((e) => e.detail.sheet), C(void 0)), F(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;background-color:var(--schmancy-sys-color-surface-container);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`
-			<schmancy-theme>
-				<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>
-			</schmancy-theme>
-		`;
-  }
-};
-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-CoO8bSHc.js.map

package/dist/sheet-CoO8bSHc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-CoO8bSHc.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<schmancy-theme>\n\t\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=\"true\" aria-modal=\"false\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tif (this.allowOverlayDismiss) sheet.dismiss(this.uid)\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t\t<schmancy-sheet-content class=\"content\" data-position=${this.position}>\n\t\t\t\t\t\t<schmancy-sheet-header\n\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t.hidden=${this.header === 'hidden'}\n\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t></schmancy-sheet-header>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-sheet-content>\n\t\t\t\t</div>\n\t\t\t</schmancy-theme>\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":";;;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAQhE,EAAA;AAAA,EAAA,SACC;AAAA,UAAMC,IAAU,EACfC,UAAUC,KAAKC,MAAMC,WAAW,GAChCC,UAAUH,KAAKC,MAAMC,SAAS,EAAA;AAExB,WAAAE;AAAAA,2BACkBJ,KAAKK,SAASP,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,eAG1B,MACHE;AAAAA,WAAAM,cACJ,IAAIC,YAAY,WAAW,EAC1BC,SAAAA,IACAC,UAAAA,GAEF,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8EAMuET,KAAKC,KAAAA;AAAAA;AAAAA;AAAAA,eAGpE,MACHD;AAAAA,WAAAM,cACJ,IAAIC,YAAY,WAAW,EAC1BC,SAAAA,IACAC,UAAAA,GAEF,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EACA;AAAA;AC1BS,SAAAC,EAAKC,GAAkBC,GAC9B;AAAA,SAAA,CAACC,GAAwBC,MAAAA;AACxB,UAAAC,EAAAA,YAAEA,MAAeF;AAEvBD,QAAUI,OAAOC,OAAO,EAAEC,yBAA+BN,GAAAA,CAAAA,GAEvCC,EAAAE,aAAa,SAAUI,GAGnC;AAAA,UAFOJ,EAAAK,KAAKpB,MAAMmB,IAElBA,EAAaE,IAAIV,CAAW,GAAA;AACxB,cAAAW,IAAWH,EAAaI,IAAIZ,CAC5Ba,GAAAA,IAAWxB,KAAKW,CAElBW;AAAAA,QAAAA,MAAaE,MACVZ,eAASM,yBAAwBlB,KAAKyB,cACzCzB,KAAKc,CAAMM,EAAAA,KAAKpB,MAAMsB,GAAUE,CAAAA;AAAAA,MAEpC;AAAA,IAEJ;AAAA,EAAA;AAEJ;AD3BaE,EAAA,CAAXC,EAPmBhC,CAAAA,GAAAA,EAORiC,WAAA,SAAA,CAAA,GAPQjC,IAArB+B,EAAA,CADCG,EAAc,uBAAA,CAAA,GACMlC;;AEArB,IAAqBmC,IAArB,cAAkDlC;EACjD,SAAAmC;AACQ,WAAA3B;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AAAA;AAFY0B;;;GAArB,CADCD,EAAc,4BACMC,CCaT;AAAA,IAAAE,KAAAA,QACXA,EAAO,OAAA,QACPA,EAAS,SAAA,UAITA,EAAe,eAAA,iBAIfA,EAAW,WAAA,aAIXA,EAAc,cAAA,gBAdHA,IAAAA,KAAA,CAAA;AAgCL,MAAMC,IAAwB,uBAKxBC,IAAiB,YA8GjBC,IAAQ,IA7GrB,MAAA;AAAA,EAGC,cAFAnC;AAAAA,SAAAoC,cAAc,IAAIC,KAClBrC,KAAAsC,WAAW,IAAID,KAEdrC,KAAKoC,YACHG,KACAC,SACCC,EAAS,CACRC,EAA+BC,QAAQT,CAAAA,EAAgBK,KACtDK,EAAUC,EAAM,CAChBC,CAAAA,GAAAA,EAAIC,CAAAA,MAAKA,EAAEC,OAAOb,KAClBc,GAAAA,EAAAA,UAEDC,EAAGC,CAAAA,EAAQZ,KACVa,EAAI;AACIT,aAAArC,cACN,IAAIC,YAAY0B,GAAuB,EACtCe,QAAQ,EAAEK,KAAKF,EAAOE,OAAOF,EAAOG,UAAUC,QAAAA,EAAAA,CAAAA,CAAAA;AAAAA,IAEhD,QAKJT,EAAI,CAAA,CAAEX,GAAOgB,CAAAA,OAEPhB,MAEJA,IAAQqB,SAASC,cAAc,gBAAA,GACtBD,SAAAE,KAAKC,YAAYxB,CAE3BA,IAAAA,EAAMyB,aAAa,OAAOT,EAAOE,OAAOF,EAAOG,UAAUC,OACzDpB,GAAAA,EAAMyB,aAAa,YAAYT,EAAOU,YAAY,QAAA,GAClD1B,EAAMyB,aAAa,sBAAsBT,EAAOW,4BAA+B,UAAU,SACzFX,EAAOlD,SAASkC,EAAMyB,aAAa,SAAST,EAAOlD,KAAAA,GACnDkD,EAAOY,WAAW5B,EAAMyB,aAAa,WAAWT,EAAOY,WAAAA,KACvDZ,EAAOa,UAAU7B,EAAMyB,aAAa,UAAUT,EAAOa,MAAAA,GAC5CR,SAAAE,KAAKO,MAAMC,WAAW,UACxB,EAAEf,QAAAA,GAAQhB,OAAAA,EAElBgC,EAAAA,GAAAA,EAAM,EACNC,GAAAA,EAAO,GAAGjB,QAAQhB,GAAAA,OAAAA,EAGhBgB,MAAAA;;AAAAA,cAAAA,EAAOY,cACP5B,KAAAA,IAAAA,uBAAOkC,eAAPlC,gBAAAA,EACGmC,cAAc,YADjBnC,QAAAA,EAEGoC,mBACDC,YAAUzB,EAAEQ,YAAYJ,EAAOG,UAAUC,cAE3CpB,eAAOyB,aAAa,QAAQ,SACrB;AAAA,KAAA,GAKTR,EAAI,CAAA,EAAGD,WAAQhB,OAAAA,EAAAA,MAAAA;AACdA,qBAAOwB,YAAYR,EAAOG;AAAAA,IAAS,CAAA,GAEpCa,EAAM,CAAA,GACNf,EAAI,CAAGjB,EAAAA,OAAAA,EACNA,MAAAA;AAAAA,qBAAOyB,aAAa,QAAQ;AAAA,IAAM,CAEnCR,GAAAA,EAAI,GAAGjB,OAAAA,EAAAA,MAAAA;AACNO,MAAAA,EAAuBP,GAAO,SAC5BI,KAAKkC,EAAK,CACVlC,CAAAA,EAAAA,KAAK4B,EAAM,GACXO,CAAAA,EAAAA,UAAe3B,CAAAA,MACf;AAAA,cAAMI,IAASJ,EAAEI;AAGZA,QAAAA,KAAAA,QAAAA,EAAQY,YAASZ,KAAAA,QAAAA,EAAQwB,WACrBnB,SAAAE,KAAKO,MAAMC,WAAW;AAAA,MAAA,CAAA;AAAA,IAC/B,CAGHQ,CAAAA,EAAAA,UAAAA,GAEF1E,KAAKsC,SACHC,KACAqC,SACCnC,EAAS,CACRC,EAA+BC,QAAQT,CAAAA,EAAgBK,KACtDK,EAAUC,EAAM,GAChBC,CAAAA,GAAAA,EAAIC,CAAAA,MAAKA,EAAEC,OAAOb,KAClBc,GAAAA,EAAAA,UAEDC,EAAGG,CAAAA,EAAKd,KACPa,EAAI;AACIT,aAAArC,cAAc,IAAIC,YAAY0B,GAAuB,EAAEe,QAAQ,EAAEK,KAAAA,EAAAA,EAAAA,CAAAA,CAAAA;AAAAA,IAAQ,QAKpFD,EAAI,CAAA,CAAEjB,CACLA,MAAAA;AAAAA,qBAAO0C;AAAAA,IAAW,CAGnBH,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,QAAQrB,GACFrD;AAAAA,SAAAsC,SAASwC,KAAKzB;EAAG;AAAA,EAGvB,KAAKF,GAAAA;AACCnD,SAAAoC,YAAY0C,KAAK3B,CAAM;AAAA,EAAA;AAAA;;;;;ACnJ9B,IAAqB4B,IAArB,cAA2CC;EAA3C,cAAAC;AAAAC,aAAAC,SAEoDnF,GAAAA,KAAAoF,OAAA,IACuBpF,KAAAgE,SAAA,WAC/BhE,KAAA6D,WAAkC7B,EAAsBqD,MAC7CrF,KAAA+D,UAAA,IACY/D,KAAAsF,sBAAA,IACftF,KAAAC,QAAA,IAKtBD,KAAAuF,iBAAA,aAC7BvF,KAAQwF,qBAAyC,MA6EzCxF,KAAAyF,gBAAiB1C,OAAAA;;AACnB/C,OAAAA,IAAAA,KAAKmC,UAALnC,QAAAA,EAAY0F,SAAS3C,EAAEI,WAC3BnD,KAAK2F,MAAM;AAAA,IAAA;AAAA,EAEb;AAAA,EA9EA,aAAaC,GAAoBpE,GAAAA;;AAChCxB,SAAK6F,gBAAgBrE,IAEjBA,KACHxB,KAAKwF,qBAAqBhC,SAASsC,eACnC9F,KAAK+F,aAAAA,GACL/F,KAAK2F,MAAAA,MAEL3F,KAAKgG,gBACLhG,IAAAA,IAAAA,KAAKwF,uBAALxF,QAAAA,EAAyB2F,SACzB3F,KAAKwF,qBAAqB;AAAA,EAC3B;AAAA,EAGD;AACCN,UAAMe,kBAAAA,GACNjG,KAAKkG,oBAAAA;AAAAA,EAAoB;AAAA,EAG1B,uBAAAC;AACCjB,UAAMiB,qBAAAA,GACDnG,KAAAoG,cAActB,KAAAA,EAAS;AAAA,EAAA;AAAA,EAGrB,sBAEP;AAAA,UAAMuB,IAAY3D,EAAyBC,QAAQ,UAAYJ,EAAAA,KAC9Da,EAASL,CAAAA,MAAAA;AACRA,MAAAA,EAAEuD,eACFtG,GAAAA,KAAK6E,WAAW;AAAA,IAAA,CAAA,CAAA,GAKZ0B,IAAS7D,EAAyBC,QAAQ,OAASJ,EAAAA,KACxDa,EAAaoD,CAAAA,MACM;AAAA,MAAdA,EAAMC,QAAQ,YAAazG,KAAK0G,mBAC7BvE,KAAAA,EAAAwE,QAAQ3G,KAAKqD;IAAG,CAMnBuD,CAAAA,GAAAA,IAAalE,EAAsCC,QAAQV,GAAuBM,KACvFa,EAASL,CAAAA,MACJA;AAAAA,MAAAA,EAAEC,OAAOK,QAAQrD,KAAKqD,YAAUwD;IAAiB,CAIjDC,CAAAA;AAAAA,IAAAA,EAAAT,GAAWE,GAAQK,GAAYrE,KAAKK,EAAU5C,KAAKoG,aAAAA,CAAAA,EAAgB1B;EAAU;AAAA,EAG5E,qBACP;;AAAA,aAAO1E,IAAAA,KAAKmC,UAALnC,gBAAAA,EAAY0F,SAASlC,SAASsC,mBAAAA;AAAAA,EAAkB;AAAA,EAGhD,mBACF9F;AAAAA,SAAAM,cACJ,IAAIC,YAAY2B,GAAgB,EAC/Bc,QAAQ,EAAEb,OAAOnC,KACjBQ,GAAAA,SAAAA,IACAC,UAAU,GAAA,CAAA,CAAA;AAAA,EAEZ;AAAA,EAGO;AACE+C,aAAAuD,iBAAiB,WAAW/G,KAAKyF;EAAa;AAAA,EAGhD,kBACEjC;AAAAA,aAAAwD,oBAAoB,WAAWhH,KAAKyF,aAAa;AAAA,EAAA;AAAA,EAS3D,gBAAgBwB,GAAAA;;AACfjH,KAAAA,IAAAA,KAAKmC,UAALnC,QAAAA,EAAY4D,aAAa,eAAesD,OAAAA,CAAQD,CAChDjH,KAAAA,IAAAA,KAAKmC,UAALnC,QAAAA,EAAY4D,aAAa,cAAcsD,OAAOD,CAAAA;AAAAA,EAAQ;AAAA,EAGvD,aAAApC;AACC7E,SAAKoF,OAAAA,IACLpF,KAAKM,cAAc,IAAIC,YAAY;EAAQ;AAAA,EAGpC,kBACD;AAAA,UAAA4G,IAAW,IAAInH,KAAKuF,cAC1B;AAAA,WAAQvF,KAAKuE,iBAAiBC,KAAK4C,OAAMA,EAAGC,QAAQF,CAAaC,KAAAA,EAAG9C,cAAc6C,CAAAA,CAAAA,KAA8B;AAAA,EAAA;AAAA,EAGxG,QACHnH;;AAAAA,KAAAA,IAAAA,KAAAsH,sBAAAtH,QAAAA,EAAmB2F;AAAAA,EAAM;AAAA,EAG/B,SAAA5D;AACQ,WAAA3B;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAKO2C,OAAAA;AACTA,QAAEwE,gBACEvH,GAAAA,KAAKsF,uBAA2BnD,EAAAwE,QAAQ3G,KAAKqD,GAAG;AAAA,IAAA,CAAA;AAAA;AAAA,6DAGErD,KAAK6D,QAAAA;AAAAA;AAAAA,kBAE/Cd,OAAAA;AACXA,QAAEwE,gBAAAA,GACIpF,EAAAwE,QAAQ3G,KAAKqD,GAAG;AAAA,IAAA,CAAA;AAAA;AAAA,iBAGbrD,KAAKgE,WAAW,QAAXA;AAAAA,eACPhE,KAAKC,KAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAK;AAAA;AArImByB,EAAA,CAA1CC,EAAS,EAAE6F,MAAMN,QAAQO,SAAS,GAAA,CAAA,CAAA,GADf1C,EACuBnD,WAAA,OAAA,CAAA,GACCF,EAAA,CAA3CC,EAAS,EAAE6F,MAAME,SAASD,SAAS,GAAA,CAAA,CAAA,GAFhB1C,EAEwBnD,WAAA,QAAA,CAAA,GACDF,EAAA,CAA1CC,EAAS,EAAE6F,MAAMN,QAAQO,SAAS,GAAA,CAAA,CAAA,GAHf1C,EAGuBnD,WAAA,UAAA,CAAA,GACAF,EAAA,CAA1CC,EAAS,EAAE6F,MAAMN,QAAQO,SAAS,GAAA,CAAA,CAAA,GAJf1C,EAIuBnD,WAAA,YAAA,CAAA,GACCF,EAAA,CAA3CC,EAAS,EAAE6F,MAAME,SAASD,SAAS,GAAA,CAAA,CAAA,GALhB1C,EAKwBnD,WAAA,WAAA,CAAA,GACAF,EAAA,CAA3CC,EAAS,EAAE6F,MAAME,SAASD,SAAAA,GANP1C,CAAAA,CAAAA,GAAAA,EAMwBnD,WAAA,uBAAA,CACDF,GAAAA,EAAA,CAA1CC,EAAS,EAAE6F,MAAMN,QAAQO,SAAAA,GAPN1C,CAAAA,CAAAA,GAAAA,EAOuBnD,WAAA,SAAA,CAElBF,GAAAA,EAAA,CAAxBiG,EAAM,QATa5C,CAAAA,GAAAA,EASKnD,WAAA,SAAA,CACyBF,GAAAA,EAAA,CAAjDkG,EAAsB,EAAEC,SAAAA,GAVL9C,CAAAA,CAAAA,GAAAA,EAU8BnD,WAAA,oBAAA,CAEtCF,GAAAA,EAAA,CAAXC,EAAAA,CAAAA,GAZmBoD,EAYRnD,WAAA,kBAAA,CAAA,GAIZF,EAAA,CADChB,EAAK,MAAA,CAAA,GAfcqE,EAgBpBnD,WAAA,gBAAA,CAAA,GAhBoBmD,IAArBrD,EAAA,CADCG,EAAc,gBACMkD,CAAAA,GAAAA,CAAAA;"}

package/dist/surface-DKrkxarv.cjs

@@ -1,14 +0,0 @@
-"use strict";const u=require("./provide-_VUNOf1R.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-mhYVlkxs.cjs"),h=require("lit"),t=require("lit/decorators.js"),p=require("./context-BATZj31H.cjs");var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(c,s,o,i)=>{for(var n,e=i>1?void 0:i?y(s,o):s,a=c.length-1;a>=0;a--)(n=c[a])&&(e=(i?n(s,o,e):n(e))||e);return i&&e&&d(s,o,e),e};exports.SchmancySurface=class extends l.TailwindElement(h.css`
-	:host {
-		display: block;
-	}
-	:host([fill]) {
-		height: -webkit-fill-available;
-		width: -webkit-fill-available;
-	}
-`){constructor(){super(...arguments),this.fill=!1,this.rounded="none",this.type="surface",this.elevation=0}get classes(){return{"relative  inset-0 block sha":!0,"rounded-none":this.rounded==="none","rounded-t-[8px]":this.rounded==="top","rounded-l-[8px]":this.rounded==="left","rounded-r-[8px]":this.rounded==="right","rounded-b-[8px]":this.rounded==="bottom","rounded-[8px]":this.rounded==="all","w-full h-full":this.fill,"shadow-xs":this.elevation===1,"shadow-sm":this.elevation===2,"shadow-md":this.elevation===3,"shadow-lg":this.elevation===4,"text-surface-on":this.type==="surface"||this.type==="surfaceDim"||this.type==="surfaceBright"||this.type==="containerLowest"||this.type==="containerLow"||this.type==="container"||this.type==="containerHigh"||this.type==="containerHighest","bg-surface-default":this.type==="surface","bg-surface-dim":this.type==="surfaceDim","bg-surface-bright":this.type==="surfaceBright","bg-surface-lowest":this.type==="containerLowest","bg-surface-low":this.type==="containerLow","bg-surface-container":this.type==="container","bg-surface-high":this.type==="containerHigh","bg-surface-highest":this.type==="containerHighest"}}render(){return h.html`
-			<div class="${this.classMap(this.classes)}">
-				<slot></slot>
-			</div>
-		`}},r([t.property({type:Boolean})],exports.SchmancySurface.prototype,"fill",2),r([t.property()],exports.SchmancySurface.prototype,"rounded",2),r([u.e({context:p.SchmancySurfaceTypeContext}),t.property()],exports.SchmancySurface.prototype,"type",2),r([t.property({type:Number})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=r([t.customElement("schmancy-surface")],exports.SchmancySurface);
-//# sourceMappingURL=surface-DKrkxarv.cjs.map

package/dist/surface-DKrkxarv.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-DKrkxarv.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancySurfaceTypeContext } from './context'\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\t:host([fill]) {\n\t\theight: -webkit-fill-available;\n\t\twidth: -webkit-fill-available;\n\t}\n`) {\n\t@property({ type: Boolean }) fill = false\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tget classes(): Record<string, boolean> {\n\t\treturn {\n\t\t\t'relative  inset-0 block sha': true,\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\n\t\t\t'w-full h-full': this.fill,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// 'text-surface-onVariant':\n\t\t\t// \tthis.type === 'containerLowest' ||\n\t\t\t// \tthis.type === 'containerLow' ||\n\t\t\t// \tthis.type === 'container' ||\n\t\t\t// \tthis.type === 'containerHigh' ||\n\t\t\t// \tthis.type === 'containerHighest',\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(this.classes)}\">\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-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","classes","html","classMap","__decorateClass","property","Boolean","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":"0dAUaA,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAS8BC,EAAAA,KAAAC,KAAA,GACwCD,KAAAE,QAAA,OAYpDF,KAAAG,KAAA,UACuCH,KAAAI,UAAA,CAAA,CAE/D,IAAIC,SAAAA,CACI,MAAA,CACN,8BAA+B,GAC/B,eAAgBL,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,gBAAiBF,KAAKC,KACtB,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,kBACCJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBAOf,qBAAsBH,KAAKG,OAAS,UACpC,iBAAkBH,KAAKG,OAAS,aAChC,oBAAqBH,KAAKG,OAAS,gBACnC,oBAAqBH,KAAKG,OAAS,kBACnC,iBAAkBH,KAAKG,OAAS,eAChC,uBAAwBH,KAAKG,OAAS,YACtC,kBAAmBH,KAAKG,OAAS,gBACjC,qBAAsBH,KAAKG,OAAS,kBAATA,CAC5B,CAES,QACF,CAAA,OAAAG,EAAAA;AAAAA,iBACQN,KAAKO,SAASP,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CA1DdG,EAAAA,EAAA,CAA5BC,WAAS,CAAEN,KAAMO,OATNf,CAAAA,CAAAA,EAAAA,wBASiBgB,UAAA,OAAA,CAAA,EACjBH,EAAA,CAAXC,EAASA,SAVEd,CAAAA,EAAAA,wBAUAgB,UAAA,UAAA,CAAA,EAIZH,EAAA,CAFCI,IAAQ,CAAEC,QAASC,EAAAA,0BACnBL,CAAAA,EAAAA,EAASA,SAbEd,CAAAA,EAAAA,wBAcZgB,UAAA,OAAA,CAAA,EAS4BH,EAAA,CAA3BC,WAAS,CAAEN,KAAMY,UAvBNpB,wBAuBgBgB,UAAA,YAAA,CAvBhBhB,EAAAA,QAANA,gBAAAa,EAAA,CADNQ,EAAAA,cAAc,kBAAA,CAAA,EACFrB"}

package/dist/surface-DlwQilPV.js

@@ -1,40 +0,0 @@
-import { e as p } from "./provide-kj6-udep.js";
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as c } from "./tailwind.mixin-wwBoa4Jw.js";
-import { css as d, html as u } from "lit";
-import { property as o, customElement as f } from "lit/decorators.js";
-import { S as y } from "./context-5nmahssp.js";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (l, i, a, r) => {
-  for (var n, t = r > 1 ? void 0 : r ? g(i, a) : i, h = l.length - 1; h >= 0; h--) (n = l[h]) && (t = (r ? n(i, a, t) : n(t)) || t);
-  return r && t && m(i, a, t), t;
-};
-let e = class extends c(d`
-	:host {
-		display: block;
-	}
-	:host([fill]) {
-		height: -webkit-fill-available;
-		width: -webkit-fill-available;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fill = !1, this.rounded = "none", this.type = "surface", this.elevation = 0;
-  }
-  get classes() {
-    return { "relative  inset-0 block sha": !0, "rounded-none": this.rounded === "none", "rounded-t-[8px]": this.rounded === "top", "rounded-l-[8px]": this.rounded === "left", "rounded-r-[8px]": this.rounded === "right", "rounded-b-[8px]": this.rounded === "bottom", "rounded-[8px]": this.rounded === "all", "w-full h-full": this.fill, "shadow-xs": this.elevation === 1, "shadow-sm": this.elevation === 2, "shadow-md": this.elevation === 3, "shadow-lg": this.elevation === 4, "text-surface-on": this.type === "surface" || this.type === "surfaceDim" || this.type === "surfaceBright" || this.type === "containerLowest" || this.type === "containerLow" || this.type === "container" || this.type === "containerHigh" || this.type === "containerHighest", "bg-surface-default": this.type === "surface", "bg-surface-dim": this.type === "surfaceDim", "bg-surface-bright": this.type === "surfaceBright", "bg-surface-lowest": this.type === "containerLowest", "bg-surface-low": this.type === "containerLow", "bg-surface-container": this.type === "container", "bg-surface-high": this.type === "containerHigh", "bg-surface-highest": this.type === "containerHighest" };
-  }
-  render() {
-    return u`
-			<div class="${this.classMap(this.classes)}">
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-s([o({ type: Boolean })], e.prototype, "fill", 2), s([o()], e.prototype, "rounded", 2), s([p({ context: y }), o()], e.prototype, "type", 2), s([o({ type: Number })], e.prototype, "elevation", 2), e = s([f("schmancy-surface")], e);
-export {
-  e as S
-};
-//# sourceMappingURL=surface-DlwQilPV.js.map

package/dist/surface-DlwQilPV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-DlwQilPV.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancySurfaceTypeContext } from './context'\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\t:host([fill]) {\n\t\theight: -webkit-fill-available;\n\t\twidth: -webkit-fill-available;\n\t}\n`) {\n\t@property({ type: Boolean }) fill = false\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tget classes(): Record<string, boolean> {\n\t\treturn {\n\t\t\t'relative  inset-0 block sha': true,\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\n\t\t\t'w-full h-full': this.fill,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// 'text-surface-onVariant':\n\t\t\t// \tthis.type === 'containerLowest' ||\n\t\t\t// \tthis.type === 'containerLow' ||\n\t\t\t// \tthis.type === 'container' ||\n\t\t\t// \tthis.type === 'containerHigh' ||\n\t\t\t// \tthis.type === 'containerHighest',\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(this.classes)}\">\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-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","classes","render","html","classMap","__decorateClass","property","Boolean","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":";;;;;;;;;;;;AAUa,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAS8BC,GAAAA,KAAAC,OAAA,IACwCD,KAAAE,UAAA,QAYpDF,KAAAG,OAAA,WACuCH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAE/D,IAAIC,UAAAA;AACI,WAAA,EACN,+BAA+B,IAC/B,gBAAgBL,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,iBAAiBF,KAAKC,MACtB,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,mBACCJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBAOf,sBAAsBH,KAAKG,SAAS,WACpC,kBAAkBH,KAAKG,SAAS,cAChC,qBAAqBH,KAAKG,SAAS,iBACnC,qBAAqBH,KAAKG,SAAS,mBACnC,kBAAkBH,KAAKG,SAAS,gBAChC,wBAAwBH,KAAKG,SAAS,aACtC,mBAAmBH,KAAKG,SAAS,iBACjC,sBAAsBH,KAAKG,SAAS,mBACrC;AAAA,EAAA;AAAA,EAES,SAAAG;AACF,WAAAC;AAAAA,iBACQP,KAAKQ,SAASR,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAAA;AA1DdI,EAAA,CAA5BC,EAAS,EAAEP,MAAMQ,QAAAA,CAAAA,CAAAA,GATNhB,EASiBiB,WAAA,QAAA,IACjBH,EAAA,CAAXC,MAVWf,EAUAiB,WAAA,WAAA,CAIZH,GAAAA,EAAA,CAFCI,EAAQ,EAAEC,SAASC,EACnBL,CAAAA,GAAAA,EAAAA,CAAAA,GAbWf,EAcZiB,WAAA,QAAA,IAS4BH,EAAA,CAA3BC,EAAS,EAAEP,MAAMa,YAvBNrB,EAuBgBiB,WAAA,aAAA,CAvBhBjB,GAAAA,IAANc,EAAA,CADNQ,EAAc,sBACFtB;"}