@mhmo91/schmancy 0.2.100 → 0.2.101

package/dist/card.cjs

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

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./teleport.component-B2hJQblG.js";
+import "./teleport.component-lGN5dIBu.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-CGUs59ol.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-DbLxhqqJ.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-B2hJQblG.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-lGN5dIBu.js";
 export {
   n as SchmancyContentDrawer,
   t as SchmancyContentDrawerID,

package/dist/date-range-_0s6SDfu.js

@@ -0,0 +1,166 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as g } from "./litElement.mixin-pfcnUcRO.js";
+import "./tailwind.mixin-D4STgS5j.js";
+import { html as u } from "lit";
+import { property as l, query as c, state as y, customElement as f } from "lit/decorators.js";
+import { ifDefined as h } from "lit/directives/if-defined.js";
+import s from "moment";
+function p(t, e) {
+  if (!t) return null;
+  const a = s(t);
+  return a.isValid() ? a.format(e) : null;
+}
+var D = Object.defineProperty, b = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {
+  for (var n, r = o > 1 ? void 0 : o ? b(e, a) : e, m = t.length - 1; m >= 0; m--) (n = t[m]) && (r = (o ? n(e, a, r) : n(r)) || r);
+  return o && r && D(e, a, r), r;
+};
+let i = class extends g() {
+  constructor() {
+    super(...arguments), this.type = "date", this.selectedDateRange = "Today";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.initPresetRanges();
+    const t = this.getDateFormat(), e = function(a, o, n) {
+      const r = p(a, n), m = p(o, n);
+      return { dateFrom: r, dateTo: m, isValid: r !== null && m !== null };
+    }(this.dateFrom.value, this.dateTo.value, t);
+    if (e.isValid) this.dateFrom.value = e.dateFrom, this.dateTo.value = e.dateTo, this.updateSelectedDateRange();
+    else {
+      const a = s().format(t);
+      this.dateFrom.value = a, this.dateTo.value = a;
+    }
+  }
+  setDateRange(t, e) {
+    this.dateFrom.value = t, this.dateTo.value = e, this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: t, dateTo: e }, bubbles: !0, composed: !0 })), this.requestUpdate();
+  }
+  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: s().subtract(1, "days").startOf("day").format(t), dateTo: s().subtract(1, "days").endOf("day").format(t) }, step: "day" }, { label: "Today", range: { dateFrom: s().startOf("day").format(t), dateTo: s().endOf("day").format(t) }, step: "day" }, { label: "Tomorrow", range: { dateFrom: s().add(1, "days").startOf("day").format(t), dateTo: s().add(1, "days").endOf("day").format(t) }, step: "day" }, { label: "This Week", range: { dateFrom: s().startOf("isoWeek").format(t), dateTo: s().endOf("isoWeek").format(t) }, step: "week" }, { label: "Last Week", range: { dateFrom: s().subtract(1, "weeks").startOf("isoWeek").format(t), dateTo: s().subtract(1, "weeks").endOf("isoWeek").format(t) }, step: "week" }, { label: "This Month", range: { dateFrom: s().startOf("month").format(t), dateTo: s().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);
+    if (t) this.selectedDateRange = t.label;
+    else {
+      const e = s(this.dateFrom.value), a = s(this.dateTo.value);
+      if (e.isSame(a, "day")) this.selectedDateRange = e.format("MMM DD, YYYY"), e.format("HH:mm") === "00:00" && a.format("HH:mm") === "23:59" || (this.selectedDateRange += ` ${e.format("HH:mm")}:${a.format("HH:mm")}`);
+      else {
+        const o = e.format(this.getDisplayFormat()), n = a.format(this.getDisplayFormat());
+        this.selectedDateRange = `${o} - ${n}`;
+      }
+    }
+  }
+  handlePresetChange(t) {
+    const e = this.presetRanges.find((n) => n.label === t);
+    if (!e) return;
+    const { dateFrom: a, dateTo: o } = e.range;
+    this.setDateRange(a, o), this.selectedDateRange = t;
+  }
+  shiftDateRange(t, e) {
+    e.stopPropagation();
+    const a = this.getDateFormat(), o = s(this.dateTo.value).diff(s(this.dateFrom.value), "days") || 1, n = s(this.dateFrom.value).add(t * o, "days").format(a), r = s(this.dateTo.value).add(t * o, "days").format(a);
+    this.setDateRange(n, r), this.updateSelectedDateRange();
+  }
+  handleDateRangeChange(t) {
+    t.stopPropagation(), this.setDateRange(this.dateFrom.value, this.dateTo.value), this.updateSelectedDateRange();
+  }
+  render() {
+    return u`
+			<!-- schmancy-menu typically provides a slot="button" for the trigger,
+             and then projects the menu items inside. -->
+			<schmancy-menu class="z-100 w-max" role="menu" aria-label="Date range presets and custom input">
+				<!-- The toggle/trigger slot -->
+				<schmancy-grid slot="button" align="center" cols="auto 1fr auto">
+					<schmancy-icon-button
+						type="button"
+						aria-label="Shift date range backward"
+						@click=${(t) => {
+      this.shiftDateRange(-1, t);
+    }}
+					>
+						arrow_left
+					</schmancy-icon-button>
+
+					<schmancy-button
+						class="w-max"
+						variant="outlined"
+						type="button"
+						aria-haspopup="menu"
+						.ariaExpanded=${String(!1)}
+					>
+						${this.selectedDateRange || "Date range"}
+					</schmancy-button>
+
+					<schmancy-icon-button
+						type="button"
+						aria-label="Shift date range forward"
+						@click=${(t) => {
+      this.shiftDateRange(1, t);
+    }}
+					>
+						arrow_right
+					</schmancy-icon-button>
+				</schmancy-grid>
+
+				<!-- The menu surface: presets + manual date selection -->
+				${this.presetRanges.map((t) => u`
+						<schmancy-menu-item role="menuitem" 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>
+					`)}
+
+				<!-- Manual date range inputs + "Apply" button -->
+				<schmancy-grid gap="sm" flow="row" class="p-4">
+					<schmancy-input
+						id="checkin"
+						.type=${this.type}
+						.label=${this.dateFrom.label}
+						.value=${this.dateFrom.value}
+						min=${h(this.minDate)}
+						@change=${(t) => {
+      t.preventDefault(), t.stopPropagation();
+      const e = this.getDateFormat(), a = s(t.detail.value, e).format(e);
+      this.dateFrom.value = a, this.checkOutInput.setAttribute("min", a);
+    }}
+					></schmancy-input>
+
+					<schmancy-input
+						id="checkout"
+						.type=${this.type}
+						.label=${this.dateTo.label}
+						.value=${this.dateTo.value}
+						min=${h(this.dateFrom.value)}
+						max=${h(this.maxDate)}
+						@change=${(t) => {
+      t.preventDefault(), t.stopPropagation();
+      const e = this.getDateFormat(), a = s(t.detail.value, e).format(e);
+      this.dateTo.value = a;
+    }}
+					></schmancy-input>
+
+					<schmancy-button
+						type="button"
+						variant="outlined"
+						@click=${(t) => {
+      this.handleDateRangeChange(t);
+    }}
+					>
+						Apply
+					</schmancy-button>
+				</schmancy-grid>
+			</schmancy-menu>
+		`;
+  }
+};
+d([l({ type: String })], i.prototype, "type", 2), d([l({ type: Object })], i.prototype, "dateFrom", 2), d([l({ type: Object })], i.prototype, "dateTo", 2), d([l({ type: String })], i.prototype, "minDate", 2), d([l({ type: String })], i.prototype, "maxDate", 2), d([c("#checkin")], i.prototype, "checkInInput", 2), d([c("#checkout")], i.prototype, "checkOutInput", 2), d([c("schmancy-menu")], i.prototype, "schmancyMenu", 2), d([y()], i.prototype, "selectedDateRange", 2), i = d([f("schmancy-date-range")], i);
+//# sourceMappingURL=date-range-_0s6SDfu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-_0s6SDfu.js","sources":["../src/date-range/date-utils.ts","../src/date-range/date-range.ts"],"sourcesContent":["import moment from 'moment'\n\ntype DateFormat = 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:mm'\n\n/**\n * Ensures that a date string conforms to a specific format.\n * If the date is already in the correct format, it returns the original string.\n * If the date is in a different format, it attempts to convert it to the specified format.\n * If the date is invalid or cannot be converted, it returns null.\n *\n * @param dateString The date string to validate and format.\n * @param expectedFormat The expected date format (e.g., 'YYYY-MM-DD', 'YYYY-MM-DDTHH:mm').\n * @returns The formatted date string, or null if the date is invalid.\n */\nfunction enforceDateFormat(dateString: string | undefined, expectedFormat: DateFormat): string | null {\n\tif (!dateString) {\n\t\treturn null // Or handle the undefined case differently if needed\n\t}\n\n\tconst parsedDate = moment(dateString)\n\n\tif (!parsedDate.isValid()) {\n\t\treturn null // Date is invalid\n\t}\n\n\treturn parsedDate.format(expectedFormat)\n}\n\n/**\n * Validates if the initial date range values are in the expected format.\n *\n * @param dateFrom The dateFrom value to validate.\n * @param dateTo The dateTo value to validate.\n * @param expectedFormat The expected date format.\n * @returns An object indicating whether each date is valid, and the formatted date or null if invalid.\n */\nfunction validateInitialDateRange(\n\tdateFrom: string | undefined,\n\tdateTo: string | undefined,\n\texpectedFormat: DateFormat,\n): {\n\tdateFrom: string | null\n\tdateTo: string | null\n\tisValid: boolean\n} {\n\tconst formattedDateFrom = enforceDateFormat(dateFrom, expectedFormat)\n\tconst formattedDateTo = enforceDateFormat(dateTo, expectedFormat)\n\n\tconst isValid = formattedDateFrom !== null && formattedDateTo !== null\n\n\treturn {\n\t\tdateFrom: formattedDateFrom,\n\t\tdateTo: formattedDateTo,\n\t\tisValid,\n\t}\n}\n\nexport { validateInitialDateRange }\n","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'\nimport { validateInitialDateRange } from './date-utils' // Import the utility\n\ntype DateFormat = 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:mm'\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// Either \"date\" or \"datetime-local\"\n\t@property({ type: String }) type: 'date' | 'datetime-local' = 'date'\n\n\t@property({ type: Object }) dateFrom!: { label: string; value: string }\n\t@property({ type: Object }) dateTo!: { label: string; value: string }\n\n\t// Optional min/max constraints\n\t@property({ type: String }) minDate?: string\n\t@property({ type: String }) maxDate?: string\n\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\n\t// The <schmancy-menu> that displays presets + manual date inputs\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t// Display text in the trigger button\n\t@state() selectedDateRange: string = 'Today'\n\n\t// Preset date range definitions\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: { dateFrom: string; dateTo: string }\n\t\tstep: moment.unitOfTime.DurationConstructor\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.initPresetRanges()\n\n\t\t// Validate and format initial date range\n\t\tconst dateFormat = this.getDateFormat() as DateFormat\n\t\tconst validatedRange = validateInitialDateRange(this.dateFrom.value, this.dateTo.value, dateFormat)\n\n\t\tif (validatedRange.isValid) {\n\t\t\tthis.dateFrom.value = validatedRange.dateFrom!\n\t\t\tthis.dateTo.value = validatedRange.dateTo!\n\t\t\tthis.updateSelectedDateRange()\n\t\t} else {\n\t\t\tconsole.error('Invalid initial date range.  Falling back to default.')\n\t\t\t// Handle invalid initial dates (e.g., set to default values, display an error)\n\t\t\tconst now = moment().format(dateFormat)\n\t\t\tthis.dateFrom.value = now\n\t\t\tthis.dateTo.value = now\n\t\t}\n\t}\n\t/**\n\t * Update the internal date range and fire a 'change' event to notify external code.\n\t */\n\tprivate setDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: { dateFrom: fromDate, dateTo: toDate },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true, // If you want it to pass shadow boundaries\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tif (changedProps.has('type')) {\n\t\t\t// Re-init presets if \"type\" changes from date -> datetime\n\t\t\tthis.initPresetRanges()\n\t\t\tthis.updateSelectedDateRange()\n\t\t}\n\t}\n\n\t/**\n\t * Format strings for the internal <input> and for display text.\n\t */\n\tprivate getDateFormat(): string {\n\t\treturn this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'\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 * Build up a list of preset ranges (yesterday, today, etc.).\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\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// Add more if desired (e.g. \"Last Month,\" \"Custom,\" etc.)\n\t\t]\n\t}\n\n\t/**\n\t * Based on the current dateFrom/dateTo, see if it matches a preset.\n\t * Otherwise display a \"Custom\" range: \"Jan 01, 2023 - Jan 07, 2023\".\n\t */\n\tprivate updateSelectedDateRange() {\n\t\tconst preset = this.presetRanges.find(\n\t\t\tp => p.range.dateFrom === this.dateFrom.value && p.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\t// Construct a custom label\n\t\t\tconst fromMoment = moment(this.dateFrom.value)\n\t\t\tconst toMoment = moment(this.dateTo.value)\n\t\t\tconsole.log(fromMoment.format('HH:mm'), toMoment.format('HH:mm'), fromMoment.format('HH:mm'))\n\t\t\tif (fromMoment.isSame(toMoment, 'day')) {\n\t\t\t\tthis.selectedDateRange = fromMoment.format('MMM DD, YYYY')\n\t\t\t\t// append the time if fromMoment is not the start of the day and  toMoment is not the end of the day\n\t\t\t\tif (fromMoment.format('HH:mm') !== '00:00' || toMoment.format('HH:mm') !== '23:59') {\n\t\t\t\t\tthis.selectedDateRange += ` ${fromMoment.format('HH:mm')}:${toMoment.format('HH:mm')}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst fromStr = fromMoment.format(this.getDisplayFormat())\n\t\t\t\tconst toStr = toMoment.format(this.getDisplayFormat())\n\t\t\t\tthis.selectedDateRange = `${fromStr} - ${toStr}`\n\t\t\t}\n\t\t}\n\t}\n\tprivate handlePresetChange(label: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === label)\n\t\tif (!preset) return\n\t\tconst { dateFrom, dateTo } = preset.range\n\t\tthis.setDateRange(dateFrom, dateTo)\n\t\tthis.selectedDateRange = label\n\t}\n\n\t/**\n\t * Shift the current date range forward or backward by the same number of days.\n\t * If the range is 7 days wide, shift 7 days, etc.\n\t */\n\tprivate shiftDateRange(factor: number, event: Event) {\n\t\tevent.stopPropagation() // Prevent click from bubbling to the schmancy-button\n\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\n\t\tthis.setDateRange(newDateFrom, newDateTo)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\t/**\n\t * Applies the date range from the inputs.\n\t * Closes the menu when done.\n\t */\n\tprivate handleDateRangeChange(event: Event) {\n\t\tevent.stopPropagation() // Prevent click from bubbling to the schmancy-button\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<!-- schmancy-menu typically provides a slot=\"button\" for the trigger,\n             and then projects the menu items inside. -->\n\t\t\t<schmancy-menu class=\"z-100 w-max\" role=\"menu\" aria-label=\"Date range presets and custom input\">\n\t\t\t\t<!-- The toggle/trigger slot -->\n\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label=\"Shift date range backward\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.shiftDateRange(-1, e) // Pass the event\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tarrow_left\n\t\t\t\t\t</schmancy-icon-button>\n\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\tclass=\"w-max\"\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-haspopup=\"menu\"\n\t\t\t\t\t\t.ariaExpanded=${String(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t</schmancy-button>\n\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label=\"Shift date range forward\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.shiftDateRange(1, e) // Pass the event\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tarrow_right\n\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t</schmancy-grid>\n\n\t\t\t\t<!-- The menu surface: presets + manual date selection -->\n\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t<schmancy-menu-item role=\"menuitem\" class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\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</schmancy-menu-item>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<!-- Manual date range inputs + \"Apply\" button -->\n\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t.label=${this.dateFrom.label}\n\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tconst fmt = this.getDateFormat()\n\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, fmt).format(fmt)\n\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t// Update the checkout input's min attribute:\n\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', selectedDate)\n\t\t\t\t\t\t}}\n\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t.label=${this.dateTo.label}\n\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\tmin=${ifDefined(this.dateFrom.value)}\n\t\t\t\t\t\tmax=${ifDefined(this.maxDate)}\n\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tconst fmt = this.getDateFormat()\n\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, fmt).format(fmt)\n\t\t\t\t\t\t\tthis.dateTo.value = selectedDate\n\t\t\t\t\t\t}}\n\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.handleDateRangeChange(e)\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tApply\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-menu>\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":["enforceDateFormat","dateString","expectedFormat","parsedDate","moment","isValid","format","SchmancyDateRange","$LitElement","constructor","super","arguments","this","type","selectedDateRange","connectedCallback","initPresetRanges","dateFormat","getDateFormat","validatedRange","dateFrom","dateTo","formattedDateFrom","formattedDateTo","value","updateSelectedDateRange","now","fromDate","toDate","dispatchEvent","CustomEvent","detail","bubbles","composed","requestUpdate","changedProps","has","presetRanges","label","range","subtract","startOf","endOf","step","add","preset","find","p","fromMoment","toMoment","isSame","fromStr","getDisplayFormat","toStr","setDateRange","factor","event","stopPropagation","currentDiff","diff","newDateFrom","newDateTo","render","html","e","shiftDateRange","String","map","handlePresetChange","ifDefined","minDate","preventDefault","fmt","selectedDate","checkOutInput","setAttribute","maxDate","handleDateRangeChange","__decorateClass","property","prototype","Object","query","state","customElement"],"mappings":"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"}

package/dist/date-range-vQa6u7Kc.cjs

@@ -0,0 +1,72 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./litElement.mixin-RgeLRf4d.cjs");require("./tailwind.mixin-CJgIYh7g.cjs");const h=require("lit"),d=require("lit/decorators.js"),m=require("lit/directives/if-defined.js"),s=require("moment");function u(e,t){if(!e)return null;const a=s(e);return a.isValid()?a.format(t):null}var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(e,t,a,r)=>{for(var n,o=r>1?void 0:r?g(t,a):t,l=e.length-1;l>=0;l--)(n=e[l])&&(o=(r?n(t,a,o):n(o))||o);return r&&o&&y(t,a,o),o};let i=class extends p.$LitElement(){constructor(){super(...arguments),this.type="date",this.selectedDateRange="Today"}connectedCallback(){super.connectedCallback(),this.initPresetRanges();const e=this.getDateFormat(),t=function(a,r,n){const o=u(a,n),l=u(r,n);return{dateFrom:o,dateTo:l,isValid:o!==null&&l!==null}}(this.dateFrom.value,this.dateTo.value,e);if(t.isValid)this.dateFrom.value=t.dateFrom,this.dateTo.value=t.dateTo,this.updateSelectedDateRange();else{const a=s().format(e);this.dateFrom.value=a,this.dateTo.value=a}}setDateRange(e,t){this.dateFrom.value=e,this.dateTo.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{dateFrom:e,dateTo:t},bubbles:!0,composed:!0})),this.requestUpdate()}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:s().subtract(1,"days").startOf("day").format(e),dateTo:s().subtract(1,"days").endOf("day").format(e)},step:"day"},{label:"Today",range:{dateFrom:s().startOf("day").format(e),dateTo:s().endOf("day").format(e)},step:"day"},{label:"Tomorrow",range:{dateFrom:s().add(1,"days").startOf("day").format(e),dateTo:s().add(1,"days").endOf("day").format(e)},step:"day"},{label:"This Week",range:{dateFrom:s().startOf("isoWeek").format(e),dateTo:s().endOf("isoWeek").format(e)},step:"week"},{label:"Last Week",range:{dateFrom:s().subtract(1,"weeks").startOf("isoWeek").format(e),dateTo:s().subtract(1,"weeks").endOf("isoWeek").format(e)},step:"week"},{label:"This Month",range:{dateFrom:s().startOf("month").format(e),dateTo:s().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);if(e)this.selectedDateRange=e.label;else{const t=s(this.dateFrom.value),a=s(this.dateTo.value);if(t.isSame(a,"day"))this.selectedDateRange=t.format("MMM DD, YYYY"),t.format("HH:mm")==="00:00"&&a.format("HH:mm")==="23:59"||(this.selectedDateRange+=` ${t.format("HH:mm")}:${a.format("HH:mm")}`);else{const r=t.format(this.getDisplayFormat()),n=a.format(this.getDisplayFormat());this.selectedDateRange=`${r} - ${n}`}}}handlePresetChange(e){const t=this.presetRanges.find(n=>n.label===e);if(!t)return;const{dateFrom:a,dateTo:r}=t.range;this.setDateRange(a,r),this.selectedDateRange=e}shiftDateRange(e,t){t.stopPropagation();const a=this.getDateFormat(),r=s(this.dateTo.value).diff(s(this.dateFrom.value),"days")||1,n=s(this.dateFrom.value).add(e*r,"days").format(a),o=s(this.dateTo.value).add(e*r,"days").format(a);this.setDateRange(n,o),this.updateSelectedDateRange()}handleDateRangeChange(e){e.stopPropagation(),this.setDateRange(this.dateFrom.value,this.dateTo.value),this.updateSelectedDateRange()}render(){return h.html`
+			<!-- schmancy-menu typically provides a slot="button" for the trigger,
+             and then projects the menu items inside. -->
+			<schmancy-menu class="z-100 w-max" role="menu" aria-label="Date range presets and custom input">
+				<!-- The toggle/trigger slot -->
+				<schmancy-grid slot="button" align="center" cols="auto 1fr auto">
+					<schmancy-icon-button
+						type="button"
+						aria-label="Shift date range backward"
+						@click=${e=>{this.shiftDateRange(-1,e)}}
+					>
+						arrow_left
+					</schmancy-icon-button>
+
+					<schmancy-button
+						class="w-max"
+						variant="outlined"
+						type="button"
+						aria-haspopup="menu"
+						.ariaExpanded=${String(!1)}
+					>
+						${this.selectedDateRange||"Date range"}
+					</schmancy-button>
+
+					<schmancy-icon-button
+						type="button"
+						aria-label="Shift date range forward"
+						@click=${e=>{this.shiftDateRange(1,e)}}
+					>
+						arrow_right
+					</schmancy-icon-button>
+				</schmancy-grid>
+
+				<!-- The menu surface: presets + manual date selection -->
+				${this.presetRanges.map(e=>h.html`
+						<schmancy-menu-item role="menuitem" 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>
+					`)}
+
+				<!-- Manual date range inputs + "Apply" button -->
+				<schmancy-grid gap="sm" flow="row" class="p-4">
+					<schmancy-input
+						id="checkin"
+						.type=${this.type}
+						.label=${this.dateFrom.label}
+						.value=${this.dateFrom.value}
+						min=${m.ifDefined(this.minDate)}
+						@change=${e=>{e.preventDefault(),e.stopPropagation();const t=this.getDateFormat(),a=s(e.detail.value,t).format(t);this.dateFrom.value=a,this.checkOutInput.setAttribute("min",a)}}
+					></schmancy-input>
+
+					<schmancy-input
+						id="checkout"
+						.type=${this.type}
+						.label=${this.dateTo.label}
+						.value=${this.dateTo.value}
+						min=${m.ifDefined(this.dateFrom.value)}
+						max=${m.ifDefined(this.maxDate)}
+						@change=${e=>{e.preventDefault(),e.stopPropagation();const t=this.getDateFormat(),a=s(e.detail.value,t).format(t);this.dateTo.value=a}}
+					></schmancy-input>
+
+					<schmancy-button
+						type="button"
+						variant="outlined"
+						@click=${e=>{this.handleDateRangeChange(e)}}
+					>
+						Apply
+					</schmancy-button>
+				</schmancy-grid>
+			</schmancy-menu>
+		`}};c([d.property({type:String})],i.prototype,"type",2),c([d.property({type:Object})],i.prototype,"dateFrom",2),c([d.property({type:Object})],i.prototype,"dateTo",2),c([d.property({type:String})],i.prototype,"minDate",2),c([d.property({type:String})],i.prototype,"maxDate",2),c([d.query("#checkin")],i.prototype,"checkInInput",2),c([d.query("#checkout")],i.prototype,"checkOutInput",2),c([d.query("schmancy-menu")],i.prototype,"schmancyMenu",2),c([d.state()],i.prototype,"selectedDateRange",2),i=c([d.customElement("schmancy-date-range")],i);
+//# sourceMappingURL=date-range-vQa6u7Kc.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-vQa6u7Kc.cjs","sources":["../src/date-range/date-utils.ts","../src/date-range/date-range.ts"],"sourcesContent":["import moment from 'moment'\n\ntype DateFormat = 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:mm'\n\n/**\n * Ensures that a date string conforms to a specific format.\n * If the date is already in the correct format, it returns the original string.\n * If the date is in a different format, it attempts to convert it to the specified format.\n * If the date is invalid or cannot be converted, it returns null.\n *\n * @param dateString The date string to validate and format.\n * @param expectedFormat The expected date format (e.g., 'YYYY-MM-DD', 'YYYY-MM-DDTHH:mm').\n * @returns The formatted date string, or null if the date is invalid.\n */\nfunction enforceDateFormat(dateString: string | undefined, expectedFormat: DateFormat): string | null {\n\tif (!dateString) {\n\t\treturn null // Or handle the undefined case differently if needed\n\t}\n\n\tconst parsedDate = moment(dateString)\n\n\tif (!parsedDate.isValid()) {\n\t\treturn null // Date is invalid\n\t}\n\n\treturn parsedDate.format(expectedFormat)\n}\n\n/**\n * Validates if the initial date range values are in the expected format.\n *\n * @param dateFrom The dateFrom value to validate.\n * @param dateTo The dateTo value to validate.\n * @param expectedFormat The expected date format.\n * @returns An object indicating whether each date is valid, and the formatted date or null if invalid.\n */\nfunction validateInitialDateRange(\n\tdateFrom: string | undefined,\n\tdateTo: string | undefined,\n\texpectedFormat: DateFormat,\n): {\n\tdateFrom: string | null\n\tdateTo: string | null\n\tisValid: boolean\n} {\n\tconst formattedDateFrom = enforceDateFormat(dateFrom, expectedFormat)\n\tconst formattedDateTo = enforceDateFormat(dateTo, expectedFormat)\n\n\tconst isValid = formattedDateFrom !== null && formattedDateTo !== null\n\n\treturn {\n\t\tdateFrom: formattedDateFrom,\n\t\tdateTo: formattedDateTo,\n\t\tisValid,\n\t}\n}\n\nexport { validateInitialDateRange }\n","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'\nimport { validateInitialDateRange } from './date-utils' // Import the utility\n\ntype DateFormat = 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:mm'\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// Either \"date\" or \"datetime-local\"\n\t@property({ type: String }) type: 'date' | 'datetime-local' = 'date'\n\n\t@property({ type: Object }) dateFrom!: { label: string; value: string }\n\t@property({ type: Object }) dateTo!: { label: string; value: string }\n\n\t// Optional min/max constraints\n\t@property({ type: String }) minDate?: string\n\t@property({ type: String }) maxDate?: string\n\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\n\t// The <schmancy-menu> that displays presets + manual date inputs\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t// Display text in the trigger button\n\t@state() selectedDateRange: string = 'Today'\n\n\t// Preset date range definitions\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: { dateFrom: string; dateTo: string }\n\t\tstep: moment.unitOfTime.DurationConstructor\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.initPresetRanges()\n\n\t\t// Validate and format initial date range\n\t\tconst dateFormat = this.getDateFormat() as DateFormat\n\t\tconst validatedRange = validateInitialDateRange(this.dateFrom.value, this.dateTo.value, dateFormat)\n\n\t\tif (validatedRange.isValid) {\n\t\t\tthis.dateFrom.value = validatedRange.dateFrom!\n\t\t\tthis.dateTo.value = validatedRange.dateTo!\n\t\t\tthis.updateSelectedDateRange()\n\t\t} else {\n\t\t\tconsole.error('Invalid initial date range.  Falling back to default.')\n\t\t\t// Handle invalid initial dates (e.g., set to default values, display an error)\n\t\t\tconst now = moment().format(dateFormat)\n\t\t\tthis.dateFrom.value = now\n\t\t\tthis.dateTo.value = now\n\t\t}\n\t}\n\t/**\n\t * Update the internal date range and fire a 'change' event to notify external code.\n\t */\n\tprivate setDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: { dateFrom: fromDate, dateTo: toDate },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true, // If you want it to pass shadow boundaries\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tif (changedProps.has('type')) {\n\t\t\t// Re-init presets if \"type\" changes from date -> datetime\n\t\t\tthis.initPresetRanges()\n\t\t\tthis.updateSelectedDateRange()\n\t\t}\n\t}\n\n\t/**\n\t * Format strings for the internal <input> and for display text.\n\t */\n\tprivate getDateFormat(): string {\n\t\treturn this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'\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 * Build up a list of preset ranges (yesterday, today, etc.).\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\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// Add more if desired (e.g. \"Last Month,\" \"Custom,\" etc.)\n\t\t]\n\t}\n\n\t/**\n\t * Based on the current dateFrom/dateTo, see if it matches a preset.\n\t * Otherwise display a \"Custom\" range: \"Jan 01, 2023 - Jan 07, 2023\".\n\t */\n\tprivate updateSelectedDateRange() {\n\t\tconst preset = this.presetRanges.find(\n\t\t\tp => p.range.dateFrom === this.dateFrom.value && p.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\t// Construct a custom label\n\t\t\tconst fromMoment = moment(this.dateFrom.value)\n\t\t\tconst toMoment = moment(this.dateTo.value)\n\t\t\tconsole.log(fromMoment.format('HH:mm'), toMoment.format('HH:mm'), fromMoment.format('HH:mm'))\n\t\t\tif (fromMoment.isSame(toMoment, 'day')) {\n\t\t\t\tthis.selectedDateRange = fromMoment.format('MMM DD, YYYY')\n\t\t\t\t// append the time if fromMoment is not the start of the day and  toMoment is not the end of the day\n\t\t\t\tif (fromMoment.format('HH:mm') !== '00:00' || toMoment.format('HH:mm') !== '23:59') {\n\t\t\t\t\tthis.selectedDateRange += ` ${fromMoment.format('HH:mm')}:${toMoment.format('HH:mm')}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst fromStr = fromMoment.format(this.getDisplayFormat())\n\t\t\t\tconst toStr = toMoment.format(this.getDisplayFormat())\n\t\t\t\tthis.selectedDateRange = `${fromStr} - ${toStr}`\n\t\t\t}\n\t\t}\n\t}\n\tprivate handlePresetChange(label: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === label)\n\t\tif (!preset) return\n\t\tconst { dateFrom, dateTo } = preset.range\n\t\tthis.setDateRange(dateFrom, dateTo)\n\t\tthis.selectedDateRange = label\n\t}\n\n\t/**\n\t * Shift the current date range forward or backward by the same number of days.\n\t * If the range is 7 days wide, shift 7 days, etc.\n\t */\n\tprivate shiftDateRange(factor: number, event: Event) {\n\t\tevent.stopPropagation() // Prevent click from bubbling to the schmancy-button\n\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\n\t\tthis.setDateRange(newDateFrom, newDateTo)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\t/**\n\t * Applies the date range from the inputs.\n\t * Closes the menu when done.\n\t */\n\tprivate handleDateRangeChange(event: Event) {\n\t\tevent.stopPropagation() // Prevent click from bubbling to the schmancy-button\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\tthis.updateSelectedDateRange()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<!-- schmancy-menu typically provides a slot=\"button\" for the trigger,\n             and then projects the menu items inside. -->\n\t\t\t<schmancy-menu class=\"z-100 w-max\" role=\"menu\" aria-label=\"Date range presets and custom input\">\n\t\t\t\t<!-- The toggle/trigger slot -->\n\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label=\"Shift date range backward\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.shiftDateRange(-1, e) // Pass the event\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tarrow_left\n\t\t\t\t\t</schmancy-icon-button>\n\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\tclass=\"w-max\"\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-haspopup=\"menu\"\n\t\t\t\t\t\t.ariaExpanded=${String(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t</schmancy-button>\n\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label=\"Shift date range forward\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.shiftDateRange(1, e) // Pass the event\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tarrow_right\n\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t</schmancy-grid>\n\n\t\t\t\t<!-- The menu surface: presets + manual date selection -->\n\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t<schmancy-menu-item role=\"menuitem\" class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\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</schmancy-menu-item>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<!-- Manual date range inputs + \"Apply\" button -->\n\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t.label=${this.dateFrom.label}\n\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tconst fmt = this.getDateFormat()\n\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, fmt).format(fmt)\n\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t// Update the checkout input's min attribute:\n\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', selectedDate)\n\t\t\t\t\t\t}}\n\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t\t.label=${this.dateTo.label}\n\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\tmin=${ifDefined(this.dateFrom.value)}\n\t\t\t\t\t\tmax=${ifDefined(this.maxDate)}\n\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tconst fmt = this.getDateFormat()\n\t\t\t\t\t\t\tconst selectedDate = moment(event.detail.value, fmt).format(fmt)\n\t\t\t\t\t\t\tthis.dateTo.value = selectedDate\n\t\t\t\t\t\t}}\n\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\tthis.handleDateRangeChange(e)\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tApply\n\t\t\t\t\t</schmancy-button>\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-menu>\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":["enforceDateFormat","dateString","expectedFormat","parsedDate","moment","isValid","format","SchmancyDateRange","$LitElement","super","arguments","this","type","selectedDateRange","connectedCallback","initPresetRanges","dateFormat","getDateFormat","validatedRange","dateFrom","dateTo","formattedDateFrom","formattedDateTo","value","updateSelectedDateRange","now","fromDate","toDate","dispatchEvent","CustomEvent","detail","bubbles","composed","requestUpdate","changedProps","has","getDisplayFormat","presetRanges","label","range","subtract","startOf","endOf","step","add","preset","find","p","fromMoment","toMoment","isSame","fromStr","toStr","setDateRange","factor","event","stopPropagation","currentDiff","diff","newDateFrom","newDateTo","html","e","shiftDateRange","String","map","handlePresetChange","ifDefined","minDate","preventDefault","fmt","selectedDate","checkOutInput","setAttribute","maxDate","handleDateRangeChange","__decorateClass","property","prototype","Object","query","state","customElement"],"mappings":"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"}

package/dist/date-range.cjs

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

package/dist/date-range.js

@@ -1,2 +1,2 @@
-import "./date-range-eiBhfMFP.js";
+import "./date-range-_0s6SDfu.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-CoNHPVcy.cjs");const r=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs");const o=require("./icon-button-CQafspg2.cjs"),e=require("./teleport.component-CGUs59ol.cjs"),u=require("./checkbox-CC0UeBQR.cjs");require("./chips-9AOuHsA9.cjs");const b=require("./payment-card-form-C03BsKJ1.cjs");require("./date-range-DBxAQrWq.cjs");const m=require("./delay-DMiYzQSi.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CZPti4j7.cjs");const t=require("./flex-CCO2kjCx.cjs"),a=require("./list-Dy8fudM4.cjs");require("./menu-qiBmvTtT.cjs");const i=require("./outlet-B9NdhBgt.cjs");require("./option-DFjInzHW.cjs");const l=require("./radio-group-DrwawzHG.cjs"),p=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-C3UtMXwp.cjs"),n=require("./sheet-CMTmiZXv.cjs"),S=require("./slider-BQQQ9rrx.cjs"),h=require("./surface-DbSB7aBq.cjs");require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs");const y=require("./theme.component-4cjbFqy7.cjs"),f=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-mmu8bUNx.cjs");const g=require("./tree-D07FpMNb.cjs"),q=require("./types.cjs"),O=require("./typewriter-C9L0TA4Y.cjs"),w=require("./typography-BHeQxLl8.cjs"),D=require("./intersection-CVvaDv96.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,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,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,"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:()=>u.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>b.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>m.SchmancyDelay}),exports.delayContext=m.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>a.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>a.SchmancyListItem}),exports.SchmancyListTypeContext=a.SchmancyListTypeContext,exports.$notify=i.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>i.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>i.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>l.RadioGroup}),exports.mutationObserver=p.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>S.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>S.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>h.SchmancySurface}),exports.SchmancySurfaceTypeContext=h.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>y.SchmancyThemeComponent}),exports.formateTheme=y.formateTheme,exports.tailwindStyles=y.tailwindStyles,exports.SchmancyTheme=f.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>g.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-CoNHPVcy.cjs");const r=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs");const o=require("./icon-button-CQafspg2.cjs"),e=require("./teleport.component-DbLxhqqJ.cjs"),u=require("./checkbox-CC0UeBQR.cjs");require("./chips-9AOuHsA9.cjs");const b=require("./payment-card-form-C03BsKJ1.cjs");require("./date-range-vQa6u7Kc.cjs");const m=require("./delay-DMiYzQSi.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CZPti4j7.cjs");const t=require("./flex-CCO2kjCx.cjs"),a=require("./list-Cd7iC1no.cjs");require("./menu-DS5Lkay4.cjs");const i=require("./outlet-B9NdhBgt.cjs");require("./option-DFjInzHW.cjs");const l=require("./radio-group-DrwawzHG.cjs"),p=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-C3UtMXwp.cjs"),n=require("./sheet-BS8CLge_.cjs"),S=require("./slider-BQQQ9rrx.cjs"),h=require("./surface-DbSB7aBq.cjs");require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs");const y=require("./theme.component-4cjbFqy7.cjs"),f=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-mmu8bUNx.cjs");const g=require("./tree-D07FpMNb.cjs"),q=require("./types.cjs"),O=require("./typewriter-C9L0TA4Y.cjs"),w=require("./typography-BHeQxLl8.cjs"),D=require("./intersection-CVvaDv96.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,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,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,"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:()=>u.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>b.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>m.SchmancyDelay}),exports.delayContext=m.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>a.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>a.SchmancyListItem}),exports.SchmancyListTypeContext=a.SchmancyListTypeContext,exports.$notify=i.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>i.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>i.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>l.RadioGroup}),exports.mutationObserver=p.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>S.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>S.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>h.SchmancySurface}),exports.SchmancySurfaceTypeContext=h.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>y.SchmancyThemeComponent}),exports.formateTheme=y.formateTheme,exports.tailwindStyles=y.tailwindStyles,exports.SchmancyTheme=f.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>g.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -3,11 +3,11 @@ import { F as C, H as d, b as T, S as u, a as b, r as N } from "./area.component
 import "./autocomplete-mnVXXSzl.js";
 import "./spinner-mbCqGAta.js";
 import { S as R, a as v } from "./icon-button-CJ-eY6wF.js";
-import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as L, i as O, k as W, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-B2hJQblG.js";
+import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as L, i as O, k as W, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-lGN5dIBu.js";
 import { S as U } from "./checkbox-CwxyfGAd.js";
 import "./chips-Rnq5GOEq.js";
 import { S as Z } from "./payment-card-form-E08S_U7K.js";
-import "./date-range-eiBhfMFP.js";
+import "./date-range-_0s6SDfu.js";
 import { S as ra, d as ea } from "./delay-w1zFi9km.js";
 import { c as oa, f as ca, r as ma } from "./ripple-BumgqsDT.js";
 import "./divider-QNGduBj3.js";
@@ -15,8 +15,8 @@ import "./form-G748qOFO.js";
 import "./icon-VpDcG-1m.js";
 import "./input-Bl7sD2lt.js";
 import { S as sa, c as Sa, a as ha, b as ia } from "./flex-BD4c3vZt.js";
-import { L as pa, a as fa, S as xa } from "./list-CXPHvvQw.js";
-import "./menu-Cpld82tG.js";
+import { L as pa, a as fa, S as xa } from "./list-ClmkvF6W.js";
+import "./menu-DilY6y1N.js";
 import { $ as wa, S as Da, a as Ca } from "./outlet-Ivt5XK7t.js";
 import "./option-CXpO0NeB.js";
 import { R as Ta } from "./radio-group-BzITeo1Z.js";
@@ -24,7 +24,7 @@ import { mutationObserver as ba } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CuY8m6ta.js";
 import { S as Ha } from "./select-B6Us7Kk8.js";
-import { S as va, b as Ia, a as Ma, s as ga } from "./sheet-DrKmM05e.js";
+import { S as va, b as Ia, a as Ma, s as ga } from "./sheet-QdCPv8wr.js";
 import { S as Aa, a as Fa } from "./slider-BYmWjukU.js";
 import { a as $a, S as ka } from "./surface-CN6Y9D0w.js";
 import "./table-BGHYGmrv.js";

package/dist/list-Cd7iC1no.cjs

@@ -0,0 +1,17 @@
+"use strict";const h=require("./consume-Bb7_UzYd.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./tailwind.mixin-CJgIYh7g.cjs"),d=require("./provide-DSU87U5x.cjs"),p=require("lit"),r=require("lit/decorators.js"),m=require("lit/directives/when.js"),u=d.n(void 0),f=d.n("surface");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(i,t,s,n)=>{for(var o,e=n>1?void 0:n?v(t,s):t,l=i.length-1;l>=0;l--)(o=i[l])&&(e=(n?o(t,s,e):o(e))||e);return n&&e&&g(t,s,e),e};exports.SchmancyListItem=class extends y.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var i,t;(i=this.leading)==null||i.forEach(s=>{s.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(s=>{s.classList.add(...this.imgClasses)})}render(){const i={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},t={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return p.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(i)}>
+			${m.when(!this.readonly,()=>p.html` <div class="${this.classMap(t)}"></div>`)}
+			<slot></slot>
+		</li>`}},a([h.c({context:f,subscribe:!0}),r.property()],exports.SchmancyListItem.prototype,"variant",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),a([r.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),a([r.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=a([r.customElement("schmancy-list-item")],exports.SchmancyListItem);var b=Object.defineProperty,L=Object.getOwnPropertyDescriptor,c=(i,t,s,n)=>{for(var o,e=n>1?void 0:n?L(t,s):t,l=i.length-1;l>=0;l--)(o=i[l])&&(e=(n?o(t,s,e):o(e))||e);return n&&e&&b(t,s,e),e};exports.List=class extends y.TailwindElement(p.css`
+	:host {
+		display: block;
+		padding-top: 8px;
+		padding-bottom: 8px;
+	}
+`){constructor(){super(...arguments),this.fill="auto",this.elevation=0}render(){return p.html`
+			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>
+				<ul>
+					<slot></slot>
+				</ul>
+			</schmancy-surface>
+		`}},c([d.e({context:u}),r.property()],exports.List.prototype,"surface",2),c([r.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),c([r.property({type:Number})],exports.List.prototype,"elevation",2),exports.List=c([r.customElement("schmancy-list")],exports.List),exports.SchmancyListTypeContext=u;
+//# sourceMappingURL=list-Cd7iC1no.cjs.map

package/dist/{list-Dy8fudM4.cjs.map → list-Cd7iC1no.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"list-Dy8fudM4.cjs","sources":["../src/list/context.ts","../src/surface/context.ts","../src/list/list-item.ts","../src/list/list.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n *   <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * When set to true, the surface component will handle scrolling behavior.\n\t * This is achieved by passing the boolean attribute to <schmancy-surface>.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListTypeContext","createContext","SchmancySurfaceTypeContext","SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","List","css","fill","scroller","elevation","surface","provide","String","reflect","Number"],"mappings":"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"}
+{"version":3,"file":"list-Cd7iC1no.cjs","sources":["../src/list/context.ts","../src/surface/context.ts","../src/list/list-item.ts","../src/list/list.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n *   <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListTypeContext","createContext","SchmancySurfaceTypeContext","SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","List","css","fill","elevation","surface","provide","String","reflect","Number"],"mappings":"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"}

package/dist/{list-CXPHvvQw.js → list-ClmkvF6W.js}

@@ -5,10 +5,10 @@ import "lit/directives/style-map.js";
 import { T as y } from "./tailwind.mixin-D4STgS5j.js";
 import { n as h, e as v } from "./provide-BLSgVvMJ.js";
 import { html as u, css as b } from "lit";
-import { property as l, queryAssignedElements as f, customElement as m } from "lit/decorators.js";
+import { property as p, queryAssignedElements as f, customElement as m } from "lit/decorators.js";
 import { when as x } from "lit/directives/when.js";
 const $ = h(void 0), O = h("surface");
-var j = Object.defineProperty, w = Object.getOwnPropertyDescriptor, c = (s, e, o, r) => {
+var j = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (s, e, o, r) => {
   for (var n, t = r > 1 ? void 0 : r ? w(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
   return r && t && j(e, o, t), t;
 };
@@ -35,12 +35,12 @@ let i = class extends y() {
 		</li>`;
   }
 };
-c([g({ context: O, subscribe: !0 }), l()], i.prototype, "variant", 2), c([l({ type: Boolean })], i.prototype, "rounded", 2), c([l({ type: Boolean })], i.prototype, "readonly", 2), c([l({ type: Boolean })], i.prototype, "selected", 2), c([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), c([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = c([m("schmancy-list-item")], i);
-var B = Object.defineProperty, C = Object.getOwnPropertyDescriptor, d = (s, e, o, r) => {
-  for (var n, t = r > 1 ? void 0 : r ? C(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
-  return r && t && B(e, o, t), t;
+l([g({ context: O, subscribe: !0 }), p()], i.prototype, "variant", 2), l([p({ type: Boolean })], i.prototype, "rounded", 2), l([p({ type: Boolean })], i.prototype, "readonly", 2), l([p({ type: Boolean })], i.prototype, "selected", 2), l([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), l([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = l([m("schmancy-list-item")], i);
+var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (s, e, o, r) => {
+  for (var n, t = r > 1 ? void 0 : r ? E(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
+  return r && t && C(e, o, t), t;
 };
-let p = class extends y(b`
+let c = class extends y(b`
 	:host {
 		display: block;
 		padding-top: 8px;
@@ -48,11 +48,11 @@ let p = class extends y(b`
 	}
 `) {
   constructor() {
-    super(...arguments), this.fill = "auto", this.scroller = !1, this.elevation = 0;
+    super(...arguments), this.fill = "auto", this.elevation = 0;
   }
   render() {
     return u`
-			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>
+			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>
 				<ul>
 					<slot></slot>
 				</ul>
@@ -60,10 +60,10 @@ let p = class extends y(b`
 		`;
   }
 };
-d([v({ context: $ }), l()], p.prototype, "surface", 2), d([l({ type: String, reflect: !0 })], p.prototype, "fill", 2), d([l({ type: Boolean, reflect: !0 })], p.prototype, "scroller", 2), d([l({ type: Number })], p.prototype, "elevation", 2), p = d([m("schmancy-list")], p);
+d([v({ context: $ }), p()], c.prototype, "surface", 2), d([p({ type: String, reflect: !0 })], c.prototype, "fill", 2), d([p({ type: Number })], c.prototype, "elevation", 2), c = d([m("schmancy-list")], c);
 export {
-  p as L,
+  c as L,
   $ as S,
   i as a
 };
-//# sourceMappingURL=list-CXPHvvQw.js.map
+//# sourceMappingURL=list-ClmkvF6W.js.map