smoothly 1.76.0 → 1.78.0

package/dist/cjs/smoothly-app_103.cjs.entry.js

@@ -2331,7 +2331,7 @@ const SmoothlyInputDateRangeText = class {
             return (index.h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index$1) }, index.h("span", { class: {
                     "smoothly-date-text-part": true,
                     "is-complete": DateFormat$1.Part.isComplete(part, this.parts[part]),
-                }, onFocus: () => (this.focusedIndex = index$1), onBlur: () => (this.focusedIndex = undefined), onKeyDown: (e) => this.keyDownHandler(e), key: index$1, ref: el => (this.partElements[index$1] = el), contenteditable: !(this.readonly || this.disabled) }), index.h("span", { class: "guide" }, DateFormat$1.Part.getGuide(part, (_a = this.parts[part]) === null || _a === void 0 ? void 0 : _a.length)), index$1 < 2 && index.h("span", { class: "smoothly-date-separator" }, this.separator)));
+                }, onFocus: () => (this.focusedIndex = index$1), onBlur: () => (this.focusedIndex = undefined), onKeyDown: (e) => this.keyDownHandler(e), key: index$1, ref: el => (this.partElements[index$1] = el), contenteditable: !(this.readonly || this.disabled), inputmode: "numeric" }), index.h("span", { class: "guide" }, DateFormat$1.Part.getGuide(part, (_a = this.parts[part]) === null || _a === void 0 ? void 0 : _a.length)), index$1 < 2 && index.h("span", { class: "smoothly-date-separator" }, this.separator)));
         })));
     }
     get element() { return index.getElement(this); }
@@ -10225,10 +10225,19 @@ const SmoothlyInputDateRange = class {
             this.open = !this.open || includesTextElement;
     }
     async onSmoothlyDateTextChange(event, startOrEnd) {
-        var _a;
+        var _a, _b, _c;
         event.stopPropagation();
         const newValue = (_a = event.detail) !== null && _a !== void 0 ? _a : undefined;
-        if (this[startOrEnd] != newValue) {
+        const start = startOrEnd == "start" ? newValue : this.start;
+        const end = startOrEnd == "end" ? newValue : this.end;
+        if (TimeZone.Date.is(start) && TimeZone.Date.is(end) && start > end) {
+            this.start = end;
+            this.end = start;
+            (_b = this.startTextElement) === null || _b === void 0 ? void 0 : _b.setValue(this.start);
+            (_c = this.endTextElement) === null || _c === void 0 ? void 0 : _c.setValue(this.end);
+            this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
+        }
+        else if (this[startOrEnd] != newValue) {
             this[startOrEnd] = newValue;
             this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
         }
@@ -10270,15 +10279,15 @@ const SmoothlyInputDateRange = class {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (index.h(index.Host, { key: '47b1f42eee61e5812a3f664ab5a7cbf0d5963302', tabindex: this.disabled ? undefined : 0, class: {
+        return (index.h(index.Host, { key: 'e679040ae05b729f921a4ee33f0d8080e6dcff73', tabindex: this.disabled ? undefined : 0, class: {
                 "has-value": !!(this.start || this.end),
                 "has-text": !!(this.startHasText || this.endHasText),
                 "floating-label": this.alwaysShowGuide,
-            } }, index.h("span", { key: '9b9f91859e50d68030a0b5c06c5e522f416810ad', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '8dd08d22165176217c35c46a68911f71f720f151', name: "start" }), index.h("label", { key: '202786f137a4d1e63c53b83496060e9aa5d675c1', class: "label float-on-focus" }, index.h("slot", { key: '72dcc7c77080ffc24572344229fba7156985fc6b' })), this.placeholder && index.h("span", { key: 'a3d3e6f0a38bfb4eef494f70cb297a8a67528432', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'c3f27d77cb49ea451c97014ff7d787232c178ba8', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
+            } }, index.h("span", { key: '459c0e53a0f225c2a3c6f2b283e0af03a178e99f', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '9919d8355ce88285435e525c1b697ddf4f6cec77', name: "start" }), index.h("label", { key: 'd84eb3506216d16187c3a61ea260941c17bfd22d', class: "label float-on-focus" }, index.h("slot", { key: '6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a' })), this.placeholder && index.h("span", { key: 'a46d828926e3e41dc4557acecd597655f0772f41', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'e4b593d68430c58ab9fe2f7778addc71018ca581', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
                 var _a, _b;
                 return (e.stopPropagation(),
                     this.end ? ((_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)) : (_b = this.endTextElement) === null || _b === void 0 ? void 0 : _b.select());
-            }, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), index.h("span", { key: 'f7b237128af048f7b63cb07adfac2952ae6b56de', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: 'ad17bb8a568e2ac5420211b7cd88ea739f7c83b1', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), index.h("span", { key: '5cc0127cd3291e2e3411af8dd9c52449c5faccf4', class: "icons" }, index.h("slot", { key: '22ebeaa9a2824143d5c2bfdf9a0fca422ab8a5bc', name: "end" })), this.open && (index.h("smoothly-calendar", { key: '9fc6f4717446811fe6b7bd8a23cb10aefcb094eb', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => (e.stopPropagation(), (this.start = e.detail)), onSmoothlyEndChange: e => (e.stopPropagation(), (this.end = e.detail)), onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
+            }, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), index.h("span", { key: '8202a1af32cb67caf4cabddbaf80f2775f34277a', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: 'eb43cd46ca12848bea21af6ae1fe65a5e84d457b', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), index.h("span", { key: '422516b5f919cf0c9cd0b5480e2b4a506894d01b', class: "icons" }, index.h("slot", { key: '6083b435efed3bbc24239ef4a67a8a7398544a76', name: "end" })), this.open && (index.h("smoothly-calendar", { key: '4890cb45bdda6451a186f5bc0de8cb84dbe2425e', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => (e.stopPropagation(), (this.start = e.detail)), onSmoothlyEndChange: e => (e.stopPropagation(), (this.end = e.detail)), onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
                 e.stopPropagation();
                 this.open = false;
                 this.smoothlyInput.emit({ [this.name]: e.detail });