@mhmo91/schmancy 0.5.17 → 0.5.19

package/types/src/navigation-bar/navigation-bar-item.d.ts

@@ -0,0 +1,94 @@
+declare const SchmancyNavigationBarItem_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+/**
+ * `<schmancy-navigation-bar-item>` component
+ *
+ * Individual navigation item for use within a navigation bar.
+ * Represents a single destination with an icon and optional label following Material Design 3 specifications.
+ *
+ * @element schmancy-navigation-bar-item
+ * @slot icon - Slot for custom icon content
+ * @slot - Default slot for custom content
+ *
+ * @fires bar-item-click - When the item is clicked
+ * @fires focus - When the item receives focus
+ * @fires blur - When the item loses focus
+ *
+ * @example
+ * <schmancy-navigation-bar-item icon="home" label="Home" active></schmancy-navigation-bar-item>
+ *
+ * @example
+ * <schmancy-navigation-bar-item label="Custom">
+ *   <span slot="icon">🏠</span>
+ * </schmancy-navigation-bar-item>
+ */
+export declare class SchmancyNavigationBarItem extends SchmancyNavigationBarItem_base {
+    /**
+     * Icon name for the navigation item (Material Symbols Outlined)
+     */
+    icon: string;
+    /**
+     * Label text for the navigation item
+     */
+    label: string;
+    /**
+     * Badge content (can be a number or short text)
+     */
+    badge: string;
+    /**
+     * Observable for active state
+     */
+    private active$;
+    /**
+     * Whether this item is currently active/selected
+     * @default false
+     */
+    get active(): boolean;
+    set active(value: boolean);
+    /**
+     * Whether this item is disabled
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Whether to hide labels (controlled by parent navigation bar)
+     * @default false
+     */
+    hideLabels: boolean;
+    /**
+     * Track ripple effects
+     */
+    private ripples;
+    /**
+     * Add ripple effect (immediate, no debounce)
+     */
+    private addRippleEffect;
+    /**
+     * Handle click events with RxJS
+     */
+    private handleClick;
+    /**
+     * Handle keyboard events for accessibility (non-Enter/Space keys)
+     */
+    private handleKeyDown;
+    /**
+     * Method called by parent to set active state
+     */
+    setActive(isActive: boolean): void;
+    connectedCallback(): void;
+    /**
+     * Set up RxJS stream for navigation events
+     */
+    private setupNavigationStream;
+    /**
+     * Format badge content for display
+     */
+    private formatBadge;
+    protected firstUpdated(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-navigation-bar-item': SchmancyNavigationBarItem;
+    }
+}
+export {};

package/types/src/navigation-bar/navigation-bar.d.ts

@@ -0,0 +1,93 @@
+declare const SchmancyNavigationBar_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+/**
+ * `<schmancy-navigation-bar>` component
+ *
+ * A horizontal navigation component following Material Design 3 specifications.
+ * Navigation bars provide access to between 3-7 primary destinations, fixed at the bottom of the viewport.
+ *
+ * @element schmancy-navigation-bar
+ * @slot - Default slot for navigation bar items
+ *
+ * @fires navigation-change - When an item is selected
+ *
+ * @example
+ * <schmancy-navigation-bar activeIndex="0">
+ *   <schmancy-navigation-bar-item icon="home" label="Home"></schmancy-navigation-bar-item>
+ *   <schmancy-navigation-bar-item icon="search" label="Search"></schmancy-navigation-bar-item>
+ *   <schmancy-navigation-bar-item icon="favorite" label="Favorites"></schmancy-navigation-bar-item>
+ *   <schmancy-navigation-bar-item icon="settings" label="Settings"></schmancy-navigation-bar-item>
+ * </schmancy-navigation-bar>
+ */
+export declare class SchmancyNavigationBar extends SchmancyNavigationBar_base {
+    /**
+     * Observable for active index state
+     */
+    private activeIndex$;
+    /**
+     * Currently active item index
+     * @default -1
+     */
+    get activeIndex(): number;
+    set activeIndex(value: number);
+    /**
+     * Hide labels and show only icons
+     * @default false
+     */
+    hideLabels: boolean;
+    /**
+     * Elevation level for the navigation bar
+     * @default 2
+     */
+    elevation: number;
+    /**
+     * Hide navigation bar on scroll down, show on scroll up
+     * @default false
+     */
+    hideOnScroll: boolean;
+    /**
+     * Current focused item index for keyboard navigation
+     */
+    private focusedIndex;
+    /**
+     * Whether the navigation bar is hidden due to scrolling
+     */
+    private isHidden;
+    /**
+     * Minimum scroll threshold before triggering hide/show
+     */
+    private readonly SCROLL_THRESHOLD;
+    connectedCallback(): void;
+    /**
+     * Set up RxJS-based scroll listener
+     */
+    private setupScrollListener;
+    disconnectedCallback(): void;
+    /**
+     * Handle item click events
+     */
+    private handleItemClick;
+    /**
+     * Handle keyboard navigation
+     */
+    private handleKeyDown;
+    /**
+     * Focus a specific item by index
+     */
+    private focusItem;
+    /**
+     * Update the list of navigation items
+     */
+    private updateItems;
+    /**
+     * Update active states on all items
+     */
+    private updateActiveStates;
+    updated(changedProperties: Map<string, any>): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-navigation-bar': SchmancyNavigationBar;
+    }
+}
+export {};

package/dist/avatar-BvJePwYH.cjs

@@ -1,157 +0,0 @@
-"use strict";const l=require("lit"),a=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-_cmV8a54.cjs");const $=require("./area.component-jZXEnoq-.cjs");require("./autocomplete-B_r234CD.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-DbwoWKIJ.cjs"),C=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-2qtEaUeN.cjs"),require("./spinner-CtrfCFwg.cjs"),require("./icon-button-lsh418d9.cjs"),require("./media-C2_iIXcU.cjs"),require("./checkbox-C_Mho5IS.cjs"),require("./suggestion-chip-peYMYDhW.cjs"),require("./input-chip-CMgjp1k0.cjs"),require("./code-preview-B6i7Kbhk.cjs"),require("./payment-card-form-BXw4yQfa.cjs");const p=require("./types.cjs"),m=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-Z7A21PTu.cjs"),d=require("./consume-edta5ng5.cjs");require("./date-range-Bqv5hphM.cjs"),require("./date-range-inline-DsBWzDSL.cjs"),require("./delay-t64VcUWO.cjs"),require("./details-BsbZKBMM.cjs"),require("./dialog-content-CzfmE_A3.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-CZRdHTyy.cjs"),require("./dropdown-content-DpRKwEWr.cjs"),require("./timezone-rlLAZj3d.cjs"),require("./form-5zP1PzNH.cjs"),require("./icon-BZfElKOt.cjs"),require("./input-ZJ-BU9e1.cjs"),require("./flex-CwloHehr.cjs"),require("./list-BMNuVDlx.cjs"),require("./email-recipients-B_FrKVNa.cjs"),require("./map-mYS0TKHR.cjs"),require("./menu-D14UObVy.cjs");const W=require("lit/directives/when.js");require("./navigation-rail-item-B6Q-5odq.cjs"),require("./notification-service-XpmtMRuA.cjs"),require("./option-0KBLqH87.cjs"),require("./progress-BoP5Csie.cjs"),require("./radio-button-CXCejG_D.cjs"),require("./index-CCi1otmh.cjs"),require("./select-C-N7iN8o.cjs"),require("./sheet-D6M6KiS2.cjs");const P=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-iR39cfzw.cjs"),require("./schmancy-steps-container-DUnUOt02.cjs"),require("./context-object-bNADqf9U.cjs");const N=require("rxjs/operators");require("./surface-CKZ-BRjP.cjs"),require("./table-BrI5XDFr.cjs"),require("./tabs-compatibility-B-mduLVm.cjs"),require("./textarea-DfdfkgK2.cjs"),require("./theme.component-BPnDtVam.cjs"),require("./theme-button-mKwL1F5q.cjs"),require("./tooltip-C4gyp-xi.cjs"),require("./tree-bOCqq8yl.cjs"),require("./typewriter-CkH2Lv-D.cjs"),require("./typography-DVxUQ43e.cjs");const o=require("./theme.interface-Xg5Zi46a.cjs");var R=Object.defineProperty,X=Object.getOwnPropertyDescriptor,g=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?X(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&R(t,s,r),r};exports.SchmancyBadgeV2=class extends _.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, ${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(),s=this.getColorStyles(),i=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:s.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)}"
-				${C.color({bgColor:s.bg,color:s.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=${i} 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>
-		`}},g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),g([a.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=g([a.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=g([a.customElement("sch-badge")],exports.ScBadgeV2);const V=new class{constructor(){this.$drawer=new n.Subject,this.lastComponent=null,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"?(e.ref.dispatchEvent(new CustomEvent(p.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,s){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:s})}async handlePush(e,t){let s;if(typeof t=="string")s=document.createElement(t);else if(t instanceof HTMLElement)s=t;else{if(typeof t!="function")return;try{const i=await t();i&&typeof i=="object"&&"default"in i?s=new i.default:s=i instanceof HTMLElement?i:new i}catch{return}}this.lastComponent===s&&"requestUpdate"in s&&s.requestUpdate(),this.lastComponent=s,e.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:s},bubbles:!0,composed:!0}))}push(e){this.$drawer.next({action:"push",ref:window,component:e})}},q=m.n("push"),j=m.n("close"),A=m.n(Math.floor(Math.random()*Date.now()).toString()),M=m.n("100%"),k=m.n({});var L=Object.defineProperty,K=Object.getOwnPropertyDescriptor,w=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?K(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&L(t,s,r),r};exports.SchmancyContentDrawer=class extends b.$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,p.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,p.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"?($.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),$.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&P.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}},w([m.e({context:k})],exports.SchmancyContentDrawer.prototype,"minWidth",2),w([m.e({context:j}),a.property()],exports.SchmancyContentDrawer.prototype,"open",2),w([m.e({context:q}),a.state()],exports.SchmancyContentDrawer.prototype,"mode",2),w([m.e({context:A})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),w([m.e({context:M})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),w([a.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=w([a.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,f=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?F(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&Y(t,s,r),r};exports.SchmancyContentDrawerMain=class extends b.$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(p.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>
-				${W.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
-			</section>
-		`}},f([a.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),f([d.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),f([d.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),f([d.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=f([a.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var G=Object.defineProperty,J=Object.getOwnPropertyDescriptor,y=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?J(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&G(t,s,r),r};exports.SchmancyContentDrawerSheet=class extends b.$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(p.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"&&(P.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(()=>P.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>
-		`}},y([a.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),y([d.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),y([d.c({context:j,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),y([d.c({context:A})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),y([a.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),y([a.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),y([d.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),y([d.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=y([a.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const H=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe(n.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(p.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})}},Q=H,O=m.n("push"),z=m.n("close");var Z=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,D=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ee(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&Z(t,s,r),r};exports.SchmancyDrawerAppbar=class extends _.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)}>
-				${W.when(this.sidebarMode==="overlay"&&this.toggler,()=>l.html`<slot name="toggler">
-							<div class="${this.classMap(e)}">
-								<schmancy-icon-button
-									@click=${()=>{this.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:this.sidebarOpen==="open"?"close":"open"},bubbles:!0,composed:!0}))}}
-								>
-									${W.when(this.sidebarOpen==="close",()=>l.html`menu`,()=>l.html`menu_open`)}
-								</schmancy-icon-button>
-							</div>
-						</slot>`)}
-
-				<slot> </slot>
-			</div>
-		`}},D([d.c({context:O,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),D([d.c({context:z,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),D([a.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=D([a.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var te=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends b.$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,s,i)=>{for(var c,r=i>1?void 0:i?te(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([a.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,S=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?se(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&re(t,s,r),r};exports.SchmancyNavigationDrawer=class extends b.$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,p.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"
-				${C.fullHeight()}
-			>
-				<slot></slot>
-			</schmancy-grid>
-		`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},S([a.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),S([a.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),S([m.e({context:O}),a.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),S([m.e({context:z}),a.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),S([a.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=S([a.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var ne=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,v=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ie(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&ne(t,s,r),r};const E="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends b.$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:E,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:E,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(p.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})}"
-				${C.color({bgColor:o.SchmancyTheme.sys.color.surface.container})}
-			>
-				<slot></slot>
-			</nav>
-			<div
-				id="overlay"
-				${C.color({bgColor:o.SchmancyTheme.sys.color.scrim})}
-				@click=${this.handleOverlayClick}
-				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
-			></div>
-		`}},v([d.c({context:O,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),v([d.c({context:z,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),v([a.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),v([a.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),v([a.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),v([a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=v([a.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const I="whereAreYouRicky",B="hereMorty",x=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,B).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(I,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:s}=e,i=s.element.style.zIndex;s.element.style.transformOrigin="top left",s.element.style.setProperty("visibility","visible"),s.element.style.zIndex="1000";const c=[{transform:`translate(${t.rect.left-s.rect.left}px, ${t.rect.top-s.rect.top}px) scale(${t.rect.width/s.rect.width}, ${t.rect.height/s.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];s.element.animate(c,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{s.element.style.zIndex=i,s.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:s,host:i},c)=>({from:t,to:s,host:i,i:c}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function U(e){return n.interval(50).pipe(N.map(()=>e.getBoundingClientRect()),N.distinctUntilChanged((t,s)=>t.width===s.width&&t.height===s.height&&t.top===s.top&&t.right===s.right&&t.bottom===s.bottom&&t.left===s.left),N.take(1))}var oe=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,T=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ae(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&oe(t,s,r),r};exports.SchmancyTeleportation=class extends b.$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,$.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent($.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,I).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(B,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(x.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),U(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{x.activeTeleportations.set(this.id,t),x.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),U(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{x.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},T([a.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),T([a.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),T([a.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=T([a.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,u=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?he(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&ce(t,s,r),r};exports.SchmancyAvatar=class extends b.$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},s=this.getColorAttributes();return l.html`
-			<div class="${this.classMap(t)}" ${s}>
-				${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 C.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 l.html`
-			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
-		`}},u([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=B,exports.SchmancyContentDrawerID=A,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=k,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=j,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=I,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=H,exports.teleport=x;
-//# sourceMappingURL=avatar-BvJePwYH.cjs.map