@mhmo91/schmancy 0.5.18 → 0.5.20

package/dist/avatar-B0Q9R0jH.cjs

@@ -0,0 +1,303 @@
+"use strict";const l=require("lit"),o=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-D1D0dI8T.cjs");const I=require("./area.component-DZFtLBMV.cjs");require("./autocomplete-DpGmI06M.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const N=require("./tailwind.mixin-B_-9TcsC.cjs"),g=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-DpuxxF9v.cjs"),require("./spinner-BBhBlm_F.cjs"),require("./icon-button-BdB5el84.cjs"),require("./media-CdPEYBLJ.cjs"),require("./checkbox-DA355aVd.cjs"),require("./suggestion-chip-GLpIJvu3.cjs"),require("./input-chip-CkWSf6nV.cjs"),require("./code-preview-DXvds6Ik.cjs"),require("./payment-card-form-wns1GAaC.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),w=require("./litElement.mixin-DLJYzvsb.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-CO96uRfu.cjs"),require("./date-range-inline-Br8Pkm6Z.cjs"),require("./delay-BU66nJyr.cjs"),require("./details-CoqpAwjh.cjs"),require("./dialog-content-CJUcyFT1.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-a2f7N3mc.cjs"),require("./dropdown-content-YiOmwoxH.cjs"),require("./timezone-CWEqsRA_.cjs"),require("./form-BSlt0E8v.cjs"),require("./icon-Cm5BKSV4.cjs"),require("./input-B6zwyDBC.cjs"),require("./flex-zqTHF06u.cjs"),require("./list-BCDPk6mM.cjs"),require("./email-recipients-Dha5jYMG.cjs"),require("./map-D6QG9Yzr.cjs"),require("./menu-2UwBHzr9.cjs");const j=require("lit/directives/when.js");require("./navigation-rail-item-DA7eqAg3.cjs"),require("./notification-service-BqvWCDoP.cjs"),require("./option-CeXe-DCz.cjs"),require("./progress-CM5lHuCR.cjs"),require("./radio-button-D76Qubig.cjs"),require("./index-CCi1otmh.cjs"),require("./select-DvjgcI2e.cjs"),require("./sheet-DrGvhM5D.cjs");const W=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-DNqgaGvI.cjs"),require("./schmancy-steps-container-Dc_hXgrm.cjs"),require("./context-object-bNADqf9U.cjs");const d=require("rxjs/operators");require("./surface-BaMQfpnN.cjs"),require("./table-Bc86ZVfE.cjs"),require("./tabs-compatibility-Bo4Z38SO.cjs"),require("./textarea-DvfusaL0.cjs"),require("./theme.component-B2834R93.cjs"),require("./theme-button-Dj3aS2jG.cjs"),require("./tooltip-BZ2fruXd.cjs"),require("./tree-c9Fcsgxi.cjs"),require("./typewriter-FHkXxEdA.cjs"),require("./typography-CE_QuH1P.cjs");const a=require("./theme.interface-Xg5Zi46a.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,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Y(t,i,r),r};exports.SchmancyBadgeV2=class extends N.TailwindElement(l.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, ${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,...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 l.html`
+			<div
+				part="badge"
+				class="${this.classMap(r)}"
+				style="${this.styleMap(h)}"
+				${g.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 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"),L=p.n(Math.floor(Math.random()*Date.now()).toString()),M=p.n("100%"),z=p.n({});var J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,S=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?Q(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&&J(t,i,r),r};exports.SchmancyContentDrawer=class extends w.$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(){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?l.html`
+			<schmancy-grid
+				cols=${this.mode==="overlay"?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:l.nothing}},S([p.e({context:z})],exports.SchmancyContentDrawer.prototype,"minWidth",2),S([p.e({context:P}),o.property()],exports.SchmancyContentDrawer.prototype,"open",2),S([p.e({context:O}),o.state()],exports.SchmancyContentDrawer.prototype,"mode",2),S([p.e({context:L})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),S([p.e({context:M})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),S([o.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=S([o.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,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Z(t,i,r),r};exports.SchmancyContentDrawerMain=class extends w.$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};return l.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>
+				${j.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+			</section>
+		`}},$([o.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),$([m.c({context:z,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),$([m.c({context:O,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),$([m.c({context:M,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=$([o.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,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&te(t,i,r),r};exports.SchmancyContentDrawerSheet=class extends w.$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"&&(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 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:O,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),u([m.c({context:P,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),u([m.c({context:L})],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:z,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),u([m.c({context:M,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=u([o.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,B=p.n("push"),A=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,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&se(t,i,r),r};exports.SchmancyDrawerAppbar=class extends N.TailwindElement(l.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 l.html`
+			<div class=${this.classMap(t)}>
+				${j.when(this.sidebarMode==="overlay"&&this.toggler,()=>l.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}))}}
+								>
+									${j.when(this.sidebarOpen==="close",()=>l.html`menu`,()=>l.html`menu_open`)}
+								</schmancy-icon-button>
+							</div>
+						</slot>`)}
+
+				<slot> </slot>
+			</div>
+		`}},T([m.c({context:B,subscribe:!0}),o.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),T([m.c({context:A,subscribe:!0}),o.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),T([o.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=T([o.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var ae=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends w.$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?ae(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);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,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};exports.SchmancyNavigationDrawer=class extends w.$LitElement(l.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?l.html`
+			<schmancy-grid
+				cols=${this.fullscreen?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+				${g.fullHeight()}
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},D([o.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),D([o.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),D([p.e({context:B}),o.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),D([p.e({context:A}),o.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),D([o.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=D([o.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var he=Object.defineProperty,le=Object.getOwnPropertyDescriptor,x=(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};const k="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends w.$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 l.html`
+			<nav
+				style=${this.styleMap(t)}
+				class="${this.classMap({...e})}"
+				${g.color({bgColor:a.SchmancyTheme.sys.color.surface.container})}
+			>
+				<slot></slot>
+			</nav>
+			<div
+				id="overlay"
+				${g.color({bgColor:a.SchmancyTheme.sys.color.scrim})}
+				@click=${this.handleOverlayClick}
+				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
+			></div>
+		`}},x([m.c({context:B,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),x([m.c({context:A,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),x([o.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),x([o.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),x([o.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),x([o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=x([o.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,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.SchmancyNavigationBarItem=class extends N.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},V=this.active?{color:a.SchmancyTheme.sys.color.secondary.onContainer}:{color:a.SchmancyTheme.sys.color.surface.onVariant},K={"--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({...K,"outline-color":"var(--focus-color)"})}
+				${g.color(V)}
+			>
+				<!-- Icon with indicator background -->
+				<div class=${this.classMap(r)}>
+					<!-- Ripple effects -->
+					${this.ripples.map(U=>l.html`
+							<span
+								class="ripple-effect"
+								style=${this.styleMap({left:`${U.x}px`,top:`${U.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"
+						${g.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"
+						${g.color({bgColor:a.SchmancyTheme.sys.color.error.default})}
+					></span>
+				`:""}
+			</button>
+		`}},f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"icon",2),f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"label",2),f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"badge",2),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"active",1),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"disabled",2),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"hideLabels",2),f([o.state()],exports.SchmancyNavigationBarItem.prototype,"ripples",2),exports.SchmancyNavigationBarItem=f([o.customElement("schmancy-navigation-bar-item")],exports.SchmancyNavigationBarItem);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,C=(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.SchmancyNavigationBar=class extends N.TailwindElement(l.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.isHidden=!1,this.SCROLL_THRESHOLD=10,this.handleItemClick=e=>{const t=this.querySelectorAll("schmancy-navigation-bar-item"),i=e.target,s=Array.from(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=Array.from(this.querySelectorAll("schmancy-navigation-bar-item")),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)}connectedCallback(){super.connectedCallback(),this.addEventListener("bar-item-click",this.handleItemClick),this.addEventListener("keydown",this.handleKeyDown),this.activeIndex$.pipe(d.takeUntil(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),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.isHidden?this.isHidden=!0:i&&this.isHidden&&(this.isHidden=!1),t<=this.SCROLL_THRESHOLD&&(this.isHidden=!1)}),d.takeUntil(this.disconnecting)).subscribe()}disconnectedCallback(){this.removeEventListener("bar-item-click",this.handleItemClick),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}focusItem(e){const t=this.querySelectorAll("schmancy-navigation-bar-item");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()}}updateActiveStates(e){this.querySelectorAll("schmancy-navigation-bar-item").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.isHidden=!1))}render(){const e={"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-200 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},t=this.isHidden?"translateY(100%)":"translateY(0)";return l.html`
+			<nav
+				class=${this.classMap(e)}
+				role="navigation"
+				aria-label="Main navigation"
+				aria-hidden=${this.isHidden}
+				style="transform: ${t};"
+				${g.color({bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on})}
+			>
+				<slot></slot>
+			</nav>
+		`}},C([o.property({type:Number})],exports.SchmancyNavigationBar.prototype,"activeIndex",1),C([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideLabels",2),C([o.property({type:Number,reflect:!0})],exports.SchmancyNavigationBar.prototype,"elevation",2),C([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideOnScroll",2),C([o.state()],exports.SchmancyNavigationBar.prototype,"focusedIndex",2),C([o.state()],exports.SchmancyNavigationBar.prototype,"isHidden",2),exports.SchmancyNavigationBar=C([o.customElement("schmancy-navigation-bar")],exports.SchmancyNavigationBar);const H="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(H,{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,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.SchmancyTeleportation=class extends w.$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,I.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(I.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,H).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 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 ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,b=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ve(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&&ge(t,i,r),r};exports.SchmancyAvatar=class extends w.$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,[{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 g.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,[{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>
+		`}},b([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),b([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=b([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=re,exports.HereMorty=R,exports.SchmancyContentDrawerID=L,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=z,exports.SchmancyContentDrawerSheetMode=O,exports.SchmancyContentDrawerSheetState=P,exports.SchmancyDrawerNavbarMode=B,exports.SchmancyDrawerNavbarState=A,exports.WhereAreYouRicky=H,exports.schmancyContentDrawer=G,exports.schmancyNavDrawer=X,exports.teleport=E;
+//# sourceMappingURL=avatar-B0Q9R0jH.cjs.map