@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/surface.mixin-CBNRpJum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface.mixin-CBNRpJum.js","names":[],"sources":["../src/surface/surface.styles.ts","../mixins/surface.mixin.ts"],"sourcesContent":["import { css } from 'lit'\n\n/**\n * Luminous Glass surface type styles.\n *\n * Depth model: blur intensity + opacity replaces M3 tonal hierarchy.\n * - solid:    opaque ground (0 blur, 100% opacity)\n * - subtle:   frosted panel (4px blur, ~72% opacity)\n * - glass:    full frosted glass (20px blur, ~55% opacity)\n * - luminous: glass + glow halo (24px blur, ~22% opacity)\n */\nexport const surfaceTypeStyles = css`\n\t/* ================================================================\n\t   STRUCTURAL TYPES — All-glass depth model.\n\t   Nothing is opaque. Every layer is translucent.\n\t   Blur creates readability. Light borders isolate layers.\n\t   Rule: text must ALWAYS be readable on every surface.\n\t   ================================================================ */\n\n\t/* Solid — dense glass, high readability ground layer (no blur — 92% opacity is enough) */\n\t:host([type='solid']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-lowest);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\tbackground: color-mix(in srgb, var(--glass-base) 92%, transparent);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--glass-tint) 4%, transparent);\n\t}\n\n\t/* Subtle — frosted glass, clearly readable */\n\t:host([type='subtle']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-container);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\tbackground: color-mix(in srgb, var(--glass-base) 78%, transparent);\n\t\tbackdrop-filter: blur(8px) saturate(130%);\n\t\t-webkit-backdrop-filter: blur(8px) saturate(130%);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--glass-tint) 7%, transparent);\n\t\tbox-shadow: inset 0 1px 0 color-mix(in srgb, var(--glass-tint) 5%, transparent);\n\t}\n\n\t/* Glass — frosted glass, blur ensures readability */\n\t:host([type='glass']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-lowest);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\t--glass-border: color-mix(in srgb, var(--glass-tint) 10%, transparent);\n\t\t--glass-border-highlight: color-mix(in srgb, var(--glass-tint) 18%, transparent);\n\n\t\tbackground: color-mix(in srgb, var(--glass-base) 55%, transparent);\n\t\tbackdrop-filter: blur(16px) saturate(180%) brightness(1.05);\n\t\t-webkit-backdrop-filter: blur(16px) saturate(180%) brightness(1.05);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid var(--glass-border);\n\t\tborder-top-color: var(--glass-border-highlight);\n\t\tborder-left-color: var(--glass-border-highlight);\n\t\tbox-shadow:\n\t\t\t0 4px 24px color-mix(in srgb, black 10%, transparent),\n\t\t\tinset 0 1px 0 color-mix(in srgb, var(--glass-tint) 8%, transparent),\n\t\t\tinset 0 -1px 0 color-mix(in srgb, black 3%, transparent);\n\t\tcontain: content;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tisolation: isolate;\n\t}\n\n\t/* Luminous — glass + glow halo, heavy blur keeps readability */\n\t:host([type='luminous']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-lowest);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\t--glow-color: var(--schmancy-sys-color-primary-default);\n\t\t--glass-border: color-mix(in srgb, var(--glass-tint) 12%, transparent);\n\t\t--glass-border-highlight: color-mix(in srgb, var(--glass-tint) 22%, transparent);\n\n\t\tbackground: color-mix(in srgb, var(--glass-base) 42%, transparent);\n\t\tbackdrop-filter: blur(20px) saturate(200%) brightness(1.08);\n\t\t-webkit-backdrop-filter: blur(20px) saturate(200%) brightness(1.08);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid var(--glass-border);\n\t\tborder-top-color: var(--glass-border-highlight);\n\t\tborder-left-color: var(--glass-border-highlight);\n\t\tbox-shadow:\n\t\t\t0 8px 40px -4px color-mix(in srgb, var(--glow-color) 20%, transparent),\n\t\t\t0 2px 16px color-mix(in srgb, black 8%, transparent),\n\t\t\tinset 0 1px 0 color-mix(in srgb, var(--glass-tint) 10%, transparent);\n\t\tcontain: content;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tisolation: isolate;\n\t}\n\n\t/* ================================================================\n\t   UTILITY TYPES\n\t   ================================================================ */\n\n\t/* Transparent — no background */\n\t:host([type='transparent']) {\n\t\tbackground-color: transparent;\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t/* Outlined — border with luminous hover potential */\n\t:host([type='outlined']) {\n\t\tbackground-color: transparent;\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\ttransition: border-color 300ms ease, box-shadow 300ms ease;\n\t}\n\n\t/* ================================================================\n\t   SEMANTIC TYPES — tinted glass for status/role\n\t   ================================================================ */\n\n\t:host([type='primary']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-primary-default) 20%, transparent);\n\t}\n\t:host([type='secondary']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-secondary-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-secondary-default) 20%, transparent);\n\t}\n\t:host([type='tertiary']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-tertiary-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-tertiary-default) 20%, transparent);\n\t}\n\t:host([type='error']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-error-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-error-onContainer);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-error-default) 25%, transparent);\n\t}\n\t:host([type='success']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-success-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-success-onContainer);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-success-default) 25%, transparent);\n\t}\n\t:host([type='warning']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-warning-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-warning-onContainer);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-warning-default) 25%, transparent);\n\t}\n\t:host([type='info']) {\n\t\tbackground: color-mix(in srgb, var(--schmancy-sys-color-info-default) 12%, transparent);\n\t\tbackdrop-filter: blur(4px) saturate(140%);\n\t\t-webkit-backdrop-filter: blur(4px) saturate(140%);\n\t\tcolor: var(--schmancy-sys-color-info-onContainer);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-info-default) 25%, transparent);\n\t}\n\n\t/* ================================================================\n\t   LEGACY M3 ALIASES — backward compatibility\n\t   Old type names render as their new Luminous Glass equivalents.\n\t   ================================================================ */\n\n\t/* solid aliases — dense glass */\n\t:host([type='surface']),\n\t:host([type='surfaceDim']),\n\t:host([type='surfaceBright']),\n\t:host([type='containerLowest']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-lowest);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\tbackground: color-mix(in srgb, var(--glass-base) 92%, transparent);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--glass-tint) 4%, transparent);\n\t}\n\n\t/* subtle aliases — frosted glass */\n\t:host([type='containerLow']),\n\t:host([type='container']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-container);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\tbackground: color-mix(in srgb, var(--glass-base) 78%, transparent);\n\t\tbackdrop-filter: blur(8px) saturate(130%);\n\t\t-webkit-backdrop-filter: blur(8px) saturate(130%);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--glass-tint) 7%, transparent);\n\t\tbox-shadow: inset 0 1px 0 color-mix(in srgb, var(--glass-tint) 5%, transparent);\n\t}\n\n\t/* glass aliases */\n\t:host([type='containerHigh']),\n\t:host([type='containerHighest']),\n\t:host([type='glassOforim']) {\n\t\t--glass-base: var(--schmancy-sys-color-surface-lowest);\n\t\t--glass-tint: var(--schmancy-sys-color-surface-on);\n\t\t--glass-border: color-mix(in srgb, var(--glass-tint) 10%, transparent);\n\t\t--glass-border-highlight: color-mix(in srgb, var(--glass-tint) 18%, transparent);\n\n\t\tbackground: color-mix(in srgb, var(--glass-base) 55%, transparent);\n\t\tbackdrop-filter: blur(16px) saturate(180%) brightness(1.05);\n\t\t-webkit-backdrop-filter: blur(16px) saturate(180%) brightness(1.05);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid var(--glass-border);\n\t\tborder-top-color: var(--glass-border-highlight);\n\t\tborder-left-color: var(--glass-border-highlight);\n\t\tbox-shadow:\n\t\t\t0 4px 24px color-mix(in srgb, black 10%, transparent),\n\t\t\tinset 0 1px 0 color-mix(in srgb, var(--glass-tint) 8%, transparent),\n\t\t\tinset 0 -1px 0 color-mix(in srgb, black 3%, transparent);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tisolation: isolate;\n\t}\n\n\t/* ================================================================\n\t   REDUCED MOTION — disable glass animations\n\t   ================================================================ */\n`\n\n/**\n * Surface fill styles - dimension control\n */\nexport const surfaceFillStyles = css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n`\n\n/**\n * Surface rounded corner styles\n */\nexport const surfaceRoundedStyles = css`\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-large) var(--schmancy-sys-shape-corner-large) 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-large) 0 0 var(--schmancy-sys-shape-corner-large);\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 var(--schmancy-sys-shape-corner-large) var(--schmancy-sys-shape-corner-large) 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 var(--schmancy-sys-shape-corner-large) var(--schmancy-sys-shape-corner-large);\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-large);\n\t}\n`\n\n/**\n * Luminous glow elevation — replaces M3 dark drop shadows with primary-colored glow.\n * No ::after tint overlay — depth comes from glow intensity, not surface tint.\n */\nexport const surfaceElevationStyles = css`\n\t:host([elevation='1']) {\n\t\tbox-shadow: 0 2px 12px -2px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t\tposition: relative;\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: 0 4px 20px -2px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 22%, transparent);\n\t\tposition: relative;\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: 0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 28%, transparent);\n\t\tposition: relative;\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: 0 12px 44px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 35%, transparent);\n\t\tposition: relative;\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: 0 20px 60px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 42%, transparent);\n\t\tposition: relative;\n\t}\n`\n\n/**\n * Surface clickable styles - luminous hover, spring active\n */\nexport const surfaceClickableStyles = css`\n\t:host([clickable]) {\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\ttransition:\n\t\t\tfilter 200ms ease,\n\t\t\ttransform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\t\tbox-shadow 400ms ease;\n\t}\n\t:host([clickable]:hover) {\n\t\tfilter: brightness(1.03);\n\t\ttransform: translateY(-1px);\n\t\tbox-shadow: 0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t}\n\t:host([clickable]:active) {\n\t\tfilter: brightness(0.96);\n\t\ttransform: scale(0.97);\n\t\tbox-shadow: none;\n\t\ttransition-duration: 100ms;\n\t}\n\t:host([clickable]:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t\tbox-shadow: 0 0 12px -2px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 20%, transparent);\n\t}\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host([clickable]) { transition: filter 150ms ease; }\n\t\t:host([clickable]:hover) { transform: none; box-shadow: none; }\n\t\t:host([clickable]:active) { transform: none; }\n\t}\n`\n\n/**\n * Combined surface styles - includes all surface styling capabilities\n */\nexport const surfaceStyles = css`\n\t${surfaceTypeStyles}\n\t${surfaceFillStyles}\n\t${surfaceRoundedStyles}\n\t${surfaceElevationStyles}\n\t${surfaceClickableStyles}\n`\n","import type { Constructor } from './constructor'\nimport { CSSResultGroup, CSSResultOrNative, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport type { TSurfaceColor } from '../src/types/surface'\nimport { surfaceStyles } from '../src/surface/surface.styles'\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\nexport type SchmancySurfaceRounded = 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all'\nexport type SchmancySurfaceElevation = 0 | 1 | 2 | 3 | 4 | 5\n\nexport declare class ISurfaceMixin {\n\tfill: SchmancySurfaceFill\n\trounded: SchmancySurfaceRounded\n\televation: SchmancySurfaceElevation\n\ttype: TSurfaceColor\n\tclickable: boolean\n}\n\n/**\n * SurfaceMixin - Adds surface styling properties AND styles to any LitElement\n *\n * Uses Lit's finalizeStyles hook to inject surfaceStyles CSS for all surface type selectors.\n * This is the recommended pattern for mixins that need to add styles.\n *\n * Provides these reflected properties:\n * - `fill`: 'all' | 'width' | 'height' | 'auto' - Controls element dimensions\n * - `rounded`: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' - Corner rounding\n * - `elevation`: 0-5 - Shadow depth level\n * - `type`: TSurfaceColor - Surface color variant (26+ options)\n *\n * Usage:\n * ```typescript\n * import { SurfaceMixin } from '@mixins/surface.mixin'\n *\n * @customElement('my-component')\n * class MyComponent extends SurfaceMixin(TailwindElement(css`\n *   :host { display: block; }\n * `)) {\n *   // Component now has type, fill, rounded, elevation properties\n *   // AND surfaceStyles are automatically included\n * }\n * ```\n */\nexport const SurfaceMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass SurfaceMixinClass extends superClass {\n\t\t/**\n\t\t * Override finalizeStyles to inject surfaceStyles.\n\t\t * This is the Lit-recommended way for mixins to add styles.\n\t\t */\n\t\tprotected static finalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[] {\n\t\t\t// Get parent's finalized styles using LitElement's method\n\t\t\tconst parentStyles = (superClass as unknown as typeof LitElement).finalizeStyles(styles)\n\t\t\t// Append surfaceStyles at the end (higher specificity)\n\t\t\treturn [...parentStyles, surfaceStyles as CSSResultOrNative]\n\t\t}\n\n\t\t/**\n\t\t * Fill the width and/or height of the parent container.\n\t\t * @default 'auto'\n\t\t */\n\t\t@property({ type: String, reflect: true })\n\t\tfill: SchmancySurfaceFill = 'auto'\n\n\t\t/**\n\t\t * Specifies the rounding style of the component's corners.\n\t\t * @default 'none'\n\t\t */\n\t\t@property({ reflect: true })\n\t\trounded: SchmancySurfaceRounded = 'none'\n\n\t\t/**\n\t\t * Defines the elevation level (shadow depth) of the surface.\n\t\t * @default 0\n\t\t */\n\t\t@property({ type: Number, reflect: true })\n\t\televation: SchmancySurfaceElevation = 0\n\n\t\t/**\n\t\t * Specifies the surface type for styling.\n\t\t * @default 'container'\n\t\t */\n\t\t@property({ reflect: true })\n\t\ttype: TSurfaceColor = 'subtle'\n\n\t\t/**\n\t\t * Makes the surface interactive with hover, active states and cursor pointer.\n\t\t * @default false\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tclickable = false\n\t}\n\treturn SurfaceMixinClass as Constructor<ISurfaceMixin> & T\n}\n"],"mappings":";;;AAWA,IA4Ta,IAAgB,CAAG;GA5TC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqNH,CAAG;;;;;;;;;;;;GAgBA,CAAG;;;;;;;;;;;;;;;;;;;;GAyBD,CAAG;;;;;;;;;;;;;;;;;;;;;;GA0BH,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCxP5B,KAAmD,MAAA;CAC/D,MAAM,UAA0B,EAAA;EAAA,YAAA,GAAA,GAAA;AAAA,SAAA,GAAA,EAAA,EAAA,KAAA,OAiBH,QAAA,KAAA,UAOM,QAAA,KAAA,YAOI,GAAA,KAAA,OAOhB,UAAA,KAAA,YAAA,CAOV;;EAxCZ,OAAA,eAAgC,GAAA;AAI/B,UAAO,CAAA,GAFe,EAA4C,eAAe,EAAA,EAExD,EAAA;;;AAsC3B,QAAA,EAAA,CA/BE,EAAS;EAAE,MAAM;EAAQ,SAAA,CAAS;EAAA,CAAA,CAAA,EAAO,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAOzC,EAAS,EAAE,SAAA,CAAS,GAAA,CAAA,CAAA,EAAO,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAO3B,EAAS;EAAE,MAAM;EAAQ,SAAA,CAAS;EAAA,CAAA,CAAA,EAAO,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAOzC,EAAS,EAAE,SAAA,CAAS,GAAA,CAAA,CAAA,EAAO,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAO3B,EAAS;EAAE,MAAM;EAAS,SAAA,CAAS;EAAA,CAAA,CAAA,EAAO,EAAA,WAAA,aAAA,KAAA,EAAA,EAGrC;;AAAA,SAAA"}

package/dist/table-BXIHX9h4.js

@@ -1,631 +0,0 @@
-import { i as e } from "./tailwind.mixin-BCJOOX1_.js";
-import { t } from "./litElement.mixin-6jJYHCrZ.js";
-import { t as n } from "./tslib.es6-ErZEp3OO.js";
-import { customElement as r, property as i, state as a } from "lit/decorators.js";
-import { LitElement as o, html as s, noChange as c } from "lit";
-import { repeat as l } from "lit/directives/repeat.js";
-import { AsyncDirective as u } from "lit/async-directive.js";
-import { PartType as d, directive as f } from "lit/directive.js";
-import { property as p } from "lit/decorators/property.js";
-var m = class extends t() {
-	constructor(...e) {
-		super(...e), this.columns = [], this.cols = this.columns.map(() => "1fr").join(" ");
-	}
-	renderCell(e) {
-		if (e.render) return s`
-				<div class="overflow-hidden text-ellipsis">
-					<schmancy-typography align="${e.align || "left"}" maxLines="2" weight="${e.weight || "normal"}">
-						${e.render(this.item)}
-					</schmancy-typography>
-				</div>
-			`;
-		let t = e.key ? this.item[e.key] : "";
-		return s`
-			<div class="overflow-hidden text-ellipsis">
-				<schmancy-typography align="${e.align || "left"}" maxLines="2" weight="${e.weight || "normal"}">
-					${t}
-				</schmancy-typography>
-			</div>
-		`;
-	}
-	render() {
-		return s`
-			<schmancy-list-item class="w-full">
-				<schmancy-grid .cols=${this.cols} align="center" gap="md">
-					${this.columns.map((e) => this.renderCell(e))}
-				</schmancy-grid>
-			</schmancy-list-item>
-		`;
-	}
-};
-e([i({
-	type: Array,
-	attribute: !1
-})], m.prototype, "columns", void 0), e([i({
-	type: Object,
-	attribute: !1
-})], m.prototype, "item", void 0), e([i({ type: String })], m.prototype, "cols", void 0), m = e([r("schmancy-table-row")], m);
-var h = class e extends Event {
-	constructor(t) {
-		super(e.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
-	}
-};
-h.eventName = "rangeChanged";
-var g = class e extends Event {
-	constructor(t) {
-		super(e.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
-	}
-};
-g.eventName = "visibilityChanged";
-var _ = class e extends Event {
-	constructor() {
-		super(e.eventName, { bubbles: !1 });
-	}
-};
-_.eventName = "unpinned";
-var v, y = class {
-	constructor(e) {
-		this._element = null;
-		let t = e ?? window;
-		this._node = t, e && (this._element = e);
-	}
-	get element() {
-		return this._element || document.scrollingElement || document.documentElement;
-	}
-	get scrollTop() {
-		return this.element.scrollTop || window.scrollY;
-	}
-	get scrollLeft() {
-		return this.element.scrollLeft || window.scrollX;
-	}
-	get scrollHeight() {
-		return this.element.scrollHeight;
-	}
-	get scrollWidth() {
-		return this.element.scrollWidth;
-	}
-	get viewportHeight() {
-		return this._element ? this._element.getBoundingClientRect().height : window.innerHeight;
-	}
-	get viewportWidth() {
-		return this._element ? this._element.getBoundingClientRect().width : window.innerWidth;
-	}
-	get maxScrollTop() {
-		return this.scrollHeight - this.viewportHeight;
-	}
-	get maxScrollLeft() {
-		return this.scrollWidth - this.viewportWidth;
-	}
-}, b = class extends y {
-	constructor(e, t) {
-		super(t), this._clients = /* @__PURE__ */ new Set(), this._retarget = null, this._end = null, this.t = null, this.correctingScrollError = !1, this._checkForArrival = this._checkForArrival.bind(this), this._updateManagedScrollTo = this._updateManagedScrollTo.bind(this), this.scrollTo = this.scrollTo.bind(this), this.scrollBy = this.scrollBy.bind(this);
-		let n = this._node;
-		this._originalScrollTo = n.scrollTo, this._originalScrollBy = n.scrollBy, this._originalScroll = n.scroll, this._attach(e);
-	}
-	get _destination() {
-		return this.t;
-	}
-	get scrolling() {
-		return this._destination !== null;
-	}
-	scrollTo(e, t) {
-		let n = typeof e == "number" && typeof t == "number" ? {
-			left: e,
-			top: t
-		} : e;
-		this._scrollTo(n);
-	}
-	scrollBy(e, t) {
-		let n = typeof e == "number" && typeof t == "number" ? {
-			left: e,
-			top: t
-		} : e;
-		n.top !== void 0 && (n.top += this.scrollTop), n.left !== void 0 && (n.left += this.scrollLeft), this._scrollTo(n);
-	}
-	_nativeScrollTo(e) {
-		this._originalScrollTo.bind(this._element || window)(e);
-	}
-	_scrollTo(e, t = null, n = null) {
-		this._end !== null && this._end(), e.behavior === "smooth" ? (this._setDestination(e), this._retarget = t, this._end = n) : this._resetScrollState(), this._nativeScrollTo(e);
-	}
-	_setDestination(e) {
-		let { top: t, left: n } = e;
-		return t = t === void 0 ? void 0 : Math.max(0, Math.min(t, this.maxScrollTop)), n = n === void 0 ? void 0 : Math.max(0, Math.min(n, this.maxScrollLeft)), (this._destination === null || n !== this._destination.left || t !== this._destination.top) && (this.t = {
-			top: t,
-			left: n,
-			behavior: "smooth"
-		}, !0);
-	}
-	_resetScrollState() {
-		this.t = null, this._retarget = null, this._end = null;
-	}
-	_updateManagedScrollTo(e) {
-		this._destination && this._setDestination(e) && this._nativeScrollTo(this._destination);
-	}
-	managedScrollTo(e, t, n) {
-		return this._scrollTo(e, t, n), this._updateManagedScrollTo;
-	}
-	correctScrollError(e) {
-		this.correctingScrollError = !0, requestAnimationFrame(() => requestAnimationFrame(() => this.correctingScrollError = !1)), this._nativeScrollTo(e), this._retarget && this._setDestination(this._retarget()), this._destination && this._nativeScrollTo(this._destination);
-	}
-	_checkForArrival() {
-		if (this._destination !== null) {
-			let { scrollTop: e, scrollLeft: t } = this, { top: n, left: r } = this._destination;
-			n = Math.min(n || 0, this.maxScrollTop), r = Math.min(r || 0, this.maxScrollLeft);
-			let i = Math.abs(n - e), a = Math.abs(r - t);
-			i < 1 && a < 1 && (this._end && this._end(), this._resetScrollState());
-		}
-	}
-	detach(e) {
-		return this._clients.delete(e), this._clients.size === 0 && (this._node.scrollTo = this._originalScrollTo, this._node.scrollBy = this._originalScrollBy, this._node.scroll = this._originalScroll, this._node.removeEventListener("scroll", this._checkForArrival)), null;
-	}
-	_attach(e) {
-		this._clients.add(e), this._clients.size === 1 && (this._node.scrollTo = this.scrollTo, this._node.scrollBy = this.scrollBy, this._node.scroll = this.scrollTo, this._node.addEventListener("scroll", this._checkForArrival));
-	}
-}, x = typeof window < "u" ? window.ResizeObserver : void 0, S = Symbol("virtualizerRef"), C = "virtualizer-sizer", w = class {
-	constructor(e) {
-		if (this._benchmarkStart = null, this._layout = null, this._clippingAncestors = [], this._scrollSize = null, this._scrollError = null, this._childrenPos = null, this._childMeasurements = null, this._toBeMeasured = /* @__PURE__ */ new Map(), this._rangeChanged = !0, this._itemsChanged = !0, this._visibilityChanged = !0, this._scrollerController = null, this._isScroller = !1, this._sizer = null, this._hostElementRO = null, this._childrenRO = null, this._mutationObserver = null, this._scrollEventListeners = [], this._scrollEventListenerOptions = { passive: !0 }, this._loadListener = this._childLoaded.bind(this), this._scrollIntoViewTarget = null, this._updateScrollIntoViewCoordinates = null, this._items = [], this._first = -1, this._last = -1, this._firstVisible = -1, this._lastVisible = -1, this._scheduled = /* @__PURE__ */ new WeakSet(), this._measureCallback = null, this._measureChildOverride = null, this._layoutCompletePromise = null, this._layoutCompleteResolver = null, this._layoutCompleteRejecter = null, this._pendingLayoutComplete = null, this._layoutInitialized = null, this._connected = !1, !e) throw Error("Virtualizer constructor requires a configuration object");
-		if (!e.hostElement) throw Error("Virtualizer configuration requires the \"hostElement\" property");
-		this._init(e);
-	}
-	set items(e) {
-		Array.isArray(e) && e !== this._items && (this._itemsChanged = !0, this._items = e, this._schedule(this._updateLayout));
-	}
-	_init(e) {
-		this._isScroller = !!e.scroller, this._initHostElement(e);
-		let t = e.layout || {};
-		this._layoutInitialized = this._initLayout(t);
-	}
-	_initObservers() {
-		this._mutationObserver = new MutationObserver(this._finishDOMUpdate.bind(this)), this._hostElementRO = new x(() => this._hostElementSizeChanged()), this._childrenRO = new x(this._childrenSizeChanged.bind(this));
-	}
-	_initHostElement(e) {
-		let t = this._hostElement = e.hostElement;
-		this._applyVirtualizerStyles(), t[S] = this;
-	}
-	connected() {
-		this._initObservers();
-		let e = this._isScroller;
-		this._clippingAncestors = function(e, t = !1) {
-			let n = !1;
-			return function(e, t = !1) {
-				let n = [], r = t ? e : E(e);
-				for (; r !== null;) n.push(r), r = E(r);
-				return n;
-			}(e, t).filter((e) => {
-				if (n) return !1;
-				let t = getComputedStyle(e);
-				return n = t.position === "fixed", t.overflow !== "visible";
-			});
-		}(this._hostElement, e), this._scrollerController = new b(this, this._clippingAncestors[0]), this._schedule(this._updateLayout), this._observeAndListen(), this._connected = !0;
-	}
-	_observeAndListen() {
-		this._mutationObserver.observe(this._hostElement, { childList: !0 }), this._hostElementRO.observe(this._hostElement), this._scrollEventListeners.push(window), window.addEventListener("scroll", this, this._scrollEventListenerOptions), this._clippingAncestors.forEach((e) => {
-			e.addEventListener("scroll", this, this._scrollEventListenerOptions), this._scrollEventListeners.push(e), this._hostElementRO.observe(e);
-		}), this._hostElementRO.observe(this._scrollerController.element), this._children.forEach((e) => this._childrenRO.observe(e)), this._scrollEventListeners.forEach((e) => e.addEventListener("scroll", this, this._scrollEventListenerOptions));
-	}
-	disconnected() {
-		this._scrollEventListeners.forEach((e) => e.removeEventListener("scroll", this, this._scrollEventListenerOptions)), this._scrollEventListeners = [], this._clippingAncestors = [], this._scrollerController?.detach(this), this._scrollerController = null, this._mutationObserver?.disconnect(), this._mutationObserver = null, this._hostElementRO?.disconnect(), this._hostElementRO = null, this._childrenRO?.disconnect(), this._childrenRO = null, this._rejectLayoutCompletePromise("disconnected"), this._connected = !1;
-	}
-	_applyVirtualizerStyles() {
-		let e = this._hostElement.style;
-		e.display = e.display || "block", e.position = e.position || "relative", e.contain = e.contain || "size layout", this._isScroller && (e.overflow = e.overflow || "auto", e.minHeight = e.minHeight || "150px");
-	}
-	_getSizer() {
-		let e = this._hostElement;
-		if (!this._sizer) {
-			let t = e.querySelector(`[${C}]`);
-			t || (t = document.createElement("div"), t.setAttribute(C, ""), e.appendChild(t)), Object.assign(t.style, {
-				position: "absolute",
-				margin: "-2px 0 0 0",
-				padding: 0,
-				visibility: "hidden",
-				fontSize: "2px"
-			}), t.textContent = "&nbsp;", t.setAttribute(C, ""), this._sizer = t;
-		}
-		return this._sizer;
-	}
-	async updateLayoutConfig(e) {
-		await this._layoutInitialized;
-		let t = e.type || v;
-		if (typeof t == "function" && this._layout instanceof t) {
-			let t = { ...e };
-			return delete t.type, this._layout.config = t, !0;
-		}
-		return !1;
-	}
-	async _initLayout(e) {
-		let t, n;
-		if (typeof e.type == "function") {
-			n = e.type;
-			let r = { ...e };
-			delete r.type, t = r;
-		} else t = e;
-		n === void 0 && (v = n = (await import("./flow-CUj0fDT_.js")).FlowLayout), this._layout = new n((e) => this._handleLayoutMessage(e), t), this._layout.measureChildren && typeof this._layout.updateItemSizes == "function" && (typeof this._layout.measureChildren == "function" && (this._measureChildOverride = this._layout.measureChildren), this._measureCallback = this._layout.updateItemSizes.bind(this._layout)), this._layout.listenForChildLoadEvents && this._hostElement.addEventListener("load", this._loadListener, !0), this._schedule(this._updateLayout);
-	}
-	startBenchmarking() {
-		this._benchmarkStart === null && (this._benchmarkStart = window.performance.now());
-	}
-	stopBenchmarking() {
-		if (this._benchmarkStart !== null) {
-			let e = window.performance.now(), t = e - this._benchmarkStart, n = performance.getEntriesByName("uv-virtualizing", "measure").filter((t) => t.startTime >= this._benchmarkStart && t.startTime < e).reduce((e, t) => e + t.duration, 0);
-			return this._benchmarkStart = null, {
-				timeElapsed: t,
-				virtualizationTime: n
-			};
-		}
-		return null;
-	}
-	_measureChildren() {
-		let e = {}, t = this._children, n = this._measureChildOverride || this._measureChild;
-		for (let r = 0; r < t.length; r++) {
-			let i = t[r], a = this._first + r;
-			(this._itemsChanged || this._toBeMeasured.has(i)) && (e[a] = n.call(this, i, this._items[a]));
-		}
-		this._childMeasurements = e, this._schedule(this._updateLayout), this._toBeMeasured.clear();
-	}
-	_measureChild(e) {
-		let { width: t, height: n } = e.getBoundingClientRect();
-		return Object.assign({
-			width: t,
-			height: n
-		}, function(e) {
-			let t = window.getComputedStyle(e);
-			return {
-				marginTop: T(t.marginTop),
-				marginRight: T(t.marginRight),
-				marginBottom: T(t.marginBottom),
-				marginLeft: T(t.marginLeft)
-			};
-		}(e));
-	}
-	async _schedule(e) {
-		this._scheduled.has(e) || (this._scheduled.add(e), await Promise.resolve(), this._scheduled.delete(e), e.call(this));
-	}
-	async _updateDOM(e) {
-		this._scrollSize = e.scrollSize, this._adjustRange(e.range), this._childrenPos = e.childPositions, this._scrollError = e.scrollError || null;
-		let { _rangeChanged: t, _itemsChanged: n } = this;
-		this._visibilityChanged &&= (this._notifyVisibility(), !1), (t || n) && (this._notifyRange(), this._rangeChanged = !1), this._finishDOMUpdate();
-	}
-	_finishDOMUpdate() {
-		this._connected && (this._children.forEach((e) => this._childrenRO.observe(e)), this._checkScrollIntoViewTarget(this._childrenPos), this._positionChildren(this._childrenPos), this._sizeHostElement(this._scrollSize), this._correctScrollError(), this._benchmarkStart && "mark" in window.performance && window.performance.mark("uv-end"));
-	}
-	_updateLayout() {
-		this._layout && this._connected && (this._layout.items = this._items, this._updateView(), this._childMeasurements !== null && (this._measureCallback && this._measureCallback(this._childMeasurements), this._childMeasurements = null), this._layout.reflowIfNeeded(), this._benchmarkStart && "mark" in window.performance && window.performance.mark("uv-end"));
-	}
-	_handleScrollEvent() {
-		if (this._benchmarkStart && "mark" in window.performance) {
-			try {
-				window.performance.measure("uv-virtualizing", "uv-start", "uv-end");
-			} catch {}
-			window.performance.mark("uv-start");
-		}
-		!1 === this._scrollerController.correctingScrollError && this._layout?.unpin(), this._schedule(this._updateLayout);
-	}
-	handleEvent(e) {
-		e.type === "scroll" && (e.currentTarget === window || this._clippingAncestors.includes(e.currentTarget)) && this._handleScrollEvent();
-	}
-	_handleLayoutMessage(e) {
-		e.type === "stateChanged" ? this._updateDOM(e) : e.type === "visibilityChanged" ? (this._firstVisible = e.firstVisible, this._lastVisible = e.lastVisible, this._notifyVisibility()) : e.type === "unpinned" && this._hostElement.dispatchEvent(new _());
-	}
-	get _children() {
-		let e = [], t = this._hostElement.firstElementChild;
-		for (; t;) t.hasAttribute(C) || e.push(t), t = t.nextElementSibling;
-		return e;
-	}
-	_updateView() {
-		let e = this._hostElement, t = this._scrollerController?.element, n = this._layout;
-		if (e && t && n) {
-			let r, i, a, o, s = e.getBoundingClientRect();
-			r = 0, i = 0, a = window.innerHeight, o = window.innerWidth;
-			let c = this._clippingAncestors.map((e) => e.getBoundingClientRect());
-			c.unshift(s);
-			for (let e of c) r = Math.max(r, e.top), i = Math.max(i, e.left), a = Math.min(a, e.bottom), o = Math.min(o, e.right);
-			let l = t.getBoundingClientRect(), u = {
-				left: s.left - l.left,
-				top: s.top - l.top
-			}, d = {
-				width: t.scrollWidth,
-				height: t.scrollHeight
-			}, f = r - s.top + e.scrollTop, p = i - s.left + e.scrollLeft, m = Math.max(0, a - r);
-			n.viewportSize = {
-				width: Math.max(0, o - i),
-				height: m
-			}, n.viewportScroll = {
-				top: f,
-				left: p
-			}, n.totalScrollSize = d, n.offsetWithinScroller = u;
-		}
-	}
-	_sizeHostElement(e) {
-		let t = 82e5, n = e && e.width !== null ? Math.min(t, e.width) : 0, r = e && e.height !== null ? Math.min(t, e.height) : 0;
-		if (this._isScroller) this._getSizer().style.transform = `translate(${n}px, ${r}px)`;
-		else {
-			let e = this._hostElement.style;
-			e.minWidth = n ? `${n}px` : "100%", e.minHeight = r ? `${r}px` : "100%";
-		}
-	}
-	_positionChildren(e) {
-		e && e.forEach(({ top: e, left: t, width: n, height: r, xOffset: i, yOffset: a }, o) => {
-			let s = this._children[o - this._first];
-			s && (s.style.position = "absolute", s.style.boxSizing = "border-box", s.style.transform = `translate(${t}px, ${e}px)`, n !== void 0 && (s.style.width = n + "px"), r !== void 0 && (s.style.height = r + "px"), s.style.left = i === void 0 ? null : i + "px", s.style.top = a === void 0 ? null : a + "px");
-		});
-	}
-	async _adjustRange(e) {
-		let { _first: t, _last: n, _firstVisible: r, _lastVisible: i } = this;
-		this._first = e.first, this._last = e.last, this._firstVisible = e.firstVisible, this._lastVisible = e.lastVisible, this._rangeChanged = this._rangeChanged || this._first !== t || this._last !== n, this._visibilityChanged = this._visibilityChanged || this._firstVisible !== r || this._lastVisible !== i;
-	}
-	_correctScrollError() {
-		if (this._scrollError) {
-			let { scrollTop: e, scrollLeft: t } = this._scrollerController, { top: n, left: r } = this._scrollError;
-			this._scrollError = null, this._scrollerController.correctScrollError({
-				top: e - n,
-				left: t - r
-			});
-		}
-	}
-	element(e) {
-		return e === Infinity && (e = this._items.length - 1), this._items?.[e] === void 0 ? void 0 : { scrollIntoView: (t = {}) => this._scrollElementIntoView({
-			...t,
-			index: e
-		}) };
-	}
-	_scrollElementIntoView(e) {
-		if (e.index >= this._first && e.index <= this._last) this._children[e.index - this._first].scrollIntoView(e);
-		else if (e.index = Math.min(e.index, this._items.length - 1), e.behavior === "smooth") {
-			let t = this._layout.getScrollIntoViewCoordinates(e), { behavior: n } = e;
-			this._updateScrollIntoViewCoordinates = this._scrollerController.managedScrollTo(Object.assign(t, { behavior: n }), () => this._layout.getScrollIntoViewCoordinates(e), () => this._scrollIntoViewTarget = null), this._scrollIntoViewTarget = e;
-		} else this._layout.pin = e;
-	}
-	_checkScrollIntoViewTarget(e) {
-		let { index: t } = this._scrollIntoViewTarget || {};
-		t && e?.has(t) && this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));
-	}
-	_notifyRange() {
-		this._hostElement.dispatchEvent(new h({
-			first: this._first,
-			last: this._last
-		}));
-	}
-	_notifyVisibility() {
-		this._hostElement.dispatchEvent(new g({
-			first: this._firstVisible,
-			last: this._lastVisible
-		}));
-	}
-	get layoutComplete() {
-		return this._layoutCompletePromise ||= new Promise((e, t) => {
-			this._layoutCompleteResolver = e, this._layoutCompleteRejecter = t;
-		}), this._layoutCompletePromise;
-	}
-	_rejectLayoutCompletePromise(e) {
-		this._layoutCompleteRejecter !== null && this._layoutCompleteRejecter(e), this._resetLayoutCompleteState();
-	}
-	_scheduleLayoutComplete() {
-		this._layoutCompletePromise && this._pendingLayoutComplete === null && (this._pendingLayoutComplete = requestAnimationFrame(() => requestAnimationFrame(() => this._resolveLayoutCompletePromise())));
-	}
-	_resolveLayoutCompletePromise() {
-		this._layoutCompleteResolver !== null && this._layoutCompleteResolver(), this._resetLayoutCompleteState();
-	}
-	_resetLayoutCompleteState() {
-		this._layoutCompletePromise = null, this._layoutCompleteResolver = null, this._layoutCompleteRejecter = null, this._pendingLayoutComplete = null;
-	}
-	_hostElementSizeChanged() {
-		this._schedule(this._updateLayout);
-	}
-	_childLoaded() {}
-	_childrenSizeChanged(e) {
-		if (this._layout?.measureChildren) {
-			for (let t of e) this._toBeMeasured.set(t.target, t.contentRect);
-			this._measureChildren();
-		}
-		this._scheduleLayoutComplete(), this._itemsChanged = !1, this._rangeChanged = !1;
-	}
-};
-function T(e) {
-	let t = e ? parseFloat(e) : NaN;
-	return Number.isNaN(t) ? 0 : t;
-}
-function E(e) {
-	if (e.assignedSlot !== null) return e.assignedSlot;
-	if (e.parentElement !== null) return e.parentElement;
-	let t = e.parentNode;
-	return t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE && t.host || null;
-}
-var D = (e) => e, O = (e, t) => s`${t}: ${JSON.stringify(e, null, 2)}`, k = f(class extends u {
-	constructor(e) {
-		if (super(e), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (e, t) => O(e, t + this._first), this._keyFunction = (e, t) => D(e, this._first), this._items = [], e.type !== d.CHILD) throw Error("The virtualize directive can only be used in child expressions");
-	}
-	render(e) {
-		e && this._setFunctions(e);
-		let t = [];
-		if (this._first >= 0 && this._last >= this._first) for (let e = this._first; e <= this._last; e++) t.push(this._items[e]);
-		return l(t, this._keyFunction, this._renderItem);
-	}
-	update(e, [t]) {
-		this._setFunctions(t);
-		let n = this._items !== t.items;
-		return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(e, t) : this._initialize(e, t), n ? c : this.render();
-	}
-	async _updateVirtualizerConfig(e, t) {
-		if (!await this._virtualizer.updateLayoutConfig(t.layout || {})) {
-			let n = e.parentNode;
-			this._makeVirtualizer(n, t);
-		}
-		this._virtualizer.items = this._items;
-	}
-	_setFunctions(e) {
-		let { renderItem: t, keyFunction: n } = e;
-		t && (this._renderItem = (e, n) => t(e, n + this._first)), n && (this._keyFunction = (e, t) => n(e, t + this._first));
-	}
-	_makeVirtualizer(e, t) {
-		this._virtualizer && this._virtualizer.disconnected();
-		let { layout: n, scroller: r, items: i } = t;
-		this._virtualizer = new w({
-			hostElement: e,
-			layout: n,
-			scroller: r
-		}), this._virtualizer.items = i, this._virtualizer.connected();
-	}
-	_initialize(e, t) {
-		let n = e.parentNode;
-		n && n.nodeType === 1 && (n.addEventListener("rangeChanged", (e) => {
-			this._first = e.first, this._last = e.last, this.setValue(this.render());
-		}), this._makeVirtualizer(n, t));
-	}
-	disconnected() {
-		this._virtualizer?.disconnected();
-	}
-	reconnected() {
-		this._virtualizer?.connected();
-	}
-}), A = class extends o {
-	constructor() {
-		super(...arguments), this.items = [], this.renderItem = O, this.keyFunction = D, this.layout = {}, this.scroller = !1;
-	}
-	createRenderRoot() {
-		return this;
-	}
-	render() {
-		let { items: e, renderItem: t, keyFunction: n, layout: r, scroller: i } = this;
-		return s`${k({
-			items: e,
-			renderItem: t,
-			keyFunction: n,
-			layout: r,
-			scroller: i
-		})}`;
-	}
-	element(e) {
-		return this[S]?.element(e);
-	}
-	get layoutComplete() {
-		return this[S]?.layoutComplete;
-	}
-	scrollToIndex(e, t = "start") {
-		this.element(e)?.scrollIntoView({ block: t });
-	}
-};
-n([p({ attribute: !1 })], A.prototype, "items", void 0), n([p()], A.prototype, "renderItem", void 0), n([p()], A.prototype, "keyFunction", void 0), n([p({ attribute: !1 })], A.prototype, "layout", void 0), n([p({
-	reflect: !0,
-	type: Boolean
-})], A.prototype, "scroller", void 0), customElements.define("lit-virtualizer", A);
-var j = class extends t() {
-	constructor() {
-		super(), this.columns = [], this.data = [], this.keyField = "id", this.cols = "1fr", this.sortable = !1, this.sortColumn = null, this.sortDirection = null, this.filteredData = [], this.filteredData = this.data;
-	}
-	willUpdate(e) {
-		(e.has("data") || e.has("sortColumn") || e.has("sortDirection")) && this.processData();
-	}
-	isDate(e) {
-		return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
-	}
-	processData() {
-		let e = [...this.data];
-		if (this.sortable && this.sortColumn && this.sortDirection) {
-			let t = this.columns.find((e) => e.key === this.sortColumn);
-			e.sort((e, n) => {
-				let r, i;
-				if (t && t.value ? (r = t.value(e), i = t.value(n)) : (r = e[this.sortColumn], i = n[this.sortColumn]), r == null) return this.sortDirection === "asc" ? 1 : -1;
-				if (i == null) return this.sortDirection === "asc" ? -1 : 1;
-				if (typeof r == "number" && typeof i == "number") return this.sortDirection === "asc" ? r - i : i - r;
-				let a = typeof r == "string" && !isNaN(Number(r)), o = typeof i == "string" && !isNaN(Number(i));
-				if (a && o) {
-					let e = parseFloat(r), t = parseFloat(i);
-					return this.sortDirection === "asc" ? e - t : t - e;
-				}
-				if (this.isDate(r) && this.isDate(i)) return this.sortDirection === "asc" ? r.getTime() - i.getTime() : i.getTime() - r.getTime();
-				let s = String(r), c = String(i);
-				return this.sortDirection === "asc" ? s.localeCompare(c) : c.localeCompare(s);
-			});
-		}
-		this.filteredData = e;
-	}
-	toggleSort(e) {
-		if (!e.key || !1 === e.sortable) return;
-		let t = e.key;
-		t === this.sortColumn ? this.sortDirection === "asc" ? this.sortDirection = "desc" : this.sortDirection === "desc" ? this.sortDirection = null : this.sortDirection = "asc" : (this.sortColumn = t, this.sortDirection = "asc"), this.dispatchEvent(new CustomEvent("sort-change", {
-			detail: {
-				column: this.sortColumn,
-				direction: this.sortDirection
-			},
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	renderSortIndicator(e) {
-		return this.sortable && !1 !== e.sortable && e.key && e.key === this.sortColumn ? s`
-			<span class="ml-1">
-				${this.sortDirection === "asc" ? s`<schmancy-icon size="16px">arrow_upward</schmancy-icon>` : this.sortDirection === "desc" ? s`<schmancy-icon size="16px">arrow_downward</schmancy-icon>` : null}
-			</span>
-		` : null;
-	}
-	render() {
-		let e = (e) => ({
-			"flex items-center": !0,
-			"cursor-pointer gap-1": this.sortable && !1 !== e.sortable && e.key
-		});
-		return s`
-			<schmancy-grid class="h-full w-full" cols="1fr" rows="auto 1fr">
-				<schmancy-surface rounded="top" elevation="1" type="glass" class="sticky top-0 z-10">
-					<schmancy-grid align="center" class="px-4 py-3" .cols=${this.cols} gap="md" rows="1fr">
-						${this.columns.map((t) => s`
-								<div
-									class=${this.classMap(e(t))}
-									@click=${() => this.sortable && !1 !== t.sortable ? this.toggleSort(t) : null}
-								>
-									<schmancy-typography align=${t.align ?? "left"} weight=${t.weight ?? "bold"}>
-										${t.name}
-									</schmancy-typography>
-									${this.renderSortIndicator(t)}
-								</div>
-							`)}
-					</schmancy-grid>
-				</schmancy-surface>
-
-				${this.filteredData.length > 0 ? s`
-							<lit-virtualizer
-								scroller
-								class="w-full h-full relative overflow-auto"
-								.items=${this.filteredData}
-								.keyFunction=${(e, t) => {
-			let n = e?.[this.keyField];
-			return n == null ? t : typeof n == "string" || typeof n == "number" ? n : String(n);
-		}}
-								.renderItem=${(e, t) => s`
-										<schmancy-table-row
-											class="w-full border-b border-solid border-outlineVariant"
-											.columns=${this.columns}
-											.item=${e}
-											cols=${this.cols}
-											@click=${() => {
-			let n = {
-				item: e,
-				index: t
-			};
-			this.dispatchEvent(new CustomEvent("click", {
-				detail: n,
-				bubbles: !0,
-				composed: !0
-			}));
-		}}
-										></schmancy-table-row>
-									`}
-							></lit-virtualizer>
-						` : s`
-							<div class="flex items-center justify-center w-full h-full p-8 text-center">
-								<schmancy-typography type="body" token="lg"> No data available </schmancy-typography>
-							</div>
-						`}
-			</schmancy-grid>
-		`;
-	}
-};
-e([i({
-	type: Array,
-	attribute: !1
-})], j.prototype, "columns", void 0), e([i({
-	type: Array,
-	attribute: !1
-})], j.prototype, "data", void 0), e([i({ type: String })], j.prototype, "keyField", void 0), e([i({ type: String })], j.prototype, "cols", void 0), e([i({ type: Boolean })], j.prototype, "sortable", void 0), e([a()], j.prototype, "sortColumn", void 0), e([a()], j.prototype, "sortDirection", void 0), e([a()], j.prototype, "filteredData", void 0), j = e([r("schmancy-table")], j);
-export { m as n, j as t };