smoothly 1.2.1-alpha.22 → 1.2.1-alpha.24

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

@@ -3,20 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ba6d0734.js');
-const Scrollable = require('./Scrollable-a60d6091.js');
-const TimeZone = require('./TimeZone-45bcd855.js');
+const Scrollable = require('./Scrollable-20426515.js');
+const TimeZone = require('./TimeZone-c7477083.js');
 const redirect = require('./redirect-fa5e9d71.js');
-const en = require('./en-56378cc9.js');
+const en = require('./en-f4546147.js');
 
 function any(name) {
     return new IslyAny(name ?? "any");
 }
-class IslyAny extends Scrollable.Type {
-    constructor() {
-        super(...arguments);
-        this.class = "any";
-        this.is = (value) => value != undefined;
-    }
+class IslyAny extends TimeZone.Type {
+    class = "any";
+    is = (value) => value != undefined;
 }
 
 function getLocale() {
@@ -1888,15 +1885,16 @@ const Calendar = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Fragment, { key: '01266a8f05c6f56bef69d4a461a92da65eb74175' }, index.h("smoothly-input-month", { key: '3a848417dc83bc7ad2a4b4014abb3d0e18b306ff', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
+        return (index.h(index.Fragment, { key: '72c5a169add38daacba482bf64d5e0ac4e5376f2' }, index.h("smoothly-input-month", { key: '400a611870cd3bd1dfef25b76497a7ddef88db0b', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
                 e.stopPropagation();
                 "month" in e.detail && typeof e.detail.month == "string" && (this.month = e.detail.month);
-            } }, index.h("div", { key: '2a07d690ad6f4b3ac5e659d9529e0809ad166ae4', slot: "year-label" }, index.h("slot", { key: '969b558389bae096e008ab054f984054f384d36f', name: "year-label" })), index.h("div", { key: 'd83fb0f82ab0ee7dd97e2b9dde36cdde2fde2091', slot: "month-label" }, index.h("slot", { key: 'aba0c170d3f5eadd461a0cdb12f8825edf429e74', name: "month-label" }))), index.h("table", { key: '437adf99b1dffa736954ab87eaa7b8639d139c91' }, index.h("thead", { key: 'd2ac8275277c4dc17946a1e8da12a170165889c3' }, index.h("tr", { key: 'a58f3d8ac02c850bb25973d8eaf3891cb8a79788' }, weekdays().map(day => (index.h("th", null, day))))), month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : TimeZone.Date.now()).map(week => (index.h("tr", null, week.map(date => {
+            } }, index.h("div", { key: '8c399dd9fdfd8de727bde48d1123d78f25f208a8', slot: "year-label" }, index.h("slot", { key: '9e8fbc095327b1a09c7ac6c71817d9157d20b53d', name: "year-label" })), index.h("div", { key: '56fc2501be0d3fc5a7156e5156cfe0db7294f7f2', slot: "month-label" }, index.h("slot", { key: '715855818d0299d69946f44d4b2031a47f3ce0a2', name: "month-label" }))), index.h("table", { key: '25a94c6bd36a6a509402b152456de995411cf00c' }, index.h("thead", { key: 'd310889be1da1ecef2b1a15aa5537815ed014660' }, index.h("tr", { key: '2aabd32a00df64e4692d91c797934c5309e42a6c' }, weekdays().map(day => (index.h("th", null, day))))), month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : TimeZone.Date.now()).map(week => (index.h("tr", null, week.map(date => {
             var _a, _b, _c, _d;
             return (index.h("td", { tabindex: 1, onMouseOver: () => (this.withinLimit(date) ? this.onHover(date) : undefined), onClick: this.withinLimit(date) ? () => this.onClick(date) : undefined, class: {
                     selected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),
                     today: date == TimeZone.Date.now(),
-                    currentMonth: TimeZone.Date.firstOfMonth((_b = (_a = this.month) !== null && _a !== void 0 ? _a : this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()) == TimeZone.Date.firstOfMonth(date),
+                    currentMonth: TimeZone.Date.firstOfMonth((_b = (_a = this.month) !== null && _a !== void 0 ? _a : this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()) ==
+                        TimeZone.Date.firstOfMonth(date),
                     dateRange: this.doubleInput && date > ((_c = this.start) !== null && _c !== void 0 ? _c : "") && date < ((_d = this.end) !== null && _d !== void 0 ? _d : ""),
                     disable: !this.withinLimit(date),
                 } }, date.substring(8, 10)));
@@ -2007,6 +2005,8 @@ var State;
 })(State || (State = {}));
 
 class StateEditor {
+    value;
+    selection;
     constructor(state) {
         this.value = state.value;
         this.selection = { start: state.selection?.start, end: state.selection?.end, direction: state.selection?.direction };
@@ -2244,15 +2244,13 @@ function parse$3(value, type, ...argument) {
 }
 
 class Handler$j {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "string" ? data : "";
     }
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return {
             ...unformatted,
@@ -2273,9 +2271,6 @@ class Handler$j {
 add$5("card-csc", () => new Handler$j());
 
 class Handler$i {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return Array.isArray(data) && data.length == 2 && typeof data[0] == "number" && typeof data[1] == "number"
             ? data[0].toString().padStart(2, "0") + data[1].toString().padStart(2, "0")
@@ -2286,6 +2281,7 @@ class Handler$i {
             ? [Number.parseInt(value.slice(0, 2)), Number.parseInt(value.slice(2))]
             : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = unformatted;
         if (unformatted.value.length > 0 && !unformatted.is(0, "0", "1"))
@@ -2311,15 +2307,13 @@ class Handler$i {
 add$5("card-expires", () => new Handler$i());
 
 class Handler$h {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "string" ? data : "";
     }
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         const issuer = getIssuer(unformatted.value);
         const result = unformatted.map((symbol, index) => (index + 1 < issuer.length[0] && issuer.spaceIndexes.includes(index) ? " " : "") + symbol);
@@ -2505,6 +2499,7 @@ var DateFormat;
 })(DateFormat || (DateFormat = {}));
 
 class Base$1 {
+    separator;
     constructor(separator) {
         this.separator = separator;
     }
@@ -2537,7 +2532,6 @@ add$5("date", (parameters) => {
 class Handler$g extends Base$1 {
     constructor(separator) {
         super(separator);
-        this.formatString = `DD${this.separator}MM${this.separator}YYYY`;
     }
     toString(data) {
         return TimeZone.Date.is(data) && data.length == 10
@@ -2548,6 +2542,7 @@ class Handler$g extends Base$1 {
         const result = value?.length == 8 ? `${value.substring(4, 8)}-${value.substring(2, 4)}-${value.substring(0, 2)}` : undefined;
         return TimeZone.Date.is(result) ? result : undefined;
     }
+    formatString = `DD${this.separator}MM${this.separator}YYYY`;
     format(unformatted) {
         let result = unformatted.delete(this.separator);
         if (result.get(0, 1) > "3")
@@ -2590,7 +2585,6 @@ register("dd-mm-YYYY", () => new Handler$g("-"));
 class Handler$f extends Base$1 {
     constructor(separator) {
         super(separator);
-        this.formatString = `MM${this.separator}DD${this.separator}YYYY`;
     }
     toString(data) {
         return TimeZone.Date.is(data) && data.length == 10
@@ -2601,6 +2595,7 @@ class Handler$f extends Base$1 {
         const result = value.length == 8 ? `${value.substring(4, 8)}-${value.substring(0, 2)}-${value.substring(2, 4)}` : undefined;
         return TimeZone.Date.is(result) ? result : undefined;
     }
+    formatString = `MM${this.separator}DD${this.separator}YYYY`;
     format(unformatted) {
         let result = unformatted.delete(this.separator);
         if (result.get(0, 1) > "1")
@@ -2638,7 +2633,6 @@ register("mm/dd/YYYY", () => new Handler$f("/"));
 class Handler$e extends Base$1 {
     constructor(separator) {
         super(separator);
-        this.formatString = `YYYY${this.separator}MM${this.separator}DD`;
     }
     toString(data) {
         return typeof data != "string" ? "" : data;
@@ -2653,6 +2647,7 @@ class Handler$e extends Base$1 {
             ? +TimeZone.Date.lastOfMonth(`${value.substring(0, 4)}-${value.substring(4, 6)}-01`).substring(8, 10)
             : 31;
     }
+    formatString = `YYYY${this.separator}MM${this.separator}DD`;
     format(unformatted) {
         let result = unformatted.delete(this.separator);
         if (result.value.length > 3) {
@@ -2688,9 +2683,6 @@ class Handler$e extends Base$1 {
 register("YYYY-mm-dd", () => new Handler$e("-"));
 
 class Handler$d {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "string" ? data : "";
     }
@@ -2704,6 +2696,7 @@ class Handler$d {
             : result + fillerDate.substring(result.length, fillerDate.length);
         return TimeZone.DateTime.is(result) ? result : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = formatDate(unformatted);
         if (result.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/))
@@ -2841,9 +2834,6 @@ function daysPerMonth(year, month) {
 }
 
 class Handler$c {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return Array.isArray(data) && data.length == 2 && typeof data[0] == "number" && typeof data[1] == "number"
             ? data[0].toString() + " / " + data[1].toString()
@@ -2858,6 +2848,7 @@ class Handler$c {
                 ? Number.parseInt(value)
                 : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = unformatted;
         if (unformatted.match(/^\d\/$/))
@@ -2902,15 +2893,12 @@ class Handler$c {
 add$5("divisor", () => new Handler$c());
 
 class Handler$b {
-    constructor() {
-        this.separator = ":";
-        this.patterns = {
-            allowed: /^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,
-            extract: /^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,
-            zeros: /^(-?)(0+)(?:[1-9]|0[,.:]?)/,
-        };
-        this.partialFormat = this.format;
-    }
+    separator = ":";
+    patterns = {
+        allowed: /^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,
+        extract: /^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,
+        zeros: /^(-?)(0+)(?:[1-9]|0[,.:]?)/,
+    };
     toString(data) {
         let result;
         if (!TimeZone.TimeSpan.is(data))
@@ -2958,6 +2946,7 @@ class Handler$b {
         }
         return result;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = unformatted;
         const [, negative, hours, separator] = unformatted.match(this.patterns.extract) ?? [];
@@ -2987,9 +2976,9 @@ class Handler$b {
 add$5("duration", () => new Handler$b());
 
 class Handler$a {
+    settings;
     constructor(settings) {
         this.settings = settings;
-        this.partialFormat = this.format;
     }
     toString(data) {
         return typeof data == "string" ? data : "";
@@ -2997,6 +2986,7 @@ class Handler$a {
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return { ...unformatted, ...this.settings, type: "text", inputmode: "email", autocomplete: "email" };
     }
@@ -3012,10 +3002,11 @@ class Handler$a {
 add$5("email", (settings) => new Handler$a(settings || {}));
 
 class Handler$9 {
+    settings;
+    mode;
     constructor(settings, mode) {
         this.settings = settings;
         this.mode = mode;
-        this.partialFormat = this.format;
     }
     toString(data) {
         return typeof data == "string" ? data : "";
@@ -3056,6 +3047,7 @@ class Handler$9 {
     isSymbolAllowed(symbol) {
         return this.isSymbolLetter(symbol) || (symbol >= "0" && symbol <= "9") || symbol === " ";
     }
+    partialFormat = this.format;
     format(unformatted) {
         const alignedString = this.split(unformatted);
         let result;
@@ -3100,9 +3092,9 @@ add$5("identifier-camel", (settings) => new Handler$9(settings || {}, "camel"));
 add$5("identifier-attribute", (settings) => new Handler$9(settings || {}, "attribute"));
 
 class Handler$8 {
+    country;
     constructor(country) {
         this.country = country;
-        this.partialFormat = this.format;
     }
     toString(data) {
         return typeof data == "string" ? data : "";
@@ -3110,6 +3102,7 @@ class Handler$8 {
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = unformatted;
         const year = new Date().getFullYear().toString();
@@ -3134,9 +3127,6 @@ class Handler$8 {
 add$5("identity-number", (argument) => new Handler$8(argument && argument.length > 0 ? argument[0] : undefined));
 
 class Handler$7 {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "number" ? data.toString() : "";
     }
@@ -3144,6 +3134,7 @@ class Handler$7 {
         const parsed = typeof value == "string" ? Number.parseInt(value) : undefined;
         return typeof parsed == "number" && !Number.isNaN(parsed) ? parsed : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return {
             ...unformatted,
@@ -3163,15 +3154,13 @@ class Handler$7 {
 add$5("integer", () => new Handler$7());
 
 class Handler$6 {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "string" ? data : "";
     }
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return { ...unformatted, type: "password", autocomplete: "current-password" };
     }
@@ -3185,9 +3174,6 @@ class Handler$6 {
 add$5("password", () => new Handler$6());
 
 class Handler$5 {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         let result = "";
         if (typeof data == "number") {
@@ -3200,6 +3186,7 @@ class Handler$5 {
         const parsedFloat = typeof value == "string" ? Number.parseFloat(value) : undefined;
         return typeof parsedFloat == "number" && !Number.isNaN(parsedFloat) ? parsedFloat / 100 : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return {
             ...(unformatted.value ? unformatted.suffix(" %") : unformatted),
@@ -3517,15 +3504,13 @@ const phonePrefix = [
 ];
 
 class Handler$4 {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(data) {
         return typeof data == "string" ? data : "";
     }
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         let result = unformatted;
         if (result.value.startsWith("+")) {
@@ -3594,9 +3579,9 @@ class Handler$4 {
 add$5("phone", () => new Handler$4());
 
 class Handler$3 {
+    country;
     constructor(country) {
         this.country = country;
-        this.partialFormat = this.format;
     }
     toString(data) {
         return typeof data == "string" ? data : "";
@@ -3604,6 +3589,7 @@ class Handler$3 {
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         const result = !unformatted.value.includes(" ") && unformatted.value.length >= 4 ? unformatted.insert(3, " ") : unformatted;
         return {
@@ -3624,6 +3610,8 @@ class Handler$3 {
 add$5("postal-code", (argument) => new Handler$3(argument && argument.length > 0 ? argument[0] : undefined));
 
 class Handler$2 {
+    currency;
+    toInteger;
     constructor(options) {
         this.currency = options && typeof options == "object" ? options.currency : options;
         this.toInteger = options && typeof options == "object" ? options.toInteger : undefined;
@@ -3727,9 +3715,9 @@ class Handler$2 {
 add$5("price", (argument) => new Handler$2(argument && argument.length > 0 ? argument[0] : undefined));
 
 class Handler$1 {
+    settings;
     constructor(settings) {
         this.settings = settings;
-        this.partialFormat = this.format;
     }
     toString(data) {
         return typeof data == "string" ? data : "";
@@ -3737,6 +3725,7 @@ class Handler$1 {
     fromString(value) {
         return typeof value == "string" && !!value ? value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         return { ...unformatted, type: "text", ...this.settings };
     }
@@ -3752,15 +3741,13 @@ class Handler$1 {
 add$5("text", (settings) => new Handler$1(settings || {}));
 
 class Handler {
-    constructor() {
-        this.partialFormat = this.format;
-    }
     toString(value) {
         return typeof value == "string" ? "#" + value : "";
     }
     fromString(value) {
         return value ? "#" + value : undefined;
     }
+    partialFormat = this.format;
     format(unformatted) {
         const result = unformatted.delete("#");
         return {
@@ -3801,16 +3788,16 @@ const SmoothlyDisplay = class {
         const type = this.type;
         switch (type) {
             case "json":
-                result = index.h("smoothly-display-json", { key: '0c9bec874f0f21678c2a9e48696e99172d94add0', value: this.value, collapseDepth: this.collapseDepth });
+                result = index.h("smoothly-display-json", { key: '5d2196701b252729d1f3fa479fdc63ffb03a15bd', value: this.value, collapseDepth: this.collapseDepth });
                 break;
             default:
                 result = format(this.value, type);
                 break;
             case "email":
-                result = index.h("a", { key: 'a9d33b95c096c5ba49842f8770cab32bfb5479fd', href: "mailto:" + this.value }, format(this.value, type));
+                result = index.h("a", { key: '5241655ff14a969d2105b0c5eb833778ba108337', href: "mailto:" + this.value }, format(this.value, type));
                 break;
             case "phone":
-                result = index.h("a", { key: '62f3aef05eadab71c7d87168d02d13e01faaef33', href: "tel:" + this.value }, format(this.value, type, this.country));
+                result = index.h("a", { key: '2034904f71b8e057c0a9b38ab5a2c5d0f469543f', href: "tel:" + this.value }, format(this.value, type, this.country));
                 break;
             case "postal-code":
                 result = format(this.value, type, this.country);
@@ -3946,7 +3933,7 @@ const json = {
 };
 
 const JsonValue = ({ value, collapseDepth }) => {
-    return Scrollable.object().is(value) || Array.isArray(value) ? (index.h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (index.h("smoothly-display-json-primitive", { value: value }));
+    return TimeZone.object().is(value) || Array.isArray(value) ? (index.h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (index.h("smoothly-display-json-primitive", { value: value }));
 };
 
 const styleCss$1j = ".sc-smoothly-display-json-h{font-family:monospace}";
@@ -6996,14 +6983,14 @@ function filter(criteria, value) {
     return c.filter(value);
 }
 
-const EventEmitter = Scrollable.object({ emit: Scrollable.islyFunction() });
+const EventEmitter = TimeZone.object({ emit: Scrollable.islyFunction() });
 var Filter;
 (function (Filter) {
     let Element;
     (function (Element) {
-        Element.type = Scrollable.object({
-            property: Scrollable.string().optional(),
-            properties: Scrollable.record(Scrollable.string(), Scrollable.string()).optional(),
+        Element.type = TimeZone.object({
+            property: TimeZone.string().optional(),
+            properties: Scrollable.record(TimeZone.string(), TimeZone.string()).optional(),
         });
     })(Element = Filter.Element || (Filter.Element = {}));
     Filter.type = Element.type.extend({
@@ -7258,7 +7245,7 @@ const SmoothlyFilterSelect = class {
     }
     getCriteria(detail) {
         let result;
-        if (this.multiple && Scrollable.string().array({ criteria: "minLength", value: 1 }).is(detail))
+        if (this.multiple && TimeZone.string().array({ criteria: "minLength", value: 1 }).is(detail))
             result = this.type == "array" ? contains(detail) : within(detail);
         else if (typeof detail == "string")
             result = is(detail);
@@ -8127,18 +8114,18 @@ var Editable;
 (function (Editable) {
     let Element;
     (function (Element) {
-        Element.type = Scrollable.object({
+        Element.type = TimeZone.object({
             edit: Scrollable.islyFunction(),
-            readonly: Scrollable.boolean(),
+            readonly: TimeZone.boolean(),
             listen: Scrollable.islyFunction(),
             reset: Scrollable.islyFunction(),
             setInitialValue: Scrollable.islyFunction(),
         });
         Element.is = Element.type.is;
     })(Element = Editable.Element || (Editable.Element = {}));
-    const EventEmitter = Scrollable.object({ emit: Scrollable.islyFunction() });
+    const EventEmitter = TimeZone.object({ emit: Scrollable.islyFunction() });
     Editable.type = Element.type.extend({
-        changed: Scrollable.boolean(),
+        changed: TimeZone.boolean(),
         value: any().optional(),
         smoothlyFormDisable: EventEmitter,
     });
@@ -8148,7 +8135,7 @@ var Editable;
 var Looks;
 (function (Looks) {
     Looks.types = ["plain", "grid", "border", "line", "transparent"];
-    Looks.type = Scrollable.string(Looks.types);
+    Looks.type = TimeZone.string(Looks.types);
     Looks.is = Looks.type.is;
 })(Looks || (Looks = {}));
 
@@ -8156,20 +8143,20 @@ var Input;
 (function (Input) {
     let Element;
     (function (Element) {
-        Element.type = Scrollable.object({
+        Element.type = TimeZone.object({
             register: Scrollable.islyFunction(),
             unregister: Scrollable.islyFunction(),
             getValue: Scrollable.islyFunction(),
             color: Scrollable.Color.type.optional(),
-            name: Scrollable.string(),
-            invalid: Scrollable.boolean().optional(),
+            name: TimeZone.string(),
+            invalid: TimeZone.boolean().optional(),
             looks: Looks.type,
-            defined: Scrollable.boolean().optional(),
+            defined: TimeZone.boolean().optional(),
             binary: Scrollable.islyFunction().optional(),
         });
         Element.is = Element.type.is;
     })(Element = Input.Element || (Input.Element = {}));
-    const EventEmitter = Scrollable.object({ emit: Scrollable.islyFunction() });
+    const EventEmitter = TimeZone.object({ emit: Scrollable.islyFunction() });
     Input.type = Element.type.extend({
         smoothlyInputLoad: EventEmitter,
         smoothlyInput: EventEmitter,
@@ -8440,7 +8427,7 @@ const SmoothlyFormDemoDate = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.notice = index.createEvent(this, "notice", 7);
-        this.validator = Scrollable.object({
+        this.validator = TimeZone.object({
             date: Scrollable.fromIs("isoly.Date", TimeZone.Date.is),
         });
     }
@@ -8469,7 +8456,7 @@ const SmoothlyFormDemoDateRange = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.notice = index.createEvent(this, "notice", 7);
-        this.validator = Scrollable.object({
+        this.validator = TimeZone.object({
             range: Scrollable.fromIs("isoly.DateRange", TimeZone.DateRange.is),
         });
     }
@@ -8540,9 +8527,9 @@ const SmoothlyFormDemoTransparent = class {
 
 var Contact;
 (function (Contact) {
-    Contact.type = Scrollable.object({
-        name: Scrollable.object({ first: Scrollable.string(), middle: Scrollable.string().optional(), last: Scrollable.string() }),
-        age: Scrollable.number(age => 18 <= age && age <= 120),
+    Contact.type = TimeZone.object({
+        name: TimeZone.object({ first: TimeZone.string(), middle: TimeZone.string().optional(), last: TimeZone.string() }),
+        age: TimeZone.number(age => 18 <= age && age <= 120),
         country: Scrollable.fromIs("CountryCode", TimeZone.Alpha2.is),
         birthday: Scrollable.fromIs("Date", TimeZone.Date.is),
     });
@@ -8556,7 +8543,7 @@ const SmoothlyFormDemoTyped = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '863d42c367fa028fa1300469261155b3656317f0' }, index.h("h2", { key: 'c09c96c4d46e4ae793da5590177ee27a83a47344' }, "Typed Contact"), index.h("smoothly-form", { key: 'a573e17c47c9caa1edfffb45db48d5562994e9d7', validator: Contact.type }, index.h("smoothly-input", { key: 'af05cca00bc6b389964cb6421b6eea0c98f2777e', name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '5b41c244e61776ce742beae0303ad32e9a400559', name: "name.middle" }, "Middle Name (optional)"), index.h("smoothly-input", { key: '6731f9d7aa683d0cc21b10e25af363e44e5d28d1', name: "name.last" }, "Last Name"), index.h("smoothly-input", { key: '76891da3232bb6220866a3c2a5532447133d52e5', name: "age", type: "integer" }, "Age (18-120)"), index.h("smoothly-input-select", { key: 'b5685795e011d37898da248d444c423fb3d79601', name: "country" }, index.h("span", { key: '73a337495ffd988b65a989bf30fd9304e5262ccb', slot: "label" }, "Country"), TimeZone.Alpha2.types.map(country => (index.h("smoothly-item", { value: country }, en.from(country))))), index.h("smoothly-input-date", { key: 'f77ee0ee979fb302dfa01958c8847cf78704e18c', name: "birthday" }, "Date of birth"), index.h("smoothly-input-reset", { key: 'c4584f57c38a939b2417be9193981fd1d531b325', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: '61d1ab1a391b3a5e1bf3ba7a8e36701f87930d24', slot: "submit", size: "icon", color: "success" }))));
+        return (index.h(index.Host, { key: '863d42c367fa028fa1300469261155b3656317f0' }, index.h("h2", { key: 'c09c96c4d46e4ae793da5590177ee27a83a47344' }, "Typed Contact"), index.h("smoothly-form", { key: 'a573e17c47c9caa1edfffb45db48d5562994e9d7', validator: Contact.type }, index.h("smoothly-input", { key: 'af05cca00bc6b389964cb6421b6eea0c98f2777e', name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '5b41c244e61776ce742beae0303ad32e9a400559', name: "name.middle" }, "Middle Name (optional)"), index.h("smoothly-input", { key: '6731f9d7aa683d0cc21b10e25af363e44e5d28d1', name: "name.last" }, "Last Name"), index.h("smoothly-input", { key: '76891da3232bb6220866a3c2a5532447133d52e5', name: "age", type: "integer" }, "Age (18-120)"), index.h("smoothly-input-select", { key: 'b5685795e011d37898da248d444c423fb3d79601', name: "country" }, index.h("span", { key: '73a337495ffd988b65a989bf30fd9304e5262ccb', slot: "label" }, "Country"), TimeZone.Alpha2.values.map(country => (index.h("smoothly-item", { value: country }, en.from(country))))), index.h("smoothly-input-date", { key: '7cebeadd1bce4ba9c21d303a4316b01f4c426ad6', name: "birthday" }, "Date of birth"), index.h("smoothly-input-reset", { key: '9f4ebc3c27050ac587b077d4bfb6ff0674ccf852', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: 'a53d0147626193ab5d907b9212a86d2ee9d3524a', slot: "submit", size: "icon", color: "success" }))));
     }
 };
 SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
@@ -9464,13 +9451,13 @@ const SmoothlyInputDate = class {
         event.stopPropagation();
     }
     render() {
-        return (index.h(index.Host, { key: '66e271ebab444435ebbd5c52ac8bdb206744fdc1' }, index.h("smoothly-input", { key: '07f1065acefd25523bbd8fe6baa510cc6e794518', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (index.h(index.Host, { key: '371d5ba6f4bdd604cb0b2b3d1819d4e4a642c874' }, index.h("smoothly-input", { key: '5d21aba59d8614f8dc52a3ee1e6bb52a95cd2d2e', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.value = e.detail[this.name];
-            } }, index.h("slot", { key: '6f38b7267ee028b314ba878be4cb1ea6bfe47559' })), index.h("span", { key: '9098841d1407d736a13ea5f43a0af2ed152da688', class: "icons" }, index.h("slot", { key: 'a4286689f848b90d86cac835706f711a60eecd72', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '1905727c2e5117ce3cb4454359a666a794fa61ee' }, index.h("smoothly-calendar", { key: '5c3cb5875ff1400326d3501ebbd86fa57d141c60', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
+            } }, index.h("slot", { key: 'f9eb1423c3e05775cb58785c805782a6166f0f3d' })), index.h("span", { key: 'e16e5e0a6386bd3fee1b9f90a0fe0ae2489107cb', class: "icons" }, index.h("slot", { key: 'e6961da77738c36c6335e1e3c4cc1bf316544600', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'cdf8d7ea4e52fa79a13d6c387679d3613724cbb1' }, index.h("smoothly-calendar", { key: 'e274c7cb120fd6bea7fddf90a7fc0730a72e1a5c', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
                 this.value = event.detail;
                 event.stopPropagation();
-            }, max: this.max, min: this.min }, index.h("div", { key: '485b37e07a8e5aac04b1b5e79c6a62b7f8d41a9c', slot: "year-label" }, index.h("slot", { key: '6107cb5ddfe07645e34d9d5e88d40ba8a279119b', name: "year-label" })), index.h("div", { key: '623383481f6a231577c70e429b27ff1481fdd74c', slot: "month-label" }, index.h("slot", { key: 'cfa25c65448b1160591d73486863a8dac61560a4', name: "month-label" })))))));
+            }, max: this.max, min: this.min }, index.h("div", { key: 'dc4edbb36de0561921a48b0d6ffeaf1085323a68', slot: "year-label" }, index.h("slot", { key: '234cc72574deffde1c5ce018813a104d3b32e693', name: "year-label" })), index.h("div", { key: 'c3ce218f82ca9a656e79e679f2b8ac91ef3d08af', slot: "month-label" }, index.h("slot", { key: '180e56816f543a140e40cfb94fd59d802ee8e539', name: "month-label" })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -10268,10 +10255,10 @@ var Item;
 (function (Item) {
     let Element;
     (function (Element) {
-        Element.type = Scrollable.object({
+        Element.type = TimeZone.object({
             value: any(),
-            deselectable: Scrollable.boolean(),
-            selected: Scrollable.boolean().optional(),
+            deselectable: TimeZone.boolean(),
+            selected: TimeZone.boolean().optional(),
             filter: Scrollable.islyFunction(),
         });
         Element.is = Element.type.is;
@@ -10624,7 +10611,7 @@ const SmoothlyInputSubmit = class {
                     this.disabled =
                         !this.delete &&
                             (p.readonly ||
-                                ("validator" in p && p.validator instanceof Scrollable.Type && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(p.value))) ||
+                                ("validator" in p && p.validator instanceof TimeZone.Type && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(p.value))) ||
                                 !p.changed);
                 });
             }