@mhmo91/schmancy 0.2.58 → 0.2.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/card.cjs +1 -1
  2. package/dist/card.js +1 -1
  3. package/dist/content-drawer.cjs +1 -1
  4. package/dist/content-drawer.js +1 -1
  5. package/dist/date-range-Bole0xTK.js +166 -0
  6. package/dist/date-range-Bole0xTK.js.map +1 -0
  7. package/dist/date-range-Df_6BLmA.cjs +72 -0
  8. package/dist/date-range-Df_6BLmA.cjs.map +1 -0
  9. package/dist/date-range.cjs +1 -1
  10. package/dist/date-range.js +1 -1
  11. package/dist/index.cjs +1 -1
  12. package/dist/index.js +3 -3
  13. package/dist/{input-DoURQ3xM.cjs → input-BrLbi5wu.cjs} +2 -2
  14. package/dist/input-BrLbi5wu.cjs.map +1 -0
  15. package/dist/{input-BAg8B5xw.js → input-D_30_4Cf.js} +2 -2
  16. package/dist/input-D_30_4Cf.js.map +1 -0
  17. package/dist/input.cjs +1 -1
  18. package/dist/input.js +1 -1
  19. package/dist/nav-drawer.cjs +1 -1
  20. package/dist/nav-drawer.js +1 -1
  21. package/dist/teleport.cjs +1 -1
  22. package/dist/{teleport.component-DZNBBuCJ.js → teleport.component-ByTxHtT5.js} +3 -3
  23. package/dist/{teleport.component-DZNBBuCJ.js.map → teleport.component-ByTxHtT5.js.map} +1 -1
  24. package/dist/{teleport.component-BKdHmXBi.cjs → teleport.component-C8AeNbog.cjs} +2 -2
  25. package/dist/{teleport.component-BKdHmXBi.cjs.map → teleport.component-C8AeNbog.cjs.map} +1 -1
  26. package/dist/teleport.js +1 -1
  27. package/package.json +3 -2
  28. package/types/src/date-range/date-range.d.ts +4 -4
  29. package/types/src/date-range/date-utils.d.ts +15 -0
  30. package/dist/date-range-3yVvaRLG.cjs +0 -72
  31. package/dist/date-range-3yVvaRLG.cjs.map +0 -1
  32. package/dist/date-range-D5cDTxz2.js +0 -148
  33. package/dist/date-range-D5cDTxz2.js.map +0 -1
  34. package/dist/input-BAg8B5xw.js.map +0 -1
  35. package/dist/input-DoURQ3xM.cjs.map +0 -1
@@ -1,148 +0,0 @@
1
- import "rxjs";
2
- import "lit/directives/class-map.js";
3
- import "lit/directives/style-map.js";
4
- import { $ as u } from "./litElement.mixin-C2ixT_uz.js";
5
- import "./tailwind.mixin-BNM2vRly.js";
6
- import { html as p } from "lit";
7
- import { property as d, query as h, state as y, customElement as g } from "lit/decorators.js";
8
- import { ifDefined as l } from "lit/directives/if-defined.js";
9
- import a from "moment";
10
- var f = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (t, e, s, n) => {
11
- for (var i, c = n > 1 ? void 0 : n ? D(e, s) : e, m = t.length - 1; m >= 0; m--) (i = t[m]) && (c = (n ? i(e, s, c) : i(c)) || c);
12
- return n && c && f(e, s, c), c;
13
- };
14
- let o = class extends u() {
15
- constructor() {
16
- super(...arguments), this.type = "date", this.selectedDateRange = "Today";
17
- }
18
- connectedCallback() {
19
- super.connectedCallback(), this.initPresetRanges(), this.updateSelectedDateRange();
20
- }
21
- updated(t) {
22
- t.has("type") && (this.initPresetRanges(), this.updateSelectedDateRange());
23
- }
24
- getDateFormat() {
25
- return this.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DDTHH:mm";
26
- }
27
- getDisplayFormat() {
28
- return this.type === "date" ? "MMM DD, YYYY" : "MMM DD, YYYY hh:mm A";
29
- }
30
- initPresetRanges() {
31
- const t = this.getDateFormat();
32
- 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" }];
33
- }
34
- updateSelectedDateRange() {
35
- const t = this.presetRanges.find((e) => e.range.dateFrom === this.dateFrom.value && e.range.dateTo === this.dateTo.value);
36
- if (t) this.selectedDateRange = t.label;
37
- else {
38
- const e = a(this.dateFrom.value).format(this.getDisplayFormat()), s = a(this.dateTo.value).format(this.getDisplayFormat());
39
- this.selectedDateRange = `${e} - ${s}`;
40
- }
41
- }
42
- setDateRange(t, e) {
43
- this.dateFrom.value = t, this.dateTo.value = e, this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: t, dateTo: e }, bubbles: !0, composed: !0 })), this.requestUpdate();
44
- }
45
- handlePresetChange(t) {
46
- const e = this.presetRanges.find((i) => i.label === t);
47
- if (!e) return;
48
- const { dateFrom: s, dateTo: n } = e.range;
49
- this.setDateRange(s, n), this.selectedDateRange = t, this.schmancyMenu.open = !1;
50
- }
51
- handleDateRangeChange() {
52
- this.setDateRange(this.dateFrom.value, this.dateTo.value), this.updateSelectedDateRange(), this.schmancyMenu.open = !1;
53
- }
54
- shiftDateRange(t) {
55
- const e = this.getDateFormat(), s = a(this.dateTo.value).diff(a(this.dateFrom.value), "days") || 1, n = a(this.dateFrom.value).add(t * s, "days").format(e), i = a(this.dateTo.value).add(t * s, "days").format(e);
56
- this.setDateRange(n, i), this.updateSelectedDateRange();
57
- }
58
- render() {
59
- var t;
60
- return p`
61
- <!-- schmancy-menu typically provides a slot="button" for the trigger,
62
- and then projects the menu items inside. -->
63
- <schmancy-menu class="z-100 w-max" role="menu" aria-label="Date range presets and custom input">
64
- <!-- The toggle/trigger slot -->
65
- <schmancy-grid slot="button" align="center" cols="auto 1fr auto">
66
- <schmancy-icon-button
67
- type="button"
68
- aria-label="Shift date range backward"
69
- @click=${(e) => {
70
- e.preventDefault(), this.shiftDateRange(-1);
71
- }}
72
- >
73
- arrow_left
74
- </schmancy-icon-button>
75
-
76
- <schmancy-button
77
- class="w-max"
78
- variant="outlined"
79
- type="button"
80
- aria-haspopup="menu"
81
- .ariaExpanded=${String(((t = this.schmancyMenu) == null ? void 0 : t.open) || !1)}
82
- >
83
- ${this.selectedDateRange || "Date range"}
84
- </schmancy-button>
85
-
86
- <schmancy-icon-button
87
- type="button"
88
- aria-label="Shift date range forward"
89
- @click=${(e) => {
90
- e.preventDefault(), this.shiftDateRange(1);
91
- }}
92
- >
93
- arrow_right
94
- </schmancy-icon-button>
95
- </schmancy-grid>
96
-
97
- <!-- The menu surface: presets + manual date selection -->
98
- ${this.presetRanges.map((e) => p`
99
- <schmancy-menu-item role="menuitem" class="w-full" @click=${() => this.handlePresetChange(e.label)}>
100
- <schmancy-grid class="w-full" align="center" cols="auto 1fr auto"> ${e.label} </schmancy-grid>
101
- </schmancy-menu-item>
102
- `)}
103
-
104
- <!-- Manual date range inputs + "Apply" button -->
105
- <schmancy-grid gap="sm" flow="row" class="p-4">
106
- <schmancy-input
107
- id="checkin"
108
- .type=${this.type}
109
- .label=${this.dateFrom.label}
110
- .value=${this.dateFrom.value}
111
- min=${l(this.minDate)}
112
- @change=${(e) => {
113
- e.preventDefault(), e.stopPropagation();
114
- const s = this.getDateFormat(), n = a(e.detail.value, s).format(s);
115
- this.dateFrom.value = n, this.checkOutInput.setAttribute("min", n);
116
- }}
117
- ></schmancy-input>
118
-
119
- <schmancy-input
120
- id="checkout"
121
- .type=${this.type}
122
- .label=${this.dateTo.label}
123
- .value=${this.dateTo.value}
124
- min=${l(this.dateFrom.value)}
125
- max=${l(this.maxDate)}
126
- @change=${(e) => {
127
- e.preventDefault(), e.stopPropagation();
128
- const s = this.getDateFormat(), n = a(e.detail.value, s).format(s);
129
- this.dateTo.value = n;
130
- }}
131
- ></schmancy-input>
132
-
133
- <schmancy-button
134
- type="button"
135
- variant="outlined"
136
- @click=${(e) => {
137
- e.preventDefault(), e.stopPropagation(), this.handleDateRangeChange();
138
- }}
139
- >
140
- Apply
141
- </schmancy-button>
142
- </schmancy-grid>
143
- </schmancy-menu>
144
- `;
145
- }
146
- };
147
- r([d({ type: String })], o.prototype, "type", 2), r([d({ type: Object })], o.prototype, "dateFrom", 2), r([d({ type: Object })], o.prototype, "dateTo", 2), r([d({ type: String })], o.prototype, "minDate", 2), r([d({ type: String })], o.prototype, "maxDate", 2), r([h("#checkin")], o.prototype, "checkInInput", 2), r([h("#checkout")], o.prototype, "checkOutInput", 2), r([h("schmancy-menu")], o.prototype, "schmancyMenu", 2), r([y()], o.prototype, "selectedDateRange", 2), o = r([g("schmancy-date-range")], o);
148
- //# sourceMappingURL=date-range-D5cDTxz2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"date-range-D5cDTxz2.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// 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\t\tthis.updateSelectedDateRange()\n\t}\n\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 fromStr = moment(this.dateFrom.value).format(this.getDisplayFormat())\n\t\t\tconst toStr = moment(this.dateTo.value).format(this.getDisplayFormat())\n\t\t\tthis.selectedDateRange = `${fromStr} - ${toStr}`\n\t\t}\n\t}\n\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\n\t/**\n\t * Called when user selects a preset from the list.\n\t * Updates date range and closes the menu.\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\tthis.schmancyMenu.open = false\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() {\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\tthis.updateSelectedDateRange()\n\t\tthis.schmancyMenu.open = false\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) {\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\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\te.preventDefault()\n\t\t\t\t\t\t\tthis.shiftDateRange(-1)\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(this.schmancyMenu?.open || 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\te.preventDefault()\n\t\t\t\t\t\t\tthis.shiftDateRange(1)\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\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.handleDateRangeChange()\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":["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","p","value","fromStr","getDisplayFormat","toStr","fromDate","toDate","dispatchEvent","CustomEvent","detail","bubbles","composed","requestUpdate","setDateRange","schmancyMenu","open","handleDateRangeChange","factor","currentDiff","diff","newDateFrom","newDateTo","html","e","preventDefault","shiftDateRange","String","map","handlePresetChange","ifDefined","minDate","event","stopPropagation","fmt","selectedDate","checkOutInput","setAttribute","maxDate","__decorateClass","property","prototype","Object","query","state","customElement"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-BAg8B5xw.js","sources":["../src/input/input.ts"],"sourcesContent":["import { html, LitElement, nothing, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\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, takeUntil } from 'rxjs'\n\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, 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\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement() {\n\t// ----------------------------\n\t// A) Public properties\n\t// ----------------------------\n\n\t/** If user does NOT set `id`, we'll autogenerate one. */\n\tstatic _idCounter = 0\n\n\t@property({ reflect: true })\n\tpublic override id = ''\n\n\t/**\n\t * The label for the control. If populated, we render a `<label for=\"...\">`.\n\t * If empty, we add an `aria-label` to the <input> for better screenreader support.\n\t */\n\t@property({ type: String }) label = ''\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\t/**\n\t * Name attribute (for form submissions). By default, a unique fallback.\n\t */\n\t@property()\n\tpublic name = `name_${Date.now()}`\n\n\t@property()\n\tpublic placeholder = ''\n\n\t/** Current value of the input. */\n\t@property({ type: String, reflect: true })\n\tpublic value = ''\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t/** Whether the control is required for form validation. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic required = false\n\n\t/** Whether the control is disabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/** Whether the input is read-only. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic readonly = false\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String })\n\tpublic autocomplete: AutoFill = 'off'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t/**\n\t * A small hint text or error message to display under the input.\n\t */\n\t@property()\n\tpublic hint?: string\n\n\t/**\n\t * If true, we style the input as an error state, and possibly display\n\t * the hint as an error message.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic error = false\n\n\t// ----------------------------\n\t// B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t// C) Form-associated logic\n\t// ----------------------------\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\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// no-op for older browsers / polyfills\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\t/** The form this element is associated with, if any. */\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\t// Reflect the current value to the form internals, so it’s submitted.\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\n\t\tif (changedProps.has('error')) {\n\t\t\t// If we have an error state, we can set custom error validity, or none if resolved.\n\t\t\tif (this.error) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, 'Invalid input', this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity() ?? true\n\t}\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity() ?? true\n\t}\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t// D) Lifecycle Hooks\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// 1) Subscribe to 'input' events (every keystroke)\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\t// Fire custom 'input' event with details\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('input', {\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\t// dispatch change event\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// 2) Subscribe to 'change' events (native behavior, usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\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// 3) Emit a custom 'enter' event when user presses Enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\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// 4) Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.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// ----------------------------\n\t// E) Utility Methods\n\t// ----------------------------\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 native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\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 * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t// F) Rendering\n\t// ----------------------------\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'outline-secondary-default focus:outline-1 ': 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// If not in error state, use standard ring color:\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t// Error ring override:\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// If read-only but \"clickable\" is true, show pointer. Otherwise normal text cursor.\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// Alignment classes:\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\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\tfor=${this.id}\n\t\t\t\t\t\tid=\"label-${this.id}\"\n\t\t\t\t\t\tclass=${classMap(labelClasses)}\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>\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\n\t\t\t<form @submit=${(e: Event) => e.preventDefault()} .autocomplete=${this.autocomplete === 'off' ? 'off' : 'on'}>\n\t\t\t\t<input\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${classMap(inputClasses)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\t\t\t</form>\n\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"pt-[4px]\"\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>\n\t\t\t\t\t\t<schmancy-typography align=\"left\" type=\"body\" token=\"sm\"> ${this.hint} </schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","super","this","id","label","type","name","Date","now","placeholder","value","required","disabled","readonly","clickable","spellcheck","align","autofocus","autocomplete","tabIndex","error","inputRef","createRef","internals","attachInternals","changedProps","_idCounter","willUpdate","form","updated","has","setFormValue","setValidity","customError","inputElement","checkValidity","reportValidity","message","setCustomValidity","firstUpdated","focus","fromEvent","pipe","map","ev","target","distinctUntilChanged","takeUntil","disconnecting","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","select","getValidity","validity","options","Event","click","blur","inputClasses","labelClasses","html","when","classMap","color","SchmancyTheme","sys","default","primary","e","preventDefault","bgColor","surface","highest","on","ref","ifDefined","inputmode","pattern","step","minlength","maxlength","min","max","nothing","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","String","Boolean","Number","query","customElement"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-DoURQ3xM.cjs","sources":["../src/input/input.ts"],"sourcesContent":["import { html, LitElement, nothing, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\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, takeUntil } from 'rxjs'\n\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, 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\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement() {\n\t// ----------------------------\n\t// A) Public properties\n\t// ----------------------------\n\n\t/** If user does NOT set `id`, we'll autogenerate one. */\n\tstatic _idCounter = 0\n\n\t@property({ reflect: true })\n\tpublic override id = ''\n\n\t/**\n\t * The label for the control. If populated, we render a `<label for=\"...\">`.\n\t * If empty, we add an `aria-label` to the <input> for better screenreader support.\n\t */\n\t@property({ type: String }) label = ''\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\t/**\n\t * Name attribute (for form submissions). By default, a unique fallback.\n\t */\n\t@property()\n\tpublic name = `name_${Date.now()}`\n\n\t@property()\n\tpublic placeholder = ''\n\n\t/** Current value of the input. */\n\t@property({ type: String, reflect: true })\n\tpublic value = ''\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t/** Whether the control is required for form validation. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic required = false\n\n\t/** Whether the control is disabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/** Whether the input is read-only. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic readonly = false\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String })\n\tpublic autocomplete: AutoFill = 'off'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t/**\n\t * A small hint text or error message to display under the input.\n\t */\n\t@property()\n\tpublic hint?: string\n\n\t/**\n\t * If true, we style the input as an error state, and possibly display\n\t * the hint as an error message.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic error = false\n\n\t// ----------------------------\n\t// B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t// C) Form-associated logic\n\t// ----------------------------\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\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// no-op for older browsers / polyfills\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\t/** The form this element is associated with, if any. */\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\t// Reflect the current value to the form internals, so it’s submitted.\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\n\t\tif (changedProps.has('error')) {\n\t\t\t// If we have an error state, we can set custom error validity, or none if resolved.\n\t\t\tif (this.error) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, 'Invalid input', this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity() ?? true\n\t}\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity() ?? true\n\t}\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t// D) Lifecycle Hooks\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// 1) Subscribe to 'input' events (every keystroke)\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\t// Fire custom 'input' event with details\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('input', {\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\t// dispatch change event\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// 2) Subscribe to 'change' events (native behavior, usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\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// 3) Emit a custom 'enter' event when user presses Enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\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// 4) Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.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// ----------------------------\n\t// E) Utility Methods\n\t// ----------------------------\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 native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\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 * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t// F) Rendering\n\t// ----------------------------\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'outline-secondary-default focus:outline-1 ': 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// If not in error state, use standard ring color:\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t// Error ring override:\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// If read-only but \"clickable\" is true, show pointer. Otherwise normal text cursor.\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// Alignment classes:\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\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\tfor=${this.id}\n\t\t\t\t\t\tid=\"label-${this.id}\"\n\t\t\t\t\t\tclass=${classMap(labelClasses)}\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>\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\n\t\t\t<form @submit=${(e: Event) => e.preventDefault()} .autocomplete=${this.autocomplete === 'off' ? 'off' : 'on'}>\n\t\t\t\t<input\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${classMap(inputClasses)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\t\t\t</form>\n\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"pt-[4px]\"\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>\n\t\t\t\t\t\t<schmancy-typography align=\"left\" type=\"body\" token=\"sm\"> ${this.hint} </schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","super","this","id","label","type","name","Date","now","placeholder","value","required","disabled","readonly","clickable","spellcheck","align","autofocus","autocomplete","tabIndex","error","inputRef","createRef","internals","attachInternals","undefined","changedProps","_idCounter","willUpdate","form","updated","has","setFormValue","setValidity","customError","inputElement","checkValidity","reportValidity","message","setCustomValidity","focus","fromEvent","pipe","map","ev","target","distinctUntilChanged","takeUntil","disconnecting","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","select","validity","options","Event","click","blur","render","inputClasses","labelClasses","html","when","classMap","color","SchmancyTheme","sys","default","primary","e","preventDefault","bgColor","surface","highest","on","ref","ifDefined","inputmode","pattern","step","minlength","maxlength","min","max","nothing","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","String","Boolean","Number","query","customElement"],"mappings":"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"}