smoothly 0.1.86 → 0.1.87

package/dist/smoothly/smoothly-calendar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, j as getElement } from './index-02a70ac1.js';
-import { d as dist } from './index-a28d88cf.js';
-import { w as weekdays, m as month } from './generate-776b3b0f.js';
+import { d as dist } from './index-a5a08f46.js';
+import { w as weekdays, m as month } from './generate-50b98474.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade));cursor:pointer;user-select:none}td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgb(var(--smoothly-default-tint), 0.5);color:rgb(var(--smoothly-default-contrast), 0.5)}";

package/dist/smoothly/smoothly-display-amount.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance } from './index-02a70ac1.js';
-import { d as dist } from './index-a28d88cf.js';
+import { d as dist } from './index-a5a08f46.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";

package/dist/smoothly/smoothly-display.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h } from './index-02a70ac1.js';
-import { d as dist } from './index-36a04e8c.js';
+import { d as dist } from './index-1be6d668.js';
 import './_commonjsHelpers-8fe71198.js';
+import './index-a5a08f46.js';
 
 const styleCss = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
 

package/dist/smoothly/smoothly-input-date-range.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-import { d as dist } from './index-a28d88cf.js';
+import { d as dist } from './index-a5a08f46.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-date-range-h{position:relative;display:block}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>smoothly-input.sc-smoothly-input-date-range{padding:0}";

package/dist/smoothly/smoothly-input-date.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-import { d as dist } from './index-a28d88cf.js';
+import { d as dist } from './index-a5a08f46.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-date-h{position:relative}nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}";

package/dist/smoothly/smoothly-input-month.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-import { d as dist } from './index-a28d88cf.js';
-import { y as years, a as months } from './generate-776b3b0f.js';
+import { d as dist } from './index-a5a08f46.js';
+import { y as years, a as months } from './generate-50b98474.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";

package/dist/smoothly/smoothly-input.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, i as createEvent, h, k as Host } from './index-02a70ac1.js';
-import { d as dist } from './index-36a04e8c.js';
+import { d as dist$1 } from './index-a5a08f46.js';
+import { d as dist } from './index-1be6d668.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-h{display:block;position:relative}[hidden].sc-smoothly-input-h{display:none}label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;color:rgb(var(--smoothly-text-tint));opacity:0.8;user-select:none;cursor:inherit;transition:font-size 0.1s;transition-timing-function:ease}input.sc-smoothly-input{padding:1em 0.2em 0.2em 0.2em;width:calc(100% - 0.4em);background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+smoothly-icon.sc-smoothly-input{display:block}.has-value.sc-smoothly-input-h>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}.sc-smoothly-input-h:focus-within>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 30px unset inset !important;-webkit-box-shadow:0 0 0 30px unset inset !important}input.sc-smoothly-input:-webkit-autofill{-webkit-text-fill-color:unset !important}input.sc-smoothly-input:-internal-autofill-previewed,input.sc-smoothly-input:-internal-autofill-selected,textarea.sc-smoothly-input:-internal-autofill-previewed,textarea.sc-smoothly-input:-internal-autofill-selected,select.sc-smoothly-input:-internal-autofill-previewed,select.sc-smoothly-input:-internal-autofill-selected{background-color:none !important;background-image:none !important;color:unset !important}";
@@ -23,27 +24,30 @@ let SmoothlyInput = class {
         result = dist.get("price", this.currency);
         break;
       default:
-        result = dist.get(this.type);
+        result = dist.get(this.type, getLocale());
         break;
     }
     return result || dist.get("text");
   }
+  newState(state) {
+    const formatter = this.formatter;
+    return formatter.format(dist.StateEditor.copy(formatter.unformat(dist.StateEditor.copy(state))));
+  }
   valueWatcher(value, before) {
     if (this.lastValue != value) {
       this.lastValue = value;
-      this.state = Object.assign(Object.assign({}, this.state), { value: this.formatter.format(dist.StateEditor.copy(this.formatter.unformat(dist.StateEditor.copy({ value, selection: this.state.selection })))).value });
+      this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value });
     }
     if (value != before)
       this.smoothlyChanged.emit({ name: this.name, value });
   }
   componentWillLoad() {
-    const formatter = this.formatter;
-    const value = formatter.toString(this.value) || "";
+    const value = this.formatter.toString(this.value) || "";
     const start = value.length;
-    this.state = formatter.format(dist.StateEditor.copy(formatter.unformat(dist.StateEditor.copy({
+    this.state = this.newState({
       value,
       selection: { start, end: start, direction: "none" },
-    }))));
+    });
   }
   componentDidRender() {
     if (this.keepFocusOnReRender) {
@@ -55,8 +59,7 @@ let SmoothlyInput = class {
     this.keepFocusOnReRender = keepFocus;
   }
   async setSelectionRange(start, end, direction) {
-    const formatter = this.formatter;
-    this.state = formatter.format(dist.StateEditor.copy(formatter.unformat(dist.StateEditor.copy(Object.assign(Object.assign({}, this.state), { selection: { start, end, direction: direction != undefined ? direction : this.state.selection.direction } })))));
+    this.state = this.newState(Object.assign(Object.assign({}, this.state), { selection: { start, end, direction: direction != undefined ? direction : this.state.selection.direction } }));
     const after = this.formatter.format(dist.StateEditor.copy(this.formatter.unformat(dist.StateEditor.copy(Object.assign({}, this.state)))));
     this.updateBackend(after, this.inputElement);
   }
@@ -73,7 +76,7 @@ let SmoothlyInput = class {
         end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
         direction: backend.selectionDirection ? backend.selectionDirection : "none",
       } });
-    const after = this.formatter.format(dist.StateEditor.copy(this.formatter.unformat(dist.StateEditor.copy(Object.assign({}, this.state)))));
+    const after = this.newState(Object.assign({}, this.state));
     this.updateBackend(after, backend);
   }
   onKeyDown(event) {
@@ -159,6 +162,10 @@ let SmoothlyInput = class {
     "value": ["valueWatcher"]
   }; }
 };
+function getLocale() {
+  const result = navigator.language;
+  return dist$1.Locale.is(result) ? result : dist$1.Language.is(result) ? dist$1.Locale.toLocale(result) : undefined;
+}
 SmoothlyInput.style = styleCss;
 
 export { SmoothlyInput as smoothly_input };

package/dist/smoothly/smoothly-select-demo.entry.js

@@ -21,8 +21,8 @@ let SmoothlySelectDemo = class {
       h("smoothly-select", { identifier: "currency" }, this.currencies.map(option => this.currency == option ? (h("option", { value: option, selected: true }, option)) : (h("option", { value: option }, option)))),
       h("smoothly-select", { identifier: "language" }, h("optgroup", { label: "Nordic" }, h("option", { value: "sv" }, "Swedish"), h("option", { value: "da", selected: true }, "Danish"), h("option", { value: "no" }, "Norwegian")), h("optgroup", { label: "Other" }, h("option", { value: "en" }, "English"))),
       h("smoothly-select", { identifier: "quantity", ref: e => (this.quantityElement = e) }, h("option", { value: "1" }, "1"), h("option", { value: "2" }, "2"), h("option", { value: "3" }, "3")),
-      h("smoothly-input-date", { max: "2021-12-30", min: "2021-10-10" }, "Date"),
-      h("smoothly-input-date-range", { max: "2021-12-30", min: "2021-10-10" }),
+      h("smoothly-input-date", { value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"),
+      h("smoothly-input-date-range", { start: "2021-10-28", end: "2021-11-27", min: "2021-10-10", max: "2021-12-30" }),
       h("smoothly-selector", null, h("smoothly-item", { value: "1" }, "January"), h("smoothly-item", { value: "2" }, "February"), h("smoothly-item", { value: "3" }, "March"), h("smoothly-item", { value: "4" }, "April"), h("smoothly-item", { value: "5" }, "May"), h("smoothly-item", { value: "6" }, "June"), h("smoothly-item", { value: "7" }, "July"), h("smoothly-item", { value: "8" }, "August"), h("smoothly-item", { value: "9" }, "September"), h("smoothly-item", { value: "10" }, "October"), h("smoothly-item", { value: "11" }, "November"), h("smoothly-item", { value: "12" }, "December")),
       h("button", { onClick: () => this.alertf() }, "press here"),
       h("smoothly-picker", { label: "Filter", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, options: [

package/dist/types/components/input/index.d.ts

@@ -18,6 +18,7 @@ export declare class SmoothlyInput {
   disabled: boolean;
   currency?: Currency;
   get formatter(): Formatter & Converter<any>;
+  private newState;
   smoothlyChanged: EventEmitter<{
     name: string;
     value: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smoothly",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "description": "Web component library written in Stencil.",
   "author": "PayFunc",
   "license": "MIT",
@@ -62,11 +62,11 @@
   },
   "dependencies": {
     "authly": "0.2.8",
-    "isoly": "0.0.36",
+    "isoly": "0.0.39",
     "langly": "0.0.14",
     "normalize.css": "^8.0.1",
     "stencil-router-v2": "^0.6.0",
-    "tidily": "0.0.46"
+    "tidily": "0.0.47"
   },
   "devDependencies": {
     "@stencil/core": "^2.10.0",