@mhmo91/schmancy 0.2.37 → 0.2.39

package/dist/scroll-DNj5rrzc.cjs

@@ -0,0 +1,33 @@
+"use strict";const d=require("lit"),t=require("lit/decorators.js"),k=require("lit/directives/style-map.js"),a=require("rxjs");require("lit/directives/class-map.js");const P=require("./tailwind.mixin-BmIP1Qzo.cjs");var j=Object.defineProperty,r=(s,i,n,p)=>{for(var l,o=void 0,y=s.length-1;y>=0;y--)(l=s[y])&&(o=l(i,n,o)||o);return o&&j(i,n,o),o};const g=class g extends P.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"))}};g.styles=[g.styles];let e=g;r([t.property({type:Boolean})],e.prototype,"center"),r([t.property({type:String})],e.prototype,"padding"),r([t.property({type:String})],e.prototype,"margin"),r([t.property({type:String})],e.prototype,"width"),r([t.property({type:String})],e.prototype,"height"),r([t.property({type:String})],e.prototype,"minWidth"),r([t.property({type:String})],e.prototype,"minHeight"),r([t.property({type:String})],e.prototype,"maxWidth"),r([t.property({type:String})],e.prototype,"maxHeight"),r([t.property({type:String})],e.prototype,"display"),r([t.property({type:String})],e.prototype,"overflow"),r([t.property({type:String})],e.prototype,"overflowX"),r([t.property({type:String})],e.prototype,"overflowY"),r([t.property({type:String})],e.prototype,"position"),r([t.property({type:String})],e.prototype,"top"),r([t.property({type:String})],e.prototype,"right"),r([t.property({type:String})],e.prototype,"bottom"),r([t.property({type:String})],e.prototype,"left"),r([t.property({type:String})],e.prototype,"inset"),r([t.property({type:String})],e.prototype,"zIndex"),r([t.property({type:String})],e.prototype,"border"),r([t.property({type:String})],e.prototype,"borderTop"),r([t.property({type:String})],e.prototype,"borderRight"),r([t.property({type:String})],e.prototype,"borderBottom"),r([t.property({type:String})],e.prototype,"borderLeft"),r([t.property({type:String})],e.prototype,"borderColor"),r([t.property({type:String})],e.prototype,"borderRadius"),r([t.property({type:String})],e.prototype,"borderWidth"),r([t.property({type:String})],e.prototype,"boxShadow"),r([t.property({type:String})],e.prototype,"opacity"),r([t.property({type:String})],e.prototype,"background"),r([t.property({type:String})],e.prototype,"backgroundImage"),r([t.property({type:String})],e.prototype,"backgroundPosition"),r([t.property({type:String})],e.prototype,"backgroundSize"),r([t.property({type:String})],e.prototype,"backgroundRepeat"),r([t.property({type:String})],e.prototype,"backgroundAttachment"),r([t.property({type:String})],e.prototype,"backgroundColor"),r([t.property({type:String})],e.prototype,"backgroundClip"),r([t.property({type:String})],e.prototype,"backgroundOrigin"),r([t.property({type:String})],e.prototype,"backgroundBlendMode"),r([t.property({type:String})],e.prototype,"filter"),r([t.property({type:String})],e.prototype,"backdropFilter");var G=Object.defineProperty,O=Object.getOwnPropertyDescriptor,c=(s,i,n,p)=>{for(var l,o=p>1?void 0:p?O(i,n):i,y=s.length-1;y>=0;y--)(l=s[y])&&(o=(p?l(i,n,o):l(o))||o);return p&&o&&G(i,n,o),o};exports.SchmancyFlex=class extends e{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const s={flex:!0,"flex-row":this.flow==="row","flex-row-reverse":this.flow==="row-reverse","flex-col":this.flow==="col","flex-col-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-nowrap":this.wrap==="nowrap","flex-wrap-reverse":this.wrap==="wrap-reverse","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","items-baseline":this.align==="baseline","justify-start":this.justify==="start","justify-center":this.justify==="center","justify-end":this.justify==="end","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=${this.classMap(s)} style=${k.styleMap({})}>
+				<slot></slot>
+			</section>
+		`}},exports.SchmancyFlex.styles=[e.styles,d.unsafeCSS(":host{display:block;background-color:inherit}")],c([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"flow",2),c([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"wrap",2),c([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"align",2),c([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"justify",2),c([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"gap",2),exports.SchmancyFlex=c([t.customElement("schmancy-flex")],exports.SchmancyFlex);var C=Object.defineProperty,F=Object.getOwnPropertyDescriptor,h=(s,i,n,p)=>{for(var l,o=p>1?void 0:p?F(i,n):i,y=s.length-1;y>=0;y--)(l=s[y])&&(o=(p?l(i,n,o):l(o))||o);return p&&o&&C(i,n,o),o};exports.SchmancyGrid=class extends e{constructor(){super(...arguments),this.layout=!0,this.flow="row",this.align="stretch",this.justify="stretch",this.content="stretch",this.gap="none",this.wrap=!1}firstUpdated(){this.rcols&&a.fromEvent(window,"resize").pipe(a.map(s=>s.target),a.startWith(1),a.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),a.distinctUntilChanged(),a.takeUntil(this.disconnecting),a.debounceTime(10),a.map(s=>{var n,p,l,o,y,u,m,f,b,w,S,v;let i;return(n=this.rcols)!=null&&n["2xl"]&&s>=1536?i=(p=this.rcols)==null?void 0:p["2xl"]:(l=this.rcols)!=null&&l.xl&&s>=1280?i=(o=this.rcols)==null?void 0:o.xl:(y=this.rcols)!=null&&y.lg&&s>=1024?i=(u=this.rcols)==null?void 0:u.lg:(m=this.rcols)!=null&&m.md&&s>=768?i=(f=this.rcols)==null?void 0:f.md:(b=this.rcols)!=null&&b.sm&&s>=640?i=(w=this.rcols)==null?void 0:w.sm:(S=this.rcols)!=null&&S.xs&&s<640&&(i=(v=this.rcols)==null?void 0:v.xs),i})).subscribe(s=>{this.cols=s})}render(){const s={"h-full":!0,"grid flex-1":!0,"grid-flow-row auto-rows-max":this.flow==="row","grid-flow-col auto-cols-max":this.flow==="col","grid-flow-row-dense":this.flow==="row-dense","grid-flow-col-dense":this.flow==="col-dense","grid-flow-dense":this.flow==="dense","justify-center":this.content==="center","justify-end":this.content==="end","justify-start":this.content==="start","justify-stretch":this.content==="stretch","justify-between":this.content==="between","justify-around":this.content==="around","justify-evenly":this.content==="evenly","justify-items-center":this.justify==="center","justify-items-end":this.justify==="end","justify-items-start":this.justify==="start","justify-items-stretch":this.justify==="stretch","items-center":this.align==="center","items-end":this.align==="end","items-start":this.align==="start","items-stretch":this.align==="stretch","items-baseline":this.align==="baseline","gap-0":this.gap==="none","gap-1":this.gap==="xs","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg","flex-nowrap":this.wrap,"flex-wrap":!this.wrap},i={gridTemplateRows:this.rows?this.rows:void 0,gridTemplateColumns:this.cols?this.cols:void 0};return d.html`
+			<section class="${this.classMap(s)}" style=${this.styleMap(i)}>
+				<slot> </slot>
+			</section>
+		`}},exports.SchmancyGrid.styles=[e.styles,d.unsafeCSS(":host{height:max-content;width:-webkit-fill-available;display:block}")],h([t.property({type:String})],exports.SchmancyGrid.prototype,"flow",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"align",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"justify",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"content",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"gap",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"cols",2),h([t.property({type:String})],exports.SchmancyGrid.prototype,"rows",2),h([t.property({type:Object})],exports.SchmancyGrid.prototype,"rcols",2),h([t.property({type:Boolean})],exports.SchmancyGrid.prototype,"wrap",2),h([t.queryAssignedElements()],exports.SchmancyGrid.prototype,"assignedElements",2),exports.SchmancyGrid=h([t.customElement("schmancy-grid")],exports.SchmancyGrid);var E=Object.defineProperty,W=Object.getOwnPropertyDescriptor,x=(s,i,n,p)=>{for(var l,o=p>1?void 0:p?W(i,n):i,y=s.length-1;y>=0;y--)(l=s[y])&&(o=(p?l(i,n,o):l(o))||o);return p&&o&&E(i,n,o),o};exports.SchmancyScroll=class extends P.TailwindElement(d.css`
+	:host {
+		height: 100%;
+		width: 100%;
+		overflow: hidden;
+		box-sizing: border-box; /* Ensures proper sizing */
+		display: block;
+		position: relative;
+		inset: 0px;
+	}
+	.scrollbar-hide {
+		-ms-overflow-style: none; /* IE and Edge */
+		scrollbar-width: none; /* Firefox */
+	}
+	.scrollbar-hide::-webkit-scrollbar {
+		display: none; /* Chrome, Safari, and Opera */
+	}
+`){constructor(){super(...arguments),this.hide=!1}render(){const s={"h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain":!0,"scrollbar-hide":this.hide};return d.html`
+			<div class="relative inset-0 h-full w-full overscroll-none">
+				<div class=${this.classMap(s)}>
+					<slot></slot>
+				</div>
+			</div>
+		`}},x([t.property({type:Boolean,reflect:!0})],exports.SchmancyScroll.prototype,"hide",2),exports.SchmancyScroll=x([t.customElement("schmancy-scroll")],exports.SchmancyScroll);
+//# sourceMappingURL=scroll-DNj5rrzc.cjs.map

package/dist/scroll-DNj5rrzc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-DNj5rrzc.cjs","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\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 { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t *  - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t *  - \"wrap\" | \"nowrap\" | \"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 property:\n\t *  - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t *  - \"start\", \"center\", \"end\", \"between\"\n\t *  (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t *  for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t *  - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t *  (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\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'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\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\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\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/layout'\nimport style from './grid.scss?inline'\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'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-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 inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\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\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","undefined","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","_n","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","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","render"],"mappings":"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"}

package/dist/{scroll-CYzhWpN5.js → scroll-moSwU3Ry.js}

@@ -1,12 +1,12 @@
-import { unsafeCSS as C, html as u, css as W } from "lit";
+import { unsafeCSS as C, html as b, css as W } from "lit";
 import { property as t, customElement as w, queryAssignedElements as B } from "lit/decorators.js";
-import { classMap as E } from "lit/directives/class-map.js";
-import { styleMap as M } from "lit/directives/style-map.js";
-import { fromEvent as R, map as f, startWith as T, distinctUntilChanged as $, takeUntil as I, debounceTime as H } from "rxjs";
-import { T as z } from "./tailwind.mixin-DtR4DQvn.js";
-var A = Object.defineProperty, r = (o, i, l, p) => {
+import { styleMap as E } from "lit/directives/style-map.js";
+import { fromEvent as M, map as f, startWith as R, distinctUntilChanged as T, takeUntil as I, debounceTime as $ } from "rxjs";
+import "lit/directives/class-map.js";
+import { T as z } from "./tailwind.mixin-CHPxMV8E.js";
+var H = Object.defineProperty, r = (o, i, l, p) => {
   for (var y, s = void 0, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = y(i, l, s) || s);
-  return s && A(i, l, s), s;
+  return s && H(i, l, s), s;
 };
 const g = class g extends z() {
   constructor() {
@@ -19,34 +19,34 @@ const g = class g extends z() {
 g.styles = [g.styles];
 let e = g;
 r([t({ type: Boolean })], e.prototype, "center"), r([t({ type: String })], e.prototype, "padding"), r([t({ type: String })], e.prototype, "margin"), r([t({ type: String })], e.prototype, "width"), r([t({ type: String })], e.prototype, "height"), r([t({ type: String })], e.prototype, "minWidth"), r([t({ type: String })], e.prototype, "minHeight"), r([t({ type: String })], e.prototype, "maxWidth"), r([t({ type: String })], e.prototype, "maxHeight"), r([t({ type: String })], e.prototype, "display"), r([t({ type: String })], e.prototype, "overflow"), r([t({ type: String })], e.prototype, "overflowX"), r([t({ type: String })], e.prototype, "overflowY"), r([t({ type: String })], e.prototype, "position"), r([t({ type: String })], e.prototype, "top"), r([t({ type: String })], e.prototype, "right"), r([t({ type: String })], e.prototype, "bottom"), r([t({ type: String })], e.prototype, "left"), r([t({ type: String })], e.prototype, "inset"), r([t({ type: String })], e.prototype, "zIndex"), r([t({ type: String })], e.prototype, "border"), r([t({ type: String })], e.prototype, "borderTop"), r([t({ type: String })], e.prototype, "borderRight"), r([t({ type: String })], e.prototype, "borderBottom"), r([t({ type: String })], e.prototype, "borderLeft"), r([t({ type: String })], e.prototype, "borderColor"), r([t({ type: String })], e.prototype, "borderRadius"), r([t({ type: String })], e.prototype, "borderWidth"), r([t({ type: String })], e.prototype, "boxShadow"), r([t({ type: String })], e.prototype, "opacity"), r([t({ type: String })], e.prototype, "background"), r([t({ type: String })], e.prototype, "backgroundImage"), r([t({ type: String })], e.prototype, "backgroundPosition"), r([t({ type: String })], e.prototype, "backgroundSize"), r([t({ type: String })], e.prototype, "backgroundRepeat"), r([t({ type: String })], e.prototype, "backgroundAttachment"), r([t({ type: String })], e.prototype, "backgroundColor"), r([t({ type: String })], e.prototype, "backgroundClip"), r([t({ type: String })], e.prototype, "backgroundOrigin"), r([t({ type: String })], e.prototype, "backgroundBlendMode"), r([t({ type: String })], e.prototype, "filter"), r([t({ type: String })], e.prototype, "backdropFilter");
-var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, d = (o, i, l, p) => {
-  for (var y, s = p > 1 ? void 0 : p ? F(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
-  return p && s && D(i, l, s), s;
+var A = Object.defineProperty, D = Object.getOwnPropertyDescriptor, c = (o, i, l, p) => {
+  for (var y, s = p > 1 ? void 0 : p ? D(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
+  return p && s && A(i, l, s), s;
 };
-let c = class extends e {
+let d = class extends e {
   constructor() {
     super(...arguments), this.layout = !0, this.flow = "col", this.wrap = "wrap", this.align = "start", this.justify = "start", this.gap = "none";
   }
   render() {
-    const o = { 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 u`
-			<section class=${E(o)} style=${M({})}>
+    const o = { flex: !0, "flex-row": this.flow === "row", "flex-row-reverse": this.flow === "row-reverse", "flex-col": this.flow === "col", "flex-col-reverse": this.flow === "col-reverse", "flex-wrap": this.wrap === "wrap", "flex-nowrap": this.wrap === "nowrap", "flex-wrap-reverse": this.wrap === "wrap-reverse", "items-start": this.align === "start", "items-center": this.align === "center", "items-end": this.align === "end", "items-stretch": this.align === "stretch", "items-baseline": this.align === "baseline", "justify-start": this.justify === "start", "justify-center": this.justify === "center", "justify-end": this.justify === "end", "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 b`
+			<section class=${this.classMap(o)} style=${E({})}>
 				<slot></slot>
 			</section>
 		`;
   }
 };
-c.styles = [e.styles, C(":host{display:block;background-color:inherit}")], d([t({ type: String, reflect: !0 })], c.prototype, "flow", 2), d([t({ type: String, reflect: !0 })], c.prototype, "wrap", 2), d([t({ type: String, reflect: !0 })], c.prototype, "align", 2), d([t({ type: String, reflect: !0 })], c.prototype, "justify", 2), d([t({ type: String, reflect: !0 })], c.prototype, "gap", 2), c = d([w("schmancy-flex")], c);
-var U = Object.defineProperty, X = Object.getOwnPropertyDescriptor, a = (o, i, l, p) => {
-  for (var y, s = p > 1 ? void 0 : p ? X(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
-  return p && s && U(i, l, s), s;
+d.styles = [e.styles, C(":host{display:block;background-color:inherit}")], c([t({ type: String, reflect: !0 })], d.prototype, "flow", 2), c([t({ type: String, reflect: !0 })], d.prototype, "wrap", 2), c([t({ type: String, reflect: !0 })], d.prototype, "align", 2), c([t({ type: String, reflect: !0 })], d.prototype, "justify", 2), c([t({ type: String, reflect: !0 })], d.prototype, "gap", 2), d = c([w("schmancy-flex")], d);
+var F = Object.defineProperty, U = Object.getOwnPropertyDescriptor, a = (o, i, l, p) => {
+  for (var y, s = p > 1 ? void 0 : p ? U(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
+  return p && s && F(i, l, s), s;
 };
 let h = class extends e {
   constructor() {
     super(...arguments), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
   }
   firstUpdated() {
-    this.rcols && R(window, "resize").pipe(f((o) => o.target), T(1), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), $(), I(this.disconnecting), H(10), f((o) => {
+    this.rcols && M(window, "resize").pipe(f((o) => o.target), R(1), f(() => this.clientWidth ? this.clientWidth : window.innerWidth), T(), I(this.disconnecting), $(10), f((o) => {
       var l, p, y, s, n, m, S, v, P, x, k, j;
       let i;
       return (l = this.rcols) != null && l["2xl"] && o >= 1536 ? i = (p = this.rcols) == null ? void 0 : p["2xl"] : (y = this.rcols) != null && y.xl && o >= 1280 ? i = (s = this.rcols) == null ? void 0 : s.xl : (n = this.rcols) != null && n.lg && o >= 1024 ? i = (m = this.rcols) == null ? void 0 : m.lg : (S = this.rcols) != null && S.md && o >= 768 ? i = (v = this.rcols) == null ? void 0 : v.md : (P = this.rcols) != null && P.sm && o >= 640 ? i = (x = this.rcols) == null ? void 0 : x.sm : (k = this.rcols) != null && k.xs && o < 640 && (i = (j = this.rcols) == null ? void 0 : j.xs), i;
@@ -56,7 +56,7 @@ let h = class extends e {
   }
   render() {
     const o = { "h-full": !0, "grid flex-1": !0, "grid-flow-row auto-rows-max": this.flow === "row", "grid-flow-col auto-cols-max": this.flow === "col", "grid-flow-row-dense": this.flow === "row-dense", "grid-flow-col-dense": this.flow === "col-dense", "grid-flow-dense": this.flow === "dense", "justify-center": this.content === "center", "justify-end": this.content === "end", "justify-start": this.content === "start", "justify-stretch": this.content === "stretch", "justify-between": this.content === "between", "justify-around": this.content === "around", "justify-evenly": this.content === "evenly", "justify-items-center": this.justify === "center", "justify-items-end": this.justify === "end", "justify-items-start": this.justify === "start", "justify-items-stretch": this.justify === "stretch", "items-center": this.align === "center", "items-end": this.align === "end", "items-start": this.align === "start", "items-stretch": this.align === "stretch", "items-baseline": this.align === "baseline", "gap-0": this.gap === "none", "gap-1": this.gap === "xs", "gap-2": this.gap === "sm", "gap-4": this.gap === "md", "gap-8": this.gap === "lg", "flex-nowrap": this.wrap, "flex-wrap": !this.wrap }, i = { gridTemplateRows: this.rows ? this.rows : void 0, gridTemplateColumns: this.cols ? this.cols : void 0 };
-    return u`
+    return b`
 			<section class="${this.classMap(o)}" style=${this.styleMap(i)}>
 				<slot> </slot>
 			</section>
@@ -64,11 +64,11 @@ let h = class extends e {
   }
 };
 h.styles = [e.styles, C(":host{height:max-content;width:-webkit-fill-available;display:block}")], a([t({ type: String })], h.prototype, "flow", 2), a([t({ type: String })], h.prototype, "align", 2), a([t({ type: String })], h.prototype, "justify", 2), a([t({ type: String })], h.prototype, "content", 2), a([t({ type: String })], h.prototype, "gap", 2), a([t({ type: String })], h.prototype, "cols", 2), a([t({ type: String })], h.prototype, "rows", 2), a([t({ type: Object })], h.prototype, "rcols", 2), a([t({ type: Boolean })], h.prototype, "wrap", 2), a([B()], h.prototype, "assignedElements", 2), h = a([w("schmancy-grid")], h);
-var Y = Object.defineProperty, L = Object.getOwnPropertyDescriptor, O = (o, i, l, p) => {
-  for (var y, s = p > 1 ? void 0 : p ? L(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
-  return p && s && Y(i, l, s), s;
+var X = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, O = (o, i, l, p) => {
+  for (var y, s = p > 1 ? void 0 : p ? Y(i, l) : i, n = o.length - 1; n >= 0; n--) (y = o[n]) && (s = (p ? y(i, l, s) : y(s)) || s);
+  return p && s && X(i, l, s), s;
 };
-let b = class extends z(W`
+let u = class extends z(W`
 	:host {
 		height: 100%;
 		width: 100%;
@@ -91,7 +91,7 @@ let b = class extends z(W`
   }
   render() {
     const o = { "h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain": !0, "scrollbar-hide": this.hide };
-    return u`
+    return b`
 			<div class="relative inset-0 h-full w-full overscroll-none">
 				<div class=${this.classMap(o)}>
 					<slot></slot>
@@ -100,10 +100,10 @@ let b = class extends z(W`
 		`;
   }
 };
-O([t({ type: Boolean, reflect: !0 })], b.prototype, "hide", 2), b = O([w("schmancy-scroll")], b);
+O([t({ type: Boolean, reflect: !0 })], u.prototype, "hide", 2), u = O([w("schmancy-scroll")], u);
 export {
-  c as S,
+  d as S,
   h as a,
-  b
+  u as b
 };
-//# sourceMappingURL=scroll-CYzhWpN5.js.map
+//# sourceMappingURL=scroll-moSwU3Ry.js.map

package/dist/scroll-moSwU3Ry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-moSwU3Ry.js","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\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 { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t *  - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t *  - \"wrap\" | \"nowrap\" | \"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 property:\n\t *  - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t *  - \"start\", \"center\", \"end\", \"between\"\n\t *  (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t *  for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t *  - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t *  (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\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'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\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\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\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/layout'\nimport style from './grid.scss?inline'\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'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-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 inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\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\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","super","arguments","this","layout","center","undefined","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","_b","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","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","render"],"mappings":"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"}

package/dist/select-DEOnUayG.cjs

@@ -0,0 +1,52 @@
+"use strict";const a=require("@floating-ui/dom");require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const u=require("./litElement.mixin-CYwiYZyZ.cjs");require("./tailwind.mixin-BmIP1Qzo.cjs");const d=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),l=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(e,s,t,i)=>{for(var c,n=i>1?void 0:i?v(s,t):s,r=e.length-1;r>=0;r--)(c=e[r])&&(n=(i?c(s,t,n):c(n))||n);return i&&n&&m(s,t,n),n};exports.SchmancySelect=class extends u.$LitElement(h.css`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		max-height: 25vh;
+		overflow-y: auto;
+		outline: none;
+	}
+`){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.value="",this.selectedValues=[],this.multi=!1,this.label="",this.isOpen=!1,this.valueLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),(e=this.cleanupPositioner)==null||e.call(this)}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}syncSelection(){if(this.multi)this.selectedValues=this.options.filter(e=>e.selected).map(e=>e.value),this.valueLabel=this.selectedValues.length>0?this.options.filter(e=>this.selectedValues.includes(e.value)).map(e=>e.label).join(", "):this.placeholder;else{const e=this.options.find(s=>s.value===this.value);this.valueLabel=(e==null?void 0:e.label)||this.placeholder}}setupOptionsAccessibility(){this.options.forEach(e=>{e.setAttribute("role","option"),e.tabIndex=-1,e.setAttribute("aria-selected",String(this.multi?this.selectedValues.includes(e.value):e.value===this.value))})}async positionDropdown(){const e=this.renderRoot.querySelector(".trigger");e&&this.ul&&(this.cleanupPositioner=a.autoUpdate(e,this.ul,async()=>{const{x:s,y:t}=await a.computePosition(e,this.ul,{placement:"bottom-start",middleware:[a.offset(5),a.flip(),a.shift({padding:5})]});Object.assign(this.ul.style,{left:`${s}px`,top:`${t}px`,position:"absolute"})}))}handleKeyDown(e){if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(e.key)&&(e.preventDefault(),this.openDropdown()));const s=Array.from(this.ul.querySelectorAll('[role="option"]')),t=s.findIndex(i=>i.matches(":focus"));switch(e.key){case"Escape":case"Tab":this.closeDropdown();break;case"ArrowDown":e.preventDefault(),this.focusOption(s,Math.min(t+1,s.length-1));break;case"ArrowUp":e.preventDefault(),this.focusOption(s,Math.max(t-1,0));break;case"Enter":case" ":e.preventDefault(),t>=0&&this.handleOptionSelect(s[t].value)}}focusOption(e,s){var t;(t=e[s])==null||t.focus()}async openDropdown(){this.isOpen=!0,await this.updateComplete,this.positionDropdown(),this.setupOptionsAccessibility();const e=Array.from(this.ul.querySelectorAll('[role="option"]')),s=this.multi?0:e.findIndex(t=>t.getAttribute("value")===this.value);this.focusOption(e,Math.max(s,0))}closeDropdown(){var e,s;this.isOpen=!1,(e=this.cleanupPositioner)==null||e.call(this),this.cleanupPositioner=void 0,(s=this.renderRoot.querySelector(".trigger"))==null||s.focus()}handleOptionSelect(e){var s;if(this.multi){const t=this.options.find(i=>i.value===e);if(!t)return;t.selected=!t.selected,t.selected?this.selectedValues=[...this.selectedValues,e]:this.selectedValues=this.selectedValues.filter(i=>i!==e),this.valueLabel=this.selectedValues.length>0?this.options.filter(i=>this.selectedValues.includes(i.value)).map(i=>i.label).join(", "):this.placeholder,this.dispatchChange(this.selectedValues)}else this.options.forEach(t=>t.selected=t.value===e),this.value=e,this.valueLabel=((s=this.options.find(t=>t.value===e))==null?void 0:s.label)||this.placeholder,this.dispatchChange(e),this.closeDropdown();this.setupOptionsAccessibility()}dispatchChange(e){this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}render(){return h.html`
+			<div class="relative">
+				<!-- Some trigger (schmancy-input) -->
+				<schmancy-input
+					class="trigger"
+					role="combobox"
+					aria-haspopup="listbox"
+					aria-expanded=${this.isOpen}
+					aria-controls="options"
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.value=${this.valueLabel}
+					readonly
+					@click=${()=>this.isOpen?this.closeDropdown():this.openDropdown()}
+				></schmancy-input>
+
+				<!-- Transparent overlay to close dropdown by clicking outside -->
+				<div
+					id="overlay"
+					class="fixed inset-0"
+					?hidden=${!this.isOpen}
+					@click=${this.closeDropdown}
+					tabindex="-1"
+				></div>
+
+				<!-- The dropdown options container -->
+				<ul
+					id="options"
+					role="listbox"
+					class=${p.classMap({"absolute z-30 mt-1 w-full rounded-md shadow-sm":!0,hidden:!this.isOpen})}
+					${d.color({bgColor:y.SchmancyTheme.sys.color.surface.container})}
+					@click=${e=>{var i;const s=e,t=(i=s.detail)==null?void 0:i.value;t&&this.handleOptionSelect(t)}}
+				>
+					<!-- The <schmancy-option> elements get slotted in here -->
+					<slot
+						@slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
+					></slot>
+				</ul>
+			</div>
+		`}},o([l.property({type:Boolean})],exports.SchmancySelect.prototype,"required",2),o([l.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),o([l.property({type:String})],exports.SchmancySelect.prototype,"value",2),o([l.property({type:Array})],exports.SchmancySelect.prototype,"selectedValues",2),o([l.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),o([l.property({type:String})],exports.SchmancySelect.prototype,"label",2),o([l.state()],exports.SchmancySelect.prototype,"isOpen",2),o([l.state()],exports.SchmancySelect.prototype,"valueLabel",2),o([l.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([l.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),exports.SchmancySelect=o([l.customElement("schmancy-select")],exports.SchmancySelect);
+//# sourceMappingURL=select-DEOnUayG.cjs.map

package/dist/select-DEOnUayG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DEOnUayG.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\tmax-height: 25vh;\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// API\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) value = '' // for single-select\n\t@property({ type: Array }) selectedValues: string[] = [] // for multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\t// Initial sync\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\t/**\n\t * Whenever new <schmancy-option> children get slotted in,\n\t * or whenever properties change, ensure the correct .selected states\n\t * and display text are applied.\n\t */\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\t// For multi-select, figure out what's already marked selected in the DOM\n\t\t\tthis.selectedValues = this.options.filter(o => o.selected).map(o => o.value)\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\t/**\n\t * We can also set up any ARIA attributes here.\n\t * Note that we’re toggling `aria-selected` for screen readers,\n\t * but the highlight in CSS is triggered by the option’s `selected` property.\n\t */\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach(option => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? this.selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\t/**\n\t * Use @floating-ui/dom to position the <ul> under the \"trigger\" input.\n\t */\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Keydown logic for opening/closing the dropdown and navigating options.\n\t */\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, certain keys will open it:\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown()\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// If open, handle arrow up/down, enter, escape, etc.\n\t\tconst options = Array.from(this.ul.querySelectorAll<SchmancyOption>('[role=\"option\"]'))\n\t\tconst current = options.findIndex(o => o.matches(':focus'))\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\toptions[index]?.focus()\n\t}\n\n\tprivate async openDropdown() {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete // Wait for lit to render\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Optionally focus the currently selected item:\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tthis.cleanupPositioner = undefined\n\t\t// Return focus to the trigger (optional):\n\t\tthis.renderRoot.querySelector<HTMLButtonElement>('.trigger')?.focus()\n\t}\n\n\t/**\n\t * Main method for toggling or setting selected items.\n\t */\n\tprivate handleOptionSelect(value: string) {\n\t\tif (this.multi) {\n\t\t\t// Multi-select: Toggle the .selected property on the clicked option\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\t// Rebuild selectedValues\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectedValues = [...this.selectedValues, value]\n\t\t\t} else {\n\t\t\t\tthis.selectedValues = this.selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\t// Update the visible label\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\t// Dispatch \"change\" event\n\t\t\tthis.dispatchChange(this.selectedValues)\n\t\t} else {\n\t\t\t// Single select: unselect all, select the clicked one\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\t// Close after selecting\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Also update aria-selected for accessibility\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<!-- Some trigger (schmancy-input) -->\n\t\t\t\t<schmancy-input\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown())}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<!-- Transparent overlay to close dropdown by clicking outside -->\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- The dropdown options container -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-30 mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t// If a <schmancy-option> inside was clicked, it dispatches a 'click' event\n\t\t\t\t\t\t// with detail.value. We can read that here:\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- The <schmancy-option> elements get slotted in here -->\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","arguments","this","required","placeholder","value","selectedValues","multi","label","isOpen","valueLabel","connectedCallback","addEventListener","handleKeyDown","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","options","filter","o","selected","map","length","includes","join","selectedOption","find","forEach","option","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","style","left","top","position","e","key","preventDefault","openDropdown","Array","from","querySelectorAll","current","findIndex","matches","closeDropdown","focusOption","Math","min","max","handleOptionSelect","index","focus","updateComplete","positionDropdown","selectedIndex","getAttribute","undefined","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","render","html","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","__decorateClass","property","type","Boolean","prototype","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-Dmhiq26e.js

@@ -0,0 +1,156 @@
+import { autoUpdate as h, computePosition as u, offset as d, flip as y, shift as m } from "@floating-ui/dom";
+import "rxjs";
+import { classMap as v } from "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as b } from "./litElement.mixin-DoKCdkhO.js";
+import "./tailwind.mixin-CHPxMV8E.js";
+import { c as f } from "./ripple-BumgqsDT.js";
+import { S as w } from "./theme.interface-C5Kj6WjD.js";
+import { css as g, html as O } from "lit";
+import { property as n, state as p, query as D, queryAssignedElements as x, customElement as A } from "lit/decorators.js";
+var S = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (e, s, t, i) => {
+  for (var r, a = i > 1 ? void 0 : i ? k(s, t) : s, c = e.length - 1; c >= 0; c--) (r = e[c]) && (a = (i ? r(s, t, a) : r(a)) || a);
+  return i && a && S(s, t, a), a;
+};
+let o = class extends b(g`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		max-height: 25vh;
+		overflow-y: auto;
+		outline: none;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.required = !1, this.placeholder = "", this.value = "", this.selectedValues = [], this.multi = !1, this.label = "", this.isOpen = !1, this.valueLabel = "";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), this.removeEventListener("keydown", this.handleKeyDown), (e = this.cleanupPositioner) == null || e.call(this);
+  }
+  firstUpdated() {
+    this.syncSelection(), this.setupOptionsAccessibility();
+  }
+  syncSelection() {
+    if (this.multi) this.selectedValues = this.options.filter((e) => e.selected).map((e) => e.value), this.valueLabel = this.selectedValues.length > 0 ? this.options.filter((e) => this.selectedValues.includes(e.value)).map((e) => e.label).join(", ") : this.placeholder;
+    else {
+      const e = this.options.find((s) => s.value === this.value);
+      this.valueLabel = (e == null ? void 0 : e.label) || this.placeholder;
+    }
+  }
+  setupOptionsAccessibility() {
+    this.options.forEach((e) => {
+      e.setAttribute("role", "option"), e.tabIndex = -1, e.setAttribute("aria-selected", String(this.multi ? this.selectedValues.includes(e.value) : e.value === this.value));
+    });
+  }
+  async positionDropdown() {
+    const e = this.renderRoot.querySelector(".trigger");
+    e && this.ul && (this.cleanupPositioner = h(e, this.ul, async () => {
+      const { x: s, y: t } = await u(e, this.ul, { placement: "bottom-start", middleware: [d(5), y(), m({ padding: 5 })] });
+      Object.assign(this.ul.style, { left: `${s}px`, top: `${t}px`, position: "absolute" });
+    }));
+  }
+  handleKeyDown(e) {
+    if (!this.isOpen) return void (["Enter", " ", "ArrowDown"].includes(e.key) && (e.preventDefault(), this.openDropdown()));
+    const s = Array.from(this.ul.querySelectorAll('[role="option"]')), t = s.findIndex((i) => i.matches(":focus"));
+    switch (e.key) {
+      case "Escape":
+      case "Tab":
+        this.closeDropdown();
+        break;
+      case "ArrowDown":
+        e.preventDefault(), this.focusOption(s, Math.min(t + 1, s.length - 1));
+        break;
+      case "ArrowUp":
+        e.preventDefault(), this.focusOption(s, Math.max(t - 1, 0));
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), t >= 0 && this.handleOptionSelect(s[t].value);
+    }
+  }
+  focusOption(e, s) {
+    var t;
+    (t = e[s]) == null || t.focus();
+  }
+  async openDropdown() {
+    this.isOpen = !0, await this.updateComplete, this.positionDropdown(), this.setupOptionsAccessibility();
+    const e = Array.from(this.ul.querySelectorAll('[role="option"]')), s = this.multi ? 0 : e.findIndex((t) => t.getAttribute("value") === this.value);
+    this.focusOption(e, Math.max(s, 0));
+  }
+  closeDropdown() {
+    var e, s;
+    this.isOpen = !1, (e = this.cleanupPositioner) == null || e.call(this), this.cleanupPositioner = void 0, (s = this.renderRoot.querySelector(".trigger")) == null || s.focus();
+  }
+  handleOptionSelect(e) {
+    var s;
+    if (this.multi) {
+      const t = this.options.find((i) => i.value === e);
+      if (!t) return;
+      t.selected = !t.selected, t.selected ? this.selectedValues = [...this.selectedValues, e] : this.selectedValues = this.selectedValues.filter((i) => i !== e), this.valueLabel = this.selectedValues.length > 0 ? this.options.filter((i) => this.selectedValues.includes(i.value)).map((i) => i.label).join(", ") : this.placeholder, this.dispatchChange(this.selectedValues);
+    } else this.options.forEach((t) => t.selected = t.value === e), this.value = e, this.valueLabel = ((s = this.options.find((t) => t.value === e)) == null ? void 0 : s.label) || this.placeholder, this.dispatchChange(e), this.closeDropdown();
+    this.setupOptionsAccessibility();
+  }
+  dispatchChange(e) {
+    this.dispatchEvent(new CustomEvent("change", { detail: { value: e }, bubbles: !0, composed: !0 }));
+  }
+  render() {
+    return O`
+			<div class="relative">
+				<!-- Some trigger (schmancy-input) -->
+				<schmancy-input
+					class="trigger"
+					role="combobox"
+					aria-haspopup="listbox"
+					aria-expanded=${this.isOpen}
+					aria-controls="options"
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.value=${this.valueLabel}
+					readonly
+					@click=${() => this.isOpen ? this.closeDropdown() : this.openDropdown()}
+				></schmancy-input>
+
+				<!-- Transparent overlay to close dropdown by clicking outside -->
+				<div
+					id="overlay"
+					class="fixed inset-0"
+					?hidden=${!this.isOpen}
+					@click=${this.closeDropdown}
+					tabindex="-1"
+				></div>
+
+				<!-- The dropdown options container -->
+				<ul
+					id="options"
+					role="listbox"
+					class=${v({ "absolute z-30 mt-1 w-full rounded-md shadow-sm": !0, hidden: !this.isOpen })}
+					${f({ bgColor: w.sys.color.surface.container })}
+					@click=${(e) => {
+      var i;
+      const s = e, t = (i = s.detail) == null ? void 0 : i.value;
+      t && this.handleOptionSelect(t);
+    }}
+				>
+					<!-- The <schmancy-option> elements get slotted in here -->
+					<slot
+						@slotchange=${() => {
+      this.syncSelection(), this.setupOptionsAccessibility();
+    }}
+					></slot>
+				</ul>
+			</div>
+		`;
+  }
+};
+l([n({ type: Boolean })], o.prototype, "required", 2), l([n({ type: String })], o.prototype, "placeholder", 2), l([n({ type: String })], o.prototype, "value", 2), l([n({ type: Array })], o.prototype, "selectedValues", 2), l([n({ type: Boolean })], o.prototype, "multi", 2), l([n({ type: String })], o.prototype, "label", 2), l([p()], o.prototype, "isOpen", 2), l([p()], o.prototype, "valueLabel", 2), l([D("ul")], o.prototype, "ul", 2), l([x({ flatten: !0 })], o.prototype, "options", 2), o = l([A("schmancy-select")], o);
+export {
+  o as S
+};
+//# sourceMappingURL=select-Dmhiq26e.js.map