smoothly 0.1.69 → 0.1.70

package/dist/collection/components/input-month/index.js

@@ -5,23 +5,23 @@ export class MonthSelector {
   onValueChanged(next) {
     this.valueChanged.emit(next);
   }
+  adjustMonth(delta) {
+    var _a;
+    const date = Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : Date.now());
+    date.setMonth(date.getMonth() + delta);
+    this.value = Date.create(date);
+  }
   render() {
     var _a, _b;
     return [
-      h("button", { onClick: () => this.adjustMonth(-1) },
+      h("div", { onClick: () => this.adjustMonth(-1) },
         h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.years((_a = this.value) !== null && _a !== void 0 ? _a : Date.now()).map(year => (h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.months((_b = this.value) !== null && _b !== void 0 ? _b : Date.now()).map(month => (h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      h("button", { onClick: () => this.adjustMonth(1) },
+      h("div", { onClick: () => this.adjustMonth(1) },
         h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
     ];
   }
-  adjustMonth(delta) {
-    var _a;
-    const date = Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : Date.now());
-    date.setMonth(date.getMonth() + delta);
-    this.value = Date.create(date);
-  }
   static get is() { return "smoothly-input-month"; }
   static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/input-month/style.css

@@ -3,12 +3,6 @@
 	justify-content: space-between;
 	font-size: large;
 }
-button {
-  border: none;
-	background: none;
-	cursor: pointer;
-  font-size: large;
-}
 smoothly-icon {
 	font-size: smaller;
 }

package/dist/custom-elements/index.js

@@ -19002,28 +19002,28 @@ const CurrencyCode$2 = /*@__PURE__*/getDefaultExportFromCjs(CurrencyCode_1$2);
 var _Date$2 = createCommonjsModule(function (module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IsoDate = void 0;
-var IsoDate;
-(function (IsoDate) {
+exports.Date = void 0;
+var Date;
+(function (Date) {
     function is(value) {
         return (typeof value == "string" && /^(\d{4}-[01]\d-[0-3]\d)|(\d{4}-[01]\d-[0-3]\d)|(\d{4}-[01]\d-[0-3]\d)$/.test(value));
     }
-    IsoDate.is = is;
+    Date.is = is;
     function parse(value, time) {
-        return new Date(value + (time !== null && time !== void 0 ? time : "T12:00:00.000Z"));
+        return new globalThis.Date(value + (time !== null && time !== void 0 ? time : "T12:00:00.000Z"));
     }
-    IsoDate.parse = parse;
+    Date.parse = parse;
     function create(value) {
         return value.toISOString().substring(0, 10);
     }
-    IsoDate.create = create;
+    Date.create = create;
     function now() {
-        return create(new Date());
+        return create(new globalThis.Date());
     }
-    IsoDate.now = now;
+    Date.now = now;
     function localize(value, locale) {
-        const localeString = locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale;
-        const localeOptions = {
+        return (is(value) ? parse(value) : value)
+            .toLocaleString(locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale, {
             year: "numeric",
             month: "2-digit",
             day: "2-digit",
@@ -19031,11 +19031,82 @@ var IsoDate;
             minute: "2-digit",
             second: "2-digit",
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-        };
-        return (is(value) ? parse(value) : value).toLocaleString(localeString, localeOptions).substring(0, 10);
+        })
+            .substring(0, 10);
     }
-    IsoDate.localize = localize;
-})(IsoDate = exports.IsoDate || (exports.IsoDate = {}));
+    Date.localize = localize;
+    function next(date, days = 1) {
+        let result;
+        if (typeof days == "number") {
+            const r = parse(date);
+            r.setDate(r.getDate() + days);
+            result = Date.create(r);
+        }
+        else {
+            result = date;
+            if (days.years)
+                result = nextYear(result, days.years);
+            if (days.months)
+                result = nextMonth(result, days.months);
+            if (days.days)
+                result = next(result, days.days);
+        }
+        return result;
+    }
+    Date.next = next;
+    function previous(date, days = 1) {
+        let result;
+        if (typeof days == "number") {
+            const r = parse(date);
+            r.setDate(r.getDate() - days);
+            result = Date.create(r);
+        }
+        else {
+            result = date;
+            if (days.years)
+                result = previousYear(result, days.years);
+            if (days.months)
+                result = previousMonth(result, days.months);
+            if (days.days)
+                result = previous(result, days.days);
+        }
+        return result;
+    }
+    Date.previous = previous;
+    function nextMonth(date, months = 1) {
+        const result = parse(date);
+        result.setMonth(result.getMonth() + months);
+        return Date.create(result);
+    }
+    Date.nextMonth = nextMonth;
+    function previousMonth(date, months = 1) {
+        return nextMonth(date, -months);
+    }
+    Date.previousMonth = previousMonth;
+    function nextYear(date, years = 1) {
+        const result = parse(date);
+        result.setFullYear(result.getFullYear() + years);
+        return Date.create(result);
+    }
+    Date.nextYear = nextYear;
+    function previousYear(date, years = 1) {
+        return nextYear(date, -years);
+    }
+    Date.previousYear = previousYear;
+    function firstOfMonth(date) {
+        const result = parse(date);
+        result.setDate(1);
+        return Date.create(result);
+    }
+    Date.firstOfMonth = firstOfMonth;
+    function lastOfMonth(date) {
+        const result = parse(date);
+        result.setMonth(result.getMonth() + 1);
+        result.setDate(-1);
+        return Date.create(result);
+    }
+    Date.lastOfMonth = lastOfMonth;
+})(Date = exports.Date || (exports.Date = {}));
 //# sourceMappingURL=Date.js.map
 });
 
@@ -19066,7 +19137,7 @@ var DateTime;
     DateTime.now = now;
     function localize(value, locale) {
         const localeString = locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale;
-        const localeOptions = {
+        return (is(value) ? parse(value) : value).toLocaleString(localeString, {
             year: "numeric",
             month: "2-digit",
             day: "2-digit",
@@ -19074,8 +19145,7 @@ var DateTime;
             minute: "2-digit",
             second: "2-digit",
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-        };
-        return (is(value) ? parse(value) : value).toLocaleString(localeString, localeOptions);
+        });
     }
     DateTime.localize = localize;
 })(DateTime = exports.DateTime || (exports.DateTime = {}));
@@ -20850,7 +20920,7 @@ Object.defineProperty(exports, "Currency", { enumerable: true, get: function ()
 
 Object.defineProperty(exports, "CurrencyCode", { enumerable: true, get: function () { return CurrencyCode_1$2.CurrencyCode; } });
 
-Object.defineProperty(exports, "Date", { enumerable: true, get: function () { return _Date$2.IsoDate; } });
+Object.defineProperty(exports, "Date", { enumerable: true, get: function () { return _Date$2.Date; } });
 
 Object.defineProperty(exports, "DateTime", { enumerable: true, get: function () { return DateTime_1$2.DateTime; } });
 
@@ -20876,7 +20946,8 @@ function month(date) {
       d.setDate(day++);
       r.push(dist$4.Date.create(d));
     }
-    result.push(r);
+    if (row < 5 || dist$4.Date.firstOfMonth(r[0]) == dist$4.Date.firstOfMonth(date))
+      result.push(r);
   }
   return result;
 }
@@ -20921,7 +20992,7 @@ function years(current) {
   return result;
 }
 
-const styleCss$B = ".sc-smoothly-calendar-h{display:block}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:.5em .5em 0 .5em}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-light-shade))}td.sc-smoothly-calendar:not(.selected):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))}";
+const styleCss$B = ".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):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))}";
 
 const Calendar = class extends HTMLElement {
   constructor() {
@@ -20947,7 +21018,7 @@ const Calendar = class extends HTMLElement {
           event.stopPropagation();
         } }),
       h("table", null, h("thead", null, h("tr", null, weekdays().map(day => (h("th", null, day))))), month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (h("tr", null, week.map(date => {
-        var _a, _b;
+        var _a, _b, _c;
         return (h("td", { tabindex: 1, onClick: () => {
             this.valueChanged.emit((this.value = date));
             this.clickCounter += 1;
@@ -20960,9 +21031,9 @@ const Calendar = class extends HTMLElement {
                 this.start = date;
             }
           }, class: (date == this.value ? ["selected"] : [])
-            .concat(...(date == dist$4.Date.now() ? ["today"] : []), date == this.value ? ["selected"] : [], this.doubleInput
-            ? dist$4.Date.parse(date) >= dist$4.Date.parse((_a = this.start) !== null && _a !== void 0 ? _a : "") &&
-              dist$4.Date.parse(date) <= dist$4.Date.parse((_b = this.end) !== null && _b !== void 0 ? _b : "")
+            .concat(...(date == dist$4.Date.now() ? ["today"] : []), dist$4.Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == dist$4.Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
+            ? dist$4.Date.parse(date) >= dist$4.Date.parse((_b = this.start) !== null && _b !== void 0 ? _b : "") &&
+              dist$4.Date.parse(date) <= dist$4.Date.parse((_c = this.end) !== null && _c !== void 0 ? _c : "")
               ? ["dateRange"]
               : []
             : "")
@@ -55149,7 +55220,7 @@ const SmoothlyInputDemo$1 = class extends HTMLElement {
   }
 };
 
-const styleCss$p = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}button.sc-smoothly-input-month{border:none;background:none;cursor:pointer;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
+const styleCss$p = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
 
 const MonthSelector = class extends HTMLElement {
   constructor() {
@@ -55160,21 +55231,21 @@ const MonthSelector = class extends HTMLElement {
   onValueChanged(next) {
     this.valueChanged.emit(next);
   }
+  adjustMonth(delta) {
+    var _a;
+    const date = dist$4.Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now());
+    date.setMonth(date.getMonth() + delta);
+    this.value = dist$4.Date.create(date);
+  }
   render() {
     var _a, _b;
     return [
-      h("button", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
+      h("div", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, years((_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now()).map(year => (h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, months((_b = this.value) !== null && _b !== void 0 ? _b : dist$4.Date.now()).map(month => (h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      h("button", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
+      h("div", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
     ];
   }
-  adjustMonth(delta) {
-    var _a;
-    const date = dist$4.Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now());
-    date.setMonth(date.getMonth() + delta);
-    this.value = dist$4.Date.create(date);
-  }
   static get watchers() { return {
     "value": ["onValueChanged"]
   }; }

package/dist/{smoothly/generate-fc812e0f.js → esm/generate-7090dc14.js}

@@ -1,4 +1,4 @@
-import { d as dist } from './index-046ba252.js';
+import { d as dist } from './index-13251390.js';
 
 function month(date) {
   const d = new Date(date);
@@ -12,7 +12,8 @@ function month(date) {
       d.setDate(day++);
       r.push(dist.Date.create(d));
     }
-    result.push(r);
+    if (row < 5 || dist.Date.firstOfMonth(r[0]) == dist.Date.firstOfMonth(date))
+      result.push(r);
   }
   return result;
 }

package/dist/{smoothly/index-046ba252.js → esm/index-13251390.js}

@@ -16568,28 +16568,28 @@ const CurrencyCode = /*@__PURE__*/getDefaultExportFromCjs(CurrencyCode_1);
 var _Date = createCommonjsModule(function (module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IsoDate = void 0;
-var IsoDate;
-(function (IsoDate) {
+exports.Date = void 0;
+var Date;
+(function (Date) {
     function is(value) {
         return (typeof value == "string" && /^(\d{4}-[01]\d-[0-3]\d)|(\d{4}-[01]\d-[0-3]\d)|(\d{4}-[01]\d-[0-3]\d)$/.test(value));
     }
-    IsoDate.is = is;
+    Date.is = is;
     function parse(value, time) {
-        return new Date(value + (time !== null && time !== void 0 ? time : "T12:00:00.000Z"));
+        return new globalThis.Date(value + (time !== null && time !== void 0 ? time : "T12:00:00.000Z"));
     }
-    IsoDate.parse = parse;
+    Date.parse = parse;
     function create(value) {
         return value.toISOString().substring(0, 10);
     }
-    IsoDate.create = create;
+    Date.create = create;
     function now() {
-        return create(new Date());
+        return create(new globalThis.Date());
     }
-    IsoDate.now = now;
+    Date.now = now;
     function localize(value, locale) {
-        const localeString = locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale;
-        const localeOptions = {
+        return (is(value) ? parse(value) : value)
+            .toLocaleString(locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale, {
             year: "numeric",
             month: "2-digit",
             day: "2-digit",
@@ -16597,11 +16597,82 @@ var IsoDate;
             minute: "2-digit",
             second: "2-digit",
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-        };
-        return (is(value) ? parse(value) : value).toLocaleString(localeString, localeOptions).substring(0, 10);
+        })
+            .substring(0, 10);
+    }
+    Date.localize = localize;
+    function next(date, days = 1) {
+        let result;
+        if (typeof days == "number") {
+            const r = parse(date);
+            r.setDate(r.getDate() + days);
+            result = Date.create(r);
+        }
+        else {
+            result = date;
+            if (days.years)
+                result = nextYear(result, days.years);
+            if (days.months)
+                result = nextMonth(result, days.months);
+            if (days.days)
+                result = next(result, days.days);
+        }
+        return result;
+    }
+    Date.next = next;
+    function previous(date, days = 1) {
+        let result;
+        if (typeof days == "number") {
+            const r = parse(date);
+            r.setDate(r.getDate() - days);
+            result = Date.create(r);
+        }
+        else {
+            result = date;
+            if (days.years)
+                result = previousYear(result, days.years);
+            if (days.months)
+                result = previousMonth(result, days.months);
+            if (days.days)
+                result = previous(result, days.days);
+        }
+        return result;
+    }
+    Date.previous = previous;
+    function nextMonth(date, months = 1) {
+        const result = parse(date);
+        result.setMonth(result.getMonth() + months);
+        return Date.create(result);
+    }
+    Date.nextMonth = nextMonth;
+    function previousMonth(date, months = 1) {
+        return nextMonth(date, -months);
+    }
+    Date.previousMonth = previousMonth;
+    function nextYear(date, years = 1) {
+        const result = parse(date);
+        result.setFullYear(result.getFullYear() + years);
+        return Date.create(result);
+    }
+    Date.nextYear = nextYear;
+    function previousYear(date, years = 1) {
+        return nextYear(date, -years);
+    }
+    Date.previousYear = previousYear;
+    function firstOfMonth(date) {
+        const result = parse(date);
+        result.setDate(1);
+        return Date.create(result);
+    }
+    Date.firstOfMonth = firstOfMonth;
+    function lastOfMonth(date) {
+        const result = parse(date);
+        result.setMonth(result.getMonth() + 1);
+        result.setDate(-1);
+        return Date.create(result);
     }
-    IsoDate.localize = localize;
-})(IsoDate = exports.IsoDate || (exports.IsoDate = {}));
+    Date.lastOfMonth = lastOfMonth;
+})(Date = exports.Date || (exports.Date = {}));
 //# sourceMappingURL=Date.js.map
 });
 
@@ -16632,7 +16703,7 @@ var DateTime;
     DateTime.now = now;
     function localize(value, locale) {
         const localeString = locale ? locale : Intl.DateTimeFormat().resolvedOptions().locale;
-        const localeOptions = {
+        return (is(value) ? parse(value) : value).toLocaleString(localeString, {
             year: "numeric",
             month: "2-digit",
             day: "2-digit",
@@ -16640,8 +16711,7 @@ var DateTime;
             minute: "2-digit",
             second: "2-digit",
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-        };
-        return (is(value) ? parse(value) : value).toLocaleString(localeString, localeOptions);
+        });
     }
     DateTime.localize = localize;
 })(DateTime = exports.DateTime || (exports.DateTime = {}));
@@ -18416,7 +18486,7 @@ Object.defineProperty(exports, "Currency", { enumerable: true, get: function ()
 
 Object.defineProperty(exports, "CurrencyCode", { enumerable: true, get: function () { return CurrencyCode_1.CurrencyCode; } });
 
-Object.defineProperty(exports, "Date", { enumerable: true, get: function () { return _Date.IsoDate; } });
+Object.defineProperty(exports, "Date", { enumerable: true, get: function () { return _Date.Date; } });
 
 Object.defineProperty(exports, "DateTime", { enumerable: true, get: function () { return DateTime_1.DateTime; } });