smoothly 1.68.0 → 1.70.0

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

@@ -2134,7 +2134,7 @@ const SmoothlyInputDateRangeText = class {
             1: undefined,
             2: undefined,
         };
-        this.locale = navigator.language;
+        this.locale = getLocale();
         this.readonly = undefined;
         this.disabled = undefined;
         this.invalid = undefined;
@@ -2306,7 +2306,7 @@ const SmoothlyInputDateRangeText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '53b01c856b0b14e08e57d9025e4026638f60e695', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index$1) => {
+        return (index.h(index.Host, { key: '7966c08b01c9adac16390a6e8c8e996fd6302589', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index$1) => {
             var _a;
             return (index.h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index$1) }, index.h("span", { class: {
                     "smoothly-date-text-part": true,
@@ -9985,7 +9985,7 @@ const SmoothlyInputDate = class {
         this.isDifferentFromInitial = false;
         this.hasFocus = false;
         this.observer = Editable.Observer.create(this);
-        this.locale = navigator.language;
+        this.locale = undefined;
         this.color = undefined;
         this.looks = undefined;
         this.name = undefined;
@@ -10092,7 +10092,7 @@ const SmoothlyInputDate = class {
         event.stopPropagation();
     }
     render() {
-        return (index.h(index.Host, { key: '67b7c8e67fc36b14b4cf05474082437f66428d0c', tabindex: this.disabled ? undefined : 0, class: { "has-value": !!this.value, "has-text": this.hasText, "floating-label": this.alwaysShowGuide }, onClick: (e) => this.onClick(e) }, index.h("slot", { key: '86ffc998be10d6fe278b45dec3a39823b99b41b5', name: "start" }), index.h("label", { key: '9131a5cd449802bc10695d80f6e48938021ba724', class: "label float-on-focus" }, index.h("slot", { key: '3ead04d593003724945495650248dad84c51b8ab' })), this.placeholder && index.h("span", { key: '7ca27a270699cc7de41d2c2a96bd4e9aee612839', class: "smoothly-date-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: '3477dc19001180590c4628dbe29c394c3e2c1b55', ref: el => (this.dateTextElement = el), locale: this.locale, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel, value: this.value, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.hasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateTextChange: e => this.onUserChangedValue(e), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (this.open = false), (_a = this.dateTextElement) === null || _a === void 0 ? void 0 : _a.deselect()); } }), index.h("span", { key: '97ec3743498617fa1a1a5129d97e143b3661cac3', class: "icons", ref: el => (this.iconsElement = el) }, index.h("slot", { key: '4d57268abc8a1b3e097b0ca6de0e0d46b2d533c3', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: '566711660ec7b137c51fcdfc98103fc0f9af4306', ref: el => (this.calendarElement = el), doubleInput: false, value: this.value, onSmoothlyValueChange: e => this.onUserChangedValue(e), max: this.max, min: this.min }, index.h("div", { key: 'ba91f5cc68e1016ff94601e53bc5f0cb5a80de45', slot: "year-label" }, index.h("slot", { key: 'ec7ea4fc638e6218ba9fdc8789a6b2fe969729ee', name: "year-label" })), index.h("div", { key: '3c31f1b37adca2d585b887ea0ce5332ca9b5a0b4', slot: "month-label" }, index.h("slot", { key: 'b43a7450febbfc555071dd9d1cc94976e1c511e3', name: "month-label" }))))));
+        return (index.h(index.Host, { key: 'a0675cebd5cec624d89267a31a582fcea579f842', tabindex: this.disabled ? undefined : 0, class: { "has-value": !!this.value, "has-text": this.hasText, "floating-label": this.alwaysShowGuide }, onClick: (e) => this.onClick(e) }, index.h("slot", { key: '9c395069cb20e923f8c95b974c38f93adb86923b', name: "start" }), index.h("label", { key: 'db99d9c73e6c68f1024a1824045fdbcdbb733445', class: "label float-on-focus" }, index.h("slot", { key: '2ced99f6ac4383d8a12f6a8e94f4dc513a06e597' })), this.placeholder && index.h("span", { key: 'eb10a754b04de1ba6c39121d41866bff133ee6e5', class: "smoothly-date-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'b64ce62c7c0c8e56b72c926f5e53c863b8e094da', ref: el => (this.dateTextElement = el), locale: this.locale, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel, value: this.value, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.hasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateTextChange: e => this.onUserChangedValue(e), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (this.open = false), (_a = this.dateTextElement) === null || _a === void 0 ? void 0 : _a.deselect()); } }), index.h("span", { key: 'cc219878665f197af7fc5d0fa7d7680b3f027007', class: "icons", ref: el => (this.iconsElement = el) }, index.h("slot", { key: '2859d132469b38f8be557ad13e2cda79af905130', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: '80c57690b04c07293b7b339c59c52e0c9730b499', ref: el => (this.calendarElement = el), doubleInput: false, value: this.value, onSmoothlyValueChange: e => this.onUserChangedValue(e), max: this.max, min: this.min }, index.h("div", { key: 'd82f25ea00aa167fcd44af23710514e0aced0622', slot: "year-label" }, index.h("slot", { key: 'b4fbe6bff119d92ecb77659ddbae346b09632809', name: "year-label" })), index.h("div", { key: '8453b4523135db4fbf10be65ae7033169cbc8287', slot: "month-label" }, index.h("slot", { key: 'f2839f12f91916fa77913fdfda17a63791af6a01', name: "month-label" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -10136,7 +10136,7 @@ const SmoothlyInputDateRange = class {
         this.isDifferentFromInitial = false;
         this.hasFocus = false;
         this.observer = Editable.Observer.create(this);
-        this.locale = navigator.language;
+        this.locale = undefined;
         this.name = "dateRange";
         this.color = undefined;
         this.looks = undefined;
@@ -10249,11 +10249,15 @@ const SmoothlyInputDateRange = class {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (index.h(index.Host, { key: 'f728a3995d6f3f2f5711bf583339275dcd66bda1', tabindex: this.disabled ? undefined : 0, class: {
+        return (index.h(index.Host, { key: '598bfd60fcd967c7c96c05ef0017582692c37149', 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: '6b437ff28f57d1d1b05c4eab623049da04e832c1', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '851347be682c3ad66ee50cd19c23400480e965d9', name: "start" }), index.h("label", { key: 'd1f56495def7fa8d0e660a31c72f2fc1f2dbe3c1', class: "label float-on-focus" }, index.h("slot", { key: 'aa51a2cda2ce43c86d66dbdc639d2d4ae54257d4' })), this.placeholder && index.h("span", { key: '498b526a9c63f09268b7f97f713567d5a6df2e4c', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: '6665a9722ed3d113089d5a5763f58e9f7434728f', 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)), onSmoothlyDateTextChange: e => this.onSmoothlyDateTextChange(e, "start"), onSmoothlyDateTextNext: () => { var _a; return (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select(); }, onSmoothlyDateTextDone: () => { var _a; return (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select(); }, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), index.h("span", { key: 'bcf88a5d6eef710b6a27ab72652fef4745522068', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: '4c65946a8d69643c852983f7d5f953dd9750ff2e', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (this.endHasText = e.detail), onSmoothlyDateTextFocusChange: e => (this.hasFocus = e.detail), onSmoothlyDateTextChange: e => this.onSmoothlyDateTextChange(e, "end"), onSmoothlyDateTextPrevious: () => { var _a; return (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end"); }, onSmoothlyDateTextDone: () => { var _a; return (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.deselect(); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), index.h("span", { key: 'e0709c1298527e7b1a4f77e8c4dc1af319dfee86', class: "icons" }, index.h("slot", { key: '8168e7992566dce357541a02d4582462a72f536c', name: "end" })), this.open && (index.h("smoothly-calendar", { key: 'e172d409191fabe5d4a08cb84cf175122e5ac5eb', 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 => {
+            } }, index.h("span", { key: '83f80f23be4e883958661a90cb7e6d4796d823b1', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '583b04bc4fa22fa80a5b5084ece2f28600535297', name: "start" }), index.h("label", { key: '7899749fef4c75977abb90d9af4944fadce9a5ed', class: "label float-on-focus" }, index.h("slot", { key: '1f53b50f4d207d509a92d384be45130a8d154c15' })), this.placeholder && index.h("span", { key: '98315ee9262a311680bc15babd4b7633d4a1048e', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'a1628f898c1c51cbccaf2cdb3a8657550581bba0', 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)), 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: 'e36474b002ff9f7d3d74ca0c7f91ddd091ad797d', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: '9ebb651a984734ffda2003bcd8dc1d11743340cc', 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)), 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: '3d4a4e0371f1f9731919beb760dba5993458ecdf', class: "icons" }, index.h("slot", { key: '48da8fc57b26dbe5cbe86c5107a6124a1c600285', name: "end" })), this.open && (index.h("smoothly-calendar", { key: '896472adaafaabbad330abf275afb6dea318688b', 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 });