@mhmo91/schmancy 0.2.21 → 0.2.22

package/dist/{scroll-BxE0fD2e.js.map → scroll-BZXWpgyx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-BxE0fD2e.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\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/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 } 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-shadow: border-box;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n`) {\n\trender() {\n\t\treturn html` <div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t<div class=\"h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>`\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","__decorateClass","styles","_u","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","render","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"],"mappings":"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"}
+{"version":3,"file":"scroll-BZXWpgyx.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\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/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 } 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-shadow: border-box;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n`) {\n\trender() {\n\t\treturn html` <div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t<div class=\"h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>`\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","__decorateClass","styles","_u","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","render","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"],"mappings":"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"}

package/dist/{scroll-CD1V-q-_.cjs → scroll-DIBR9WHR.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("lit"),t=require("lit/decorators.js"),P=require("lit/directives/class-map.js"),k=require("lit/directives/style-map.js"),c=require("rxjs"),x=require("./tailwind.mixin-bRVZL2lY.cjs");var j=Object.defineProperty,r=(i,s,n,p)=>{for(var l,o=void 0,y=i.length-1;y>=0;y--)(l=i[y])&&(o=l(s,n,o)||o);return o&&j(s,n,o),o};const g=class g extends x.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,a=(i,s,n,p)=>{for(var l,o=p>1?void 0:p?O(s,n):s,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&G(s,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 i={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"),P=require("lit/directives/class-map.js"),k=require("lit/directives/style-map.js"),c=require("rxjs"),x=require("./tailwind.mixin-mhYVlkxs.cjs");var j=Object.defineProperty,r=(i,s,n,p)=>{for(var l,o=void 0,y=i.length-1;y>=0;y--)(l=i[y])&&(o=l(s,n,o)||o);return o&&j(s,n,o),o};const g=class g extends x.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,a=(i,s,n,p)=>{for(var l,o=p>1?void 0:p?O(s,n):s,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&G(s,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 i={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=${P.classMap(i)} style=${k.styleMap({})}>
 				<slot></slot>
 			</section>
@@ -21,4 +21,4 @@
 				<slot></slot>
 			</div>
 		</div>`}},exports.SchmancyScroll=((i,s,n,p)=>{for(var l,o=p>1?void 0:p?E(s,n):s,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&W(s,n,o),o})([t.customElement("schmancy-scroll")],exports.SchmancyScroll);
-//# sourceMappingURL=scroll-CD1V-q-_.cjs.map
+//# sourceMappingURL=scroll-DIBR9WHR.cjs.map

package/dist/{scroll-CD1V-q-_.cjs.map → scroll-DIBR9WHR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-CD1V-q-_.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\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/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 } 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-shadow: border-box;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n`) {\n\trender() {\n\t\treturn html` <div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t<div class=\"h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>`\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","display","undefined","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","__decorateClass","styles","_a","property","type","Boolean","prototype","String","SchmancyFlex","constructor","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","render"],"mappings":"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"}
+{"version":3,"file":"scroll-DIBR9WHR.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\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/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 } 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-shadow: border-box;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n`) {\n\trender() {\n\t\treturn html` <div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t<div class=\"h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>`\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","display","undefined","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","__decorateClass","styles","_a","property","type","Boolean","prototype","String","SchmancyFlex","constructor","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","render"],"mappings":"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"}

package/dist/{select-CV8IdXQf.js → select-DP9QxGkH.js}

@@ -2,8 +2,8 @@ import { computePosition as c, offset as u, flip as m, shift as y } from "@float
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as b } from "./litElement.mixin-BnUdikbt.js";
-import "./tailwind.mixin-jeUK-Doz.js";
+import { $ as b } from "./litElement.mixin-CJYb3izk.js";
+import "./tailwind.mixin-wwBoa4Jw.js";
 import { c as v } from "./ripple-BumgqsDT.js";
 import { S as f } from "./theme.interface-C5Kj6WjD.js";
 import { html as h } from "lit";
@@ -98,4 +98,4 @@ let s = class extends b(":host{display:block;border:unset!important;line-height:
   }
 };
 i([l({ type: Boolean })], s.prototype, "required", 2), i([l({ type: String })], s.prototype, "placeholder", 2), i([l({ type: String, reflect: !0 })], s.prototype, "value", 2), i([l({ type: Boolean })], s.prototype, "multi", 2), i([l({ type: String })], s.prototype, "label", 2), i([g()], s.prototype, "valueLabel", 2), i([d("ul")], s.prototype, "ul", 2), i([d("#overlay")], s.prototype, "overlay", 2), i([w({ flatten: !0 })], s.prototype, "options", 2), i([$({ passive: !0 })], s.prototype, "handleOptionClick", 1), s = i([x("schmancy-select")], s);
-//# sourceMappingURL=select-CV8IdXQf.js.map
+//# sourceMappingURL=select-DP9QxGkH.js.map

package/dist/{select-CV8IdXQf.js.map → select-DP9QxGkH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-CV8IdXQf.js","sources":["../src/select/select.ts"],"sourcesContent":["import { 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 { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-surface>\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t\treadonly\n\t\t\t\t\t\tclickable\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.valueLabel}\n\t\t\t\t\t</schmancy-input>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<ul\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t\tid=\"options\"\n\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","constructor","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","render","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}
+{"version":3,"file":"select-DP9QxGkH.js","sources":["../src/select/select.ts"],"sourcesContent":["import { 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 { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-surface>\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t\treadonly\n\t\t\t\t\t\tclickable\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.valueLabel}\n\t\t\t\t\t</schmancy-input>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<ul\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t\tid=\"options\"\n\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","constructor","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","render","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}

package/dist/{select-BP6OE_lC.cjs → select-ExBspAsr.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("@floating-ui/dom");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("./litElement.mixin-BGFFSTo6.cjs");require("./tailwind.mixin-bRVZL2lY.cjs");const d=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),u=require("lit"),s=require("lit/decorators.js"),b=require("lit/directives/when.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,o,r)=>{for(var p,a=r>1?void 0:r?m(t,o):t,h=e.length-1;h>=0;h--)(p=e[h])&&(a=(r?p(t,o,a):p(a))||a);return r&&a&&v(t,o,a),a};let i=class extends c.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="Select an option",this.value="",this.multi=!1,this.label="",this.valueLabel=""}firstUpdated(){this.updateDisplayLabel()}updateDisplayLabel(){if(this.multi){const e=this.options.filter(t=>t.selected).map(t=>t.label);this.valueLabel=e.length>0?e.join(", "):this.placeholder}else{const e=this.options.find(t=>t.value===this.value);this.valueLabel=e?e.label:this.placeholder}}handleOptionClick(e){if(this.multi){const t=this.options.find(o=>o.value===e);t&&(t.selected=!t.selected),this.updateDisplayLabel(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.options.filter(o=>o.selected).map(o=>o.value)},bubbles:!0,composed:!0}))}else this.value=e,this.updateDisplayLabel(),this.hideOptions(),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}async showOptions(){this.ul.removeAttribute("hidden"),this.overlay.removeAttribute("hidden"),this.overlay.style.display="block";const{x:e,y:t}=await n.computePosition(this.renderRoot.querySelector("div"),this.ul,{placement:"bottom-start",middleware:[n.offset(5),n.flip(),n.shift({padding:5})]});Object.assign(this.ul.style,{left:`${e}px`,top:`${t}px`,position:"absolute",zIndex:"9999",maxHeight:"25vh",overflowY:"auto"})}hideOptions(){this.ul.setAttribute("hidden","true"),this.overlay.setAttribute("hidden","true"),this.overlay.style.display="none"}render(){return u.html`
+"use strict";const n=require("@floating-ui/dom");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("./litElement.mixin-Cw40wOLl.cjs");require("./tailwind.mixin-mhYVlkxs.cjs");const d=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),u=require("lit"),s=require("lit/decorators.js"),b=require("lit/directives/when.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,o,r)=>{for(var p,a=r>1?void 0:r?m(t,o):t,h=e.length-1;h>=0;h--)(p=e[h])&&(a=(r?p(t,o,a):p(a))||a);return r&&a&&v(t,o,a),a};let i=class extends c.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="Select an option",this.value="",this.multi=!1,this.label="",this.valueLabel=""}firstUpdated(){this.updateDisplayLabel()}updateDisplayLabel(){if(this.multi){const e=this.options.filter(t=>t.selected).map(t=>t.label);this.valueLabel=e.length>0?e.join(", "):this.placeholder}else{const e=this.options.find(t=>t.value===this.value);this.valueLabel=e?e.label:this.placeholder}}handleOptionClick(e){if(this.multi){const t=this.options.find(o=>o.value===e);t&&(t.selected=!t.selected),this.updateDisplayLabel(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.options.filter(o=>o.selected).map(o=>o.value)},bubbles:!0,composed:!0}))}else this.value=e,this.updateDisplayLabel(),this.hideOptions(),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}async showOptions(){this.ul.removeAttribute("hidden"),this.overlay.removeAttribute("hidden"),this.overlay.style.display="block";const{x:e,y:t}=await n.computePosition(this.renderRoot.querySelector("div"),this.ul,{placement:"bottom-start",middleware:[n.offset(5),n.flip(),n.shift({padding:5})]});Object.assign(this.ul.style,{left:`${e}px`,top:`${t}px`,position:"absolute",zIndex:"9999",maxHeight:"25vh",overflowY:"auto"})}hideOptions(){this.ul.setAttribute("hidden","true"),this.overlay.setAttribute("hidden","true"),this.overlay.style.display="none"}render(){return u.html`
 			<schmancy-surface>
 				<div class="relative">
 					<schmancy-input
@@ -45,4 +45,4 @@
 				</div>
 			</schmancy-surface>
 		`}};l([s.property({type:Boolean})],i.prototype,"required",2),l([s.property({type:String})],i.prototype,"placeholder",2),l([s.property({type:String,reflect:!0})],i.prototype,"value",2),l([s.property({type:Boolean})],i.prototype,"multi",2),l([s.property({type:String})],i.prototype,"label",2),l([s.state()],i.prototype,"valueLabel",2),l([s.query("ul")],i.prototype,"ul",2),l([s.query("#overlay")],i.prototype,"overlay",2),l([s.queryAssignedElements({flatten:!0})],i.prototype,"options",2),l([s.eventOptions({passive:!0})],i.prototype,"handleOptionClick",1),i=l([s.customElement("schmancy-select")],i);
-//# sourceMappingURL=select-BP6OE_lC.cjs.map
+//# sourceMappingURL=select-ExBspAsr.cjs.map

package/dist/{select-BP6OE_lC.cjs.map → select-ExBspAsr.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-BP6OE_lC.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { 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 { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-surface>\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t\treadonly\n\t\t\t\t\t\tclickable\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.valueLabel}\n\t\t\t\t\t</schmancy-input>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<ul\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t\tid=\"options\"\n\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}
+{"version":3,"file":"select-ExBspAsr.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { 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 { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-surface>\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t\treadonly\n\t\t\t\t\t\tclickable\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.valueLabel}\n\t\t\t\t\t</schmancy-input>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<ul\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t\tid=\"options\"\n\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\thidden\n\t\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./select-BP6OE_lC.cjs");
+"use strict";require("./select-ExBspAsr.cjs");
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -1,2 +1,2 @@
-import "./select-CV8IdXQf.js";
+import "./select-DP9QxGkH.js";
 //# sourceMappingURL=select.js.map

package/dist/{sheet-8CI6hWJb.cjs → sheet-CJ6kO7WG.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const E=require("./tailwind.mixin-bRVZL2lY.cjs"),d=require("lit"),c=require("lit/decorators.js"),S=require("./litElement.mixin-BGFFSTo6.cjs");var k=Object.defineProperty,x=Object.getOwnPropertyDescriptor,f=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?x(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&k(e,i,o),o};let y=class extends E.TailwindElement(d.css`
+"use strict";const s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const E=require("./tailwind.mixin-mhYVlkxs.cjs"),d=require("lit"),c=require("lit/decorators.js"),S=require("./litElement.mixin-Cw40wOLl.cjs");var k=Object.defineProperty,x=Object.getOwnPropertyDescriptor,f=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?x(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&k(e,i,o),o};let y=class extends E.TailwindElement(d.css`
 	:host {
 		inset: 0;
 		display: block;
@@ -26,24 +26,23 @@
 			<div tabindex="0">
 				<slot></slot>
 			</div>
-		`}};w=((t,e,i,n)=>{for(var r,o=n>1?void 0:n?F(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&C(e,i,o),o})([c.customElement("schmancy-sheet-content")],w);var b=(t=>(t.Side="side",t.Bottom="bottom",t.BottomCenter="bottom-center",t.TopRight="top-right",t.BottomRight="bottom-right",t))(b||{});const u="are-you-there-sheet",m="yes-here",p=new class{constructor(){this.bottomSheet=new s.Subject,this.$dismiss=new s.Subject,this.bottomSheet.pipe(s.switchMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(0)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t.uid??t.component.tagName}}))}))])),s.map(([t,e])=>(t||(t=document.createElement("schmancy-sheet"),document.body.appendChild(t)),t.setAttribute("uid",e.uid??e.component.tagName),t.setAttribute("position",e.position??"bottom"),t.setAttribute("allowOverlyDismiss",e.allowOverlyDismiss===!1?"false":"true"),e.title&&t.setAttribute("title",e.title),e.persist&&t.setAttribute("persist",e.persist??!1),e.header&&t.setAttribute("header",e.header),document.body.style.overflow="hidden",{target:e,sheet:t})),s.delay(20),s.filter(({target:t,sheet:e})=>{var i,n;return!t.persist||!((n=(i=e==null?void 0:e.shadowRoot)==null?void 0:i.querySelector("slot"))!=null&&n.assignedElements().find(r=>r.tagName===t.component.tagName))||(e==null||e.setAttribute("open","true"),!1)}),s.tap(({target:t,sheet:e})=>{e==null||e.appendChild(t.component)}),s.delay(1),s.tap(({sheet:t})=>{t==null||t.setAttribute("open","true")}),s.tap(({sheet:t})=>{s.fromEvent(t,"close").pipe(s.take(1)).pipe(s.delay(300)).subscribe(e=>{const i=e.target;i!=null&&i.persist||(i==null||i.remove()),document.body.style.overflow="auto"})})).subscribe(),this.$dismiss.pipe(s.mergeMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(100)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t}}))}))])),s.tap(([t])=>{t==null||t.closeSheet()})).subscribe()}dismiss(t){this.$dismiss.next(t)}open(t){this.bottomSheet.next(t)}};var O=Object.defineProperty,A=Object.getOwnPropertyDescriptor,l=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?A(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&O(e,i,o),o};let h=class extends S.$LitElement(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) ease-in-out}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.4;transition:opacity var(--transition-duration) ease-in-out}.content{position:relative;display:grid;z-index:1;top:0;right:0;bottom:0;left:0;background-color:var(--schmancy-sys-color-surface-container);transition:transform var(--transition-duration) ease-in-out}.content[data-position=side]{height:100%;margin-left:auto;min-width:320px;max-width:90vw;width:fit-content}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}"){constructor(){super(...arguments),this.open=!1,this.header="visible",this.position=b.Side,this.persist=!1,this.allowOverlayDismiss=!0,this.title="",this.focusAttribute="autofocus",this.lastFocusedElement=null,this.handleFocusIn=t=>{var e;(e=this.sheet)!=null&&e.contains(t.target)||this.focus()}}onOpenChange(t,e){var i;this.setIsSheetShown(e),e?(this.lastFocusedElement=document.activeElement,this.addFocusTrap(),this.focus()):(this.removeFocusTrap(),(i=this.lastFocusedElement)==null||i.focus(),this.lastFocusedElement=null)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=s.fromEvent(window,"popstate").pipe(s.tap(n=>{n.preventDefault(),this.closeSheet()})),e=s.fromEvent(window,"keyup").pipe(s.tap(n=>{n.key!=="Escape"||this.sheetContainsFocus()||p.dismiss(this.uid)})),i=s.fromEvent(window,u).pipe(s.tap(n=>{n.detail.uid===this.uid&&this.announcePresence()}));s.merge(t,e,i).pipe(s.takeUntil(this.disconnecting)).subscribe()}sheetContainsFocus(){var t;return((t=this.sheet)==null?void 0:t.contains(document.activeElement))??!1}announcePresence(){this.dispatchEvent(new CustomEvent(m,{detail:{sheet:this},bubbles:!0,composed:!0}))}addFocusTrap(){document.addEventListener("focusin",this.handleFocusIn)}removeFocusTrap(){document.removeEventListener("focusin",this.handleFocusIn)}setIsSheetShown(t){var e,i;(e=this.sheet)==null||e.setAttribute("aria-hidden",String(!t)),(i=this.sheet)==null||i.setAttribute("aria-modal",String(t))}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}getFocusElement(){const t=`[${this.focusAttribute}]`;return this.assignedElements.find(e=>e.matches(t)||e.querySelector(t))??null}focus(){var t;(t=this.getFocusElement())==null||t.focus()}render(){return d.html`
+		`}};w=((t,e,i,n)=>{for(var r,o=n>1?void 0:n?F(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&C(e,i,o),o})([c.customElement("schmancy-sheet-content")],w);var b=(t=>(t.Side="side",t.Bottom="bottom",t.BottomCenter="bottom-center",t.TopRight="top-right",t.BottomRight="bottom-right",t))(b||{});const u="are-you-there-sheet",m="yes-here",p=new class{constructor(){this.bottomSheet=new s.Subject,this.$dismiss=new s.Subject,this.bottomSheet.pipe(s.switchMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(0)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t.uid??t.component.tagName}}))}))])),s.map(([t,e])=>(t||(t=document.createElement("schmancy-sheet"),document.body.appendChild(t)),t.setAttribute("uid",e.uid??e.component.tagName),t.setAttribute("position",e.position??"bottom"),t.setAttribute("allowOverlyDismiss",e.allowOverlyDismiss===!1?"false":"true"),e.title&&t.setAttribute("title",e.title),e.persist&&t.setAttribute("persist",e.persist??!1),e.header&&t.setAttribute("header",e.header),document.body.style.overflow="hidden",{target:e,sheet:t})),s.delay(20),s.filter(({target:t,sheet:e})=>{var i,n;return!t.persist||!((n=(i=e==null?void 0:e.shadowRoot)==null?void 0:i.querySelector("slot"))!=null&&n.assignedElements().find(r=>r.tagName===t.component.tagName))||(e==null||e.setAttribute("open","true"),!1)}),s.tap(({target:t,sheet:e})=>{e==null||e.appendChild(t.component)}),s.delay(1),s.tap(({sheet:t})=>{t==null||t.setAttribute("open","true")}),s.tap(({sheet:t})=>{s.fromEvent(t,"close").pipe(s.take(1)).pipe(s.delay(300)).subscribe(e=>{const i=e.target;i!=null&&i.persist||(i==null||i.remove()),document.body.style.overflow="auto"})})).subscribe(),this.$dismiss.pipe(s.mergeMap(t=>s.forkJoin([s.fromEvent(window,m).pipe(s.takeUntil(s.timer(100)),s.map(e=>e.detail.sheet),s.defaultIfEmpty(void 0)),s.of(t).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(u,{detail:{uid:t}}))}))])),s.tap(([t])=>{t==null||t.closeSheet()})).subscribe()}dismiss(t){this.$dismiss.next(t)}open(t){this.bottomSheet.next(t)}};var O=Object.defineProperty,A=Object.getOwnPropertyDescriptor,l=(t,e,i,n)=>{for(var r,o=n>1?void 0:n?A(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n?r(e,i,o):r(o))||o);return n&&o&&O(e,i,o),o};let h=class extends S.$LitElement(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) ease-in-out}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.4;transition:opacity var(--transition-duration) ease-in-out}.content{z-index:1;background-color:var(--schmancy-sys-color-surface-container);transition:transform var(--transition-duration) ease-in-out}.content[data-position=side]{height:100%;margin-left:auto;min-width:320px;max-width:90vw;width:fit-content}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}"){constructor(){super(...arguments),this.open=!1,this.header="visible",this.position=b.Side,this.persist=!1,this.allowOverlayDismiss=!0,this.title="",this.focusAttribute="autofocus",this.lastFocusedElement=null,this.handleFocusIn=t=>{var e;(e=this.sheet)!=null&&e.contains(t.target)||this.focus()}}onOpenChange(t,e){var i;this.setIsSheetShown(e),e?(this.lastFocusedElement=document.activeElement,this.addFocusTrap(),this.focus()):(this.removeFocusTrap(),(i=this.lastFocusedElement)==null||i.focus(),this.lastFocusedElement=null)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=s.fromEvent(window,"popstate").pipe(s.tap(n=>{n.preventDefault(),this.closeSheet()})),e=s.fromEvent(window,"keyup").pipe(s.tap(n=>{n.key!=="Escape"||this.sheetContainsFocus()||p.dismiss(this.uid)})),i=s.fromEvent(window,u).pipe(s.tap(n=>{n.detail.uid===this.uid&&this.announcePresence()}));s.merge(t,e,i).pipe(s.takeUntil(this.disconnecting)).subscribe()}sheetContainsFocus(){var t;return((t=this.sheet)==null?void 0:t.contains(document.activeElement))??!1}announcePresence(){this.dispatchEvent(new CustomEvent(m,{detail:{sheet:this},bubbles:!0,composed:!0}))}addFocusTrap(){document.addEventListener("focusin",this.handleFocusIn)}removeFocusTrap(){document.removeEventListener("focusin",this.handleFocusIn)}setIsSheetShown(t){var e,i;(e=this.sheet)==null||e.setAttribute("aria-hidden",String(!t)),(i=this.sheet)==null||i.setAttribute("aria-modal",String(t))}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}getFocusElement(){const t=`[${this.focusAttribute}]`;return this.assignedElements.find(e=>e.matches(t)||e.querySelector(t))??null}focus(){var t;(t=this.getFocusElement())==null||t.focus()}render(){return d.html`
 			<schmancy-theme>
 				<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden="true" aria-modal="false">
-					<div class="overlay" @click=${()=>this.allowOverlayDismiss&&p.dismiss(this.uid)}></div>
-
-					<schmancy-scroll
-						><schmancy-sheet-content class="content" data-position=${this.position}>
-							<schmancy-sheet-header
-								@dismiss=${t=>{t.stopPropagation(),p.dismiss(this.uid)}}
-								id="sheet-title"
-								.hidden=${this.header==="hidden"}
-								title=${this.title}
-							></schmancy-sheet-header>
-
-							<slot></slot>
-						</schmancy-sheet-content>
-					</schmancy-scroll>
+					<div
+						class="overlay"
+						@click=${t=>{t.stopPropagation(),this.allowOverlayDismiss&&p.dismiss(this.uid)}}
+					></div>
+					<schmancy-sheet-content class="content" data-position=${this.position}>
+						<schmancy-sheet-header
+							@dismiss=${t=>{t.stopPropagation(),p.dismiss(this.uid)}}
+							id="sheet-title"
+							.hidden=${this.header==="hidden"}
+							title=${this.title}
+						></schmancy-sheet-header>
+						<slot></slot>
+					</schmancy-sheet-content>
 				</div>
 			</schmancy-theme>
 		`}};l([c.property({type:String,reflect:!0})],h.prototype,"uid",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"open",2),l([c.property({type:String,reflect:!0})],h.prototype,"header",2),l([c.property({type:String,reflect:!0})],h.prototype,"position",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"persist",2),l([c.property({type:Boolean,reflect:!0})],h.prototype,"allowOverlayDismiss",2),l([c.property({type:String,reflect:!0})],h.prototype,"title",2),l([c.query(".sheet")],h.prototype,"sheet",2),l([c.queryAssignedElements({flatten:!0})],h.prototype,"assignedElements",2),l([c.property()],h.prototype,"focusAttribute",2),l([g("open")],h.prototype,"onOpenChange",1),h=l([c.customElement("schmancy-sheet")],h),exports.SchmancySheetPosition=b,exports.SheetHereMorty=m,exports.SheetWhereAreYouRicky=u,exports.hook=g,exports.sheet=p;
-//# sourceMappingURL=sheet-8CI6hWJb.cjs.map
+//# sourceMappingURL=sheet-CJ6kO7WG.cjs.map