@mhmo91/schmancy 0.7.4 → 0.7.6

package/dist/extra.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./timezone-xHmnktrm.cjs");Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>e.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>e.SchmancyTimezonesSelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./timezone-nbn0o5GC.cjs");Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>e.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>e.SchmancyTimezonesSelect});
 //# sourceMappingURL=extra.cjs.map

package/dist/extra.js

@@ -1,4 +1,4 @@
-import { S as a, a as S } from "./timezone-BvOWa9Nt.js";
+import { S as a, a as S } from "./timezone-D_skWX6Z.js";
 export {
   a as SchmancyCountriesSelect,
   S as SchmancyTimezonesSelect

package/dist/{flex-DakK9gco.cjs → flex-BEB1yuMF.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("lit"),t=require("lit/decorators.js"),b=require("lit/directives/class-map.js"),w=require("lit/directives/style-map.js"),c=require("rxjs");require("rxjs/operators");const m=require("./tailwind.mixin-scDxsqaX.cjs");var S=Object.defineProperty,i=(e,r,l,p)=>{for(var n,o=void 0,y=e.length-1;y>=0;y--)(n=e[y])&&(o=n(r,l,o)||o);return o&&S(r,l,o),o};const u=class u extends m.TailwindElement(){constructor(){super(...arguments),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}connectedCallback(){super.connectedCallback(),this.style.setProperty("padding",this.padding??""),this.style.setProperty("margin",this.margin??""),this.style.setProperty("width",this.width??""),this.style.setProperty("height",this.height??""),this.style.setProperty("min-width",this.minWidth??""),this.style.setProperty("min-height",this.minHeight??""),this.style.setProperty("max-width",this.maxWidth??""),this.style.setProperty("max-height",this.maxHeight??""),this.style.setProperty("display",this.display??""),this.style.setProperty("overflow",this.overflow??""),this.style.setProperty("overflow-x",this.overflowX??""),this.style.setProperty("overflow-y",this.overflowY??""),this.style.setProperty("position",this.position??""),this.style.setProperty("top",this.top??""),this.style.setProperty("right",this.right??""),this.style.setProperty("bottom",this.bottom??""),this.style.setProperty("left",this.left??""),this.style.setProperty("inset",this.inset??""),this.style.setProperty("z-index",this.zIndex??""),this.style.setProperty("border",this.border??""),this.style.setProperty("border-top",this.borderTop??""),this.style.setProperty("border-right",this.borderRight??""),this.style.setProperty("border-bottom",this.borderBottom??""),this.style.setProperty("border-left",this.borderLeft??""),this.style.setProperty("border-color",this.borderColor??""),this.style.setProperty("border-radius",this.borderRadius??""),this.style.setProperty("border-width",this.borderWidth??""),this.style.setProperty("box-shadow",this.boxShadow??""),this.style.setProperty("opacity",this.opacity??""),this.style.setProperty("background",this.background??""),this.style.setProperty("background-image",this.backgroundImage??""),this.style.setProperty("background-position",this.backgroundPosition??""),this.style.setProperty("background-size",this.backgroundSize??""),this.style.setProperty("background-repeat",this.backgroundRepeat??""),this.style.setProperty("background-attachment",this.backgroundAttachment??""),this.style.setProperty("background-color",this.backgroundColor??""),this.style.setProperty("background-clip",this.backgroundClip??""),this.style.setProperty("background-origin",this.backgroundOrigin??""),this.style.setProperty("background-blend-mode",this.backgroundBlendMode??""),this.style.setProperty("filter",this.filter??""),this.style.setProperty("backdrop-filter",this.backdropFilter??""),this.center&&(this.style.setProperty("margin-left","auto"),this.style.setProperty("margin-right","auto"))}};u.styles=[u.styles];let s=u;i([t.property({type:Boolean})],s.prototype,"center"),i([t.property({type:String})],s.prototype,"padding"),i([t.property({type:String})],s.prototype,"margin"),i([t.property({type:String})],s.prototype,"width"),i([t.property({type:String})],s.prototype,"height"),i([t.property({type:String})],s.prototype,"minWidth"),i([t.property({type:String})],s.prototype,"minHeight"),i([t.property({type:String})],s.prototype,"maxWidth"),i([t.property({type:String})],s.prototype,"maxHeight"),i([t.property({type:String})],s.prototype,"display"),i([t.property({type:String})],s.prototype,"overflow"),i([t.property({type:String})],s.prototype,"overflowX"),i([t.property({type:String})],s.prototype,"overflowY"),i([t.property({type:String})],s.prototype,"position"),i([t.property({type:String})],s.prototype,"top"),i([t.property({type:String})],s.prototype,"right"),i([t.property({type:String})],s.prototype,"bottom"),i([t.property({type:String})],s.prototype,"left"),i([t.property({type:String})],s.prototype,"inset"),i([t.property({type:String})],s.prototype,"zIndex"),i([t.property({type:String})],s.prototype,"border"),i([t.property({type:String})],s.prototype,"borderTop"),i([t.property({type:String})],s.prototype,"borderRight"),i([t.property({type:String})],s.prototype,"borderBottom"),i([t.property({type:String})],s.prototype,"borderLeft"),i([t.property({type:String})],s.prototype,"borderColor"),i([t.property({type:String})],s.prototype,"borderRadius"),i([t.property({type:String})],s.prototype,"borderWidth"),i([t.property({type:String})],s.prototype,"boxShadow"),i([t.property({type:String})],s.prototype,"opacity"),i([t.property({type:String})],s.prototype,"background"),i([t.property({type:String})],s.prototype,"backgroundImage"),i([t.property({type:String})],s.prototype,"backgroundPosition"),i([t.property({type:String})],s.prototype,"backgroundSize"),i([t.property({type:String})],s.prototype,"backgroundRepeat"),i([t.property({type:String})],s.prototype,"backgroundAttachment"),i([t.property({type:String})],s.prototype,"backgroundColor"),i([t.property({type:String})],s.prototype,"backgroundClip"),i([t.property({type:String})],s.prototype,"backgroundOrigin"),i([t.property({type:String})],s.prototype,"backgroundBlendMode"),i([t.property({type:String})],s.prototype,"filter"),i([t.property({type:String})],s.prototype,"backdropFilter");var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,g=(e,r,l,p)=>{for(var n,o=p>1?void 0:p?v(r,l):r,y=e.length-1;y>=0;y--)(n=e[y])&&(o=(p?n(r,l,o):n(o))||o);return p&&o&&x(r,l,o),o};exports.SchmancyFlex=class extends s{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const e={flex:!0,"flex-col":this.flow==="row","flex-col-reverse":this.flow==="row-reverse","flex-row":this.flow==="col","flex-row-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-wrap-reverse":this.wrap==="wrap-reverse","flex-nowrap":this.wrap==="nowrap","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","justify-baseline":this.align==="baseline","justify-center":this.justify==="center","justify-end":this.justify==="end","justify-start":this.justify==="start","justify-stretch":this.justify==="stretch","justify-between":this.justify==="between","gap-0":this.gap==="none","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg"};return d.html`
+"use strict";const d=require("lit"),t=require("lit/decorators.js"),b=require("lit/directives/class-map.js"),w=require("lit/directives/style-map.js"),c=require("rxjs");require("rxjs/operators");const m=require("./tailwind.mixin-3TPVvhYf.cjs");var S=Object.defineProperty,i=(e,r,l,p)=>{for(var n,o=void 0,y=e.length-1;y>=0;y--)(n=e[y])&&(o=n(r,l,o)||o);return o&&S(r,l,o),o};const u=class u extends m.TailwindElement(){constructor(){super(...arguments),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}connectedCallback(){super.connectedCallback(),this.style.setProperty("padding",this.padding??""),this.style.setProperty("margin",this.margin??""),this.style.setProperty("width",this.width??""),this.style.setProperty("height",this.height??""),this.style.setProperty("min-width",this.minWidth??""),this.style.setProperty("min-height",this.minHeight??""),this.style.setProperty("max-width",this.maxWidth??""),this.style.setProperty("max-height",this.maxHeight??""),this.style.setProperty("display",this.display??""),this.style.setProperty("overflow",this.overflow??""),this.style.setProperty("overflow-x",this.overflowX??""),this.style.setProperty("overflow-y",this.overflowY??""),this.style.setProperty("position",this.position??""),this.style.setProperty("top",this.top??""),this.style.setProperty("right",this.right??""),this.style.setProperty("bottom",this.bottom??""),this.style.setProperty("left",this.left??""),this.style.setProperty("inset",this.inset??""),this.style.setProperty("z-index",this.zIndex??""),this.style.setProperty("border",this.border??""),this.style.setProperty("border-top",this.borderTop??""),this.style.setProperty("border-right",this.borderRight??""),this.style.setProperty("border-bottom",this.borderBottom??""),this.style.setProperty("border-left",this.borderLeft??""),this.style.setProperty("border-color",this.borderColor??""),this.style.setProperty("border-radius",this.borderRadius??""),this.style.setProperty("border-width",this.borderWidth??""),this.style.setProperty("box-shadow",this.boxShadow??""),this.style.setProperty("opacity",this.opacity??""),this.style.setProperty("background",this.background??""),this.style.setProperty("background-image",this.backgroundImage??""),this.style.setProperty("background-position",this.backgroundPosition??""),this.style.setProperty("background-size",this.backgroundSize??""),this.style.setProperty("background-repeat",this.backgroundRepeat??""),this.style.setProperty("background-attachment",this.backgroundAttachment??""),this.style.setProperty("background-color",this.backgroundColor??""),this.style.setProperty("background-clip",this.backgroundClip??""),this.style.setProperty("background-origin",this.backgroundOrigin??""),this.style.setProperty("background-blend-mode",this.backgroundBlendMode??""),this.style.setProperty("filter",this.filter??""),this.style.setProperty("backdrop-filter",this.backdropFilter??""),this.center&&(this.style.setProperty("margin-left","auto"),this.style.setProperty("margin-right","auto"))}};u.styles=[u.styles];let s=u;i([t.property({type:Boolean})],s.prototype,"center"),i([t.property({type:String})],s.prototype,"padding"),i([t.property({type:String})],s.prototype,"margin"),i([t.property({type:String})],s.prototype,"width"),i([t.property({type:String})],s.prototype,"height"),i([t.property({type:String})],s.prototype,"minWidth"),i([t.property({type:String})],s.prototype,"minHeight"),i([t.property({type:String})],s.prototype,"maxWidth"),i([t.property({type:String})],s.prototype,"maxHeight"),i([t.property({type:String})],s.prototype,"display"),i([t.property({type:String})],s.prototype,"overflow"),i([t.property({type:String})],s.prototype,"overflowX"),i([t.property({type:String})],s.prototype,"overflowY"),i([t.property({type:String})],s.prototype,"position"),i([t.property({type:String})],s.prototype,"top"),i([t.property({type:String})],s.prototype,"right"),i([t.property({type:String})],s.prototype,"bottom"),i([t.property({type:String})],s.prototype,"left"),i([t.property({type:String})],s.prototype,"inset"),i([t.property({type:String})],s.prototype,"zIndex"),i([t.property({type:String})],s.prototype,"border"),i([t.property({type:String})],s.prototype,"borderTop"),i([t.property({type:String})],s.prototype,"borderRight"),i([t.property({type:String})],s.prototype,"borderBottom"),i([t.property({type:String})],s.prototype,"borderLeft"),i([t.property({type:String})],s.prototype,"borderColor"),i([t.property({type:String})],s.prototype,"borderRadius"),i([t.property({type:String})],s.prototype,"borderWidth"),i([t.property({type:String})],s.prototype,"boxShadow"),i([t.property({type:String})],s.prototype,"opacity"),i([t.property({type:String})],s.prototype,"background"),i([t.property({type:String})],s.prototype,"backgroundImage"),i([t.property({type:String})],s.prototype,"backgroundPosition"),i([t.property({type:String})],s.prototype,"backgroundSize"),i([t.property({type:String})],s.prototype,"backgroundRepeat"),i([t.property({type:String})],s.prototype,"backgroundAttachment"),i([t.property({type:String})],s.prototype,"backgroundColor"),i([t.property({type:String})],s.prototype,"backgroundClip"),i([t.property({type:String})],s.prototype,"backgroundOrigin"),i([t.property({type:String})],s.prototype,"backgroundBlendMode"),i([t.property({type:String})],s.prototype,"filter"),i([t.property({type:String})],s.prototype,"backdropFilter");var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,g=(e,r,l,p)=>{for(var n,o=p>1?void 0:p?v(r,l):r,y=e.length-1;y>=0;y--)(n=e[y])&&(o=(p?n(r,l,o):n(o))||o);return p&&o&&x(r,l,o),o};exports.SchmancyFlex=class extends s{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const e={flex:!0,"flex-col":this.flow==="row","flex-col-reverse":this.flow==="row-reverse","flex-row":this.flow==="col","flex-row-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-wrap-reverse":this.wrap==="wrap-reverse","flex-nowrap":this.wrap==="nowrap","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","justify-baseline":this.align==="baseline","justify-center":this.justify==="center","justify-end":this.justify==="end","justify-start":this.justify==="start","justify-stretch":this.justify==="stretch","justify-between":this.justify==="between","gap-0":this.gap==="none","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg"};return d.html`
 			<section class=${b.classMap(e)} style=${w.styleMap({})}>
 				<slot></slot>
 			</section>
@@ -40,4 +40,4 @@
 				display: block;
 			}
 		`],h([t.property({type:Boolean,reflect:!0})],exports.SchmancyFlexV2.prototype,"inline",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"flow",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"wrap",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"align",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"justify",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"content",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"gap",2),exports.SchmancyFlexV2=h([t.customElement("sch-flex")],exports.SchmancyFlexV2);
-//# sourceMappingURL=flex-DakK9gco.cjs.map
+//# sourceMappingURL=flex-BEB1yuMF.cjs.map

package/dist/{flex-DakK9gco.cjs.map → flex-BEB1yuMF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"flex-DakK9gco.cjs","sources":["../src/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { debounceTime, filter, fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Custom scroll event interface for the SchmancyScroll component.\n * Contains detailed information about the scroll state.\n */\nexport interface SchmancyScrollEvent\n\textends CustomEvent<{\n\t\t/** Current scroll position from the top */\n\t\tscrollTop: number\n\t\t/** Total scrollable height of the content */\n\t\tscrollHeight: number\n\t\t/** Visible height of the container */\n\t\tclientHeight: number\n\t\t/** Original scroll event */\n\t\te: Event\n\t\t/** Current scroll position from the left (for horizontal scrolling) */\n\t\tscrollLeft?: number\n\t\t/** Total scrollable width of the content (for horizontal scrolling) */\n\t\tscrollWidth?: number\n\t\t/** Visible width of the container (for horizontal scrolling) */\n\t\tclientWidth?: number\n\t}> {}\n\n/**\n * Command event interface for controlling SchmancyScroll components\n */\nexport interface SchmancyScrollCommandEvent\n\textends CustomEvent<{\n\t\t/** Target component name */\n\t\tname: string\n\t\t/** Command action to perform */\n\t\taction: 'scrollTo'\n\t\t/** Scroll position for scrollTo action */\n\t\ttop: number\n\t\t/** Horizontal scroll position for scrollTo action (optional) */\n\t\tleft?: number\n\t}> {}\n\n// Augment the HTMLElementEventMap to include our custom events\ndeclare global {\n\tinterface HTMLElementEventMap {\n\t\tscroll: SchmancyScrollEvent\n\t\t'schmancy-scroll-command': SchmancyScrollCommandEvent\n\t}\n}\n\n/**\n * A custom scrollable container with enhanced features.\n *\n * @fires {SchmancyScrollEvent} scroll - Fired when scrolling occurs (with a configurable debounce)\n * @slot - Default slot for content to be scrolled\n * @csspart scroller - The inner scrollable div element\n *\n * @example\n * ```html\n * <schmancy-scroll hide name=\"main-content\">\n *   <div>Scrollable content goes here</div>\n * </schmancy-scroll>\n * ```\n *\n * @example\n * ```html\n * <schmancy-scroll direction=\"horizontal\" hide name=\"image-carousel\">\n *   <div class=\"flex\">\n *     <img src=\"image1.jpg\" alt=\"Image 1\">\n *     <img src=\"image2.jpg\" alt=\"Image 2\">\n *   </div>\n * </schmancy-scroll>\n * ```\n */\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\t/* Flexible sizing for different layout contexts */\n\t\twidth: 100%;\n\t\tmin-height: 0; /* Allow flex shrinking */\n\t\tflex: 1; /* Grow in flex containers */\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tscroll-behavior: smooth;\n\t\toverscroll-behavior-x: contain;\n\t\toverscroll-behavior-y: auto;\n\t}\n\t/* Fallback for non-flex contexts */\n\t:host(.explicit-height) {\n\t\theight: 100%;\n\t\tflex: none;\n\t}\n\t:host([hide]) {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t:host([hide])::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the host element's scrollbars are hidden\n\t * in supported browsers using CSS.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\t/**\n\t * Optional name identifier for the component.\n\t * Used for targeting this specific component with global events.\n\t *\n\t * @attr name\n\t * @example <schmancy-scroll name=\"main-content\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic name?: string\n\n\t/**\n\t * Direction of scrolling: vertical, horizontal, or both.\n\t * - vertical: Only allows vertical scrolling\n\t * - horizontal: Only allows horizontal scrolling\n\t * - both: Allows both horizontal and vertical scrolling (default)\n\t *\n\t * @attr direction\n\t * @example <schmancy-scroll direction=\"horizontal\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic direction: 'vertical' | 'horizontal' | 'both' = 'both'\n\n\t/**\n\t * Reference to the scrollable element (the host element itself)\n\t * @public\n\t */\n\tget scroller(): HTMLElement {\n\t\treturn this\n\t}\n\n\t/**\n\t * Debounce time in milliseconds for the scroll event.\n\t * Higher values reduce the frequency of scroll events being dispatched.\n\t *\n\t * @attr debounce\n\t * @example <schmancy-scroll debounce=\"50\"></schmancy-scroll>\n\t */\n\t@property({ type: Number })\n\tpublic debounce = 10\n\n\t/**\n\t * Scrolls the container to the specified position\n\t * @param options - ScrollToOptions or a number representing the top position\n\t * @param top - For backward compatibility, if options is a number, this is treated as \"behavior\"\n\t */\n\tpublic override scrollTo(options?: ScrollToOptions | number, top?: number): void {\n\t\tif (!this.scroller) return\n\n\t\tif (typeof options === 'number') {\n\t\t\t// Legacy support for scrollTo(top, behavior)\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: options,\n\t\t\t\tbehavior: top ? 'smooth' : 'auto',\n\t\t\t})\n\t\t} else if (options) {\n\t\t\tthis.scroller.scrollTo(options)\n\t\t} else {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tbehavior: 'auto',\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Scrolls the container horizontally to the specified position\n\t * @param left - The horizontal position to scroll to (in pixels)\n\t * @param behavior - The scroll behavior ('auto' or 'smooth')\n\t */\n\tpublic scrollToLeft(left: number, behavior: ScrollBehavior = 'auto'): void {\n\t\tif (this.scroller) {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\tleft,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Called when the component is connected to the DOM\n\t * Applies scrolling styles directly to the host element\n\t * @protected\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.updateScrollingStyles()\n\t\tthis.updateLayoutContext()\n\t\t// Set the part attribute on the host element\n\t\tthis.setAttribute('part', 'scroller')\n\t}\n\n\t/**\n\t * Updates the overflow styles based on the direction property\n\t * @private\n\t */\n\tprivate updateScrollingStyles(): void {\n\t\t// Apply overflow styles based on direction\n\t\tif (this.direction === 'horizontal') {\n\t\t\tthis.style.setProperty('overflow-y', 'hidden')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t} else if (this.direction === 'vertical') {\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'hidden')\n\t\t} else {\n\t\t\t// both\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t}\n\t}\n\n\t/**\n\t * Updates the layout context based on parent container type\n\t * @private\n\t */\n\tprivate updateLayoutContext(): void {\n\t\t// Use requestAnimationFrame to ensure DOM is fully rendered\n\t\trequestAnimationFrame(() => {\n\t\t\t// Check if parent is a flex container\n\t\t\tconst parent = this.parentElement\n\t\t\tif (parent) {\n\t\t\t\tconst parentStyles = getComputedStyle(parent)\n\t\t\t\tconst isFlexParent = parentStyles.display === 'flex' || parentStyles.display === 'inline-flex'\n\n\t\t\t\t// For debugging - remove in production\n\t\t\t\tconsole.debug('schmancy-scroll parent detection:', {\n\t\t\t\t\tparent: parent.tagName,\n\t\t\t\t\tdisplay: parentStyles.display,\n\t\t\t\t\tisFlexParent,\n\t\t\t\t})\n\n\t\t\t\t// Apply appropriate class based on parent layout\n\t\t\t\tif (isFlexParent) {\n\t\t\t\t\tthis.classList.remove('explicit-height')\n\t\t\t\t} else {\n\t\t\t\t\tthis.classList.add('explicit-height')\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Default to explicit height if no parent\n\t\t\t\tthis.classList.add('explicit-height')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Called when properties change\n\t * @protected\n\t */\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\t// Update styles if direction changes\n\t\tif (changedProperties.has('direction')) {\n\t\t\tthis.updateScrollingStyles()\n\t\t}\n\t\t// Always update layout context in case parent layout changed\n\t\tthis.updateLayoutContext()\n\t}\n\n\t/**\n\t * Called after the component's first update\n\t * Sets up the scroll event listener with debouncing\n\t * @protected\n\t */\n\tprotected firstUpdated(): void {\n\t\t// Set up scroll event listening with debounce\n\t\tfromEvent(this.scroller, 'scroll', {\n\t\t\tpassive: true,\n\t\t})\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(this.debounce),\n\t\t\t\ttakeUntil(this.disconnecting), // Unsubscribe when the element is destroyed\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\t// Always include the original required properties for backward compatibility\n\t\t\t\tconst scrollTop = this.scroller.scrollTop\n\t\t\t\tconst scrollHeight = this.scroller.scrollHeight\n\t\t\t\tconst clientHeight = this.scroller.clientHeight\n\n\t\t\t\t// Include horizontal scroll information as optional properties\n\t\t\t\tconst scrollLeft = this.scroller.scrollLeft\n\t\t\t\tconst scrollWidth = this.scroller.scrollWidth\n\t\t\t\tconst clientWidth = this.scroller.clientWidth\n\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('scroll', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t// Original required properties first\n\t\t\t\t\t\t\tscrollTop,\n\t\t\t\t\t\t\tscrollHeight,\n\t\t\t\t\t\t\tclientHeight,\n\t\t\t\t\t\t\te,\n\t\t\t\t\t\t\t// New optional properties last\n\t\t\t\t\t\t\tscrollLeft,\n\t\t\t\t\t\t\tscrollWidth,\n\t\t\t\t\t\t\tclientWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}) as SchmancyScrollEvent,\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Set up global command event listener\n\t\tfromEvent<SchmancyScrollCommandEvent>(window, '@schmancy:scrollTo')\n\t\t\t.pipe(\n\t\t\t\t// Only process events targeting this component by name\n\t\t\t\tfilter(e => this.name !== undefined && e.detail.name === this.name),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.detail.action === 'scrollTo' && typeof e.detail.top === 'number') {\n\t\t\t\t\tconst options: ScrollToOptions = {\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\ttop: e.detail.top, // Required for backward compatibility\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add optional left position if provided\n\t\t\t\t\tif (typeof e.detail.left === 'number') {\n\t\t\t\t\t\toptions.left = e.detail.left\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.scrollTo(options)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Renders the component template\n\t * @returns {TemplateResult} The template to render\n\t * @protected\n\t */\n\tprotected render() {\n\t\t// Only render the slot, all styling is applied to the host\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_a","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","firstUpdated","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","direction","debounce","options","scroller","scrollTo","behavior","updateScrollingStyles","updateLayoutContext","setAttribute","requestAnimationFrame","parent","parentElement","parentStyles","getComputedStyle","classList","remove","add","changedProperties","updated","has","passive","e","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","dispatchEvent","CustomEvent","detail","bubbles","composed","name","action","render","Number","SchmancyFlexV2","inline","baseDisplay","directionClass","wrapClass","alignClass","justifyClass","contentClass","join"],"mappings":"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"}
+{"version":3,"file":"flex-BEB1yuMF.cjs","sources":["../src/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { debounceTime, filter, fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Custom scroll event interface for the SchmancyScroll component.\n * Contains detailed information about the scroll state.\n */\nexport interface SchmancyScrollEvent\n\textends CustomEvent<{\n\t\t/** Current scroll position from the top */\n\t\tscrollTop: number\n\t\t/** Total scrollable height of the content */\n\t\tscrollHeight: number\n\t\t/** Visible height of the container */\n\t\tclientHeight: number\n\t\t/** Original scroll event */\n\t\te: Event\n\t\t/** Current scroll position from the left (for horizontal scrolling) */\n\t\tscrollLeft?: number\n\t\t/** Total scrollable width of the content (for horizontal scrolling) */\n\t\tscrollWidth?: number\n\t\t/** Visible width of the container (for horizontal scrolling) */\n\t\tclientWidth?: number\n\t}> {}\n\n/**\n * Command event interface for controlling SchmancyScroll components\n */\nexport interface SchmancyScrollCommandEvent\n\textends CustomEvent<{\n\t\t/** Target component name */\n\t\tname: string\n\t\t/** Command action to perform */\n\t\taction: 'scrollTo'\n\t\t/** Scroll position for scrollTo action */\n\t\ttop: number\n\t\t/** Horizontal scroll position for scrollTo action (optional) */\n\t\tleft?: number\n\t}> {}\n\n// Augment the HTMLElementEventMap to include our custom events\ndeclare global {\n\tinterface HTMLElementEventMap {\n\t\tscroll: SchmancyScrollEvent\n\t\t'schmancy-scroll-command': SchmancyScrollCommandEvent\n\t}\n}\n\n/**\n * A custom scrollable container with enhanced features.\n *\n * @fires {SchmancyScrollEvent} scroll - Fired when scrolling occurs (with a configurable debounce)\n * @slot - Default slot for content to be scrolled\n * @csspart scroller - The inner scrollable div element\n *\n * @example\n * ```html\n * <schmancy-scroll hide name=\"main-content\">\n *   <div>Scrollable content goes here</div>\n * </schmancy-scroll>\n * ```\n *\n * @example\n * ```html\n * <schmancy-scroll direction=\"horizontal\" hide name=\"image-carousel\">\n *   <div class=\"flex\">\n *     <img src=\"image1.jpg\" alt=\"Image 1\">\n *     <img src=\"image2.jpg\" alt=\"Image 2\">\n *   </div>\n * </schmancy-scroll>\n * ```\n */\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\t/* Flexible sizing for different layout contexts */\n\t\twidth: 100%;\n\t\tmin-height: 0; /* Allow flex shrinking */\n\t\tflex: 1; /* Grow in flex containers */\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tscroll-behavior: smooth;\n\t\toverscroll-behavior-x: contain;\n\t\toverscroll-behavior-y: auto;\n\t}\n\t/* Fallback for non-flex contexts */\n\t:host(.explicit-height) {\n\t\theight: 100%;\n\t\tflex: none;\n\t}\n\t:host([hide]) {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t:host([hide])::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the host element's scrollbars are hidden\n\t * in supported browsers using CSS.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\t/**\n\t * Optional name identifier for the component.\n\t * Used for targeting this specific component with global events.\n\t *\n\t * @attr name\n\t * @example <schmancy-scroll name=\"main-content\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic name?: string\n\n\t/**\n\t * Direction of scrolling: vertical, horizontal, or both.\n\t * - vertical: Only allows vertical scrolling\n\t * - horizontal: Only allows horizontal scrolling\n\t * - both: Allows both horizontal and vertical scrolling (default)\n\t *\n\t * @attr direction\n\t * @example <schmancy-scroll direction=\"horizontal\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic direction: 'vertical' | 'horizontal' | 'both' = 'both'\n\n\t/**\n\t * Reference to the scrollable element (the host element itself)\n\t * @public\n\t */\n\tget scroller(): HTMLElement {\n\t\treturn this\n\t}\n\n\t/**\n\t * Debounce time in milliseconds for the scroll event.\n\t * Higher values reduce the frequency of scroll events being dispatched.\n\t *\n\t * @attr debounce\n\t * @example <schmancy-scroll debounce=\"50\"></schmancy-scroll>\n\t */\n\t@property({ type: Number })\n\tpublic debounce = 10\n\n\t/**\n\t * Scrolls the container to the specified position\n\t * @param options - ScrollToOptions or a number representing the top position\n\t * @param top - For backward compatibility, if options is a number, this is treated as \"behavior\"\n\t */\n\tpublic override scrollTo(options?: ScrollToOptions | number, top?: number): void {\n\t\tif (!this.scroller) return\n\n\t\tif (typeof options === 'number') {\n\t\t\t// Legacy support for scrollTo(top, behavior)\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: options,\n\t\t\t\tbehavior: top ? 'smooth' : 'auto',\n\t\t\t})\n\t\t} else if (options) {\n\t\t\tthis.scroller.scrollTo(options)\n\t\t} else {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tbehavior: 'auto',\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Scrolls the container horizontally to the specified position\n\t * @param left - The horizontal position to scroll to (in pixels)\n\t * @param behavior - The scroll behavior ('auto' or 'smooth')\n\t */\n\tpublic scrollToLeft(left: number, behavior: ScrollBehavior = 'auto'): void {\n\t\tif (this.scroller) {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\tleft,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Called when the component is connected to the DOM\n\t * Applies scrolling styles directly to the host element\n\t * @protected\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.updateScrollingStyles()\n\t\tthis.updateLayoutContext()\n\t\t// Set the part attribute on the host element\n\t\tthis.setAttribute('part', 'scroller')\n\t}\n\n\t/**\n\t * Updates the overflow styles based on the direction property\n\t * @private\n\t */\n\tprivate updateScrollingStyles(): void {\n\t\t// Apply overflow styles based on direction\n\t\tif (this.direction === 'horizontal') {\n\t\t\tthis.style.setProperty('overflow-y', 'hidden')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t} else if (this.direction === 'vertical') {\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'hidden')\n\t\t} else {\n\t\t\t// both\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t}\n\t}\n\n\t/**\n\t * Updates the layout context based on parent container type\n\t * @private\n\t */\n\tprivate updateLayoutContext(): void {\n\t\t// Use requestAnimationFrame to ensure DOM is fully rendered\n\t\trequestAnimationFrame(() => {\n\t\t\t// Check if parent is a flex container\n\t\t\tconst parent = this.parentElement\n\t\t\tif (parent) {\n\t\t\t\tconst parentStyles = getComputedStyle(parent)\n\t\t\t\tconst isFlexParent = parentStyles.display === 'flex' || parentStyles.display === 'inline-flex'\n\n\t\t\t\t// For debugging - remove in production\n\t\t\t\tconsole.debug('schmancy-scroll parent detection:', {\n\t\t\t\t\tparent: parent.tagName,\n\t\t\t\t\tdisplay: parentStyles.display,\n\t\t\t\t\tisFlexParent,\n\t\t\t\t})\n\n\t\t\t\t// Apply appropriate class based on parent layout\n\t\t\t\tif (isFlexParent) {\n\t\t\t\t\tthis.classList.remove('explicit-height')\n\t\t\t\t} else {\n\t\t\t\t\tthis.classList.add('explicit-height')\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Default to explicit height if no parent\n\t\t\t\tthis.classList.add('explicit-height')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Called when properties change\n\t * @protected\n\t */\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\t// Update styles if direction changes\n\t\tif (changedProperties.has('direction')) {\n\t\t\tthis.updateScrollingStyles()\n\t\t}\n\t\t// Always update layout context in case parent layout changed\n\t\tthis.updateLayoutContext()\n\t}\n\n\t/**\n\t * Called after the component's first update\n\t * Sets up the scroll event listener with debouncing\n\t * @protected\n\t */\n\tprotected firstUpdated(): void {\n\t\t// Set up scroll event listening with debounce\n\t\tfromEvent(this.scroller, 'scroll', {\n\t\t\tpassive: true,\n\t\t})\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(this.debounce),\n\t\t\t\ttakeUntil(this.disconnecting), // Unsubscribe when the element is destroyed\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\t// Always include the original required properties for backward compatibility\n\t\t\t\tconst scrollTop = this.scroller.scrollTop\n\t\t\t\tconst scrollHeight = this.scroller.scrollHeight\n\t\t\t\tconst clientHeight = this.scroller.clientHeight\n\n\t\t\t\t// Include horizontal scroll information as optional properties\n\t\t\t\tconst scrollLeft = this.scroller.scrollLeft\n\t\t\t\tconst scrollWidth = this.scroller.scrollWidth\n\t\t\t\tconst clientWidth = this.scroller.clientWidth\n\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('scroll', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t// Original required properties first\n\t\t\t\t\t\t\tscrollTop,\n\t\t\t\t\t\t\tscrollHeight,\n\t\t\t\t\t\t\tclientHeight,\n\t\t\t\t\t\t\te,\n\t\t\t\t\t\t\t// New optional properties last\n\t\t\t\t\t\t\tscrollLeft,\n\t\t\t\t\t\t\tscrollWidth,\n\t\t\t\t\t\t\tclientWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}) as SchmancyScrollEvent,\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Set up global command event listener\n\t\tfromEvent<SchmancyScrollCommandEvent>(window, '@schmancy:scrollTo')\n\t\t\t.pipe(\n\t\t\t\t// Only process events targeting this component by name\n\t\t\t\tfilter(e => this.name !== undefined && e.detail.name === this.name),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.detail.action === 'scrollTo' && typeof e.detail.top === 'number') {\n\t\t\t\t\tconst options: ScrollToOptions = {\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\ttop: e.detail.top, // Required for backward compatibility\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add optional left position if provided\n\t\t\t\t\tif (typeof e.detail.left === 'number') {\n\t\t\t\t\t\toptions.left = e.detail.left\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.scrollTo(options)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Renders the component template\n\t * @returns {TemplateResult} The template to render\n\t * @protected\n\t */\n\tprotected render() {\n\t\t// Only render the slot, all styling is applied to the host\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_a","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","firstUpdated","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","direction","debounce","options","scroller","scrollTo","behavior","updateScrollingStyles","updateLayoutContext","setAttribute","requestAnimationFrame","parent","parentElement","parentStyles","getComputedStyle","classList","remove","add","changedProperties","updated","has","passive","e","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","dispatchEvent","CustomEvent","detail","bubbles","composed","name","action","render","Number","SchmancyFlexV2","inline","baseDisplay","directionClass","wrapClass","alignClass","justifyClass","contentClass","join"],"mappings":"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"}

package/dist/{flex-DUgMxT_9.js → flex-BgcbHlPo.js}

@@ -4,7 +4,7 @@ import { classMap as W } from "lit/directives/class-map.js";
 import { styleMap as z } from "lit/directives/style-map.js";
 import { fromEvent as x, map as S, startWith as E, distinctUntilChanged as L, takeUntil as k, debounceTime as C, filter as B } from "rxjs";
 import "rxjs/operators";
-import { T as O } from "./tailwind.mixin-xIIxrXd8.js";
+import { T as O } from "./tailwind.mixin-DIW0B_of.js";
 var H = Object.defineProperty, i = (e, r, p, l) => {
   for (var n, o = void 0, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = n(r, p, o) || o);
   return o && H(r, p, o), o;
@@ -257,4 +257,4 @@ export {
   u as b,
   y as c
 };
-//# sourceMappingURL=flex-DUgMxT_9.js.map
+//# sourceMappingURL=flex-BgcbHlPo.js.map