@mhmo91/schmancy 0.5.35 → 0.5.36

package/dist/avatar-DbUCDe1w.cjs

@@ -0,0 +1,306 @@
+"use strict";const h=require("lit"),a=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-ChV1GUee.cjs");const I=require("./area.component-cxxQIhCN.cjs");require("./autocomplete-Cq_NzrBX.cjs");const d=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const N=require("./tailwind.mixin-CvQn8Ynb.cjs"),g=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-BSYtwy1W.cjs"),require("./spinner-Cx54uto8.cjs"),require("./icon-button-B-uxvO86.cjs"),require("./media-8D6oDv1e.cjs"),require("./checkbox-BBJqucMb.cjs"),require("./suggestion-chip-ssmmc0q6.cjs"),require("./input-chip-BlmZB-cO.cjs"),require("./code-preview-CR3U6wXD.cjs"),require("./payment-card-form-CHS_s_Fk.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),S=require("./litElement.mixin-Di-HgRnn.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-DkSLcajW.cjs"),require("./date-range-inline-C8InUZoD.cjs"),require("./delay-B4IPKZEn.cjs"),require("./details-7pcQWJF9.cjs"),require("./dialog-content-BC--KBf7.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-55yUklFI.cjs"),require("./dropdown-content-C2nxdAFA.cjs"),require("./timezone-DucGbWcE.cjs"),require("./form-Xg8jZsBF.cjs"),require("./icon-BFYUD00J.cjs"),require("./input-PoerIsqx.cjs"),require("./flex-1y7FNRpS.cjs"),require("./list-BJjW-iAW.cjs"),require("./email-recipients-7reIxhmF.cjs"),require("./map-CXNKwo__.cjs"),require("./menu-B8Ad1OVm.cjs");const A=require("lit/directives/when.js");require("./navigation-rail-CAgKSJh4.cjs"),require("./notification-service-L82ozhd0.cjs"),require("./option-D5OW1kDk.cjs"),require("./progress-CP4R_l3i.cjs"),require("./radio-button-BXP_yPjS.cjs"),require("./index-CCi1otmh.cjs"),require("./select-DZ-Cy-lg.cjs"),require("./sheet-CNMKrulQ.cjs");const W=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-BSxJatG-.cjs"),require("./schmancy-steps-container-BSv1aURP.cjs"),require("./context-create-CA907mdD.cjs"),require("./surface-ix9qOb7a.cjs"),require("./table-DSEK3bMb.cjs"),require("./tabs-compatibility-BE2Q3rig.cjs"),require("./textarea-ClgK_mP6.cjs"),require("./theme.controls-C_zAMJgA.cjs"),require("./theme-button-Dhp3ozyB.cjs"),require("./tooltip-BSWp7Mmz.cjs"),require("./tree-DL71EUih.cjs"),require("./typewriter-B1Au4MRO.cjs"),require("./typography-3gXQvLXN.cjs");const o=require("./theme.interface-BMeNadVb.cjs");var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,v=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?F(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Y(t,i,r),r};exports.SchmancyBadgeV2=class extends N.TailwindElement(h.css`
+	:host {
+		display: inline-flex;
+	}
+
+	/* Enhanced pulse animation for better attention-getting */
+	@keyframes elegant-pulse {
+		0%, 100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.85;
+		}
+	}
+
+	.animate-pulse {
+		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+	}
+`){constructor(){super(...arguments),this.color="primary",this.size="md",this.shape="pill",this.outlined=!1,this.icon="",this.pulse=!1}getSizeClasses(){switch(this.size){case"xs":return"text-xs py-0.75 px-1.5 gap-0.5 leading-none";case"sm":return"text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";case"lg":return"text-base py-2 px-4 gap-1 tracking-wide";default:return"text-sm py-1.5 px-3 gap-0.5"}}getShapeClasses(){switch(this.shape){case"square":return"rounded";case"rounded":return"rounded-md";default:return"rounded-full"}}getIconSize(){switch(this.size){case"xs":return"11px";case"sm":return"13px";case"lg":return"18px";default:return"15px"}}getExoticStyles(){const e={};return this.size==="lg"&&(e.letterSpacing="0.03em",e.fontWeight="500"),this.size==="sm"&&(e.letterSpacing="0.02em"),e}getColorStyles(){return{primary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.container} 92%, ${o.SchmancyTheme.sys.color.primary.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.primary.default:o.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.container} 95%, ${o.SchmancyTheme.sys.color.secondary.default} 5%)`,text:this.outlined?o.SchmancyTheme.sys.color.secondary.default:o.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.default} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 94%, ${o.SchmancyTheme.sys.color.tertiary.default} 6%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 88%, ${o.SchmancyTheme.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.container} 90%, ${o.SchmancyTheme.sys.color.success.default} 10%)`,text:this.outlined?o.SchmancyTheme.sys.color.success.default:o.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.default} 85%, ${o.SchmancyTheme.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 85%, ${o.SchmancyTheme.sys.color.tertiary.default} 15%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.container} 92%, ${o.SchmancyTheme.sys.color.error.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.error.default:o.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.default} 88%, ${o.SchmancyTheme.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.high} 95%, ${o.SchmancyTheme.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.on} 95%, ${o.SchmancyTheme.sys.color.surface.default} 5%)`:o.SchmancyTheme.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.outline} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0}}[this.color]}render(){const e=this.getSizeClasses(),t=this.getShapeClasses(),i=this.getColorStyles(),s=this.getIconSize(),c=this.getExoticStyles(),r={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size==="sm",shadow:!this.outlined&&this.size==="md","shadow-md":!this.outlined&&this.size==="lg","hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},l={borderColor:i.border,...this.outlined?{backdropFilter:"blur(4px)"}:{},...this.size!=="lg"||this.outlined?{}:{boxShadow:"0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)"},...c};return h.html`
+			<div
+				part="badge"
+				class="${this.classMap(r)}"
+				style="${this.styleMap(l)}"
+				${g.color({bgColor:i.bg,color:i.text})}
+			>
+				<!-- Icon slot or named icon -->
+				<slot name="icon">
+					${this.icon?h.html`
+								<div part="icon" class="flex-shrink-0 flex items-center justify-center leading-none">
+									<schmancy-icon .size=${s} class="flex items-center justify-center">${this.icon}</schmancy-icon>
+								</div>
+							`:""}
+				</slot>
+
+				<!-- Content with proper spacing from icon -->
+				<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon?"ml-[0.38em]":""}">
+					<slot></slot>
+				</div>
+			</div>
+		`}},v([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),v([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),v([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),v([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),v([a.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),v([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=v([a.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=v([a.customElement("sch-badge")],exports.ScBadgeV2);const G=new class{constructor(){this.$drawer=new n.Subject,this.lastComponent=null,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"?(e.ref.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:e.component,title:e.title},bubbles:!0,composed:!0}))):e.action==="push"&&this.handlePush(e.ref,e.component)})}dimiss(e){this.$drawer.next({action:"dismiss",ref:e})}render(e,t,i){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:i})}async handlePush(e,t){let i;if(typeof t=="string")i=document.createElement(t);else if(t instanceof HTMLElement)i=t;else{if(typeof t!="function")return;try{const s=await t();s&&typeof s=="object"&&"default"in s?i=new s.default:i=s instanceof HTMLElement?s:new s}catch{return}}this.lastComponent===i&&"requestUpdate"in i&&i.requestUpdate(),this.lastComponent=i,e.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:i},bubbles:!0,composed:!0}))}push(e){this.$drawer.next({action:"push",ref:window,component:e})}},O=p.n("push"),P=p.n("close"),H=p.n(Math.floor(Math.random()*Date.now()).toString()),B=p.n("100%"),M=p.n({});var J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,x=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?Q(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&J(t,i,r),r};exports.SchmancyContentDrawer=class extends S.$LitElement(h.css`
+	:host {
+		position: relative;
+		inset: 0;
+		display: block;
+		overflow: hidden;
+	}
+`){constructor(){super(...arguments),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight="100%"}firstUpdated(){n.merge(n.fromEvent(window,"resize"),n.fromEvent(window,y.SchmancyEvents.ContentDrawerResize)).pipe(n.startWith(!0),n.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),n.map(e=>e>=this.minWidth.main+this.minWidth.sheet),n.debounceTime(100),n.tap(()=>{this.maxHeight=window.innerHeight-this.getOffsetTop(this)-32+"px",this.style.setProperty("max-height",this.maxHeight)}),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,y.SchmancyEvents.ContentDrawerToggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.takeUntil(this.disconnecting)).subscribe(e=>{this.open=e}),n.fromEvent(window,"schmancy-content-drawer-render").pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail),n.takeUntil(this.disconnecting)).subscribe(({component:e,title:t})=>{this.mode==="push"?(I.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),I.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&W.sheet.open({component:e,uid:this.schmancyContentDrawerID,title:t})})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?h.html`
+			<schmancy-grid
+				cols=${this.mode==="overlay"?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:h.nothing}},x([p.e({context:M})],exports.SchmancyContentDrawer.prototype,"minWidth",2),x([p.e({context:P}),a.property()],exports.SchmancyContentDrawer.prototype,"open",2),x([p.e({context:O}),a.state()],exports.SchmancyContentDrawer.prototype,"mode",2),x([p.e({context:H})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),x([p.e({context:B})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),x([a.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=x([a.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Z=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,$=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ee(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Z(t,i,r),r};exports.SchmancyContentDrawerMain=class extends S.$LitElement(h.css`
+	:host {
+		display: block;
+		overflow: hidden;
+	}
+`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.main=this.minWidth:this.minWidth=this.drawerMinWidth.main}update(e){super.update(e),e.has("minWidth")&&this.minWidth&&(this.drawerMinWidth.main=this.minWidth,this.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0})))}render(){const e={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return h.html`
+			<section class="relative inset-0 h-full">
+				<schmancy-grid
+					class="h-full relative overflow-scroll"
+					cols="${this.mode==="push"?"auto 1fr":"1fr"}"
+					rows="1fr"
+					flow="col"
+					align="stretch"
+					justify="stretch"
+				>
+					<section style=${this.styleMap(e)}>
+						<slot></slot>
+					</section>
+				</schmancy-grid>
+				${A.when(this.mode==="push",()=>h.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+			</section>
+		`}},$([a.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),$([m.c({context:M,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),$([m.c({context:O,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),$([m.c({context:B,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=$([a.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var te=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,u=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ie(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&te(t,i,r),r};exports.SchmancyContentDrawerSheet=class extends S.$LitElement(h.css`
+	:host {
+		overflow: scroll;
+	}
+`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has("minWidth")&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has("state")||e.has("mode"))&&(this.mode==="overlay"?this.state==="close"?this.closeAll():this.state:this.mode==="push"&&(W.sheet.dismiss(this.schmancyContentDrawerID),this.state==="close"?this.closeAll():this.state==="open"&&this.open()))}open(){this.mode==="overlay"?this.sheet.style.position="fixed":this.sheet.style.position="relative",this.sheet.style.display="block",this.sheet.animate([{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"})}closeAll(){n.merge(n.from(this.closeModalSheet()),n.from(this.closeSheet())).pipe(n.takeUntil(this.disconnecting)).subscribe()}closeModalSheet(){return n.of(!0).pipe(n.tap(()=>W.sheet.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new n.Observable(e=>{this.sheet.animate([{opacity:1,transform:"translateX(0%)"},{opacity:1,transform:"translateX(100%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}).onfinish=()=>{this.sheet.style.display="none",e.next(),e.complete()}})}render(){const e={block:this.mode==="push","absolute z-50":this.mode==="overlay","opacity-1":this.mode==="overlay"&&this.state==="open"},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return h.html`
+			<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
+				<schmancy-area name="${this.schmancyContentDrawerID}">
+					<slot name="placeholder"></slot>
+				</schmancy-area>
+			</section>
+		`}},u([a.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),u([m.c({context:O,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),u([m.c({context:P,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),u([m.c({context:H})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),u([a.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),u([a.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),u([m.c({context:M,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),u([m.c({context:B,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=u([a.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const X=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe(n.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},re=X,z=p.n("push"),j=p.n("close");var se=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,T=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ne(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&se(t,i,r),r};exports.SchmancyDrawerAppbar=class extends N.TailwindElement(h.css`
+	:host {
+		display: block;
+	}
+`){constructor(){super(...arguments),this.toggler=!0}render(){const e={"block left-3  z-50":this.sidebarMode==="overlay",hidden:this.sidebarMode==="push"},t={"block z-50":!0,"grid gap-2 items-center":!0,"grid-cols-[auto_1fr]":this.sidebarMode==="overlay"&&this.toggler,"grid-cols-1":!(this.sidebarMode==="overlay"&&this.toggler)};return h.html`
+			<div class=${this.classMap(t)}>
+				${A.when(this.sidebarMode==="overlay"&&this.toggler,()=>h.html`<slot name="toggler">
+							<div class="${this.classMap(e)}">
+								<schmancy-icon-button
+									@click=${()=>{this.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:this.sidebarOpen==="open"?"close":"open"},bubbles:!0,composed:!0}))}}
+								>
+									${A.when(this.sidebarOpen==="close",()=>h.html`menu`,()=>h.html`menu_open`)}
+								</schmancy-icon-button>
+							</div>
+						</slot>`)}
+
+				<slot> </slot>
+			</div>
+		`}},T([m.c({context:z,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),T([m.c({context:j,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),T([a.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=T([a.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var ae=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends S.$LitElement(h.css`
+	:host {
+		display: block;
+		position: relative;
+		inset: 0;
+		overflow-y: auto;
+	}
+`){connectedCallback(){super.connectedCallback(),n.fromEvent(this,"scroll").pipe(n.takeUntil(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent("scroll",{detail:e,bubbles:!0,composed:!0}))})}render(){return h.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,i,s)=>{for(var c,r=s>1?void 0:s?ae(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=c(r)||r);return r})([a.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var oe=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,D=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ce(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&oe(t,i,r),r};exports.SchmancyNavigationDrawer=class extends S.$LitElement(h.css`
+	:host {
+		display: flex;
+		flex-grow: 1;
+		overflow: hidden;
+		/* Initially hide the component until it’s ready */
+		visibility: hidden;
+	}
+	/* Once the component is ready, remove the hidden style */
+	:host([data-ready]) {
+		visibility: visible;
+	}
+`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md",this._initialized=!1}firstUpdated(){this.updateState(window.innerWidth),this._initialized=!0,this.setAttribute("data-ready",""),n.fromEvent(window,"resize").pipe(n.map(e=>e.target.innerWidth),n.map(e=>e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),n.distinctUntilChanged(),n.debounceTime(100),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,y.SchmancyEvents.NavDrawer_toggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.distinctUntilChanged(),n.takeUntil(this.disconnecting),n.debounceTime(10)).subscribe(e=>{this.mode==="push"&&e==="close"||(this.open=e)})}updateState(e){const t=e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint];this.mode=t?"push":"overlay",this.open=t?"open":"close"}render(){return this._initialized?h.html`
+			<schmancy-grid
+				cols=${this.fullscreen?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+				${g.fullHeight()}
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:h.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},D([a.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),D([a.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),D([p.e({context:z}),a.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),D([p.e({context:j}),a.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),D([a.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=D([a.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var le=Object.defineProperty,he=Object.getOwnPropertyDescriptor,C=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?he(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&le(t,i,r),r};const k="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends S.$LitElement(){constructor(){super(...arguments),this.width="220px",this._initialized=!1}firstUpdated(){this.mode==="overlay"?this.drawerState==="close"?(this.nav.style.transform="translateX(-100%)",this.overlay.style.display="none"):this.drawerState==="open"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="block",this.overlay.style.opacity="0.4"):this.mode==="push"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="none"),this._initialized=!0}updated(e){this._initialized&&(e.has("drawerState")||e.has("mode"))&&(this.mode==="overlay"?this.drawerState==="open"?this.nav.style.transform!=="translateX(0)"&&(this.openOverlay(),this.showNavDrawer()):this.drawerState==="close"&&this.nav.style.transform!=="translateX(-100%)"&&(this.hideNavDrawer(),this.closeOverlay()):this.mode==="push"&&(this.nav.style.transform!=="translateX(0)"&&this.showNavDrawer(),this.overlay.style.display!=="none"&&this.closeOverlay()))}openOverlay(){this.overlay.style.display="block",this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:k,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:k,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:k,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:k,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))}render(){const e={"p-2 max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode==="push","fixed inset-0 z-50":this.mode==="overlay"},t={width:this.width};return h.html`
+			<nav
+				style=${this.styleMap(t)}
+				class="${this.classMap({...e})}"
+				${g.color({bgColor:o.SchmancyTheme.sys.color.surface.container})}
+			>
+				<slot></slot>
+			</nav>
+			<div
+				id="overlay"
+				${g.color({bgColor:o.SchmancyTheme.sys.color.scrim})}
+				@click=${this.handleOverlayClick}
+				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
+			></div>
+		`}},C([m.c({context:z,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),C([m.c({context:j,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),C([a.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),C([a.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),C([a.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),C([a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=C([a.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);var de=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,f=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?pe(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&de(t,i,r),r};exports.SchmancyNavigationBarItem=class extends N.TailwindElement(h.css`
+	:host {
+		display: flex;
+		flex: 1;
+		min-width: 48px;
+		max-width: 168px;
+		user-select: none;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([disabled]) {
+		pointer-events: none;
+	}
+
+	button {
+		font-family: inherit;
+		border: none;
+		background: none;
+		width: 100%;
+		padding: 0;
+		margin: 0;
+		text-align: center;
+		color: inherit;
+	}
+
+	button:focus {
+		outline: none;
+	}
+
+	button:focus-visible {
+		outline: 2px solid var(--focus-color);
+		outline-offset: 2px;
+		border-radius: 8px;
+	}
+
+	/* Ripple animation */
+	@keyframes ripple {
+		to {
+			transform: scale(4);
+			opacity: 0;
+		}
+	}
+
+	.ripple-effect {
+		position: absolute;
+		border-radius: 50%;
+		width: 20px;
+		height: 20px;
+		background-color: currentColor;
+		opacity: 0.25;
+		animation: ripple 0.6s ease-out;
+		pointer-events: none;
+	}
+`){constructor(){super(...arguments),this.icon="",this.label="",this.badge="",this.active$=new n.BehaviorSubject(!1),this.disabled=!1,this.hideLabels=!1,this.ripples=[],this.addRippleEffect=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".w-16.h-8");if(t){const i=t.getBoundingClientRect(),s={x:e.clientX-i.left,y:e.clientY-i.top,id:Date.now()};this.ripples=[...this.ripples,s],n.timer(600).pipe(d.tap(()=>{this.ripples=this.ripples.filter(c=>c.id!==s.id)}),d.takeUntil(this.disconnecting)).subscribe()}},this.handleClick=e=>{if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.addRippleEffect(e)},this.handleKeyDown=e=>{this.disabled||e.key!=="Enter"&&e.key!==" "||e.preventDefault()}}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe(d.takeUntil(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){const e=this.shadowRoot?.querySelector("button");if(!e)return;const t=n.fromEvent(e,"click").pipe(d.filter(()=>!this.disabled)),i=n.fromEvent(e,"keydown").pipe(d.filter(()=>!this.disabled),d.filter(s=>s.key==="Enter"||s.key===" "),d.tap(s=>s.preventDefault()));n.merge(t,i).pipe(d.tap(()=>{this.dispatchEvent(new CustomEvent("bar-item-click",{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),d.takeUntil(this.disconnecting)).subscribe()}formatBadge(e){const t=Number(e);return isNaN(t)?e.slice(0,3):t>99?"99+":String(t)}firstUpdated(){this.setupNavigationStream()}render(){const e=this.querySelector("[slot]")||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):"",i=t&&t!=="0",s=this.querySelector('[slot="icon"]'),c={"relative flex flex-col items-center justify-center":!0,"flex-1 min-w-[48px] max-w-[168px]":!0,"py-2 px-1 cursor-pointer":!this.disabled,"transition-all duration-200":!0,"hover:bg-surface-container-high":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},r={"w-16 h-8 rounded-2xl":!0,"flex items-center justify-center":!0,"transition-all duration-200":!0,"bg-secondary-container":this.active,"group-hover:bg-surface-container-highest":!this.active&&!this.disabled,"relative overflow-hidden":!0},l={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!i,"min-w-[16px] h-4":i,"rounded-full":!i,"rounded-lg":i,"flex items-center justify-center":i,"px-1":i,"transition-all duration-200":!0,"z-10":!0},V=this.active?{color:o.SchmancyTheme.sys.color.secondary.onContainer}:{color:o.SchmancyTheme.sys.color.surface.onVariant},K={"--focus-color":o.SchmancyTheme.sys.color.primary.default};return h.html`
+			<button
+				type="button"
+				class=${this.classMap(c)}
+				@click=${this.handleClick}
+				@keydown=${this.handleKeyDown}
+				?disabled=${this.disabled}
+				aria-pressed=${this.active}
+				aria-label=${this.label||"Navigation item"}
+				style=${this.styleMap({...K,"outline-color":"var(--focus-color)"})}
+				${g.color(V)}
+			>
+				<!-- Icon with indicator background -->
+				<div class=${this.classMap(r)}>
+					<!-- Ripple effects -->
+					${this.ripples.map(U=>h.html`
+							<span
+								class="ripple-effect"
+								style=${this.styleMap({left:`${U.x}px`,top:`${U.y}px`,transform:"translate(-50%, -50%)"})}
+							></span>
+						`)}
+
+					${s?h.html`<slot name="icon"></slot>`:this.icon?h.html`
+									<schmancy-icon
+										.fill=${this.active?1:0}
+										class="relative z-10 flex items-center justify-center transition-all duration-200"
+										style="--schmancy-icon-size: 24px;"
+										aria-hidden="true"
+									>
+										${this.icon}
+									</schmancy-icon>
+							  `:e?h.html`<slot></slot>`:""}
+				</div>
+
+				<!-- Label below icon -->
+				${!this.hideLabels&&this.label?h.html`
+					<span class=${this.classMap({"text-xs font-medium leading-4 mt-1":!0,"text-center max-w-full":!0,"overflow-hidden text-ellipsis whitespace-nowrap":!0,"transition-all duration-200":!0})}>${this.label}</span>
+				`:""}
+
+				<!-- Badge -->
+				${i?h.html`
+					<span
+						class=${this.classMap(l)}
+						aria-label="${t} notifications"
+						${g.color({bgColor:o.SchmancyTheme.sys.color.error.default,color:o.SchmancyTheme.sys.color.error.on})}
+					>
+						<span class="text-[10px] font-medium leading-none">${t}</span>
+					</span>
+				`:this.badge?h.html`
+					<span
+						class=${this.classMap(l)}
+						aria-label="Has notifications"
+						${g.color({bgColor:o.SchmancyTheme.sys.color.error.default})}
+					></span>
+				`:""}
+			</button>
+		`}},f([a.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"icon",2),f([a.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"label",2),f([a.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"badge",2),f([a.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"active",1),f([a.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"disabled",2),f([a.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"hideLabels",2),f([a.state()],exports.SchmancyNavigationBarItem.prototype,"ripples",2),exports.SchmancyNavigationBarItem=f([a.customElement("schmancy-navigation-bar-item")],exports.SchmancyNavigationBarItem);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,w=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ye(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&me(t,i,r),r};exports.SchmancyNavigationBar=class extends N.TailwindElement(h.css`
+	:host {
+		display: block;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		transition: transform 0.3s ease-in-out;
+	}
+
+	:host([hide-on-scroll]) {
+		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	/* Support 3-7 items with equal distribution */
+	::slotted(schmancy-navigation-bar-item) {
+		flex: 1;
+		max-width: 168px; /* Prevent items from being too wide */
+	}
+
+	/* Accessibility focus indicators */
+	:host(:focus-within) {
+		outline: 2px solid var(--schmancy-sys-color-primary);
+		outline-offset: -2px;
+	}
+`){constructor(){super(...arguments),this.activeIndex$=new n.BehaviorSubject(-1),this.hideLabels=!1,this.elevation=2,this.hideOnScroll=!1,this.focusedIndex=-1,this.isHiddenByScroll=!1,this.isFullscreen=!1,this.SCROLL_THRESHOLD=10,this.handleItemClick=e=>{const t=this.getItems(),i=e.target,s=t.indexOf(i);if(s!==-1&&this.activeIndex!==s){const c=this.activeIndex;this.activeIndex=s,this.dispatchEvent(new CustomEvent("navigation-change",{detail:{oldIndex:c,newIndex:s,item:i},bubbles:!0,composed:!0}))}},this.handleKeyDown=e=>{const t=this.getItems(),i=this.focusedIndex===-1?this.activeIndex:this.focusedIndex;switch(e.key){case"ArrowLeft":e.preventDefault(),i>0&&this.focusItem(i-1);break;case"ArrowRight":e.preventDefault(),i<t.length-1&&this.focusItem(i+1);break;case"Home":e.preventDefault(),this.focusItem(0);break;case"End":e.preventDefault(),this.focusItem(t.length-1);break;case"Enter":case" ":e.preventDefault(),this.focusedIndex!==-1&&t[this.focusedIndex]?.click()}}}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}getItems(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="schmancy-navigation-bar-item"):[]}connectedCallback(){super.connectedCallback(),n.fromEvent(this,"bar-item-click").pipe(d.tap(e=>this.handleItemClick(e)),d.takeUntil(this.disconnecting)).subscribe(),n.fromEvent(this,"keydown").pipe(d.tap(e=>this.handleKeyDown(e)),d.takeUntil(this.disconnecting)).subscribe(),this.activeIndex$.pipe(d.takeUntil(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),n.fromEvent(window,"fullscreen").pipe(d.tap(e=>{const t=e;this.isFullscreen=t.detail}),d.takeUntil(this.disconnecting)).subscribe(),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}setupScrollListener(){n.fromEvent(window,"scroll").pipe(d.throttleTime(100),d.map(()=>window.scrollY),d.pairwise(),d.filter(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),d.tap(([e,t])=>{const i=t<e;t>e&&!this.isHiddenByScroll?this.isHiddenByScroll=!0:i&&this.isHiddenByScroll&&(this.isHiddenByScroll=!1),t<=this.SCROLL_THRESHOLD&&(this.isHiddenByScroll=!1)}),d.takeUntil(this.disconnecting)).subscribe()}focusItem(e){const t=this.getItems();t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){const e=this.shadowRoot?.querySelector("slot");if(e){const t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener("slotchange",t),t()}}addBoatItem(e){const t=document.createElement("schmancy-navigation-bar-item");t.setAttribute("value",e.id),t.innerHTML=`
+			<schmancy-icon>${e.icon||"widgets"}</schmancy-icon>
+			<span>${e.title}</span>
+		`,this.appendChild(t)}updateActiveStates(e){this.getItems().forEach((t,i)=>{const s=t;s.setActive?s.setActive(i===e):s.active=i===e,s.hideLabels=this.hideLabels,t.tabIndex=i===e?0:-1})}updated(e){super.updated(e),e.has("hideLabels")&&this.updateActiveStates(this.activeIndex),e.has("hideOnScroll")&&(this.hideOnScroll&&!e.get("hideOnScroll")?this.setupScrollListener():this.hideOnScroll||(this.isHiddenByScroll=!1))}render(){const e=this.isFullscreen||this.isHiddenByScroll,t={"h-20":!0,"fixed bottom-0 left-0 right-0":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"shadow-none":this.elevation===0,"shadow-sm":this.elevation===1,"shadow-md":this.elevation===2,"shadow-lg":this.elevation===3,"shadow-xl":this.elevation===4,"shadow-2xl":this.elevation===5},i=e?"translateY(100%)":"translateY(0)";return h.html`
+			<nav
+				class=${this.classMap(t)}
+				role="navigation"
+				aria-label="Main navigation"
+				aria-hidden=${e}
+				style="transform: ${i};"
+				${g.color({bgColor:o.SchmancyTheme.sys.color.surface.container,color:o.SchmancyTheme.sys.color.surface.on})}
+			>
+				<slot></slot>
+			</nav>
+		`}},w([a.property({type:Number})],exports.SchmancyNavigationBar.prototype,"activeIndex",1),w([a.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideLabels",2),w([a.property({type:Number,reflect:!0})],exports.SchmancyNavigationBar.prototype,"elevation",2),w([a.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideOnScroll",2),w([a.state()],exports.SchmancyNavigationBar.prototype,"focusedIndex",2),w([a.state()],exports.SchmancyNavigationBar.prototype,"isHiddenByScroll",2),w([a.state()],exports.SchmancyNavigationBar.prototype,"isFullscreen",2),exports.SchmancyNavigationBar=w([a.customElement("schmancy-navigation-bar")],exports.SchmancyNavigationBar);const L="whereAreYouRicky",R="hereMorty",E=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,R).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(L,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:i}=e,s=i.element.style.zIndex;i.element.style.transformOrigin="top left",i.element.style.setProperty("visibility","visible"),i.element.style.zIndex="1000";const c=[{transform:`translate(${t.rect.left-i.rect.left}px, ${t.rect.top-i.rect.top}px) scale(${t.rect.width/i.rect.width}, ${t.rect.height/i.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];i.element.animate(c,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{i.element.style.zIndex=s,i.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:i,host:s},c)=>({from:t,to:i,host:s,i:c}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function _(e){return n.interval(50).pipe(d.map(()=>e.getBoundingClientRect()),d.distinctUntilChanged((t,i)=>t.width===i.width&&t.height===i.height&&t.top===i.top&&t.right===i.right&&t.bottom===i.bottom&&t.left===i.left),d.take(1))}var ue=Object.defineProperty,be=Object.getOwnPropertyDescriptor,q=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?be(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ue(t,i,r),r};exports.SchmancyTeleportation=class extends S.$LitElement(h.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,I.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(I.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,L).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(R,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(E.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),_(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{E.activeTeleportations.set(this.id,t),E.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),_(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{E.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return h.html`<slot></slot>`}},q([a.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),q([a.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),q([a.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=q([a.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,b=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ve(t,i):t,l=e.length-1;l>=0;l--)(c=e[l])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ge(t,i,r),r};exports.SchmancyAvatar=class extends S.$LitElement(){constructor(){super(...arguments),this.initials="",this.src="",this.icon="",this.size="md",this.color="primary",this.shape="circle",this.bordered=!1,this.status="none"}render(){let e;e=this.src?h.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?h.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?h.html`<schmancy-icon>${this.icon}</schmancy-icon>`:h.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-sm",md:"w-10 h-10 text-base",lg:"w-12 h-12 text-lg",xl:"w-16 h-16 text-xl"}[this.size]]:!0,[{circle:"rounded-full",square:"rounded-md"}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},i=this.getColorAttributes();return h.html`
+			<div class="${this.classMap(t)}" ${i}>
+				${e} ${this.status!=="none"?this.renderStatusIndicator():""}
+			</div>
+		`}getColorAttributes(){const e={primary:{bgColor:o.SchmancyTheme.sys.color.primary.container,color:o.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:o.SchmancyTheme.sys.color.secondary.container,color:o.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:o.SchmancyTheme.sys.color.tertiary.container,color:o.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:o.SchmancyTheme.sys.color.success.container,color:o.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:o.SchmancyTheme.sys.color.error.container,color:o.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:o.SchmancyTheme.sys.color.surface.container,color:o.SchmancyTheme.sys.color.surface.on}};return g.color(e[this.color])}renderStatusIndicator(){const e={online:o.SchmancyTheme.sys.color.success.default,offline:o.SchmancyTheme.sys.color.surface.onVariant,busy:o.SchmancyTheme.sys.color.error.default,away:o.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return h.html`
+			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
+		`}},b([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),b([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),b([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=b([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=re,exports.HereMorty=R,exports.SchmancyContentDrawerID=H,exports.SchmancyContentDrawerMaxHeight=B,exports.SchmancyContentDrawerMinWidth=M,exports.SchmancyContentDrawerSheetMode=O,exports.SchmancyContentDrawerSheetState=P,exports.SchmancyDrawerNavbarMode=z,exports.SchmancyDrawerNavbarState=j,exports.WhereAreYouRicky=L,exports.schmancyContentDrawer=G,exports.schmancyNavDrawer=X,exports.teleport=E;
+//# sourceMappingURL=avatar-DbUCDe1w.cjs.map