@mhmo91/schmancy 0.2.12 → 0.2.14

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./teleport.component-DOO3qoVk.cjs");
+"use strict";require("./teleport.component-CBt5HLNC.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./teleport.component-DZlkBtyW.js";
+import "./teleport.component-Dc1Ygxut.js";
 //# sourceMappingURL=card.js.map

package/dist/content-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-DOO3qoVk.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CBt5HLNC.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
 //# sourceMappingURL=content-drawer.cjs.map

package/dist/content-drawer.js

@@ -1,4 +1,4 @@
-import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-DZlkBtyW.js";
+import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-Dc1Ygxut.js";
 export {
   n as SchmancyContentDrawer,
   t as SchmancyContentDrawerID,

package/dist/date-range-Bf_u0TPH.js

@@ -0,0 +1,130 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as u } from "./litElement.mixin-Bn8Rl6md.js";
+import "./tailwind.mixin-C5OzBKVB.js";
+import { html as p } from "lit";
+import { property as d, query as m, state as y, customElement as g } from "lit/decorators.js";
+import { ifDefined as l } from "lit/directives/if-defined.js";
+import a from "moment";
+var f = Object.defineProperty, D = Object.getOwnPropertyDescriptor, n = (t, e, s, r) => {
+  for (var c, i = r > 1 ? void 0 : r ? D(e, s) : e, h = t.length - 1; h >= 0; h--) (c = t[h]) && (i = (r ? c(e, s, i) : c(i)) || i);
+  return r && i && f(e, s, i), i;
+};
+let o = class extends u() {
+  constructor() {
+    super(...arguments), this.type = "date", this.selectedDateRange = "Today";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.initPresetRanges(), this.updateSelectedDateRange();
+  }
+  updated(t) {
+    t.has("type") && (this.initPresetRanges(), this.updateSelectedDateRange());
+  }
+  getDateFormat() {
+    return this.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DDTHH:mm";
+  }
+  getDisplayFormat() {
+    return this.type === "date" ? "MMM DD, YYYY" : "MMM DD, YYYY hh:mm A";
+  }
+  initPresetRanges() {
+    const t = this.getDateFormat();
+    this.presetRanges = [{ label: "Yesterday", range: { dateFrom: a().subtract(1, "days").startOf("day").format(t), dateTo: a().subtract(1, "days").endOf("day").format(t) }, step: "day" }, { label: "Today", range: { dateFrom: a().startOf("day").format(t), dateTo: a().endOf("day").format(t) }, step: "day" }, { label: "Tomorrow", range: { dateFrom: a().add(1, "days").startOf("day").format(t), dateTo: a().add(1, "days").endOf("day").format(t) }, step: "day" }, { label: "This Week", range: { dateFrom: a().startOf("isoWeek").format(t), dateTo: a().endOf("isoWeek").format(t) }, step: "week" }, { label: "Last Week", range: { dateFrom: a().subtract(1, "weeks").startOf("isoWeek").format(t), dateTo: a().subtract(1, "weeks").endOf("isoWeek").format(t) }, step: "week" }, { label: "This Month", range: { dateFrom: a().startOf("month").format(t), dateTo: a().endOf("month").format(t) }, step: "month" }];
+  }
+  updateSelectedDateRange() {
+    const t = this.presetRanges.find((e) => e.range.dateFrom === this.dateFrom.value && e.range.dateTo === this.dateTo.value);
+    this.selectedDateRange = t ? t.label : `${a(this.dateFrom.value).format(this.getDisplayFormat())} - ${a(this.dateTo.value).format(this.getDisplayFormat())}`;
+  }
+  setDateRange(t, e) {
+    this.dateFrom.value = t, this.dateTo.value = e, this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: t, dateTo: e } })), this.requestUpdate();
+  }
+  handlePresetChange(t) {
+    const e = this.presetRanges.find((s) => s.label === t);
+    if (e) {
+      const { dateFrom: s, dateTo: r } = e.range;
+      this.setDateRange(s, r), this.selectedDateRange = t, this.schmancyMenu.open = !1;
+    }
+  }
+  handleDateRangeChange() {
+    this.setDateRange(this.dateFrom.value, this.dateTo.value), this.updateSelectedDateRange(), this.schmancyMenu.open = !1;
+  }
+  shiftDateRange(t) {
+    const e = this.getDateFormat(), s = a(this.dateTo.value).diff(a(this.dateFrom.value), "days") || 1, r = a(this.dateFrom.value).add(t * s, "days").format(e), c = a(this.dateTo.value).add(t * s, "days").format(e);
+    this.setDateRange(r, c), this.updateSelectedDateRange();
+  }
+  render() {
+    return p`
+			<div class="date-range-selector relative">
+				<schmancy-menu class="z-100 w-max">
+					<!-- The button slot: left/right arrows and the display text -->
+					<schmancy-grid slot="button" align="center" cols="auto 1fr auto">
+						<schmancy-icon-button
+							@click=${(t) => {
+      t.preventDefault(), t.stopPropagation(), this.shiftDateRange(-1);
+    }}
+						>
+							arrow_left
+						</schmancy-icon-button>
+						<schmancy-button class="w-max" variant="outlined" type="button">
+							${this.selectedDateRange || "Date range"}
+						</schmancy-button>
+						<schmancy-icon-button
+							@click=${(t) => {
+      t.preventDefault(), t.stopPropagation(), this.shiftDateRange(1);
+    }}
+						>
+							arrow_right
+						</schmancy-icon-button>
+					</schmancy-grid>
+
+					<!-- The menu surface -->
+					<schmancy-surface elevation="2">
+						${this.presetRanges.map((t) => p`
+								<schmancy-menu-item class="w-full" @click=${() => this.handlePresetChange(t.label)}>
+									<schmancy-grid class="w-full" align="center" cols="auto 1fr auto"> ${t.label} </schmancy-grid>
+								</schmancy-menu-item>
+							`)}
+						<schmancy-grid gap="sm" flow="row" class="p-4">
+							<schmancy-input
+								id="checkin"
+								min=${l(this.minDate)}
+								.type=${this.type}
+								label="${this.dateFrom.label}"
+								.value=${this.dateFrom.value}
+								@change=${(t) => {
+      t.preventDefault(), t.stopPropagation();
+      const e = this.getDateFormat(), s = a(t.detail.value, e).format(e);
+      this.dateFrom.value = s, this.checkOutInput.setAttribute("min", s);
+    }}
+							></schmancy-input>
+							<schmancy-input
+								id="checkout"
+								min=${l(this.dateFrom.value)}
+								max=${l(this.maxDate)}
+								.type=${this.type}
+								label="${this.dateTo.label}"
+								.value=${this.dateTo.value}
+								@change=${(t) => {
+      t.preventDefault(), t.stopPropagation();
+      const e = this.getDateFormat(), s = a(t.detail.value, e).format(e);
+      this.dateTo.value = s;
+    }}
+							></schmancy-input>
+
+							<schmancy-button
+								variant="outlined"
+								@click=${(t) => {
+      t.preventDefault(), t.stopPropagation(), this.handleDateRangeChange();
+    }}
+							>
+								Apply
+							</schmancy-button>
+						</schmancy-grid>
+					</schmancy-surface>
+				</schmancy-menu>
+			</div>
+		`;
+  }
+};
+n([d({ type: String })], o.prototype, "type", 2), n([d({ type: Object })], o.prototype, "dateFrom", 2), n([d({ type: Object })], o.prototype, "dateTo", 2), n([d({ type: String })], o.prototype, "minDate", 2), n([d({ type: String })], o.prototype, "maxDate", 2), n([m("#checkin")], o.prototype, "checkInInput", 2), n([m("#checkout")], o.prototype, "checkOutInput", 2), n([m("schmancy-menu")], o.prototype, "schmancyMenu", 2), n([y()], o.prototype, "selectedDateRange", 2), o = n([g("schmancy-date-range")], o);
+//# sourceMappingURL=date-range-Bf_u0TPH.js.map

package/dist/date-range-Bf_u0TPH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-Bf_u0TPH.js","sources":["../src/date-range/date-range.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { SchmancyInputChangeEvent } from '@schmancy/input'\nimport SchmancyMenu from '@schmancy/menu/menu'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport moment from 'moment'\n\n/**\n * A date range selector that supports presets and manual date input.\n */\n@customElement('schmancy-date-range')\nexport default class SchmancyDateRange extends $LitElement() {\n\t// The input type – either \"date\" or \"datetime-local\".\n\t@property({ type: String }) type: 'date' | 'datetime-local' = 'date'\n\n\t// The date range properties.\n\t@property({ type: Object }) dateFrom!: { label: string; value: string }\n\t@property({ type: Object }) dateTo!: { label: string; value: string }\n\n\t// Optional minimum and maximum dates.\n\t@property({ type: String }) minDate?: string\n\t@property({ type: String }) maxDate?: string\n\n\t// Query elements from the rendered template.\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t// The currently selected preset or custom date range display text.\n\t@state() selectedDateRange: string = 'Today'\n\n\t// Array of preset date ranges.\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: { dateFrom: string; dateTo: string }\n\t\tstep: moment.unitOfTime.DurationConstructor\n\t\tselected?: boolean\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.initPresetRanges()\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tif (changedProps.has('type')) {\n\t\t\t// Reinitialize presets if the date input type changes.\n\t\t\tthis.initPresetRanges()\n\t\t\tthis.updateSelectedDateRange()\n\t\t}\n\t}\n\n\t/**\n\t * Returns the date format string based on the current type.\n\t */\n\tprivate getDateFormat(): string {\n\t\treturn this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'\n\t}\n\n\t/**\n\t * Returns the display format for showing dates.\n\t */\n\tprivate getDisplayFormat(): string {\n\t\treturn this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A'\n\t}\n\n\t/**\n\t * Initializes the preset date ranges.\n\t */\n\tprivate initPresetRanges() {\n\t\tconst format = this.getDateFormat()\n\t\tthis.presetRanges = [\n\t\t\t{\n\t\t\t\tlabel: 'Yesterday',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().subtract(1, 'days').startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().subtract(1, 'days').endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Today',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Tomorrow',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().add(1, 'days').startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().add(1, 'days').endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Week',\n\t\t\t\t// Use ISO week boundaries for consistency.\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('isoWeek').format(format),\n\t\t\t\t\tdateTo: moment().endOf('isoWeek').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'week',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Last Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().subtract(1, 'weeks').startOf('isoWeek').format(format),\n\t\t\t\t\tdateTo: moment().subtract(1, 'weeks').endOf('isoWeek').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'week',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Month',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('month').format(format),\n\t\t\t\t\tdateTo: moment().endOf('month').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'month',\n\t\t\t},\n\t\t\t// You can add a \"Custom\" option here if needed.\n\t\t]\n\t}\n\n\t/**\n\t * Updates the selectedDateRange state based on the current dateFrom and dateTo values.\n\t */\n\tprivate updateSelectedDateRange() {\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = `${moment(this.dateFrom.value).format(\n\t\t\t\tthis.getDisplayFormat(),\n\t\t\t)} - ${moment(this.dateTo.value).format(this.getDisplayFormat())}`\n\t\t}\n\t}\n\n\t/**\n\t * Updates the internal date range state and dispatches a change event.\n\t */\n\tsetDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: { dateFrom: fromDate, dateTo: toDate },\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\n\t/**\n\t * Called when a preset is selected. Updates the date range and closes the menu.\n\t */\n\thandlePresetChange(presetLabel: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === presetLabel)\n\t\tif (preset) {\n\t\t\tconst { dateFrom, dateTo } = preset.range\n\t\t\tthis.setDateRange(dateFrom, dateTo)\n\t\t\tthis.selectedDateRange = presetLabel\n\t\t\t// Close the menu after a preset selection.\n\t\t\tthis.schmancyMenu.open = false\n\t\t}\n\t}\n\n\t/**\n\t * Called when the user applies a manual date change.\n\t */\n\thandleDateRangeChange() {\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\tthis.updateSelectedDateRange()\n\t\t// Close the menu after applying manual changes.\n\t\tthis.schmancyMenu.open = false\n\t}\n\n\t/**\n\t * Shifts the current date range by multiplying the range length with the given factor.\n\t * Use a negative factor to shift backward.\n\t */\n\tprivate shiftDateRange(factor: number) {\n\t\tconst format = this.getDateFormat()\n\t\tconst currentDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\t\tconst newDateFrom = moment(this.dateFrom.value)\n\t\t\t.add(factor * currentDiff, 'days')\n\t\t\t.format(format)\n\t\tconst newDateTo = moment(this.dateTo.value)\n\t\t\t.add(factor * currentDiff, 'days')\n\t\t\t.format(format)\n\t\tthis.setDateRange(newDateFrom, newDateTo)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"date-range-selector relative\">\n\t\t\t\t<schmancy-menu class=\"z-100 w-max\">\n\t\t\t\t\t<!-- The button slot: left/right arrows and the display text -->\n\t\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.shiftDateRange(-1)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_left\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t<schmancy-button class=\"w-max\" variant=\"outlined\" type=\"button\">\n\t\t\t\t\t\t\t${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.shiftDateRange(1)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_right\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</schmancy-grid>\n\n\t\t\t\t\t<!-- The menu surface -->\n\t\t\t\t\t<schmancy-surface elevation=\"2\">\n\t\t\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t\t\t<schmancy-menu-item class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\t\t\t\t\t\t\t\t\t<schmancy-grid class=\"w-full\" align=\"center\" cols=\"auto 1fr auto\"> ${preset.label} </schmancy-grid>\n\t\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateFrom.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst format = this.getDateFormat()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, format).format(format)\n\t\t\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t\t\t// Update the checkout input's minimum date.\n\t\t\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', selectedDate)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.dateFrom.value)}\n\t\t\t\t\t\t\t\tmax=${ifDefined(this.maxDate)}\n\t\t\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateTo.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst format = this.getDateFormat()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, format).format(format)\n\t\t\t\t\t\t\t\t\tthis.dateTo.value = selectedDate\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-menu>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n/**\n * The payload for a date range change event.\n */\nexport type TSchmancDateRangePayload = {\n\tdateFrom?: string\n\tdateTo?: string\n}\n\n/**\n * A custom event fired when the date range is updated.\n */\nexport type SchmancyDateRangeChangeEvent = CustomEvent<TSchmancDateRangePayload>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-date-range': SchmancyDateRange\n\t}\n}\n"],"names":["SchmancyDateRange","$LitElement","constructor","super","arguments","this","type","selectedDateRange","connectedCallback","initPresetRanges","updateSelectedDateRange","changedProps","has","format","getDateFormat","presetRanges","label","range","dateFrom","moment","subtract","startOf","dateTo","endOf","step","add","preset","find","value","getDisplayFormat","fromDate","toDate","dispatchEvent","CustomEvent","detail","requestUpdate","presetLabel","setDateRange","schmancyMenu","open","factor","currentDiff","diff","newDateFrom","newDateTo","html","e","preventDefault","stopPropagation","shiftDateRange","map","handlePresetChange","ifDefined","minDate","event","selectedDate","checkOutInput","setAttribute","maxDate","handleDateRangeChange","__decorateClass","property","String","prototype","Object","query","state","customElement"],"mappings":"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"}

package/dist/date-range-C6ObEwpy.cjs

@@ -0,0 +1,58 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-CqG5Vzn4.cjs");require("./tailwind.mixin-C3pXEh-C.cjs");const m=require("lit"),r=require("lit/decorators.js"),l=require("lit/directives/if-defined.js"),a=require("moment");var p=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,t,s,i)=>{for(var d,c=i>1?void 0:i?y(t,s):t,h=e.length-1;h>=0;h--)(d=e[h])&&(c=(i?d(t,s,c):d(c))||c);return i&&c&&p(t,s,c),c};let n=class extends u.$LitElement(){constructor(){super(...arguments),this.type="date",this.selectedDateRange="Today"}connectedCallback(){super.connectedCallback(),this.initPresetRanges(),this.updateSelectedDateRange()}updated(e){e.has("type")&&(this.initPresetRanges(),this.updateSelectedDateRange())}getDateFormat(){return this.type==="date"?"YYYY-MM-DD":"YYYY-MM-DDTHH:mm"}getDisplayFormat(){return this.type==="date"?"MMM DD, YYYY":"MMM DD, YYYY hh:mm A"}initPresetRanges(){const e=this.getDateFormat();this.presetRanges=[{label:"Yesterday",range:{dateFrom:a().subtract(1,"days").startOf("day").format(e),dateTo:a().subtract(1,"days").endOf("day").format(e)},step:"day"},{label:"Today",range:{dateFrom:a().startOf("day").format(e),dateTo:a().endOf("day").format(e)},step:"day"},{label:"Tomorrow",range:{dateFrom:a().add(1,"days").startOf("day").format(e),dateTo:a().add(1,"days").endOf("day").format(e)},step:"day"},{label:"This Week",range:{dateFrom:a().startOf("isoWeek").format(e),dateTo:a().endOf("isoWeek").format(e)},step:"week"},{label:"Last Week",range:{dateFrom:a().subtract(1,"weeks").startOf("isoWeek").format(e),dateTo:a().subtract(1,"weeks").endOf("isoWeek").format(e)},step:"week"},{label:"This Month",range:{dateFrom:a().startOf("month").format(e),dateTo:a().endOf("month").format(e)},step:"month"}]}updateSelectedDateRange(){const e=this.presetRanges.find(t=>t.range.dateFrom===this.dateFrom.value&&t.range.dateTo===this.dateTo.value);this.selectedDateRange=e?e.label:`${a(this.dateFrom.value).format(this.getDisplayFormat())} - ${a(this.dateTo.value).format(this.getDisplayFormat())}`}setDateRange(e,t){this.dateFrom.value=e,this.dateTo.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{dateFrom:e,dateTo:t}})),this.requestUpdate()}handlePresetChange(e){const t=this.presetRanges.find(s=>s.label===e);if(t){const{dateFrom:s,dateTo:i}=t.range;this.setDateRange(s,i),this.selectedDateRange=e,this.schmancyMenu.open=!1}}handleDateRangeChange(){this.setDateRange(this.dateFrom.value,this.dateTo.value),this.updateSelectedDateRange(),this.schmancyMenu.open=!1}shiftDateRange(e){const t=this.getDateFormat(),s=a(this.dateTo.value).diff(a(this.dateFrom.value),"days")||1,i=a(this.dateFrom.value).add(e*s,"days").format(t),d=a(this.dateTo.value).add(e*s,"days").format(t);this.setDateRange(i,d),this.updateSelectedDateRange()}render(){return m.html`
+			<div class="date-range-selector relative">
+				<schmancy-menu class="z-100 w-max">
+					<!-- The button slot: left/right arrows and the display text -->
+					<schmancy-grid slot="button" align="center" cols="auto 1fr auto">
+						<schmancy-icon-button
+							@click=${e=>{e.preventDefault(),e.stopPropagation(),this.shiftDateRange(-1)}}
+						>
+							arrow_left
+						</schmancy-icon-button>
+						<schmancy-button class="w-max" variant="outlined" type="button">
+							${this.selectedDateRange||"Date range"}
+						</schmancy-button>
+						<schmancy-icon-button
+							@click=${e=>{e.preventDefault(),e.stopPropagation(),this.shiftDateRange(1)}}
+						>
+							arrow_right
+						</schmancy-icon-button>
+					</schmancy-grid>
+
+					<!-- The menu surface -->
+					<schmancy-surface elevation="2">
+						${this.presetRanges.map(e=>m.html`
+								<schmancy-menu-item class="w-full" @click=${()=>this.handlePresetChange(e.label)}>
+									<schmancy-grid class="w-full" align="center" cols="auto 1fr auto"> ${e.label} </schmancy-grid>
+								</schmancy-menu-item>
+							`)}
+						<schmancy-grid gap="sm" flow="row" class="p-4">
+							<schmancy-input
+								id="checkin"
+								min=${l.ifDefined(this.minDate)}
+								.type=${this.type}
+								label="${this.dateFrom.label}"
+								.value=${this.dateFrom.value}
+								@change=${e=>{e.preventDefault(),e.stopPropagation();const t=this.getDateFormat(),s=a(e.detail.value,t).format(t);this.dateFrom.value=s,this.checkOutInput.setAttribute("min",s)}}
+							></schmancy-input>
+							<schmancy-input
+								id="checkout"
+								min=${l.ifDefined(this.dateFrom.value)}
+								max=${l.ifDefined(this.maxDate)}
+								.type=${this.type}
+								label="${this.dateTo.label}"
+								.value=${this.dateTo.value}
+								@change=${e=>{e.preventDefault(),e.stopPropagation();const t=this.getDateFormat(),s=a(e.detail.value,t).format(t);this.dateTo.value=s}}
+							></schmancy-input>
+
+							<schmancy-button
+								variant="outlined"
+								@click=${e=>{e.preventDefault(),e.stopPropagation(),this.handleDateRangeChange()}}
+							>
+								Apply
+							</schmancy-button>
+						</schmancy-grid>
+					</schmancy-surface>
+				</schmancy-menu>
+			</div>
+		`}};o([r.property({type:String})],n.prototype,"type",2),o([r.property({type:Object})],n.prototype,"dateFrom",2),o([r.property({type:Object})],n.prototype,"dateTo",2),o([r.property({type:String})],n.prototype,"minDate",2),o([r.property({type:String})],n.prototype,"maxDate",2),o([r.query("#checkin")],n.prototype,"checkInInput",2),o([r.query("#checkout")],n.prototype,"checkOutInput",2),o([r.query("schmancy-menu")],n.prototype,"schmancyMenu",2),o([r.state()],n.prototype,"selectedDateRange",2),n=o([r.customElement("schmancy-date-range")],n);
+//# sourceMappingURL=date-range-C6ObEwpy.cjs.map

package/dist/date-range-C6ObEwpy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-C6ObEwpy.cjs","sources":["../src/date-range/date-range.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { SchmancyInputChangeEvent } from '@schmancy/input'\nimport SchmancyMenu from '@schmancy/menu/menu'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport moment from 'moment'\n\n/**\n * A date range selector that supports presets and manual date input.\n */\n@customElement('schmancy-date-range')\nexport default class SchmancyDateRange extends $LitElement() {\n\t// The input type – either \"date\" or \"datetime-local\".\n\t@property({ type: String }) type: 'date' | 'datetime-local' = 'date'\n\n\t// The date range properties.\n\t@property({ type: Object }) dateFrom!: { label: string; value: string }\n\t@property({ type: Object }) dateTo!: { label: string; value: string }\n\n\t// Optional minimum and maximum dates.\n\t@property({ type: String }) minDate?: string\n\t@property({ type: String }) maxDate?: string\n\n\t// Query elements from the rendered template.\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t// The currently selected preset or custom date range display text.\n\t@state() selectedDateRange: string = 'Today'\n\n\t// Array of preset date ranges.\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: { dateFrom: string; dateTo: string }\n\t\tstep: moment.unitOfTime.DurationConstructor\n\t\tselected?: boolean\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.initPresetRanges()\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tif (changedProps.has('type')) {\n\t\t\t// Reinitialize presets if the date input type changes.\n\t\t\tthis.initPresetRanges()\n\t\t\tthis.updateSelectedDateRange()\n\t\t}\n\t}\n\n\t/**\n\t * Returns the date format string based on the current type.\n\t */\n\tprivate getDateFormat(): string {\n\t\treturn this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'\n\t}\n\n\t/**\n\t * Returns the display format for showing dates.\n\t */\n\tprivate getDisplayFormat(): string {\n\t\treturn this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A'\n\t}\n\n\t/**\n\t * Initializes the preset date ranges.\n\t */\n\tprivate initPresetRanges() {\n\t\tconst format = this.getDateFormat()\n\t\tthis.presetRanges = [\n\t\t\t{\n\t\t\t\tlabel: 'Yesterday',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().subtract(1, 'days').startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().subtract(1, 'days').endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Today',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Tomorrow',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().add(1, 'days').startOf('day').format(format),\n\t\t\t\t\tdateTo: moment().add(1, 'days').endOf('day').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Week',\n\t\t\t\t// Use ISO week boundaries for consistency.\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('isoWeek').format(format),\n\t\t\t\t\tdateTo: moment().endOf('isoWeek').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'week',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Last Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().subtract(1, 'weeks').startOf('isoWeek').format(format),\n\t\t\t\t\tdateTo: moment().subtract(1, 'weeks').endOf('isoWeek').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'week',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Month',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment().startOf('month').format(format),\n\t\t\t\t\tdateTo: moment().endOf('month').format(format),\n\t\t\t\t},\n\t\t\t\tstep: 'month',\n\t\t\t},\n\t\t\t// You can add a \"Custom\" option here if needed.\n\t\t]\n\t}\n\n\t/**\n\t * Updates the selectedDateRange state based on the current dateFrom and dateTo values.\n\t */\n\tprivate updateSelectedDateRange() {\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = `${moment(this.dateFrom.value).format(\n\t\t\t\tthis.getDisplayFormat(),\n\t\t\t)} - ${moment(this.dateTo.value).format(this.getDisplayFormat())}`\n\t\t}\n\t}\n\n\t/**\n\t * Updates the internal date range state and dispatches a change event.\n\t */\n\tsetDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: { dateFrom: fromDate, dateTo: toDate },\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\n\t/**\n\t * Called when a preset is selected. Updates the date range and closes the menu.\n\t */\n\thandlePresetChange(presetLabel: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === presetLabel)\n\t\tif (preset) {\n\t\t\tconst { dateFrom, dateTo } = preset.range\n\t\t\tthis.setDateRange(dateFrom, dateTo)\n\t\t\tthis.selectedDateRange = presetLabel\n\t\t\t// Close the menu after a preset selection.\n\t\t\tthis.schmancyMenu.open = false\n\t\t}\n\t}\n\n\t/**\n\t * Called when the user applies a manual date change.\n\t */\n\thandleDateRangeChange() {\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\tthis.updateSelectedDateRange()\n\t\t// Close the menu after applying manual changes.\n\t\tthis.schmancyMenu.open = false\n\t}\n\n\t/**\n\t * Shifts the current date range by multiplying the range length with the given factor.\n\t * Use a negative factor to shift backward.\n\t */\n\tprivate shiftDateRange(factor: number) {\n\t\tconst format = this.getDateFormat()\n\t\tconst currentDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\t\tconst newDateFrom = moment(this.dateFrom.value)\n\t\t\t.add(factor * currentDiff, 'days')\n\t\t\t.format(format)\n\t\tconst newDateTo = moment(this.dateTo.value)\n\t\t\t.add(factor * currentDiff, 'days')\n\t\t\t.format(format)\n\t\tthis.setDateRange(newDateFrom, newDateTo)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"date-range-selector relative\">\n\t\t\t\t<schmancy-menu class=\"z-100 w-max\">\n\t\t\t\t\t<!-- The button slot: left/right arrows and the display text -->\n\t\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.shiftDateRange(-1)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_left\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t<schmancy-button class=\"w-max\" variant=\"outlined\" type=\"button\">\n\t\t\t\t\t\t\t${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.shiftDateRange(1)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_right\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</schmancy-grid>\n\n\t\t\t\t\t<!-- The menu surface -->\n\t\t\t\t\t<schmancy-surface elevation=\"2\">\n\t\t\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t\t\t<schmancy-menu-item class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\t\t\t\t\t\t\t\t\t<schmancy-grid class=\"w-full\" align=\"center\" cols=\"auto 1fr auto\"> ${preset.label} </schmancy-grid>\n\t\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateFrom.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst format = this.getDateFormat()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, format).format(format)\n\t\t\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t\t\t// Update the checkout input's minimum date.\n\t\t\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', selectedDate)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.dateFrom.value)}\n\t\t\t\t\t\t\t\tmax=${ifDefined(this.maxDate)}\n\t\t\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateTo.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst format = this.getDateFormat()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, format).format(format)\n\t\t\t\t\t\t\t\t\tthis.dateTo.value = selectedDate\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-menu>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n/**\n * The payload for a date range change event.\n */\nexport type TSchmancDateRangePayload = {\n\tdateFrom?: string\n\tdateTo?: string\n}\n\n/**\n * A custom event fired when the date range is updated.\n */\nexport type SchmancyDateRangeChangeEvent = CustomEvent<TSchmancDateRangePayload>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-date-range': SchmancyDateRange\n\t}\n}\n"],"names":["SchmancyDateRange","$LitElement","constructor","super","arguments","this","type","selectedDateRange","connectedCallback","initPresetRanges","updateSelectedDateRange","changedProps","has","format","getDateFormat","presetRanges","label","range","dateFrom","moment","subtract","startOf","dateTo","endOf","step","add","preset","find","value","getDisplayFormat","fromDate","toDate","dispatchEvent","CustomEvent","detail","requestUpdate","presetLabel","setDateRange","schmancyMenu","open","factor","currentDiff","diff","newDateFrom","newDateTo","render","html","e","preventDefault","stopPropagation","shiftDateRange","map","handlePresetChange","ifDefined","minDate","event","selectedDate","checkOutInput","setAttribute","maxDate","handleDateRangeChange","__decorateClass","property","String","prototype","Object","query","state","customElement"],"mappings":"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"}

package/dist/date-range.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./date-range-wOUZirqC.cjs");
+"use strict";require("./date-range-C6ObEwpy.cjs");
 //# sourceMappingURL=date-range.cjs.map

package/dist/date-range.js

@@ -1,2 +1,2 @@
-import "./date-range-AqKuO1c4.js";
+import "./date-range-Bf_u0TPH.js";
 //# sourceMappingURL=date-range.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-B7ot87Yb.cjs");const r=require("./area.component-Dvbv9xus.cjs");require("./autocomplete-GCjmIPKP.cjs"),require("./spinner-BE0oj65n.cjs");const o=require("./icon-button-CEcYwu6h.cjs"),e=require("./teleport.component-DOO3qoVk.cjs"),h=require("./checkbox-B6wuWHQT.cjs");require("./chips-DW4wk4ns.cjs");const S=require("./payment-card-form-ClNJIflz.cjs");require("./date-range-wOUZirqC.cjs");const y=require("./delay-ZjnwZygz.cjs"),n=require("./ripple-C2BHbhcS.cjs");require("./divider-C-olgct1.cjs"),require("./form-BftBHIa9.cjs"),require("./icon-C3VNzTd2.cjs"),require("./input-shCt07iX.cjs");const c=require("./scroll-CUpYxnFS.cjs");require("./menu-BsjLQTfd.cjs");const a=require("./outlet-BMkGxj9Y.cjs");require("./option-CEN9FFeV.cjs");const u=require("./radio-group-Dq8G5fBE.cjs"),b=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DSOpxxMT.cjs");const t=require("./sheet-BnBjA5tD.cjs"),m=require("./slider-CJdYHduh.cjs"),l=require("./surface-DxPFMsdk.cjs");require("./table-Co0-nm4Y.cjs"),require("./tabs-group-Doix3mBX.cjs"),require("./textarea-BfNvgfZ_.cjs");const i=require("./theme.component-C_KvokK0.cjs"),d=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-CQiYi_67.cjs");const p=require("./tree-BGkPGaY8.cjs"),g=require("./types.cjs"),f=require("./typewriter-ChAfM5s5.cjs"),q=require("./typography-NRVaaUrd.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmnacyButton",{enumerable:!0,get:()=>o.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>h.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>S.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=n.color,exports.fullHeight=n.fullHeight,exports.ripple=n.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>c.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>c.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>c.SchmancyScroll}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>u.RadioGroup}),exports.mutationObserver=b.mutationObserver,exports.SchmancySheetPosition=t.SchmancySheetPosition,exports.SheetHereMorty=t.SheetHereMorty,exports.SheetWhereAreYouRicky=t.SheetWhereAreYouRicky,exports.hook=t.hook,exports.sheet=t.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>m.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>m.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>l.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=d.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>p.SchmancyTree}),exports.SchmancyEvents=g.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>f.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>q.SchmancyTypography});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-B7ot87Yb.cjs");const r=require("./area.component-Dvbv9xus.cjs");require("./autocomplete-GCjmIPKP.cjs"),require("./spinner-BE0oj65n.cjs");const o=require("./icon-button-CEcYwu6h.cjs"),e=require("./teleport.component-CBt5HLNC.cjs"),h=require("./checkbox-B6wuWHQT.cjs");require("./chips-DW4wk4ns.cjs");const S=require("./payment-card-form-ClNJIflz.cjs");require("./date-range-C6ObEwpy.cjs");const y=require("./delay-ZjnwZygz.cjs"),n=require("./ripple-C2BHbhcS.cjs");require("./divider-C-olgct1.cjs"),require("./form-BftBHIa9.cjs"),require("./icon-C3VNzTd2.cjs"),require("./input-Dg9UEyST.cjs");const c=require("./scroll-CUpYxnFS.cjs");require("./menu-BsjLQTfd.cjs");const a=require("./outlet-BMkGxj9Y.cjs");require("./option-CEN9FFeV.cjs");const u=require("./radio-group-Dq8G5fBE.cjs"),b=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DSOpxxMT.cjs");const t=require("./sheet-BnBjA5tD.cjs"),m=require("./slider-CJdYHduh.cjs"),l=require("./surface-DxPFMsdk.cjs");require("./table-Co0-nm4Y.cjs"),require("./tabs-group-Doix3mBX.cjs"),require("./textarea-BfNvgfZ_.cjs");const i=require("./theme.component-C_KvokK0.cjs"),d=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-CQiYi_67.cjs");const p=require("./tree-BGkPGaY8.cjs"),g=require("./types.cjs"),f=require("./typewriter-ChAfM5s5.cjs"),q=require("./typography-NRVaaUrd.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmnacyButton",{enumerable:!0,get:()=>o.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>h.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>S.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=n.color,exports.fullHeight=n.fullHeight,exports.ripple=n.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>c.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>c.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>c.SchmancyScroll}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>u.RadioGroup}),exports.mutationObserver=b.mutationObserver,exports.SchmancySheetPosition=t.SchmancySheetPosition,exports.SheetHereMorty=t.SheetHereMorty,exports.SheetWhereAreYouRicky=t.SheetWhereAreYouRicky,exports.hook=t.hook,exports.sheet=t.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>m.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>m.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>l.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=d.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>p.SchmancyTree}),exports.SchmancyEvents=g.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>f.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>q.SchmancyTypography});
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -3,17 +3,17 @@ import { F as d, H as T, b, S as u, a as N, r as H } from "./area.component-BlcO
 import "./autocomplete-vfdJnjAx.js";
 import "./spinner-Cz48LKw5.js";
 import { S as v, a as I } from "./icon-button-cThH-HDx.js";
-import { H as g, L as E, e as k, b as A, f as Y, c as F, d as G, g as O, S as W, a as L, j as _, l as B, m as P, h as $, n as j, k as K, o as q, p as z, W as J, s as Q, i as U, t as V } from "./teleport.component-DZlkBtyW.js";
+import { H as g, L as E, e as k, b as A, f as Y, c as F, d as G, g as O, S as W, a as L, j as _, l as B, m as P, h as $, n as j, k as K, o as q, p as z, W as J, s as Q, i as U, t as V } from "./teleport.component-Dc1Ygxut.js";
 import { S as Z } from "./checkbox-BrVJwQYt.js";
 import "./chips-CCNEOlx2.js";
 import { S as ra } from "./payment-card-form-CSjKMW71.js";
-import "./date-range-AqKuO1c4.js";
+import "./date-range-Bf_u0TPH.js";
 import { S as ta, d as oa } from "./delay-DrTqFWuI.js";
 import { c as ma, f as na, r as sa } from "./ripple-BumgqsDT.js";
 import "./divider-DE_qGu0Z.js";
 import "./form-CiopR1cw.js";
 import "./icon-uV29Oo_I.js";
-import "./input-BNWPVs3H.js";
+import "./input-CjHwAdCr.js";
 import { S as ha, a as ia, b as ya } from "./scroll-BJ_3vZ-c.js";
 import "./menu-CK0Aunqg.js";
 import { $ as fa, S as xa, a as Da } from "./outlet-CbHO2KGb.js";

package/dist/{input-BNWPVs3H.js → input-CjHwAdCr.js}

@@ -92,7 +92,7 @@ let e = class extends R() {
 				.value=${this.value}
 				id=${this.id}
 				name=${this.name}
-				type=${this.type}
+				.type=${this.type}
 				step=${a(this.step)}
 				.autocomplete=${this.autocomplete}
 				placeholder=${this.placeholder}
@@ -121,4 +121,4 @@ let e = class extends R() {
   }
 };
 e.formAssociated = !0, e.shadowRootOptions = { ...$.shadowRootOptions, delegatesFocus: !0 }, i([r()], e.prototype, "label", 2), i([r({ reflect: !0 })], e.prototype, "type", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "clickable", 2), i([r()], e.prototype, "name", 2), i([r()], e.prototype, "placeholder", 2), i([r({ type: String, reflect: !0 })], e.prototype, "value", 2), i([r({ type: String, reflect: !0 })], e.prototype, "pattern", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "required", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "disabled", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "readonly", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "spellcheck", 2), i([r({ type: String, reflect: !0 })], e.prototype, "align", 2), i([r()], e.prototype, "inputmode", 2), i([r({ type: Number })], e.prototype, "minlength", 2), i([r({ type: Number })], e.prototype, "maxlength", 2), i([r()], e.prototype, "min", 2), i([r()], e.prototype, "max", 2), i([r({ type: Number, reflect: !0 })], e.prototype, "step", 2), i([r({ type: Boolean })], e.prototype, "autofocus", 2), i([r({ type: String })], e.prototype, "autocomplete", 2), i([r({ type: Number, reflect: !0 })], e.prototype, "tabIndex", 2), i([r()], e.prototype, "hint", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), i([x("input")], e.prototype, "inputElement", 2), e = i([E("schmancy-input")], e);
-//# sourceMappingURL=input-BNWPVs3H.js.map
+//# sourceMappingURL=input-CjHwAdCr.js.map

package/dist/input-CjHwAdCr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-CjHwAdCr.js","sources":["../src/input/input.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // <-- Import if not provided by TailwindElement\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\n\n// If TailwindElement extends LitElement and has extra mixins, import it.\n// Otherwise, just extend LitElement. Adjust accordingly.\nimport { TailwindElement } from '@mixins/index'\n\n// color directive + theme interface\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n// If you want to be form-associated, you can define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\n/**\n * `schmancy-input` – A custom input component.\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement() {\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string}\n\t * @default ''\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true })\n\tpublic type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime-local'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr\n\t * @default 'name_' + Date.now()\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr\n\t * @default ''\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr\n\t * @default ''\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @default undefined\n\t */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min?: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max?: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic autocomplete: AutoFill = 'off'\n\n\t/**\n\t * tabIndex for focusing by tab key.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t@property()\n\thint?: string\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\t@query('input') inputElement!: HTMLInputElement\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/** Form-associated custom elements support. */\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tprivate internals?: ElementInternals\n\n\tconstructor() {\n\t\tsuper()\n\t\tif ('attachInternals' in this) {\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\t// older browsers or polyfills might fail\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\t/**\n\t * (Optional) Whenever value changes, sync with form internals for\n\t * form submission (if you're using form-associated custom elements).\n\t */\n\tprotected updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it is invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// Subscribe to 'input' changes\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Subscribe to 'change' changes (on blur for native inputs)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Emit custom event on Enter key\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(filter(event => event.key === 'Enter'))\n\t\t\t.subscribe(event => {\n\t\t\t\tconst { value } = event.target as HTMLInputElement\n\t\t\t\t// You can remove `distinctUntilChanged()` here if you want *every* Enter\n\t\t\t\t// press to dispatch, even if the value hasn't changed.\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Detect autofill animation\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(filter(ev => ev.animationName === 'onAutoFillStart'))\n\t\t\t.subscribe(event => {\n\t\t\t\tconst { value } = event.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the internal validity state object. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override focus so that focusing <schmancy-input> actually focuses\n\t * the internal <input>.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Same with click; bubble a click out if needed, but delegate to internal input.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/**\n\t * Same with blur; bubble the event.\n\t */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected override render() {\n\t\tconst inputClasses = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\tid=${this.id}\n\t\t\t\tname=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t?required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${classMap(inputClasses)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t?readOnly=${this.readonly}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","constructor","super","this","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autofocus","autocomplete","tabIndex","error","inputRef","createRef","internals","attachInternals","form","changedProps","updated","has","setFormValue","reportValidity","checkValidity","message","setCustomValidity","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","ev","animationName","select","validity","options","Event","click","blur","inputClasses","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","minlength","maxlength","min","max","pattern","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}

package/dist/{input-shCt07iX.cjs → input-Dg9UEyST.cjs}

@@ -14,7 +14,7 @@
 				.value=${this.value}
 				id=${this.id}
 				name=${this.name}
-				type=${this.type}
+				.type=${this.type}
 				step=${n.ifDefined(this.step)}
 				.autocomplete=${this.autocomplete}
 				placeholder=${this.placeholder}
@@ -40,4 +40,4 @@
 					</schmancy-typography>
 				`)}
 		`}};t.formAssociated=!0,t.shadowRootOptions={...h.LitElement.shadowRootOptions,delegatesFocus:!0},i([r.property()],t.prototype,"label",2),i([r.property({reflect:!0})],t.prototype,"type",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"clickable",2),i([r.property()],t.prototype,"name",2),i([r.property()],t.prototype,"placeholder",2),i([r.property({type:String,reflect:!0})],t.prototype,"value",2),i([r.property({type:String,reflect:!0})],t.prototype,"pattern",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"required",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"spellcheck",2),i([r.property({type:String,reflect:!0})],t.prototype,"align",2),i([r.property()],t.prototype,"inputmode",2),i([r.property({type:Number})],t.prototype,"minlength",2),i([r.property({type:Number})],t.prototype,"maxlength",2),i([r.property()],t.prototype,"min",2),i([r.property()],t.prototype,"max",2),i([r.property({type:Number,reflect:!0})],t.prototype,"step",2),i([r.property({type:Boolean})],t.prototype,"autofocus",2),i([r.property({type:String})],t.prototype,"autocomplete",2),i([r.property({type:Number,reflect:!0})],t.prototype,"tabIndex",2),i([r.property()],t.prototype,"hint",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"error",2),i([r.query("input")],t.prototype,"inputElement",2),t=i([r.customElement("schmancy-input")],t);
-//# sourceMappingURL=input-shCt07iX.cjs.map
+//# sourceMappingURL=input-Dg9UEyST.cjs.map

package/dist/input-Dg9UEyST.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-Dg9UEyST.cjs","sources":["../src/input/input.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // <-- Import if not provided by TailwindElement\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\n\n// If TailwindElement extends LitElement and has extra mixins, import it.\n// Otherwise, just extend LitElement. Adjust accordingly.\nimport { TailwindElement } from '@mixins/index'\n\n// color directive + theme interface\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n// If you want to be form-associated, you can define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\n/**\n * `schmancy-input` – A custom input component.\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement() {\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string}\n\t * @default ''\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true })\n\tpublic type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime-local'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr\n\t * @default 'name_' + Date.now()\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr\n\t * @default ''\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr\n\t * @default ''\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @default undefined\n\t */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min?: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max?: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic autocomplete: AutoFill = 'off'\n\n\t/**\n\t * tabIndex for focusing by tab key.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t@property()\n\thint?: string\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\t@query('input') inputElement!: HTMLInputElement\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/** Form-associated custom elements support. */\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tprivate internals?: ElementInternals\n\n\tconstructor() {\n\t\tsuper()\n\t\tif ('attachInternals' in this) {\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\t// older browsers or polyfills might fail\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\t/**\n\t * (Optional) Whenever value changes, sync with form internals for\n\t * form submission (if you're using form-associated custom elements).\n\t */\n\tprotected updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it is invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// Subscribe to 'input' changes\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Subscribe to 'change' changes (on blur for native inputs)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Emit custom event on Enter key\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(filter(event => event.key === 'Enter'))\n\t\t\t.subscribe(event => {\n\t\t\t\tconst { value } = event.target as HTMLInputElement\n\t\t\t\t// You can remove `distinctUntilChanged()` here if you want *every* Enter\n\t\t\t\t// press to dispatch, even if the value hasn't changed.\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Detect autofill animation\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(filter(ev => ev.animationName === 'onAutoFillStart'))\n\t\t\t.subscribe(event => {\n\t\t\t\tconst { value } = event.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the internal validity state object. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override focus so that focusing <schmancy-input> actually focuses\n\t * the internal <input>.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Same with click; bubble a click out if needed, but delegate to internal input.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/**\n\t * Same with blur; bubble the event.\n\t */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected override render() {\n\t\tconst inputClasses = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\tid=${this.id}\n\t\t\t\tname=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t?required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${classMap(inputClasses)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t?readOnly=${this.readonly}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","super","this","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autofocus","autocomplete","tabIndex","error","inputRef","createRef","internals","attachInternals","form","changedProps","updated","has","setFormValue","reportValidity","checkValidity","message","setCustomValidity","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","ev","animationName","select","getValidity","validity","options","Event","click","blur","render","inputClasses","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","minlength","maxlength","min","max","pattern","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}

package/dist/input.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./input-shCt07iX.cjs");
+"use strict";require("./input-Dg9UEyST.cjs");
 //# sourceMappingURL=input.cjs.map

package/dist/input.js

@@ -1,2 +1,2 @@
-import "./input-BNWPVs3H.js";
+import "./input-CjHwAdCr.js";
 //# sourceMappingURL=input.js.map

package/dist/list.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-DOO3qoVk.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CBt5HLNC.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
 //# sourceMappingURL=list.cjs.map

package/dist/list.js

@@ -1,4 +1,4 @@
-import { L as a, h as m } from "./teleport.component-DZlkBtyW.js";
+import { L as a, h as m } from "./teleport.component-Dc1Ygxut.js";
 export {
   a as List,
   m as SchmancyListItem

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-DOO3qoVk.cjs");Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CBt5HLNC.cjs");Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
 //# sourceMappingURL=nav-drawer.cjs.map

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-import { j as c, l as n, m as e, n as m, k as i, o, i as s } from "./teleport.component-DZlkBtyW.js";
+import { j as c, l as n, m as e, n as m, k as i, o, i as s } from "./teleport.component-Dc1Ygxut.js";
 export {
   c as SchmancyDrawerAppbar,
   n as SchmancyDrawerNavbarMode,

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-DOO3qoVk.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CBt5HLNC.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
 //# sourceMappingURL=teleport.cjs.map

package/dist/{teleport.component-DOO3qoVk.cjs → teleport.component-CBt5HLNC.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("lit"),c=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-B7ot87Yb.cjs");const M=require("./area.component-Dvbv9xus.cjs");require("./autocomplete-GCjmIPKP.cjs"),require("./spinner-BE0oj65n.cjs"),require("./icon-button-CEcYwu6h.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const b=require("./tailwind.mixin-C3pXEh-C.cjs"),x=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-B6wuWHQT.cjs"),require("./chips-DW4wk4ns.cjs"),require("./payment-card-form-ClNJIflz.cjs");const d=require("./types.cjs"),l=require("./provide-_VUNOf1R.cjs"),g=require("./litElement.mixin-CqG5Vzn4.cjs"),p=require("./consume-Di0U0iBU.cjs");require("./date-range-wOUZirqC.cjs"),require("./delay-ZjnwZygz.cjs");const w=require("./ripple-C2BHbhcS.cjs");require("./divider-C-olgct1.cjs"),require("./form-BftBHIa9.cjs"),require("./icon-C3VNzTd2.cjs"),require("./input-shCt07iX.cjs"),require("./scroll-CUpYxnFS.cjs");const Y=require("./surface-DxPFMsdk.cjs"),C=require("lit/directives/when.js");require("./menu-BsjLQTfd.cjs"),require("./outlet-BMkGxj9Y.cjs"),require("./option-CEN9FFeV.cjs"),require("./radio-group-Dq8G5fBE.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DSOpxxMT.cjs");const L=require("./sheet-BnBjA5tD.cjs");require("./slider-CJdYHduh.cjs"),require("./table-Co0-nm4Y.cjs"),require("./tabs-group-Doix3mBX.cjs"),require("./textarea-BfNvgfZ_.cjs"),require("./theme.component-C_KvokK0.cjs"),require("./theme-button-CQiYi_67.cjs"),require("./tree-BGkPGaY8.cjs"),require("./typewriter-ChAfM5s5.cjs"),require("./typography-NRVaaUrd.cjs");const T=require("rxjs/operators");var K=Object.defineProperty,F=Object.getOwnPropertyDescriptor;let X=class extends b.TailwindElement(h.css`
+"use strict";const h=require("lit"),c=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-B7ot87Yb.cjs");const M=require("./area.component-Dvbv9xus.cjs");require("./autocomplete-GCjmIPKP.cjs"),require("./spinner-BE0oj65n.cjs"),require("./icon-button-CEcYwu6h.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const b=require("./tailwind.mixin-C3pXEh-C.cjs"),x=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-B6wuWHQT.cjs"),require("./chips-DW4wk4ns.cjs"),require("./payment-card-form-ClNJIflz.cjs");const d=require("./types.cjs"),l=require("./provide-_VUNOf1R.cjs"),g=require("./litElement.mixin-CqG5Vzn4.cjs"),p=require("./consume-Di0U0iBU.cjs");require("./date-range-C6ObEwpy.cjs"),require("./delay-ZjnwZygz.cjs");const w=require("./ripple-C2BHbhcS.cjs");require("./divider-C-olgct1.cjs"),require("./form-BftBHIa9.cjs"),require("./icon-C3VNzTd2.cjs"),require("./input-Dg9UEyST.cjs"),require("./scroll-CUpYxnFS.cjs");const Y=require("./surface-DxPFMsdk.cjs"),C=require("lit/directives/when.js");require("./menu-BsjLQTfd.cjs"),require("./outlet-BMkGxj9Y.cjs"),require("./option-CEN9FFeV.cjs"),require("./radio-group-Dq8G5fBE.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DSOpxxMT.cjs");const L=require("./sheet-BnBjA5tD.cjs");require("./slider-CJdYHduh.cjs"),require("./table-Co0-nm4Y.cjs"),require("./tabs-group-Doix3mBX.cjs"),require("./textarea-BfNvgfZ_.cjs"),require("./theme.component-C_KvokK0.cjs"),require("./theme-button-CQiYi_67.cjs"),require("./tree-BGkPGaY8.cjs"),require("./typewriter-ChAfM5s5.cjs"),require("./typography-NRVaaUrd.cjs");const T=require("rxjs/operators");var K=Object.defineProperty,F=Object.getOwnPropertyDescriptor;let X=class extends b.TailwindElement(h.css`
 	:host {
 		display: block;
 	}
@@ -170,4 +170,4 @@
 				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
 			></div>
 		`}},v([p.c({context:W,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),v([p.c({context:P,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"state",2),v([c.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),v([c.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),v([c.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),exports.SchmancyNavigationDrawerSidebar=v([c.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const U="whereAreYouRicky",A="hereMorty",D=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new s.Subject,this.find=e=>s.zip([s.fromEvent(window,A).pipe(s.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),s.map(t=>t.detail.component),s.take(1)),s.of(e).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(U,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(s.map(([t])=>t),s.timeout(0)),this.flip=e=>{const{from:t,to:n}=e,o=n.element.style.zIndex;n.element.style.transformOrigin="top left",n.element.style.setProperty("visibility","visible"),n.element.style.zIndex="1000";const a=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];n.element.animate(a,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{n.element.style.zIndex=o,n.element.style.transformOrigin=""}},this.flipRequests.pipe(s.bufferTime(1),s.map(e=>e.map(({from:t,to:n,host:o},a)=>({from:t,to:n,host:o,i:a}))),s.concatMap(e=>s.zip(e.map(t=>s.of(this.flip(t)))))).subscribe()}};function V(e){return s.interval(50).pipe(T.map(()=>e.getBoundingClientRect()),T.distinctUntilChanged((t,n)=>t.width===n.width&&t.height===n.height&&t.top===n.top&&t.right===n.right&&t.bottom===n.bottom&&t.left===n.left),T.take(1))}var xe=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,O=(e,t,n,o)=>{for(var a,r=o>1?void 0:o?Ce(t,n):t,i=e.length-1;i>=0;i--)(a=e[i])&&(r=(o?a(t,n,r):a(r))||r);return o&&r&&xe(t,n,r),r};exports.SchmancyTeleportation=class extends g.$LitElement(h.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),s.merge(s.fromEvent(window,M.FINDING_MORTIES).pipe(s.tap({next:()=>{this.dispatchEvent(new CustomEvent(M.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),s.fromEvent(window,U).pipe(s.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(A,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(s.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){s.of(D.activeTeleportations.get(this.id)).pipe(s.filter(e=>!!e),s.takeUntil(this.disconnecting),s.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),V(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:t=>{D.activeTeleportations.set(this.id,t),D.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),V(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:e=>{D.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return h.html`<slot></slot>`}},O([c.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),O([c.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),O([c.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=O([c.customElement("schmancy-teleport")],exports.SchmancyTeleportation),exports.HereMorty=A,exports.SchmancyContentDrawerID=R,exports.SchmancyContentDrawerMaxHeight=j,exports.SchmancyContentDrawerMinWidth=N,exports.SchmancyContentDrawerSheetMode=k,exports.SchmancyContentDrawerSheetState=H,exports.SchmancyDrawerNavbarMode=W,exports.SchmancyDrawerNavbarState=P,exports.WhereAreYouRicky=U,exports.schmancyContentDrawer=re,exports.schmancyNavDrawer=ye,exports.teleport=D;
-//# sourceMappingURL=teleport.component-DOO3qoVk.cjs.map
+//# sourceMappingURL=teleport.component-CBt5HLNC.cjs.map