smoothly 0.1.66 → 0.1.70

package/dist/cjs/{Trigger-ea33b682.js → Trigger-74bd1ee8.js}

@@ -82,6 +82,22 @@ exports.Identifier = void 0;
             Array.from(value).every(c => (c >= "0" && c <= "9") || (c >= "A" && c <= "Z") || (c >= "a" && c <= "z") || c == "-" || c == "_"));
     }
     Identifier.is = is;
+    function fromUint24(value) {
+        return fromHexadecimal(value.toString(16).padStart(6, "0"));
+    }
+    Identifier.fromUint24 = fromUint24;
+    function toUint24(identifier) {
+        return Number.parseInt(toHexadecimal(identifier, 6), 16);
+    }
+    Identifier.toUint24 = toUint24;
+    function fromUint48(value) {
+        return fromHexadecimal(value.toString(16).padStart(12, "0"));
+    }
+    Identifier.fromUint48 = fromUint48;
+    function toUint48(identifier) {
+        return Number.parseInt(toHexadecimal(identifier, 12), 16);
+    }
+    Identifier.toUint48 = toUint48;
     function fromBinary(identifier) {
         return encode(identifier, "url");
     }

package/dist/cjs/{generate-5e7cd3f7.js → generate-7f7f7d99.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b8688617.js');
+const index = require('./index-e37f73fe.js');
 
 function month(date) {
   const d = new Date(date);
@@ -14,7 +14,8 @@ function month(date) {
       d.setDate(day++);
       r.push(index.dist.Date.create(d));
     }
-    result.push(r);
+    if (row < 5 || index.dist.Date.firstOfMonth(r[0]) == index.dist.Date.firstOfMonth(date))
+      result.push(r);
   }
   return result;
 }

package/dist/cjs/{index-2a5f8661.js → index-c973259c.js}

@@ -208,6 +208,22 @@ var Identifier;
             Array.from(value).every(c => (c >= "0" && c <= "9") || (c >= "A" && c <= "Z") || (c >= "a" && c <= "z") || c == "-" || c == "_"));
     }
     Identifier.is = is;
+    function fromUint24(value) {
+        return fromHexadecimal(value.toString(16).padStart(6, "0"));
+    }
+    Identifier.fromUint24 = fromUint24;
+    function toUint24(identifier) {
+        return Number.parseInt(toHexadecimal(identifier, 6), 16);
+    }
+    Identifier.toUint24 = toUint24;
+    function fromUint48(value) {
+        return fromHexadecimal(value.toString(16).padStart(12, "0"));
+    }
+    Identifier.fromUint48 = fromUint48;
+    function toUint48(identifier) {
+        return Number.parseInt(toHexadecimal(identifier, 12), 16);
+    }
+    Identifier.toUint48 = toUint48;
     function fromBinary(identifier) {
         return encode$1(identifier, "url");
     }

package/dist/cjs/{index-b8688617.js → index-e37f73fe.js}

@@ -16570,28 +16570,28 @@ const CurrencyCode = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(Curre
 var _Date = _commonjsHelpers.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",
@@ -16599,11 +16599,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
 });
 
@@ -16634,7 +16705,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",
@@ -16642,8 +16713,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 = {}));
@@ -18418,7 +18488,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; } });
 

package/dist/cjs/index.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const App = require('./App-eff713bd.js');
-const index = require('./index-2a5f8661.js');
+const index = require('./index-c973259c.js');
 require('./index-b7e6a72c.js');
 
 const colorNames = {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5537d93a.js');
 const Notice = require('./Notice-e43922ea.js');
-const Trigger = require('./Trigger-ea33b682.js');
+const Trigger = require('./Trigger-74bd1ee8.js');
 
 const styleCss$z = "smoothly-accordion-item.sc-smoothly-accordion{border:1px solid rgb(var(--smoothly-dark-color));border-bottom:none}smoothly-accordion-item.sc-smoothly-accordion:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0.4em}smoothly-accordion-item.sc-smoothly-accordion:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:1px solid rgb(var(--smoothly-dark-color));margin-bottom:0.6em}smoothly-accordion-item[open].sc-smoothly-accordion{border-color:rgb(var(--smoothly-primary-color));border-bottom:1px solid rgb(var(--smoothly-primary-color))}smoothly-accordion-item[open].sc-smoothly-accordion+smoothly-accordion-item.sc-smoothly-accordion{border-top:none}";
 
@@ -16547,27 +16547,27 @@ exports.CurrencyCode = void 0;
 
 var _Date$1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IsoDate = void 0;
-(function (IsoDate) {
+exports.Date = void 0;
+(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",
@@ -16575,11 +16575,82 @@ exports.IsoDate = void 0;
             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;
-})(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;
+})(exports.Date || (exports.Date = {}));
 //# sourceMappingURL=Date.js.map
 });
 
@@ -16606,7 +16677,7 @@ exports.DateTime = void 0;
     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",
@@ -16614,8 +16685,7 @@ exports.DateTime = void 0;
             minute: "2-digit",
             second: "2-digit",
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-        };
-        return (is(value) ? parse(value) : value).toLocaleString(localeString, localeOptions);
+        });
     }
     DateTime.localize = localize;
 })(exports.DateTime || (exports.DateTime = {}));
@@ -18362,7 +18432,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$1.IsoDate; } });
+Object.defineProperty(exports, "Date", { enumerable: true, get: function () { return _Date$1.Date; } });
 
 Object.defineProperty(exports, "DateTime", { enumerable: true, get: function () { return DateTime_1$2.DateTime; } });
 
@@ -18386,7 +18456,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;
 }
@@ -18431,7 +18502,7 @@ function years(current) {
   return result;
 }
 
-const styleCss$w = ".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$w = ".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 {
   constructor(hostRef) {
@@ -18456,7 +18527,7 @@ const Calendar = class {
           event.stopPropagation();
         } }),
       index.h("table", null, index.h("thead", null, index.h("tr", null, weekdays().map(day => (index.h("th", null, day))))), month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (index.h("tr", null, week.map(date => {
-        var _a, _b;
+        var _a, _b, _c;
         return (index.h("td", { tabindex: 1, onClick: () => {
             this.valueChanged.emit((this.value = date));
             this.clickCounter += 1;
@@ -18469,9 +18540,9 @@ const Calendar = class {
                 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"]
               : []
             : "")
@@ -52034,7 +52105,7 @@ const SmoothlyInput = class {
           end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
           direction: backend.selectionDirection ? backend.selectionDirection : "none",
         } });
-      if ((!(event.ctrlKey && event.key == "v") && event.key.length == 1) ||
+      if ((!((event.ctrlKey || event.metaKey) && event.key == "v") && event.key.length == 1) ||
         event.key == "ArrowLeft" ||
         event.key == "ArrowRight" ||
         event.key == "Delete" ||
@@ -52173,7 +52244,7 @@ const SmoothlyInputDemo = class {
   }
 };
 
-const styleCss$k = ".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$k = ".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 {
   constructor(hostRef) {
@@ -52183,21 +52254,21 @@ const MonthSelector = class {
   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 [
-      index.h("button", { onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
+      index.h("div", { onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
       index.h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, years((_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now()).map(year => (index.h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
       index.h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, months((_b = this.value) !== null && _b !== void 0 ? _b : dist$4.Date.now()).map(month => (index.h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      index.h("button", { onClick: () => this.adjustMonth(1) }, index.h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
+      index.h("div", { onClick: () => this.adjustMonth(1) }, index.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"]
   }; }
@@ -52484,14 +52555,11 @@ const SmoothlyPicker = class {
         : this.select(option);
   }
   clearSelection() {
-    var _a;
     this.selections = [];
     this.inputElement.focus();
     this.keepFocusOnReRender = true;
-    (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(option => (option.description = ""));
   }
   unselect(selection) {
-    var _a;
     const index = this.selections.map(selection => selection.value).indexOf(selection.value);
     if (index != -1) {
       this.selections = [
@@ -52500,12 +52568,8 @@ const SmoothlyPicker = class {
       ];
       this.keepFocusOnReRender = true;
     }
-    const optionIndex = (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(s => s.value).indexOf(selection.value);
-    if (optionIndex != -1)
-      this.options[optionIndex].description = "";
   }
   select(selection) {
-    var _a;
     const isNewSelection = this.selections.reduce((acc, current) => acc && current.value != selection.value, true);
     if (isNewSelection)
       this.selections = this.multiple ? [...this.selections, selection] : [selection];
@@ -52513,8 +52577,6 @@ const SmoothlyPicker = class {
     this.filterOptions();
     this.keepFocusOnReRender = true;
     this.isOpen = this.multiple;
-    (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(option => (option.description =
-      option.value == selection.value ? this.getCheckHtml() : this.multiple ? option.description : ""));
   }
   toggleHighlighted() {
     var _a;
@@ -52574,14 +52636,18 @@ const SmoothlyPicker = class {
       "--max-height": (_a = this.maxHeight) !== null && _a !== void 0 ? _a : "inherit",
       "--label-display": this.labelSetting == "hide" ? "none" : "absolute",
     };
-    return (index.h(index.Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() }, index.h("div", null, index.h("label", null, this.label), index.h("input", { type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) })), index.h("smoothly-menu-options", { style: { width: "100%" }, optionStyle: Object.assign({ padding: "0 1em", height: "2.5em" }, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, "max-menu-height": this.maxMenuHeight, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: [
-        {
-          value: "select-none",
-          name: this.selectNoneName,
-          description: this.selections.length == 0 ? this.getCheckHtml() : "",
-        },
-        ...((_b = this.options) !== null && _b !== void 0 ? _b : []),
-      ] })));
+    this.options.forEach(o => {
+      o.description = this.selections.map(s => s.value).includes(o.value) ? this.getCheckHtml() : "";
+    });
+    const options = [
+      {
+        value: "select-none",
+        name: this.selectNoneName,
+        description: this.selections.length == 0 ? this.getCheckHtml() : "",
+      },
+      ...((_b = this.options) !== null && _b !== void 0 ? _b : []),
+    ];
+    return (index.h(index.Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() }, index.h("div", null, index.h("label", null, this.label), index.h("input", { type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) })), index.h("smoothly-menu-options", { style: { width: "100%" }, optionStyle: Object.assign({ padding: "0 1em", height: "2.5em" }, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, "max-menu-height": this.maxMenuHeight, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: options })));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
@@ -52952,7 +53018,7 @@ const TableDemo = class {
 };
 TableDemo.style = styleCss$5;
 
-const styleCss$4 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.5em}.sc-smoothly-table-expandable-cell-h>tr.sc-smoothly-table-expandable-cell{display:none}";
+const styleCss$4 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.5em}.hide.sc-smoothly-table-expandable-cell{display:none}";
 
 const TableExpandableCell = class {
   constructor(hostRef) {
@@ -52981,7 +53047,7 @@ const TableExpandableCell = class {
     }
   }
   render() {
-    return (index.h(index.Host, { style: { textAlign: this.align } }, index.h("slot", null), index.h("tr", { ref: e => (this.expansionElement = e) }, this.open ? (index.h("td", { colSpan: 500 }, index.h("slot", { name: "detail" }))) : ([]))));
+    return (index.h(index.Host, { style: { textAlign: this.align } }, index.h("slot", null), index.h("tr", { ref: e => (this.expansionElement = e) }, index.h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, index.h("slot", { name: "detail" })))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b7e6a72c.js');
-const index$1 = require('./index-b8688617.js');
-const generate = require('./generate-5e7cd3f7.js');
+const index$1 = require('./index-e37f73fe.js');
+const generate = require('./generate-7f7f7d99.js');
 require('./_commonjsHelpers-10109b76.js');
 
-const styleCss = ".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 = ".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 {
   constructor(hostRef) {
@@ -32,7 +32,7 @@ const Calendar = class {
           event.stopPropagation();
         } }),
       index.h("table", null, index.h("thead", null, index.h("tr", null, generate.weekdays().map(day => (index.h("th", null, day))))), generate.month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (index.h("tr", null, week.map(date => {
-        var _a, _b;
+        var _a, _b, _c;
         return (index.h("td", { tabindex: 1, onClick: () => {
             this.valueChanged.emit((this.value = date));
             this.clickCounter += 1;
@@ -45,9 +45,9 @@ const Calendar = class {
                 this.start = date;
             }
           }, class: (date == this.value ? ["selected"] : [])
-            .concat(...(date == index$1.dist.Date.now() ? ["today"] : []), date == this.value ? ["selected"] : [], this.doubleInput
-            ? index$1.dist.Date.parse(date) >= index$1.dist.Date.parse((_a = this.start) !== null && _a !== void 0 ? _a : "") &&
-              index$1.dist.Date.parse(date) <= index$1.dist.Date.parse((_b = this.end) !== null && _b !== void 0 ? _b : "")
+            .concat(...(date == index$1.dist.Date.now() ? ["today"] : []), index$1.dist.Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == index$1.dist.Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
+            ? index$1.dist.Date.parse(date) >= index$1.dist.Date.parse((_b = this.start) !== null && _b !== void 0 ? _b : "") &&
+              index$1.dist.Date.parse(date) <= index$1.dist.Date.parse((_c = this.end) !== null && _c !== void 0 ? _c : "")
               ? ["dateRange"]
               : []
             : "")

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b7e6a72c.js');
-const index$1 = require('./index-2a5f8661.js');
+const index$1 = require('./index-c973259c.js');
 
 const styleCss = ".sc-smoothly-dialog-h{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>main.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header]) main.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b7e6a72c.js');
-const index$1 = require('./index-b8688617.js');
+const index$1 = require('./index-e37f73fe.js');
 require('./_commonjsHelpers-10109b76.js');
 
 const styleCss = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b7e6a72c.js');
-const index$1 = require('./index-2a5f8661.js');
+const index$1 = require('./index-c973259c.js');
 
 const SmoothlyDisplayDemo = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b7e6a72c.js');
-const index$1 = require('./index-2a5f8661.js');
+const index$1 = require('./index-c973259c.js');
 
 const styleCss = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";