@mhmo91/schmancy 0.4.79 → 0.4.80

package/ai/area.md

@@ -429,10 +429,206 @@ class AppLayout extends LitElement {
 }
 ```
 
-### 4. Dynamic Route Loading
+### 4. Dynamic Route Loading & Lazy Components
+
+#### Using the `lazy()` helper function
+
+Schmancy Area provides a powerful `lazy()` function similar to React.lazy() for optimal code splitting:
 
 ```typescript
-// Lazy load heavy components
+import { lazy } from '@schmancy/area';
+
+// Create lazy-loaded components
+const LazyDashboard = lazy(() => import('./components/dashboard'));
+const LazyAnalytics = lazy(() => import('./components/analytics'));
+const LazyReports = lazy(() => import('./components/reports'));
+
+// Use with area.push()
+area.push({
+  component: LazyDashboard,
+  area: 'main'
+});
+
+// Use with declarative routes
+<schmancy-route
+  when="/analytics"
+  .component=${LazyAnalytics}
+  .guard=${() => hasFeature('analytics') || '/upgrade'}>
+</schmancy-route>
+
+// Set as default for an area
+<schmancy-area name="main" .default=${LazyDashboard}></schmancy-area>
+```
+
+#### Preloading Components
+
+Lazy components support preloading for better perceived performance:
+
+```typescript
+const LazyProfile = lazy(() => import('./profile'));
+
+// Preload on hover for instant navigation
+button.addEventListener('mouseenter', () => {
+  LazyProfile.preload();
+});
+
+// Preload after initial page load
+window.addEventListener('load', () => {
+  setTimeout(() => {
+    LazyProfile.preload();
+    LazySettings.preload();
+  }, 2000);
+});
+```
+
+#### Complete Example: Lazy-Loaded Navigation
+
+```typescript
+import { $LitElement } from '@mixins/index';
+import { area, lazy } from '@schmancy/area';
+import { html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+
+// Define lazy components with default exports
+const routes = {
+  dashboard: lazy(() => import('./lazy-components/dashboard')),
+  users: lazy(() => import('./lazy-components/users')),
+  products: lazy(() => import('./lazy-components/products')),
+  reports: lazy(() => import('./lazy-components/reports')),
+  settings: lazy(() => import('./lazy-components/settings'))
+};
+
+@customElement('app-shell')
+export class AppShell extends $LitElement() {
+  @state() private currentRoute = 'dashboard';
+
+  private navigate(route: string, component: any) {
+    this.currentRoute = route;
+    area.push({
+      area: 'main',
+      component: component
+    });
+  }
+
+  render() {
+    return html`
+      <div class="grid grid-cols-[auto_1fr]">
+        <!-- Sidebar Navigation -->
+        <schmancy-list>
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'dashboard'}
+            @click=${() => this.navigate('dashboard', routes.dashboard)}
+            @mouseenter=${() => routes.dashboard.preload()}>
+            <schmancy-icon slot="start">dashboard</schmancy-icon>
+            Dashboard
+          </schmancy-list-item>
+
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'users'}
+            @click=${() => this.navigate('users', routes.users)}
+            @mouseenter=${() => routes.users.preload()}>
+            <schmancy-icon slot="start">group</schmancy-icon>
+            Users
+          </schmancy-list-item>
+
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'products'}
+            @click=${() => this.navigate('products', routes.products)}
+            @mouseenter=${() => routes.products.preload()}>
+            <schmancy-icon slot="start">inventory_2</schmancy-icon>
+            Products
+          </schmancy-list-item>
+        </schmancy-list>
+
+        <!-- Main Content Area -->
+        <schmancy-area
+          name="main"
+          .default=${routes.dashboard}>
+        </schmancy-area>
+      </div>
+    `;
+  }
+}
+```
+
+#### Lazy Component Structure
+
+Each lazy-loaded component should use default export:
+
+```typescript
+// lazy-components/dashboard.ts
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { $LitElement } from '@mixins/index';
+
+@customElement('lazy-dashboard')
+export default class LazyDashboard extends $LitElement(css`
+  :host {
+    display: block;
+    padding: 24px;
+  }
+`) {
+  render() {
+    return html`
+      <schmancy-surface type="container" rounded="all">
+        <schmancy-typography type="headline">Dashboard</schmancy-typography>
+        <!-- Dashboard content -->
+      </schmancy-surface>
+    `;
+  }
+}
+```
+
+#### Benefits of Lazy Loading
+
+1. **Reduced Initial Bundle Size**: Components are loaded only when needed
+2. **Faster Initial Page Load**: Critical path includes only essential code
+3. **Automatic Code Splitting**: Each lazy import creates a separate chunk
+4. **Memory Efficiency**: Components not in use aren't loaded in memory
+5. **Better Perceived Performance**: Preloading on hover makes navigation feel instant
+
+#### Performance Best Practices
+
+```typescript
+// 1. Group related components in the same chunk
+const LazyAdminComponents = lazy(() => import('./admin/index'));
+
+// 2. Preload critical routes after initial render
+connectedCallback() {
+  super.connectedCallback();
+
+  // Preload common routes after a delay
+  setTimeout(() => {
+    routes.dashboard.preload();
+    routes.users.preload();
+  }, 3000);
+}
+
+// 3. Use intersection observer for preloading visible links
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      const route = entry.target.dataset.route;
+      routes[route]?.preload();
+    }
+  });
+});
+
+// 4. Handle loading errors gracefully
+const LazyFeature = lazy(() =>
+  import('./feature').catch(() =>
+    // Fallback to simpler version on error
+    import('./feature-lite')
+  )
+);
+```
+
+#### Legacy Method (Still Supported)
+
+The traditional dynamic import method is still supported:
+
+```typescript
+// Direct dynamic import (without lazy helper)
 <schmancy-route
   when="/analytics"
   .component=${() => import('./analytics-dashboard.js').then(m => m.AnalyticsDashboard)}
@@ -613,7 +809,7 @@ area.on('protected-area').pipe(
 ```typescript
 // Route Action - used for navigation
 interface RouteAction {
-  component: CustomElementConstructor | string | HTMLElement | Promise<NodeModule>;
+  component: CustomElementConstructor | string | HTMLElement | Promise<NodeModule> | LazyComponent;
   area: string;
   state?: Record<string, unknown>;
   params?: Record<string, unknown>;  // Query parameters
@@ -638,10 +834,22 @@ type GuardFunction = () => GuardResult | Promise<GuardResult>;
 // Route component props
 interface RouteProps {
   when: string;                    // URL segment pattern
-  component?: string | CustomElementConstructor | HTMLElement;
-  default?: string | CustomElementConstructor | HTMLElement;
+  component?: string | CustomElementConstructor | HTMLElement | LazyComponent;
+  default?: string | CustomElementConstructor | HTMLElement | LazyComponent;
   guard?: GuardFunction;
 }
+
+// Lazy Loading Types (from lazy.ts)
+type CustomElementConstructor = typeof HTMLElement;
+
+// LazyComponent interface with preload capability
+interface LazyComponent<T extends CustomElementConstructor = CustomElementConstructor> {
+  (): Promise<{ default: T }>;
+  preload(): Promise<void>;
+  _promise?: Promise<{ default: T }>;
+  _module?: { default: T };
+}
+
 ```
 
 ## Related Components
@@ -653,12 +861,16 @@ interface RouteProps {
 
 ## Performance Tips
 
-1. **Use lazy loading** for heavy components
-2. **Implement route-level code splitting** with dynamic imports
-3. **Cache guard results** when checking expensive operations
-4. **Use `historyStrategy: 'silent'`** for non-navigational updates
-5. **Debounce rapid navigation** in user-triggered events
-6. **Preload critical routes** during idle time
+1. **Use the `lazy()` function** for automatic code splitting and optimal loading
+2. **Implement preloading on hover** for instant perceived navigation
+3. **Handle loading errors** with catch blocks in import statements
+4. **Group related components** in the same lazy chunk when appropriate
+5. **Cache guard results** when checking expensive operations
+6. **Use `historyStrategy: 'silent'`** for non-navigational updates
+7. **Debounce rapid navigation** in user-triggered events
+8. **Preload critical routes** after initial render using `component.preload()`
+9. **Leverage default exports** in lazy-loaded components for cleaner imports
+10. **Monitor bundle sizes** to ensure effective code splitting
 
 ## Summary
 

package/dist/ai/area.md

@@ -429,10 +429,206 @@ class AppLayout extends LitElement {
 }
 ```
 
-### 4. Dynamic Route Loading
+### 4. Dynamic Route Loading & Lazy Components
+
+#### Using the `lazy()` helper function
+
+Schmancy Area provides a powerful `lazy()` function similar to React.lazy() for optimal code splitting:
 
 ```typescript
-// Lazy load heavy components
+import { lazy } from '@schmancy/area';
+
+// Create lazy-loaded components
+const LazyDashboard = lazy(() => import('./components/dashboard'));
+const LazyAnalytics = lazy(() => import('./components/analytics'));
+const LazyReports = lazy(() => import('./components/reports'));
+
+// Use with area.push()
+area.push({
+  component: LazyDashboard,
+  area: 'main'
+});
+
+// Use with declarative routes
+<schmancy-route
+  when="/analytics"
+  .component=${LazyAnalytics}
+  .guard=${() => hasFeature('analytics') || '/upgrade'}>
+</schmancy-route>
+
+// Set as default for an area
+<schmancy-area name="main" .default=${LazyDashboard}></schmancy-area>
+```
+
+#### Preloading Components
+
+Lazy components support preloading for better perceived performance:
+
+```typescript
+const LazyProfile = lazy(() => import('./profile'));
+
+// Preload on hover for instant navigation
+button.addEventListener('mouseenter', () => {
+  LazyProfile.preload();
+});
+
+// Preload after initial page load
+window.addEventListener('load', () => {
+  setTimeout(() => {
+    LazyProfile.preload();
+    LazySettings.preload();
+  }, 2000);
+});
+```
+
+#### Complete Example: Lazy-Loaded Navigation
+
+```typescript
+import { $LitElement } from '@mixins/index';
+import { area, lazy } from '@schmancy/area';
+import { html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+
+// Define lazy components with default exports
+const routes = {
+  dashboard: lazy(() => import('./lazy-components/dashboard')),
+  users: lazy(() => import('./lazy-components/users')),
+  products: lazy(() => import('./lazy-components/products')),
+  reports: lazy(() => import('./lazy-components/reports')),
+  settings: lazy(() => import('./lazy-components/settings'))
+};
+
+@customElement('app-shell')
+export class AppShell extends $LitElement() {
+  @state() private currentRoute = 'dashboard';
+
+  private navigate(route: string, component: any) {
+    this.currentRoute = route;
+    area.push({
+      area: 'main',
+      component: component
+    });
+  }
+
+  render() {
+    return html`
+      <div class="grid grid-cols-[auto_1fr]">
+        <!-- Sidebar Navigation -->
+        <schmancy-list>
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'dashboard'}
+            @click=${() => this.navigate('dashboard', routes.dashboard)}
+            @mouseenter=${() => routes.dashboard.preload()}>
+            <schmancy-icon slot="start">dashboard</schmancy-icon>
+            Dashboard
+          </schmancy-list-item>
+
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'users'}
+            @click=${() => this.navigate('users', routes.users)}
+            @mouseenter=${() => routes.users.preload()}>
+            <schmancy-icon slot="start">group</schmancy-icon>
+            Users
+          </schmancy-list-item>
+
+          <schmancy-list-item
+            ?selected=${this.currentRoute === 'products'}
+            @click=${() => this.navigate('products', routes.products)}
+            @mouseenter=${() => routes.products.preload()}>
+            <schmancy-icon slot="start">inventory_2</schmancy-icon>
+            Products
+          </schmancy-list-item>
+        </schmancy-list>
+
+        <!-- Main Content Area -->
+        <schmancy-area
+          name="main"
+          .default=${routes.dashboard}>
+        </schmancy-area>
+      </div>
+    `;
+  }
+}
+```
+
+#### Lazy Component Structure
+
+Each lazy-loaded component should use default export:
+
+```typescript
+// lazy-components/dashboard.ts
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { $LitElement } from '@mixins/index';
+
+@customElement('lazy-dashboard')
+export default class LazyDashboard extends $LitElement(css`
+  :host {
+    display: block;
+    padding: 24px;
+  }
+`) {
+  render() {
+    return html`
+      <schmancy-surface type="container" rounded="all">
+        <schmancy-typography type="headline">Dashboard</schmancy-typography>
+        <!-- Dashboard content -->
+      </schmancy-surface>
+    `;
+  }
+}
+```
+
+#### Benefits of Lazy Loading
+
+1. **Reduced Initial Bundle Size**: Components are loaded only when needed
+2. **Faster Initial Page Load**: Critical path includes only essential code
+3. **Automatic Code Splitting**: Each lazy import creates a separate chunk
+4. **Memory Efficiency**: Components not in use aren't loaded in memory
+5. **Better Perceived Performance**: Preloading on hover makes navigation feel instant
+
+#### Performance Best Practices
+
+```typescript
+// 1. Group related components in the same chunk
+const LazyAdminComponents = lazy(() => import('./admin/index'));
+
+// 2. Preload critical routes after initial render
+connectedCallback() {
+  super.connectedCallback();
+
+  // Preload common routes after a delay
+  setTimeout(() => {
+    routes.dashboard.preload();
+    routes.users.preload();
+  }, 3000);
+}
+
+// 3. Use intersection observer for preloading visible links
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      const route = entry.target.dataset.route;
+      routes[route]?.preload();
+    }
+  });
+});
+
+// 4. Handle loading errors gracefully
+const LazyFeature = lazy(() =>
+  import('./feature').catch(() =>
+    // Fallback to simpler version on error
+    import('./feature-lite')
+  )
+);
+```
+
+#### Legacy Method (Still Supported)
+
+The traditional dynamic import method is still supported:
+
+```typescript
+// Direct dynamic import (without lazy helper)
 <schmancy-route
   when="/analytics"
   .component=${() => import('./analytics-dashboard.js').then(m => m.AnalyticsDashboard)}
@@ -613,7 +809,7 @@ area.on('protected-area').pipe(
 ```typescript
 // Route Action - used for navigation
 interface RouteAction {
-  component: CustomElementConstructor | string | HTMLElement | Promise<NodeModule>;
+  component: CustomElementConstructor | string | HTMLElement | Promise<NodeModule> | LazyComponent;
   area: string;
   state?: Record<string, unknown>;
   params?: Record<string, unknown>;  // Query parameters
@@ -638,10 +834,22 @@ type GuardFunction = () => GuardResult | Promise<GuardResult>;
 // Route component props
 interface RouteProps {
   when: string;                    // URL segment pattern
-  component?: string | CustomElementConstructor | HTMLElement;
-  default?: string | CustomElementConstructor | HTMLElement;
+  component?: string | CustomElementConstructor | HTMLElement | LazyComponent;
+  default?: string | CustomElementConstructor | HTMLElement | LazyComponent;
   guard?: GuardFunction;
 }
+
+// Lazy Loading Types (from lazy.ts)
+type CustomElementConstructor = typeof HTMLElement;
+
+// LazyComponent interface with preload capability
+interface LazyComponent<T extends CustomElementConstructor = CustomElementConstructor> {
+  (): Promise<{ default: T }>;
+  preload(): Promise<void>;
+  _promise?: Promise<{ default: T }>;
+  _module?: { default: T };
+}
+
 ```
 
 ## Related Components
@@ -653,12 +861,16 @@ interface RouteProps {
 
 ## Performance Tips
 
-1. **Use lazy loading** for heavy components
-2. **Implement route-level code splitting** with dynamic imports
-3. **Cache guard results** when checking expensive operations
-4. **Use `historyStrategy: 'silent'`** for non-navigational updates
-5. **Debounce rapid navigation** in user-triggered events
-6. **Preload critical routes** during idle time
+1. **Use the `lazy()` function** for automatic code splitting and optimal loading
+2. **Implement preloading on hover** for instant perceived navigation
+3. **Handle loading errors** with catch blocks in import statements
+4. **Group related components** in the same lazy chunk when appropriate
+5. **Cache guard results** when checking expensive operations
+6. **Use `historyStrategy: 'silent'`** for non-navigational updates
+7. **Debounce rapid navigation** in user-triggered events
+8. **Preload critical routes** after initial render using `component.preload()`
+9. **Leverage default exports** in lazy-loaded components for cleaner imports
+10. **Monitor bundle sizes** to ensure effective code splitting
 
 ## Summary
 

package/dist/area.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./route.component-BMRfUQ9O.cjs"),e=require("./utils-C9nzOWpR.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./route.component-DR82kcmu.cjs"),e=require("./lazy-DObpkuL6.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.lazy=e.lazy,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
 //# sourceMappingURL=area.cjs.map

package/dist/area.js

@@ -1,26 +1,27 @@
-import { F as s, H as t, c as o, S as r, a as c, b as u, r as m } from "./route.component-D2BflZS9.js";
-import { l as n, h as i, c as S, f as d, j as g, a as p, b as y, d as T, e as b, k as E, g as I, i as h, n as l, s as A } from "./utils-03Coa8AW.js";
+import { F as s, H as t, c as o, S as r, a as c, b as m, r as u } from "./route.component-5LuJ2r6W.js";
+import { l as n, h as i, c as S, f as d, j as y, a as g, b as p, d as T, e as b, k as l, g as E, i as I, m as h, n as A, s as C } from "./lazy-E2LCDm7n.js";
 export {
   s as FINDING_MORTIES,
   t as HERE_RICKY,
   o as HISTORY_STRATEGY,
   r as SchmancyArea,
   c as SchmancyRoute,
-  u as area,
+  m as area,
   n as buildQueryString,
   i as compareActiveRoutes,
   S as compareCustomElementConstructors,
   d as compareRouteActions,
-  g as createRouteCacheKey,
-  p as debounce,
-  y as decodeRouteState,
+  y as createRouteCacheKey,
+  g as debounce,
+  p as decodeRouteState,
   T as deepMerge,
   b as encodeRouteState,
-  E as extractQueryParams,
-  I as getTagName,
-  h as isObject,
-  l as normalizeTagName,
-  m as routerHistory,
-  A as sanitizeRouteState
+  l as extractQueryParams,
+  E as getTagName,
+  I as isObject,
+  h as lazy,
+  A as normalizeTagName,
+  u as routerHistory,
+  C as sanitizeRouteState
 };
 //# sourceMappingURL=area.js.map

package/dist/{avatar-Cxu7EOku.cjs → avatar-Bws6p1iq.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),a=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-Ra7G35tz.cjs");const $=require("./route.component-BMRfUQ9O.cjs");require("./autocomplete-0qgkJELR.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-BPLAZH0W.cjs"),C=require("./ripple-C2BHbhcS.cjs");require("./boat-CsmB4RXa.cjs"),require("./spinner-uKeW1jVr.cjs"),require("./icon-button-D41ID2Fc.cjs"),require("./media-DMXDyK_t.cjs"),require("./checkbox-D6bUTeG8.cjs"),require("./chips-CtbapOaS.cjs"),require("./code-preview-DGkqHYdn.cjs"),require("./payment-card-form-CIo6Jvh4.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-DiSo_YRo.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-Dfw7LxKv.cjs"),require("./date-range-inline-CBOrdNiP.cjs"),require("./delay-DFB3_NEH.cjs"),require("./details-Cv8AMues.cjs"),require("./dialog-content-CURTuo8R.cjs"),require("./dialog-service-juvsgc5X.cjs"),require("./divider-CVomKpEr.cjs"),require("./dropdown-content-lZcMgCym.cjs"),require("./timezone-C8PYHpA5.cjs"),require("./form-Cid9N-2B.cjs"),require("./icon-7uflQBUI.cjs"),require("./input-CcwnttG1.cjs"),require("./flex-CbGwzfNX.cjs"),require("./list-BAjh6Ucg.cjs"),require("./email-recipients-D2bcyJAi.cjs"),require("./map-wFoHnuTE.cjs"),require("./menu-D6djF8D7.cjs");const W=require("lit/directives/when.js");require("./notification-service-CnVFGj74.cjs"),require("./option-D22bslGV.cjs"),require("./progress-Cz6acdfO.cjs"),require("./radio-button-XTjTthrJ.cjs"),require("./index-CCi1otmh.cjs"),require("./select-BZuUqcqv.cjs"),require("./sheet-CSp5quAX.cjs");const j=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-CPJ-4yg4.cjs"),require("./schmancy-steps-container-CDj0iFPm.cjs"),require("./context-object-bNADqf9U.cjs");const N=require("rxjs/operators");require("./surface-DCAyIw6O.cjs"),require("./table-N5w5txc8.cjs"),require("./tabs-compatibility-B_0MOHRx.cjs"),require("./textarea-CfO-1Q7I.cjs"),require("./theme.component--fI9PP4Y.cjs"),require("./theme-button-QgQtIkNO.cjs"),require("./tooltip-DxkXzv_5.cjs"),require("./tree-DD_zsKhj.cjs"),require("./typewriter-BZQFLCSO.cjs"),require("./typography-C6a_0J8h.cjs");const o=require("./theme.interface-Xg5Zi46a.cjs");var R=Object.defineProperty,X=Object.getOwnPropertyDescriptor,g=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?X(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&R(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
+"use strict";const l=require("lit"),a=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-Ra7G35tz.cjs");const $=require("./route.component-DR82kcmu.cjs");require("./autocomplete-0qgkJELR.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-BPLAZH0W.cjs"),C=require("./ripple-C2BHbhcS.cjs");require("./boat-CsmB4RXa.cjs"),require("./spinner-uKeW1jVr.cjs"),require("./icon-button-D41ID2Fc.cjs"),require("./media-DMXDyK_t.cjs"),require("./checkbox-D6bUTeG8.cjs"),require("./chips-CtbapOaS.cjs"),require("./code-preview-DGkqHYdn.cjs"),require("./payment-card-form-CIo6Jvh4.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-DiSo_YRo.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-Dfw7LxKv.cjs"),require("./date-range-inline-CBOrdNiP.cjs"),require("./delay-DFB3_NEH.cjs"),require("./details-Cv8AMues.cjs"),require("./dialog-content-CURTuo8R.cjs"),require("./dialog-service-juvsgc5X.cjs"),require("./divider-CVomKpEr.cjs"),require("./dropdown-content-lZcMgCym.cjs"),require("./timezone-C8PYHpA5.cjs"),require("./form-Cid9N-2B.cjs"),require("./icon-7uflQBUI.cjs"),require("./input-CcwnttG1.cjs"),require("./flex-CbGwzfNX.cjs"),require("./list-BAjh6Ucg.cjs"),require("./email-recipients-D2bcyJAi.cjs"),require("./map-wFoHnuTE.cjs"),require("./menu-D6djF8D7.cjs");const W=require("lit/directives/when.js");require("./notification-service-CnVFGj74.cjs"),require("./option-D22bslGV.cjs"),require("./progress-Cz6acdfO.cjs"),require("./radio-button-XTjTthrJ.cjs"),require("./index-CCi1otmh.cjs"),require("./select-BZuUqcqv.cjs"),require("./sheet-CSp5quAX.cjs");const j=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-CPJ-4yg4.cjs"),require("./schmancy-steps-container-CDj0iFPm.cjs"),require("./context-object-bNADqf9U.cjs");const N=require("rxjs/operators");require("./surface-DCAyIw6O.cjs"),require("./table-N5w5txc8.cjs"),require("./tabs-compatibility-B_0MOHRx.cjs"),require("./textarea-CfO-1Q7I.cjs"),require("./theme.component--fI9PP4Y.cjs"),require("./theme-button-QgQtIkNO.cjs"),require("./tooltip-DxkXzv_5.cjs"),require("./tree-DD_zsKhj.cjs"),require("./typewriter-BZQFLCSO.cjs"),require("./typography-C6a_0J8h.cjs");const o=require("./theme.interface-Xg5Zi46a.cjs");var R=Object.defineProperty,X=Object.getOwnPropertyDescriptor,g=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?X(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&R(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
@@ -202,4 +202,4 @@
 		`}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=P,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=k,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=A,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=I,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=H,exports.teleport=x;
-//# sourceMappingURL=avatar-Cxu7EOku.cjs.map
+//# sourceMappingURL=avatar-Bws6p1iq.cjs.map