@mhmo91/schmancy 0.4.1 → 0.4.3

package/dist/{surface-BaatMeqX.js.map → surface-Bkj3lZLo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"surface-BaatMeqX.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\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\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":";;;;;;;;AAMa,MAAAA,IAA6BC,EAA6B,SAoB1D;AAAA,IAAAC,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GAiGsCC,KAAAC,OAAA,QAQoBD,KAAAE,UAAA,QAW1CF,KAAAG,OAAA,aAQaH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAEzB,SAAAC;AACF,WAAAC;AAAAA,EAAA;AA9BRC;AAAAA,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAS,GAAA,CAAA,CAAA,GAhGvBf,EAiGZgB,WAAA,QAAA,CAQAJ,GAAAA,EAAA,CADCC,EAAS,EAAEE,SAAS,GAAA,CAAA,CAAA,GAxGTf,EAyGZgB,WAAA,WAAA,CAWAJ,GAAAA,EAAA,CAFCK,EAAQ,EAAEC,SAASpB,EAAAA,CAAAA,GACnBe,EAAS,EAAEE,SAAAA,GAnHAf,CAAAA,CAAAA,GAAAA,EAoHZgB,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMW,QAAQJ,SAAAA,QA3Hdf,EA4HZgB,WAAA,aAAA,CAAA,GA5HYhB,IAANY,EAAA,CADNQ,EAAc,kBAAA,CAAA,GACFpB;"}
+{"version":3,"file":"surface-Bkj3lZLo.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\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\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":";;;;;;;;AAMa,MAAAA,IAA6BC,EAA6B,SAoB1D;AAAA,IAAAC,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GAiGsCC,KAAAC,OAAA,QAQoBD,KAAAE,UAAA,QAW1CF,KAAAG,OAAA,aAQaH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAEzB,SAAAC;AACF,WAAAC;AAAAA,EAAA;AA9BRC;AAAAA,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAS,GAAA,CAAA,CAAA,GAhGvBf,EAiGZgB,WAAA,QAAA,CAQAJ,GAAAA,EAAA,CADCC,EAAS,EAAEE,SAAS,GAAA,CAAA,CAAA,GAxGTf,EAyGZgB,WAAA,WAAA,CAWAJ,GAAAA,EAAA,CAFCK,EAAQ,EAAEC,SAASpB,EAAAA,CAAAA,GACnBe,EAAS,EAAEE,SAAAA,GAnHAf,CAAAA,CAAAA,GAAAA,EAoHZgB,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMW,QAAQJ,SAAAA,QA3Hdf,EA4HZgB,WAAA,aAAA,CAAA,GA5HYhB,IAANY,EAAA,CADNQ,EAAc,kBAAA,CAAA,GACFpB;"}

package/dist/{surface-DiP3y6CA.cjs → surface-D-2akvnF.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("./provide-BGGp1Iks.cjs"),u=require("./tailwind.mixin-CPvz1Npj.cjs"),h=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,e=(l,c,t,s)=>{for(var a,o=s>1?void 0:s?p(c,t):c,n=l.length-1;n>=0;n--)(a=l[n])&&(o=(s?a(c,t,o):a(o))||o);return s&&o&&d(c,t,o),o};const y=i.n("surface");exports.SchmancySurface=class extends u.TailwindElement(h.css`
+"use strict";const i=require("./provide-BxZ2kn_p.cjs"),u=require("./tailwind.mixin-DJWjTKPc.cjs"),h=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,e=(l,c,t,s)=>{for(var a,o=s>1?void 0:s?p(c,t):c,n=l.length-1;n>=0;n--)(a=l[n])&&(o=(s?a(c,t,o):a(o))||o);return s&&o&&d(c,t,o),o};const y=i.n("surface");exports.SchmancySurface=class extends u.TailwindElement(h.css`
 	:host {
 		display: block;
 		position: relative;
@@ -89,4 +89,4 @@
 		color: var(--schmancy-sys-color-surface-on);
 	}
 `){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="container",this.elevation=0}render(){return h.html`<slot></slot>`}},e([r.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),e([r.property({reflect:!0})],exports.SchmancySurface.prototype,"rounded",2),e([i.e({context:y}),r.property({reflect:!0})],exports.SchmancySurface.prototype,"type",2),e([r.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=e([r.customElement("schmancy-surface")],exports.SchmancySurface),exports.SchmancySurfaceTypeContext=y;
-//# sourceMappingURL=surface-DiP3y6CA.cjs.map
+//# sourceMappingURL=surface-D-2akvnF.cjs.map

package/dist/{surface-DiP3y6CA.cjs.map → surface-D-2akvnF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"surface-DiP3y6CA.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\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\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":"kVAMa,MAAAA,EAA6BC,IAA6B,WAoB1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,cAAAC,MAAAC,GAAAA,SAAAA,EAiGsCC,KAAAC,KAAA,OAQoBD,KAAAE,QAAA,OAW1CF,KAAAG,KAAA,YAQaH,KAAAI,UAAA,CAAA,CAEzB,QAAAC,CACF,OAAAC,EAAAA,mBAAA,CA9BRC,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,UAhGdf,CAAAA,CAAAA,EAAAA,wBAiGZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,WAAS,CAAEE,UAxGAf,CAAAA,CAAAA,EAAAA,wBAyGZgB,UAAA,UAAA,CAWAJ,EAAAA,EAAA,CAFCK,IAAQ,CAAEC,QAASpB,CAAAA,CAAAA,EACnBe,WAAS,CAAEE,UAnHAf,CAAAA,CAAAA,EAAAA,wBAoHZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMW,OAAQJ,QAAAA,MA3Hdf,wBA4HZgB,UAAA,YAAA,CAAA,EA5HYhB,QAANA,gBAAAY,EAAA,CADNQ,EAAAA,cAAc,qBACFpB"}
+{"version":3,"file":"surface-D-2akvnF.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\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\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":"kVAMa,MAAAA,EAA6BC,IAA6B,WAoB1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,cAAAC,MAAAC,GAAAA,SAAAA,EAiGsCC,KAAAC,KAAA,OAQoBD,KAAAE,QAAA,OAW1CF,KAAAG,KAAA,YAQaH,KAAAI,UAAA,CAAA,CAEzB,QAAAC,CACF,OAAAC,EAAAA,mBAAA,CA9BRC,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,UAhGdf,CAAAA,CAAAA,EAAAA,wBAiGZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,WAAS,CAAEE,UAxGAf,CAAAA,CAAAA,EAAAA,wBAyGZgB,UAAA,UAAA,CAWAJ,EAAAA,EAAA,CAFCK,IAAQ,CAAEC,QAASpB,CAAAA,CAAAA,EACnBe,WAAS,CAAEE,UAnHAf,CAAAA,CAAAA,EAAAA,wBAoHZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMW,OAAQJ,QAAAA,MA3Hdf,wBA4HZgB,UAAA,YAAA,CAAA,EA5HYhB,QAANA,gBAAAY,EAAA,CADNQ,EAAAA,cAAc,qBACFpB"}

package/dist/surface.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-DiP3y6CA.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface}),exports.SchmancySurfaceTypeContext=e.SchmancySurfaceTypeContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-D-2akvnF.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface}),exports.SchmancySurfaceTypeContext=e.SchmancySurfaceTypeContext;
 //# sourceMappingURL=surface.cjs.map

package/dist/surface.js

@@ -1,4 +1,4 @@
-import { a as e, S } from "./surface-BaatMeqX.js";
+import { a as e, S } from "./surface-Bkj3lZLo.js";
 export {
   e as SchmancySurface,
   S as SchmancySurfaceTypeContext

package/dist/{table-BY56H-_F.js → table-BNUCQw-a.js}

@@ -1,16 +1,16 @@
-import { _ as f } from "./tslib.es6-ujVQHAQ4.js";
-import { html as a, noChange as P, LitElement as H } from "lit";
-import { property as v } from "lit/decorators/property.js";
-import { directive as W, PartType as q } from "lit/directive.js";
-import { AsyncDirective as U } from "lit/async-directive.js";
-import { repeat as G } from "lit/directives/repeat.js";
-import { $ as D } from "./litElement.mixin-DMTxmbnz.js";
+import { _ as g } from "./tslib.es6-ujVQHAQ4.js";
+import { html as a, noChange as j, LitElement as P } from "lit";
+import { property as f } from "lit/decorators/property.js";
+import { directive as H, PartType as W } from "lit/directive.js";
+import { AsyncDirective as q } from "lit/async-directive.js";
+import { repeat as U } from "lit/directives/repeat.js";
+import { $ as D } from "./litElement.mixin-BC40ZfGG.js";
 import { property as _, customElement as M, state as x } from "lit/decorators.js";
-var J = Object.defineProperty, X = Object.getOwnPropertyDescriptor, w = (s, t, e, i) => {
-  for (var r, l = i > 1 ? void 0 : i ? X(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
-  return i && l && J(t, e, l), l;
+var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, w = (s, t, e, i) => {
+  for (var r, l = i > 1 ? void 0 : i ? J(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
+  return i && l && G(t, e, l), l;
 };
-let b = class extends D() {
+let v = class extends D() {
   constructor() {
     super(...arguments), this.columns = [], this.cols = this.columns.map(() => "1fr").join(" ");
   }
@@ -41,7 +41,7 @@ let b = class extends D() {
 		`;
   }
 };
-w([_({ type: Array, attribute: !1 })], b.prototype, "columns", 2), w([_({ type: Object, attribute: !1 })], b.prototype, "item", 2), w([_({ type: String })], b.prototype, "cols", 2), b = w([M("schmancy-table-row")], b);
+w([_({ type: Array, attribute: !1 })], v.prototype, "columns", 2), w([_({ type: Object, attribute: !1 })], v.prototype, "item", 2), w([_({ type: String })], v.prototype, "cols", 2), v = w([M("schmancy-table-row")], v);
 class E extends Event {
   constructor(t) {
     super(E.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
@@ -60,7 +60,7 @@ class z extends Event {
   }
 }
 z.eventName = "unpinned";
-class Y {
+class X {
   constructor(t) {
     this._element = null;
     const e = t ?? window;
@@ -94,7 +94,7 @@ class Y {
     return this.scrollWidth - this.viewportWidth;
   }
 }
-class K extends Y {
+class Y extends X {
   constructor(t, e) {
     super(e), 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);
     const i = this._node;
@@ -155,7 +155,7 @@ class K extends Y {
 let k = typeof window < "u" ? window.ResizeObserver : void 0;
 const T = Symbol("virtualizerRef"), C = "virtualizer-sizer";
 let O;
-class Q {
+class K {
   constructor(t) {
     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, !t) throw new Error("Virtualizer constructor requires a configuration object");
     if (!t.hostElement) throw new Error('Virtualizer configuration requires the "hostElement" property');
@@ -183,15 +183,15 @@ class Q {
       let r = !1;
       return function(l, o = !1) {
         const c = [];
-        let h = o ? l : V(l);
-        for (; h !== null; ) c.push(h), h = V(h);
+        let n = o ? l : V(l);
+        for (; n !== null; ) c.push(n), n = V(n);
         return c;
       }(e, i).filter((l) => {
         if (r) return !1;
         const o = getComputedStyle(l);
         return r = o.position === "fixed", o.overflow !== "visible";
       });
-    }(this._hostElement, t), this._scrollerController = new K(this, this._clippingAncestors[0]), this._schedule(this._updateLayout), this._observeAndListen(), this._connected = !0;
+    }(this._hostElement, t), this._scrollerController = new Y(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((t) => {
@@ -199,8 +199,7 @@ class Q {
     }), this._hostElementRO.observe(this._scrollerController.element), this._children.forEach((t) => this._childrenRO.observe(t)), this._scrollEventListeners.forEach((t) => t.addEventListener("scroll", this, this._scrollEventListenerOptions));
   }
   disconnected() {
-    var t, e, i, r;
-    this._scrollEventListeners.forEach((l) => l.removeEventListener("scroll", this, this._scrollEventListenerOptions)), this._scrollEventListeners = [], this._clippingAncestors = [], (t = this._scrollerController) == null || t.detach(this), this._scrollerController = null, (e = this._mutationObserver) == null || e.disconnect(), this._mutationObserver = null, (i = this._hostElementRO) == null || i.disconnect(), this._hostElementRO = null, (r = this._childrenRO) == null || r.disconnect(), this._childrenRO = null, this._rejectLayoutCompletePromise("disconnected"), this._connected = !1;
+    this._scrollEventListeners.forEach((t) => t.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() {
     const t = this._hostElement.style;
@@ -230,7 +229,7 @@ class Q {
       const r = { ...t };
       delete r.type, e = r;
     } else e = t;
-    i === void 0 && (O = i = (await import("./flow-B1wMqea2.js")).FlowLayout), this._layout = new i((r) => this._handleLayoutMessage(r), e), 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);
+    i === void 0 && (O = i = (await import("./flow-DXYqC9OA.js")).FlowLayout), this._layout = new i((r) => this._handleLayoutMessage(r), e), 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());
@@ -272,7 +271,6 @@ class Q {
     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() {
-    var t;
     if (this._benchmarkStart && "mark" in window.performance) {
       try {
         window.performance.measure("uv-virtualizing", "uv-start", "uv-end");
@@ -280,7 +278,7 @@ class Q {
       }
       window.performance.mark("uv-start");
     }
-    this._scrollerController.correctingScrollError === !1 && ((t = this._layout) == null || t.unpin()), this._schedule(this._updateLayout);
+    this._scrollerController.correctingScrollError === !1 && this._layout?.unpin(), this._schedule(this._updateLayout);
   }
   handleEvent(t) {
     t.type === "scroll" && (t.currentTarget === window || this._clippingAncestors.includes(t.currentTarget)) && this._handleScrollEvent();
@@ -295,17 +293,16 @@ class Q {
     return t;
   }
   _updateView() {
-    var r;
-    const t = this._hostElement, e = (r = this._scrollerController) == null ? void 0 : r.element, i = this._layout;
+    const t = this._hostElement, e = this._scrollerController?.element, i = this._layout;
     if (t && e && i) {
-      let l, o, c, h;
+      let r, l, o, c;
       const n = t.getBoundingClientRect();
-      l = 0, o = 0, c = window.innerHeight, h = window.innerWidth;
-      const y = this._clippingAncestors.map((m) => m.getBoundingClientRect());
-      y.unshift(n);
-      for (const m of y) l = Math.max(l, m.top), o = Math.max(o, m.left), c = Math.min(c, m.bottom), h = Math.min(h, m.right);
-      const g = e.getBoundingClientRect(), $ = { left: n.left - g.left, top: n.top - g.top }, F = { width: e.scrollWidth, height: e.scrollHeight }, N = l - n.top + t.scrollTop, A = o - n.left + t.scrollLeft, B = Math.max(0, c - l), j = Math.max(0, h - o);
-      i.viewportSize = { width: j, height: B }, i.viewportScroll = { top: N, left: A }, i.totalScrollSize = F, i.offsetWithinScroller = $;
+      r = 0, l = 0, o = window.innerHeight, c = window.innerWidth;
+      const h = this._clippingAncestors.map((m) => m.getBoundingClientRect());
+      h.unshift(n);
+      for (const m of h) r = Math.max(r, m.top), l = Math.max(l, m.left), o = Math.min(o, m.bottom), c = Math.min(c, m.right);
+      const y = e.getBoundingClientRect(), b = { left: n.left - y.left, top: n.top - y.top }, $ = { width: e.scrollWidth, height: e.scrollHeight }, F = r - n.top + t.scrollTop, N = l - n.left + t.scrollLeft, A = Math.max(0, o - r), B = Math.max(0, c - l);
+      i.viewportSize = { width: B, height: A }, i.viewportScroll = { top: F, left: N }, i.totalScrollSize = $, i.offsetWithinScroller = b;
     }
   }
   _sizeHostElement(t) {
@@ -317,9 +314,9 @@ class Q {
     }
   }
   _positionChildren(t) {
-    t && t.forEach(({ top: e, left: i, width: r, height: l, xOffset: o, yOffset: c }, h) => {
-      const n = this._children[h - this._first];
-      n && (n.style.position = "absolute", n.style.boxSizing = "border-box", n.style.transform = `translate(${i}px, ${e}px)`, r !== void 0 && (n.style.width = r + "px"), l !== void 0 && (n.style.height = l + "px"), n.style.left = o === void 0 ? null : o + "px", n.style.top = c === void 0 ? null : c + "px");
+    t && t.forEach(({ top: e, left: i, width: r, height: l, xOffset: o, yOffset: c }, n) => {
+      const h = this._children[n - this._first];
+      h && (h.style.position = "absolute", h.style.boxSizing = "border-box", h.style.transform = `translate(${i}px, ${e}px)`, r !== void 0 && (h.style.width = r + "px"), l !== void 0 && (h.style.height = l + "px"), h.style.left = o === void 0 ? null : o + "px", h.style.top = c === void 0 ? null : c + "px");
     });
   }
   async _adjustRange(t) {
@@ -333,8 +330,7 @@ class Q {
     }
   }
   element(t) {
-    var e;
-    return t === 1 / 0 && (t = this._items.length - 1), ((e = this._items) == null ? void 0 : e[t]) === void 0 ? void 0 : { scrollIntoView: (i = {}) => this._scrollElementIntoView({ ...i, index: t }) };
+    return t === 1 / 0 && (t = this._items.length - 1), this._items?.[t] === void 0 ? void 0 : { scrollIntoView: (e = {}) => this._scrollElementIntoView({ ...e, index: t }) };
   }
   _scrollElementIntoView(t) {
     if (t.index >= this._first && t.index <= this._last) this._children[t.index - this._first].scrollIntoView(t);
@@ -345,7 +341,7 @@ class Q {
   }
   _checkScrollIntoViewTarget(t) {
     const { index: e } = this._scrollIntoViewTarget || {};
-    e && (t != null && t.has(e)) && this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));
+    e && t?.has(e) && this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));
   }
   _notifyRange() {
     this._hostElement.dispatchEvent(new E({ first: this._first, last: this._last }));
@@ -376,9 +372,8 @@ class Q {
   _childLoaded() {
   }
   _childrenSizeChanged(t) {
-    var e;
-    if ((e = this._layout) != null && e.measureChildren) {
-      for (const i of t) this._toBeMeasured.set(i.target, i.contentRect);
+    if (this._layout?.measureChildren) {
+      for (const e of t) this._toBeMeasured.set(e.target, e.contentRect);
       this._measureChildren();
     }
     this._scheduleLayoutComplete(), this._itemsChanged = !1, this._rangeChanged = !1;
@@ -394,20 +389,20 @@ function V(s) {
   const t = s.parentNode;
   return t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE && t.host || null;
 }
-const R = (s) => s, I = (s, t) => a`${t}: ${JSON.stringify(s, null, 2)}`, Z = W(class extends U {
+const R = (s) => s, I = (s, t) => a`${t}: ${JSON.stringify(s, null, 2)}`, Q = H(class extends q {
   constructor(s) {
-    if (super(s), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, e) => I(t, e + this._first), this._keyFunction = (t, e) => R(t, this._first), this._items = [], s.type !== q.CHILD) throw new Error("The virtualize directive can only be used in child expressions");
+    if (super(s), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, e) => I(t, e + this._first), this._keyFunction = (t, e) => R(t, this._first), this._items = [], s.type !== W.CHILD) throw new Error("The virtualize directive can only be used in child expressions");
   }
   render(s) {
     s && this._setFunctions(s);
     const t = [];
     if (this._first >= 0 && this._last >= this._first) for (let e = this._first; e <= this._last; e++) t.push(this._items[e]);
-    return G(t, this._keyFunction, this._renderItem);
+    return U(t, this._keyFunction, this._renderItem);
   }
   update(s, [t]) {
     this._setFunctions(t);
     const e = this._items !== t.items;
-    return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(s, t) : this._initialize(s, t), e ? P : this.render();
+    return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(s, t) : this._initialize(s, t), e ? j : this.render();
   }
   async _updateVirtualizerConfig(s, t) {
     if (!await this._virtualizer.updateLayoutConfig(t.layout || {})) {
@@ -423,7 +418,7 @@ const R = (s) => s, I = (s, t) => a`${t}: ${JSON.stringify(s, null, 2)}`, Z = W(
   _makeVirtualizer(s, t) {
     this._virtualizer && this._virtualizer.disconnected();
     const { layout: e, scroller: i, items: r } = t;
-    this._virtualizer = new Q({ hostElement: s, layout: e, scroller: i }), this._virtualizer.items = r, this._virtualizer.connected();
+    this._virtualizer = new K({ hostElement: s, layout: e, scroller: i }), this._virtualizer.items = r, this._virtualizer.connected();
   }
   _initialize(s, t) {
     const e = s.parentNode;
@@ -432,15 +427,13 @@ const R = (s) => s, I = (s, t) => a`${t}: ${JSON.stringify(s, null, 2)}`, Z = W(
     }), this._makeVirtualizer(e, t));
   }
   disconnected() {
-    var s;
-    (s = this._virtualizer) == null || s.disconnected();
+    this._virtualizer?.disconnected();
   }
   reconnected() {
-    var s;
-    (s = this._virtualizer) == null || s.connected();
+    this._virtualizer?.connected();
   }
 });
-class p extends H {
+class p extends P {
   constructor() {
     super(...arguments), this.items = [], this.renderItem = I, this.keyFunction = R, this.layout = {}, this.scroller = !1;
   }
@@ -449,25 +442,22 @@ class p extends H {
   }
   render() {
     const { items: t, renderItem: e, keyFunction: i, layout: r, scroller: l } = this;
-    return a`${Z({ items: t, renderItem: e, keyFunction: i, layout: r, scroller: l })}`;
+    return a`${Q({ items: t, renderItem: e, keyFunction: i, layout: r, scroller: l })}`;
   }
   element(t) {
-    var e;
-    return (e = this[T]) == null ? void 0 : e.element(t);
+    return this[T]?.element(t);
   }
   get layoutComplete() {
-    var t;
-    return (t = this[T]) == null ? void 0 : t.layoutComplete;
+    return this[T]?.layoutComplete;
   }
   scrollToIndex(t, e = "start") {
-    var i;
-    (i = this.element(t)) == null || i.scrollIntoView({ block: e });
+    this.element(t)?.scrollIntoView({ block: e });
   }
 }
-f([v({ attribute: !1 })], p.prototype, "items", void 0), f([v()], p.prototype, "renderItem", void 0), f([v()], p.prototype, "keyFunction", void 0), f([v({ attribute: !1 })], p.prototype, "layout", void 0), f([v({ reflect: !0, type: Boolean })], p.prototype, "scroller", void 0), customElements.define("lit-virtualizer", p);
-var tt = Object.defineProperty, et = Object.getOwnPropertyDescriptor, d = (s, t, e, i) => {
-  for (var r, l = i > 1 ? void 0 : i ? et(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
-  return i && l && tt(t, e, l), l;
+g([f({ attribute: !1 })], p.prototype, "items", void 0), g([f()], p.prototype, "renderItem", void 0), g([f()], p.prototype, "keyFunction", void 0), g([f({ attribute: !1 })], p.prototype, "layout", void 0), g([f({ reflect: !0, type: Boolean })], p.prototype, "scroller", void 0), customElements.define("lit-virtualizer", p);
+var Z = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, d = (s, t, e, i) => {
+  for (var r, l = i > 1 ? void 0 : i ? tt(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
+  return i && l && Z(t, e, l), l;
 };
 let u = class extends D() {
   constructor() {
@@ -490,12 +480,12 @@ let u = class extends D() {
         if (typeof r == "number" && typeof l == "number") return this.sortDirection === "asc" ? r - l : l - r;
         const o = typeof r == "string" && !isNaN(Number(r)), c = typeof l == "string" && !isNaN(Number(l));
         if (o && c) {
-          const y = parseFloat(r), g = parseFloat(l);
-          return this.sortDirection === "asc" ? y - g : g - y;
+          const y = parseFloat(r), b = parseFloat(l);
+          return this.sortDirection === "asc" ? y - b : b - y;
         }
         if (this.isDate(r) && this.isDate(l)) return this.sortDirection === "asc" ? r.getTime() - l.getTime() : l.getTime() - r.getTime();
-        const h = String(r), n = String(l);
-        return this.sortDirection === "asc" ? h.localeCompare(n) : n.localeCompare(h);
+        const n = String(r), h = String(l);
+        return this.sortDirection === "asc" ? n.localeCompare(h) : h.localeCompare(n);
       });
     }
     this.filteredData = s;
@@ -563,7 +553,7 @@ let u = class extends D() {
 };
 d([_({ type: Array, attribute: !1 })], u.prototype, "columns", 2), d([_({ type: Array, attribute: !1 })], u.prototype, "data", 2), d([_({ type: String })], u.prototype, "keyField", 2), d([_({ type: String })], u.prototype, "cols", 2), d([_({ type: Boolean })], u.prototype, "sortable", 2), d([x()], u.prototype, "sortColumn", 2), d([x()], u.prototype, "sortDirection", 2), d([x()], u.prototype, "filteredData", 2), u = d([M("schmancy-table")], u);
 export {
-  b as S,
+  v as S,
   u as a
 };
-//# sourceMappingURL=table-BY56H-_F.js.map
+//# sourceMappingURL=table-BNUCQw-a.js.map