@mhmo91/schmancy 0.2.72 → 0.2.75

package/dist/select-BTSVFloo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BTSVFloo.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\t/*  max-height: 25vh; */ /* Remove the fixed max-height */\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) value = '' // for single-select\n\t@property({ type: Array }) selectedValues: string[] = [] // for multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tthis.selectedValues = this.options.filter(o => o.selected).map(o => o.value)\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? this.selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false) // Modified: Call openDropdown directly\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Add a report flag\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\t//Check if this needs to be reported\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectedValues = [...this.selectedValues, value]\n\t\t\t} else {\n\t\t\t\tthis.selectedValues = this.selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(this.selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity(): boolean {\n\t\t//Check if there is a value\n\t\tthis.isValid = this.multi ? this.options.some(o => o.selected) : Boolean(this.value)\n\t\tthis.validationMessage = this.isValid ? '' : 'Please select an option.'\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tif (this.required) {\n\t\t\tthis.checkValidity()\n\t\t\tthis.inputRef.required = true // Ensure the inner input knows it's required.\n\t\t\tif (!this.isValid) {\n\t\t\t\tthis.openDropdown()\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn false\n\t\t\t} else {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn true // Always return true if not required\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","arguments","this","required","placeholder","value","selectedValues","multi","label","isOpen","valueLabel","isValid","validationMessage","connectedCallback","id","Math","random","toString","substr","addEventListener","handleKeyDown","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","options","filter","o","selected","map","length","includes","join","selectedOption","find","forEach","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","e","key","preventDefault","openDropdown","current","findIndex","matches","closeDropdown","focusOption","min","max","handleOptionSelect","focus","combobox","report","updateComplete","positionDropdown","Array","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","some","Boolean","checkValidity","inputRef","message","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","__decorateClass","property","type","prototype","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-Iem1gGwb.js

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

package/dist/select-Iem1gGwb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-Iem1gGwb.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\t/*  max-height: 25vh; */ /* Remove the fixed max-height */\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) value = '' // for single-select\n\t@property({ type: Array }) selectedValues: string[] = [] // for multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tthis.selectedValues = this.options.filter(o => o.selected).map(o => o.value)\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? this.selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false) // Modified: Call openDropdown directly\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Add a report flag\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\t//Check if this needs to be reported\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectedValues = [...this.selectedValues, value]\n\t\t\t} else {\n\t\t\t\tthis.selectedValues = this.selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(this.selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity(): boolean {\n\t\t//Check if there is a value\n\t\tthis.isValid = this.multi ? this.options.some(o => o.selected) : Boolean(this.value)\n\t\tthis.validationMessage = this.isValid ? '' : 'Please select an option.'\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tif (this.required) {\n\t\t\tthis.checkValidity()\n\t\t\tthis.inputRef.required = true // Ensure the inner input knows it's required.\n\t\t\tif (!this.isValid) {\n\t\t\t\tthis.openDropdown()\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn false\n\t\t\t} else {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn true // Always return true if not required\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","arguments","this","required","placeholder","value","selectedValues","multi","label","isOpen","valueLabel","isValid","validationMessage","connectedCallback","id","Math","random","toString","substr","addEventListener","handleKeyDown","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","options","filter","o","selected","map","length","includes","join","selectedOption","find","forEach","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","e","key","preventDefault","openDropdown","current","findIndex","matches","closeDropdown","focusOption","min","max","handleOptionSelect","focus","combobox","report","updateComplete","Array","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","some","Boolean","checkValidity","inputRef","message","render","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","__decorateClass","property","type","prototype","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/surface-CfAH2c9U.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-CfAH2c9U.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context';\nimport { TailwindElement } from '@mixins/tailwind.mixin';\nimport { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js'; // Import classMap\nimport { SchmancySurfaceTypeContext } from './context';\n\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n  :host([fill='all']) {\n    height: 100%;\n    width: 100%;\n  }\n  :host([fill='width']) {\n    width: 100%;\n  }\n  :host([fill='height']) {\n    height: 100%;\n  }\n  :host {\n    display: block;\n  }\n`) {\n  /**\n   * Fill the width and/or height of the parent container.\n   * @default 'auto'\n   *\n   */\n  @property({ type: String, reflect: true }) fill: 'all' | 'width' | 'height' | 'auto' = 'auto';\n  @property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none';\n\n  @provide({ context: SchmancySurfaceTypeContext })\n  @property()\n  type:\n    | 'surface'\n    | 'surfaceDim'\n    | 'surfaceBright'\n    | 'containerLowest'\n    | 'containerLow'\n    | 'container'\n    | 'containerHigh'\n    | 'containerHighest' = 'surface';\n\n  @property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0;\n\n  protected render(): unknown {\n    const classes = {\n      'relative': true,\n      'inset-0': true,\n      'block': true,\n      'box-border': true,\n      'rounded-none': this.rounded === 'none',\n      'rounded-t-[8px]': this.rounded === 'top',\n      'rounded-l-[8px]': this.rounded === 'left',\n      'rounded-r-[8px]': this.rounded === 'right',\n      'rounded-b-[8px]': this.rounded === 'bottom',\n      'rounded-[8px]': this.rounded === 'all',\n\n      'w-full': this.fill === 'width' || this.fill === 'all',\n      'h-full': this.fill === 'height' || this.fill === 'all',\n      'shadow-xs': this.elevation === 1,\n      'shadow-sm': this.elevation === 2,\n      'shadow-md': this.elevation === 3,\n      'shadow-lg': this.elevation === 4,\n      'text-surface-on':\n        this.type === 'surface' ||\n        this.type === 'surfaceDim' ||\n        this.type === 'surfaceBright' ||\n        this.type === 'containerLowest' ||\n        this.type === 'containerLow' ||\n        this.type === 'container' ||\n        this.type === 'containerHigh' ||\n        this.type === 'containerHighest',\n      'bg-surface-default': this.type === 'surface',\n      'bg-surface-dim': this.type === 'surfaceDim',\n      'bg-surface-bright': this.type === 'surfaceBright',\n      'bg-surface-lowest': this.type === 'containerLowest',\n      'bg-surface-low': this.type === 'containerLow',\n      'bg-surface-container': this.type === 'container',\n      'bg-surface-high': this.type === 'containerHigh',\n      'bg-surface-highest': this.type === 'containerHighest',\n    };\n\n    return html`\n      <section class=${classMap(classes)}>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-surface': SchmancySurface;\n  }\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":"+ZAYaA,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAoBkFC,EAAAA,KAAAC,KAAA,OACXD,KAAAE,QAAA,OAYnDF,KAAAG,KAAA,UAEsCH,KAAAI,UAAA,CAAA,CAErD,QAAAC,CACR,MAAMC,EAAU,CACdC,SAAAA,GACA,UAAW,GACXC,MAAS,GACT,aAAc,GACd,eAAgBR,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,SAAUF,KAAKC,OAAS,SAAWD,KAAKC,OAAS,MACjD,SAAUD,KAAKC,OAAS,UAAYD,KAAKC,OAAS,MAClD,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,kBACEJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBAChB,qBAAsBH,KAAKG,OAAS,UACpC,iBAAkBH,KAAKG,OAAS,aAChC,oBAAqBH,KAAKG,OAAS,gBACnC,oBAAqBH,KAAKG,OAAS,kBACnC,iBAAkBH,KAAKG,OAAS,eAChC,uBAAwBH,KAAKG,OAAS,YACtC,kBAAmBH,KAAKG,OAAS,gBACjC,qBAAsBH,KAAKG,OAAS,kBAG/B,EAAA,OAAAM,EAAAA;AAAAA,uBACYC,EAAAA,SAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,KAAQ,CAxDKK,EAAAA,EAAA,CAA1CC,EAAAA,SAAS,CAAET,KAAMU,OAAQC,QAAS,EAAA,CAAA,CAAA,EApBxBnB,wBAoBgCoB,UAAA,OAAA,GAC/BJ,EAAA,CAAXC,EAASA,SAAAA,CAAAA,EArBCjB,wBAqBCoB,UAAA,UAAA,CAIZJ,EAAAA,EAAA,CAFCK,IAAQ,CAAEC,QAASC,EAAAA,0BAAAA,CAAAA,EACnBN,EAASA,SAAAA,CAAAA,EAxBCjB,wBAyBXoB,UAAA,OAAA,CAU4BJ,EAAAA,EAAA,CAA3BC,WAAS,CAAET,KAAMgB,MAAAA,CAAAA,CAAAA,EAnCPxB,wBAmCiBoB,UAAA,YAAA,CAnCjBpB,EAAAA,QAANA,gBAAAgB,EAAA,CADNS,EAAAA,cAAc,kBAAA,CAAA,EACFzB"}

package/dist/surface-Ci1xR_sr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-Ci1xR_sr.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context';\nimport { TailwindElement } from '@mixins/tailwind.mixin';\nimport { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js'; // Import classMap\nimport { SchmancySurfaceTypeContext } from './context';\n\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n  :host([fill='all']) {\n    height: 100%;\n    width: 100%;\n  }\n  :host([fill='width']) {\n    width: 100%;\n  }\n  :host([fill='height']) {\n    height: 100%;\n  }\n  :host {\n    display: block;\n  }\n`) {\n  /**\n   * Fill the width and/or height of the parent container.\n   * @default 'auto'\n   *\n   */\n  @property({ type: String, reflect: true }) fill: 'all' | 'width' | 'height' | 'auto' = 'auto';\n  @property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none';\n\n  @provide({ context: SchmancySurfaceTypeContext })\n  @property()\n  type:\n    | 'surface'\n    | 'surfaceDim'\n    | 'surfaceBright'\n    | 'containerLowest'\n    | 'containerLow'\n    | 'container'\n    | 'containerHigh'\n    | 'containerHighest' = 'surface';\n\n  @property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0;\n\n  protected render(): unknown {\n    const classes = {\n      'relative': true,\n      'inset-0': true,\n      'block': true,\n      'box-border': true,\n      'rounded-none': this.rounded === 'none',\n      'rounded-t-[8px]': this.rounded === 'top',\n      'rounded-l-[8px]': this.rounded === 'left',\n      'rounded-r-[8px]': this.rounded === 'right',\n      'rounded-b-[8px]': this.rounded === 'bottom',\n      'rounded-[8px]': this.rounded === 'all',\n\n      'w-full': this.fill === 'width' || this.fill === 'all',\n      'h-full': this.fill === 'height' || this.fill === 'all',\n      'shadow-xs': this.elevation === 1,\n      'shadow-sm': this.elevation === 2,\n      'shadow-md': this.elevation === 3,\n      'shadow-lg': this.elevation === 4,\n      'text-surface-on':\n        this.type === 'surface' ||\n        this.type === 'surfaceDim' ||\n        this.type === 'surfaceBright' ||\n        this.type === 'containerLowest' ||\n        this.type === 'containerLow' ||\n        this.type === 'container' ||\n        this.type === 'containerHigh' ||\n        this.type === 'containerHighest',\n      'bg-surface-default': this.type === 'surface',\n      'bg-surface-dim': this.type === 'surfaceDim',\n      'bg-surface-bright': this.type === 'surfaceBright',\n      'bg-surface-lowest': this.type === 'containerLowest',\n      'bg-surface-low': this.type === 'containerLow',\n      'bg-surface-container': this.type === 'container',\n      'bg-surface-high': this.type === 'containerHigh',\n      'bg-surface-highest': this.type === 'containerHighest',\n    };\n\n    return html`\n      <section class=${classMap(classes)}>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-surface': SchmancySurface;\n  }\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":";;;;;;;;;;AAYa,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAoBkFC,GAAAA,KAAAC,OAAA,QACXD,KAAAE,UAAA,QAYnDF,KAAAG,OAAA,WAEsCH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAErD,SAAAC;AACR,UAAMC,IAAU,EACdC,UAAAA,IACA,WAAW,IACXC,OAAS,IACT,cAAc,IACd,gBAAgBR,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,UAAUF,KAAKC,SAAS,WAAWD,KAAKC,SAAS,OACjD,UAAUD,KAAKC,SAAS,YAAYD,KAAKC,SAAS,OAClD,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,mBACEJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBAChB,sBAAsBH,KAAKG,SAAS,WACpC,kBAAkBH,KAAKG,SAAS,cAChC,qBAAqBH,KAAKG,SAAS,iBACnC,qBAAqBH,KAAKG,SAAS,mBACnC,kBAAkBH,KAAKG,SAAS,gBAChC,wBAAwBH,KAAKG,SAAS,aACtC,mBAAmBH,KAAKG,SAAS,iBACjC,sBAAsBH,KAAKG,SAAS,mBAATA;AAGtB,WAAAM;AAAAA,uBACYC,EAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAxDKK;AAAAA,EAAA,CAA1CC,EAAS,EAAET,MAAMU,QAAQC,SAAAA,QApBfnB,EAoBgCoB,WAAA,QAAA,CAC/BJ,GAAAA,EAAA,CAAXC,EArBUjB,CAAAA,GAAAA,EAqBCoB,WAAA,WAAA,CAAA,GAIZJ,EAAA,CAFCK,EAAQ,EAAEC,SAASC,EAAAA,CAAAA,GACnBN,MAxBUjB,EAyBXoB,WAAA,QAAA,CAU4BJ,GAAAA,EAAA,CAA3BC,EAAS,EAAET,MAAMgB,OAnCPxB,CAAAA,CAAAA,GAAAA,EAmCiBoB,WAAA,aAAA,CAAA,GAnCjBpB,IAANgB,EAAA,CADNS,EAAc,kBAAA,CAAA,GACFzB;"}