@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/avatar-DBfJucB9.cjs

@@ -0,0 +1,273 @@
+"use strict";const l=require("lit"),o=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-Bc3qyXjp.cjs");const B=require("./area.component-CS_gSutH.cjs");require("./sound.service-eRirZw59.cjs"),require("./autocomplete-y-IyzH4r.cjs");const d=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const k=require("./tailwind.mixin-UijsBrYW.cjs"),w=require("./ripple-x6sTX02K.cjs");require("lit/directives/guard.js"),require("./height-Z70qJYJK.cjs"),require("./boat-DkNUc1UO.cjs"),require("./spinner-DJgcI5wr.cjs"),require("./icon-button-BpmGFjaR.cjs"),require("./media-DibPwAjJ.cjs"),require("./pills-MmHyBGQu.cjs"),require("./checkbox-BvWcABPr.cjs"),require("./suggestion-chip-DdLfqk7o.cjs"),require("./input-chip-CocdqTzr.cjs"),require("./code-preview-BIFIJigy.cjs"),require("./payment-card-form-3kAXDbXf.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),S=require("./litElement.mixin-BVBdv0GP.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-B80Ummtv.cjs"),require("./date-range-inline-Df8u6Ecy.cjs"),require("./delay-BWsVHQib.cjs"),require("./details-oaVHXU7U.cjs"),require("./dialog-service-C86xTS8q.cjs"),require("./dialog.component-BriB-kFi.cjs"),require("@floating-ui/dom"),require("./divider-Dl4TToQZ.cjs"),require("./dropdown-content-C2W7OttQ.cjs"),require("./timezone-BhUaIAV7.cjs"),require("./form-Zq7g2JS8.cjs"),require("./icon-pU_cfmpD.cjs"),require("./input-8G9YY9qv.cjs"),require("./json-DPnyOA3K.cjs"),require("./flex-DFSIy0t4.cjs"),require("./scroll-BqT7bvhu.cjs"),require("./lightbox-service-3mHqBKEh.cjs"),require("./list-JjR7WOrd.cjs"),require("./email-recipients-Bh5VC0rc.cjs"),require("./map-D9R3OCne.cjs"),require("./menu-vNrV-Nuq.cjs"),require("./navigation-rail-D1o3qDe_.cjs"),require("./notification-service-ICRT05L0.cjs"),require("./option-epyXLWoY.cjs"),require("./page-Bmi1QHtq.cjs"),require("./progress-qx8jtrOA.cjs"),require("./qr-scanner-DQq-WLyo.cjs"),require("./radio-button-DraEYR2R.cjs"),require("./index-CCi1otmh.cjs"),require("./select-HiEGJvOX.cjs");const M=require("./sheet.service-BiRZjCdN.cjs");require("./sheet-BbrRW0S5.cjs"),require("./slider-VYnbIRH2.cjs"),require("./schmancy-steps-container-B5aiqgMA.cjs"),require("./context-create-DTybDbZp.cjs"),require("./surface-DcqbWGub.cjs"),require("./table-C9fzDjjk.cjs"),require("./tabs-compatibility-Dwtjfkcf.cjs"),require("./textarea-DGmsw1B_.cjs"),require("./theme-controller-boat-pLzK5zxL.cjs"),require("./theme-button-DG_Xwg9H.cjs"),require("./tooltip-iEvxKg8g.cjs"),require("./tree-Bclu6uvv.cjs"),require("./typewriter-Bscwd-36.cjs"),require("./typography-DLGT3DGz.cjs");const a=require("./theme.interface-BMeNadVb.cjs"),V=require("lit/directives/when.js");var K=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,v=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?Y(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&K(t,i,r),r};exports.SchmancyBadgeV2=class extends k.TailwindElement(l.css`
+	:host {
+		display: inline-flex;
+		width: fit-content;
+	}
+
+	/* 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, ${a.SchmancyTheme.sys.color.primary.container} 92%, ${a.SchmancyTheme.sys.color.primary.default} 8%)`,text:this.outlined?a.SchmancyTheme.sys.color.primary.default:a.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.primary.default} 90%, ${a.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.secondary.container} 95%, ${a.SchmancyTheme.sys.color.secondary.default} 5%)`,text:this.outlined?a.SchmancyTheme.sys.color.secondary.default:a.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.secondary.default} 85%, ${a.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.container} 94%, ${a.SchmancyTheme.sys.color.tertiary.default} 6%)`,text:this.outlined?a.SchmancyTheme.sys.color.tertiary.default:a.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.default} 88%, ${a.SchmancyTheme.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.success.container} 90%, ${a.SchmancyTheme.sys.color.success.default} 10%)`,text:this.outlined?a.SchmancyTheme.sys.color.success.default:a.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.success.default} 85%, ${a.SchmancyTheme.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.container} 85%, ${a.SchmancyTheme.sys.color.tertiary.default} 15%)`,text:this.outlined?a.SchmancyTheme.sys.color.tertiary.default:a.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.default} 90%, ${a.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.error.container} 92%, ${a.SchmancyTheme.sys.color.error.default} 8%)`,text:this.outlined?a.SchmancyTheme.sys.color.error.default:a.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.error.default} 88%, ${a.SchmancyTheme.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.surface.high} 95%, ${a.SchmancyTheme.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.surface.on} 95%, ${a.SchmancyTheme.sys.color.surface.default} 5%)`:a.SchmancyTheme.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.outline} 85%, ${a.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},h={borderColor:i.border,backdropFilter:this.outlined?"blur(4px)":void 0,boxShadow:this.size!=="lg"||this.outlined?void 0:"0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)",...c};return l.html`
+			<div
+				part="badge"
+				class="${this.classMap(r)}"
+				style="${this.styleMap(h)}"
+				${w.color({bgColor:i.bg,color:i.text})}
+			>
+				<!-- Icon slot or named icon -->
+				<slot name="icon">
+					${this.icon?l.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([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),v([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),v([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),v([o.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),v([o.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),v([o.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=v([o.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=v([o.customElement("sch-badge")],exports.ScBadgeV2);const F=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe().subscribe(e=>{switch(e.action){case"dismiss":this.dispatchToggleEvent(e.ref,"close");break;case"render":this.dispatchToggleEvent(e.ref,"open"),this.dispatchRenderEvent(e.ref,e.component,e.title);break;case"push":this.handlePush(e.ref,e.component,e.state,e.params,e.props)}})}dispatchToggleEvent(e,t){e.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:t},bubbles:!0,composed:!0}))}dispatchRenderEvent(e,t,i,s,c,r){e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:t,title:i,state:s,params:c,props:r},bubbles:!0,composed:!0}))}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})}handlePush(e,t,i,s,c){this.dispatchToggleEvent(e,"open"),this.dispatchRenderEvent(e,t,void 0,i,s,c)}push(e){this.$drawer.next({action:"push",ref:window,...e})}},I=p.n("push"),z=p.n("close"),j=p.n(Math.floor(Math.random()*Date.now()).toString()),N=p.n("100%"),O=p.n({});var G=Object.defineProperty,J=Object.getOwnPropertyDescriptor,x=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?J(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&G(t,i,r),r};exports.SchmancyContentDrawer=class extends S.$LitElement(l.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(){this.setupResizeListener(),this.setupToggleListener(),this.setupRenderListener()}setupResizeListener(){n.merge(n.fromEvent(window,"resize"),n.fromEvent(window,y.SchmancyEvents.ContentDrawerResize)).pipe(n.startWith(!0),n.debounceTime(100),n.map(()=>this.clientWidth||window.innerWidth),n.map(e=>e>=this.minWidth.main+this.minWidth.sheet),n.distinctUntilChanged(),n.tap(()=>this.updateMaxHeight()),n.takeUntil(this.disconnecting)).subscribe(e=>this.updateMode(e))}setupToggleListener(){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})}setupRenderListener(){n.fromEvent(window,"schmancy-content-drawer-render").pipe(n.tap(e=>e.stopPropagation()),n.map(e=>e.detail),n.takeUntil(this.disconnecting)).subscribe(e=>this.handleRender(e))}updateMaxHeight(){this.maxHeight=window.innerHeight-this.getOffsetTop(this)+"px",this.style.setProperty("max-height",this.maxHeight)}updateMode(e){e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}handleRender(e){this.mode==="push"?B.area.push({area:this.schmancyContentDrawerID,component:e.component,historyStrategy:"silent",state:e.state,params:e.params,props:e.props}):this.mode==="overlay"&&M.sheet.open({component:e.component,uid:this.schmancyContentDrawerID,props:e.props})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){if(!this.mode||!this.open)return l.nothing;const e=["grid h-full","grid-flow-col auto-cols-max","grid-rows-[1fr]","justify-items-stretch items-stretch",this.mode==="overlay"?"grid-cols-[1fr]":"grid-cols-[auto_1fr]"].join(" ");return l.html`
+			<div class=${e}>
+				<slot></slot>
+			</div>
+		`}},x([p.e({context:O})],exports.SchmancyContentDrawer.prototype,"minWidth",2),x([p.e({context:z}),o.property()],exports.SchmancyContentDrawer.prototype,"open",2),x([p.e({context:I}),o.state()],exports.SchmancyContentDrawer.prototype,"mode",2),x([p.e({context:j})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),x([p.e({context:N})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),x([o.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=x([o.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Q=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,D=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?Z(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Q(t,i,r),r};exports.SchmancyContentDrawerMain=class extends S.$LitElement(l.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},t=["grid h-full relative overflow-scroll","grid-flow-col auto-cols-max","grid-rows-[1fr]","items-stretch justify-items-stretch",this.mode==="push"?"grid-cols-[auto_1fr]":"grid-cols-[1fr]"].join(" ");return l.html`
+			<section class="relative inset-0 h-full">
+				<div class=${t}>
+					<section style=${this.styleMap(e)}>
+						<slot></slot>
+					</section>
+				</div>
+				${V.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+			</section>
+		`}},D([o.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),D([m.c({context:O,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),D([m.c({context:I,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),D([m.c({context:N,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=D([o.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,u=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?te(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ee(t,i,r),r};exports.SchmancyContentDrawerSheet=class extends S.$LitElement(l.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"&&(M.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(()=>M.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 l.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([o.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),u([m.c({context:I,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),u([m.c({context:z,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),u([m.c({context:j})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),u([o.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),u([o.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),u([m.c({context:O,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),u([m.c({context:N,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=u([o.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const U=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})}},ie=U;var re=Object.getOwnPropertyDescriptor;exports.SchmancyDrawerAppbar=class extends k.TailwindElement(l.css`
+	:host {
+		display: block;
+		width: 100%;
+		min-width: 0;
+	}
+`){render(){return l.html`<slot></slot>`}},exports.SchmancyDrawerAppbar=((e,t,i,s)=>{for(var c,r=s>1?void 0:s?re(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([o.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var se=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends S.$LitElement(l.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 l.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,i,s)=>{for(var c,r=s>1?void 0:s?se(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([o.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);const R=p.n("push"),A=p.n("close");var ne=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,$=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ae(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ne(t,i,r),r};exports.SchmancyNavigationDrawer=class extends S.$LitElement(l.css`
+	:host {
+		display: grid;
+		grid-template-columns: auto 1fr;
+		grid-template-rows: 1fr;
+		flex-grow: 1;
+		height: 100%;
+		overflow: hidden;
+		/* Initially hide the component until it's ready */
+		visibility: hidden;
+	}
+
+	:host([data-ready]) {
+		visibility: visible;
+	}
+
+	:host([fullscreen]) {
+		grid-template-columns: 1fr;
+	}
+`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md"}firstUpdated(){this.updateState(window.innerWidth),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,"fullscreen").pipe(n.tap(e=>{const t=e;this.fullscreen=t.detail}),n.takeUntil(this.disconnecting)).subscribe(),n.fromEvent(window,y.SchmancyEvents.NavDrawer_toggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.takeUntil(this.disconnecting),n.debounceTime(10)).subscribe(e=>{e==="toggle"&&(e=this.open==="open"?"close":"open"),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 l.html`<slot></slot>`}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},$([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),$([o.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),$([p.e({context:R}),o.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),$([p.e({context:A}),o.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),exports.SchmancyNavigationDrawer=$([o.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var oe=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,C=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ce(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&oe(t,i,r),r};const T="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:T,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:T,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:T,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:T,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 l.html`
+			<nav
+				style=${this.styleMap(t)}
+				class="${this.classMap({...e})}"
+				${w.color({bgColor:a.SchmancyTheme.sys.color.surface.container})}
+			>
+				<slot></slot>
+			</nav>
+			<div
+				id="overlay"
+				${w.color({bgColor:a.SchmancyTheme.sys.color.scrim})}
+				@click=${this.handleOverlayClick}
+				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
+			></div>
+		`}},C([m.c({context:R,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),C([m.c({context:A,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),C([o.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),C([o.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),C([o.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),C([o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=C([o.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);var he=Object.defineProperty,le=Object.getOwnPropertyDescriptor,b=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?le(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&he(t,i,r),r};exports.SchmancyNavigationBarItem=class extends k.TailwindElement(l.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},h={"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},_=this.active?{color:a.SchmancyTheme.sys.color.secondary.onContainer}:{color:a.SchmancyTheme.sys.color.surface.onVariant},X={"--focus-color":a.SchmancyTheme.sys.color.primary.default};return l.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({...X,"outline-color":"var(--focus-color)"})}
+				${w.color(_)}
+			>
+				<!-- Icon with indicator background -->
+				<div class=${this.classMap(r)}>
+					<!-- Ripple effects -->
+					${this.ripples.map(P=>l.html`
+							<span
+								class="ripple-effect"
+								style=${this.styleMap({left:`${P.x}px`,top:`${P.y}px`,transform:"translate(-50%, -50%)"})}
+							></span>
+						`)}
+
+					${s?l.html`<slot name="icon"></slot>`:this.icon?l.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?l.html`<slot></slot>`:""}
+				</div>
+
+				<!-- Label below icon -->
+				${!this.hideLabels&&this.label?l.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?l.html`
+					<span
+						class=${this.classMap(h)}
+						aria-label="${t} notifications"
+						${w.color({bgColor:a.SchmancyTheme.sys.color.error.default,color:a.SchmancyTheme.sys.color.error.on})}
+					>
+						<span class="text-[10px] font-medium leading-none">${t}</span>
+					</span>
+				`:this.badge?l.html`
+					<span
+						class=${this.classMap(h)}
+						aria-label="Has notifications"
+						${w.color({bgColor:a.SchmancyTheme.sys.color.error.default})}
+					></span>
+				`:""}
+			</button>
+		`}},b([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"icon",2),b([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"label",2),b([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"badge",2),b([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"active",1),b([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"disabled",2),b([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"hideLabels",2),b([o.state()],exports.SchmancyNavigationBarItem.prototype,"ripples",2),exports.SchmancyNavigationBarItem=b([o.customElement("schmancy-navigation-bar-item")],exports.SchmancyNavigationBarItem);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,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&de(t,i,r),r};exports.SchmancyNavigationBar=class extends k.TailwindElement(l.css`
+	:host {
+		display: block;
+		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)return;if(this.activeIndex===s)return void this.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"toggle"},bubbles:!0,composed:!0}));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=this.querySelector(`[value="${e.id}"]`);if(t)return t;const i=document.createElement("schmancy-navigation-bar-item");return i.setAttribute("value",e.id),i.innerHTML=`
+			<schmancy-icon>${e.icon||"widgets"}</schmancy-icon>
+			<span>${e.title}</span>
+		`,this.appendChild(i),i}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,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"z-10":!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 l.html`
+			<nav
+				class=${this.classMap(t)}
+				role="navigation"
+				aria-label="Main navigation"
+				aria-hidden=${e}
+				style="transform: ${i};"
+				${w.color({bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on})}
+			>
+				<slot></slot>
+			</nav>
+		`}},f([o.property({type:Number})],exports.SchmancyNavigationBar.prototype,"activeIndex",1),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideLabels",2),f([o.property({type:Number,reflect:!0})],exports.SchmancyNavigationBar.prototype,"elevation",2),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideOnScroll",2),f([o.state()],exports.SchmancyNavigationBar.prototype,"focusedIndex",2),f([o.state()],exports.SchmancyNavigationBar.prototype,"isHiddenByScroll",2),f([o.state()],exports.SchmancyNavigationBar.prototype,"isFullscreen",2),exports.SchmancyNavigationBar=f([o.customElement("schmancy-navigation-bar")],exports.SchmancyNavigationBar);const L="whereAreYouRicky",W="hereMorty",E=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,W).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 H(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 me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,q=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ye(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&me(t,i,r),r};exports.SchmancyTeleportation=class extends S.$LitElement(l.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,B.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(B.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(W,{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"),H(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"),H(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{E.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},q([o.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),q([o.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),q([o.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=q([o.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ue=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,g=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ge(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ue(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?l.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?l.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?l.html`<schmancy-icon>${this.icon}</schmancy-icon>`:l.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:"w-5 h-5 text-[8px]",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 l.html`
+			<div class="${this.classMap(t)}" ${i}>
+				${e} ${this.status!=="none"?this.renderStatusIndicator():""}
+			</div>
+		`}getColorAttributes(){const e={primary:{bgColor:a.SchmancyTheme.sys.color.primary.container,color:a.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:a.SchmancyTheme.sys.color.secondary.container,color:a.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:a.SchmancyTheme.sys.color.tertiary.container,color:a.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:a.SchmancyTheme.sys.color.success.container,color:a.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:a.SchmancyTheme.sys.color.error.container,color:a.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on}};return w.color(e[this.color])}renderStatusIndicator(){const e={online:a.SchmancyTheme.sys.color.success.default,offline:a.SchmancyTheme.sys.color.surface.onVariant,busy:a.SchmancyTheme.sys.color.error.default,away:a.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xxs:"w-1 h-1",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 l.html`
+			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
+		`}},g([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),g([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),g([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=g([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=ie,exports.HereMorty=W,exports.SchmancyContentDrawerID=j,exports.SchmancyContentDrawerMaxHeight=N,exports.SchmancyContentDrawerMinWidth=O,exports.SchmancyContentDrawerSheetMode=I,exports.SchmancyContentDrawerSheetState=z,exports.SchmancyDrawerNavbarMode=R,exports.SchmancyDrawerNavbarState=A,exports.WhereAreYouRicky=L,exports.schmancyContentDrawer=F,exports.schmancyNavDrawer=U,exports.teleport=E;
+//# sourceMappingURL=avatar-DBfJucB9.cjs.map