smoothly 0.3.31 → 0.3.33

package/dist/custom-elements/index.js

@@ -1129,6 +1129,24 @@ class Message {
 }
 
 class Notice {
+  get state() {
+    return this.stateValue;
+  }
+  set state(value) {
+    if (this.stateValue != value) {
+      this.stateValue = value;
+      this.emit();
+    }
+  }
+  get message() {
+    return this.messageValue;
+  }
+  set message(value) {
+    if (this.messageValue != value) {
+      this.messageValue = value;
+      this.emit();
+    }
+  }
   constructor(stateValue, messageValue, task) {
     this.stateValue = stateValue;
     this.messageValue = messageValue;
@@ -1148,24 +1166,6 @@ class Notice {
         break;
     }
   }
-  get state() {
-    return this.stateValue;
-  }
-  set state(value) {
-    if (this.stateValue != value) {
-      this.stateValue = value;
-      this.emit();
-    }
-  }
-  get message() {
-    return this.messageValue;
-  }
-  set message(value) {
-    if (this.messageValue != value) {
-      this.messageValue = value;
-      this.emit();
-    }
-  }
   listen(listener) {
     this.listeners.push(listener);
   }
@@ -1224,6 +1224,60 @@ class Trigger {
   }
 }
 
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Listenable_listeners;
+class Listenable {
+  constructor() {
+    _Listenable_listeners.set(this, {});
+  }
+  listen(property, listener) {
+    var _a, _b;
+    (_b = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.push(listener)) !== null && _b !== void 0 ? _b : (__classPrivateFieldGet(this, _Listenable_listeners, "f")[property] = [listener]);
+    listener(this[property]);
+  }
+  unlisten(property, listener) {
+    var _a, _b;
+    const index = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.indexOf(listener);
+    index != undefined && index >= 0 && ((_b = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _b === void 0 ? void 0 : _b.splice(index, 1));
+  }
+  static load(backend, listenable) {
+    const result = listenable !== null && listenable !== void 0 ? listenable : new Listenable();
+    return Object.defineProperties(result, getProperties(backend));
+    function getProperties(backend) {
+      return Object.fromEntries(Object.entries(Object.assign(Object.assign({}, Object.getOwnPropertyDescriptors(backend)), Object.getOwnPropertyDescriptors(Object.getPrototypeOf(backend)))).map(([name, descriptor]) => [
+        name,
+        typeof descriptor.value == "function"
+          ? {
+            get() {
+              return backend[name].bind(backend);
+            },
+          }
+          : descriptor.writable || descriptor.set
+            ? {
+              get() {
+                return backend[name];
+              },
+              set(value) {
+                var _a;
+                backend[name] = value;
+                (_a = __classPrivateFieldGet(result, _Listenable_listeners, "f")[name]) === null || _a === void 0 ? void 0 : _a.forEach(listener => listener(value));
+              },
+            }
+            : {
+              get() {
+                return backend[name].bind(backend);
+              },
+            },
+      ]));
+    }
+  }
+}
+_Listenable_listeners = new WeakMap();
+
 var Hex;
 (function (Hex) {
   function is(value) {
@@ -1601,6 +1655,7 @@ const SmoothlyAccordion$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.items = [];
+    this.value = undefined;
   }
   valueChanged(value) {
     this.updateItems();
@@ -1653,6 +1708,9 @@ const SmoothlyAccordionItem$1 = class extends HTMLElement {
     this.smoothlyAccordionItemDidUnload = createEvent(this, "smoothlyAccordionItemDidUnload", 7);
     this.smoothlyOpen = createEvent(this, "smoothlyOpen", 7);
     this.smoothlyClose = createEvent(this, "smoothlyClose", 7);
+    this.name = undefined;
+    this.brand = undefined;
+    this.open = undefined;
   }
   openChanged(isChecked) {
     this.open = isChecked;
@@ -1697,6 +1755,7 @@ const SmoothlyApp$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.color = undefined;
   }
   render() {
     return (h("smoothly-notifier", null, h("slot", null)));
@@ -1708,6 +1767,7 @@ const SmoothlyAppDemo$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.baseUrl = undefined;
   }
   render() {
     return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
@@ -1739,6 +1799,7 @@ const SmoothlyBacktotop$1 = class extends HTMLElement {
     this.opacity = "0.5";
     this.bottom = "1rem";
     this.right = "1rem";
+    this.visible = undefined;
   }
   componentWillLoad() {
     window.addEventListener("scroll", () => {
@@ -1767,8 +1828,13 @@ const SmoothlyButton$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.color = undefined;
+    this.expand = undefined;
+    this.fill = undefined;
     this.disabled = false;
     this.type = "button";
+    this.link = undefined;
+    this.download = undefined;
   }
   render() {
     let result;
@@ -17609,6 +17675,13 @@ var DateRange$1;
                 : { start: end, end: start };
     }
     DateRange.create = create;
+    function toDates(value, includeLast = true) {
+        const result = [];
+        for (let current = value.start; includeLast ? current <= value.end : current < value.end; current = Date$2.next(current))
+            result.push(current);
+        return result;
+    }
+    DateRange.toDates = toDates;
     function getDays(value) {
         const result = value.start <= value.end
             ? Math.ceil((new globalThis.Date(value.end).getTime() - new globalThis.Date(value.start).getTime()) / (1000 * 3600 * 24))
@@ -19878,8 +19951,15 @@ const Calendar = class extends HTMLElement {
     this.endChanged = createEvent(this, "endChanged", 7);
     this.dateSet = createEvent(this, "dateSet", 7);
     this.dateRangeSet = createEvent(this, "dateRangeSet", 7);
-    this.value = Date$2.now();
     this.clickCounter = 0;
+    this.month = undefined;
+    this.value = Date$2.now();
+    this.start = undefined;
+    this.end = undefined;
+    this.max = undefined;
+    this.min = undefined;
+    this.doubleInput = undefined;
+    this.firstSelected = undefined;
   }
   onStart(next) {
     this.startChanged.emit(next);
@@ -25900,6 +25980,10 @@ const SmoothlyCheckbox$1 = class extends HTMLElement {
     this.checked = createEvent(this, "checked", 7);
     this.selectAll = false;
     this.size = "small";
+    this.intermediate = undefined;
+    this.selected = undefined;
+    this.disabled = undefined;
+    this.t = undefined;
   }
   componentWillLoad() {
     this.t = create(this.element);
@@ -25925,7 +26009,9 @@ const SmoothlyCountry$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.value = undefined;
     this.text = "alpha2";
+    this.language = undefined;
   }
   componentWillLoad() {
     this.language = getLanguage(this.element);
@@ -25946,8 +26032,10 @@ const SmoothlyDialog$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.color = undefined;
     this.open = true;
     this.closable = false;
+    this.header = undefined;
   }
   TriggerListener(event) {
     if (Trigger.is(event.detail) && event.detail.name == "close")
@@ -46196,6 +46284,11 @@ const SmoothlyDisplay$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.type = undefined;
+    this.value = undefined;
+    this.currency = undefined;
+    this.country = undefined;
+    this.format = undefined;
   }
   render() {
     var _a, _b;
@@ -46241,6 +46334,8 @@ const SmoothlyDisplayAmount$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.amount = undefined;
+    this.currency = undefined;
     this.toInteger = false;
   }
   format(amount) {
@@ -46293,6 +46388,7 @@ const SmoothlyDisplayDateTime$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.datetime = undefined;
   }
   componentWillLoad() {
     console.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type="date-time">.');
@@ -46329,6 +46425,9 @@ const SmoothlyFrame$1 = class extends HTMLElement {
     this.__registerHost();
     this.trigger = createEvent(this, "trigger", 7);
     this.message = createEvent(this, "message", 7);
+    this.url = undefined;
+    this.name = undefined;
+    this.origin = undefined;
   }
   get contentWindow() {
     const iframe = this.element && this.element.firstElementChild ? this.element.firstElementChild : undefined;
@@ -46367,6 +46466,7 @@ const SmoothlyGoogleFont$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.value = undefined;
   }
   render() {
     return GoogleFont.is(this.value) ? h("style", null, GoogleFont.styleImportString(this.value)) : "";
@@ -46379,8 +46479,12 @@ const SmoothlyIcon$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.color = undefined;
     this.fill = "solid";
+    this.name = undefined;
     this.size = "medium";
+    this.toolTip = undefined;
+    this.document = undefined;
   }
   async loadDocument() {
     if (this.name)
@@ -46914,14 +47018,20 @@ const SmoothlyInput$1 = class extends HTMLElement {
     this.smoothlyChange = createEvent(this, "smoothlyChange", 7);
     this.smoothlyInput = createEvent(this, "smoothlyInput", 7);
     this.keepFocusOnReRender = false;
+    this.name = undefined;
+    this.value = undefined;
     this.type = "text";
     this.required = false;
     this.minLength = 0;
     this.showLabel = true;
     this.maxLength = Number.POSITIVE_INFINITY;
     this.autocomplete = true;
+    this.pattern = undefined;
+    this.placeholder = undefined;
     this.disabled = false;
     this.readonly = false;
+    this.currency = undefined;
+    this.initialValue = undefined;
   }
   get formatter() {
     let result;
@@ -47119,6 +47229,12 @@ const InputDate = class extends HTMLElement {
     super();
     this.__registerHost();
     this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.name = undefined;
+    this.value = undefined;
+    this.open = undefined;
+    this.max = undefined;
+    this.min = undefined;
+    this.disabled = undefined;
   }
   onStart(next) {
     this.valueChanged.emit(next);
@@ -47156,6 +47272,12 @@ const InputDateRange = class extends HTMLElement {
     this.__registerHost();
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.dateRangeSelected = createEvent(this, "dateRangeSelected", 7);
+    this.value = undefined;
+    this.start = undefined;
+    this.end = undefined;
+    this.max = undefined;
+    this.min = undefined;
+    this.open = undefined;
     this.showLabel = true;
     this.labelStart = "from";
     this.labelEnd = "to";
@@ -47212,6 +47334,7 @@ const MonthSelector = class extends HTMLElement {
     super();
     this.__registerHost();
     this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.value = undefined;
   }
   onValueChanged(next) {
     this.valueChanged.emit(next);
@@ -47244,6 +47367,9 @@ const Item = class extends HTMLElement {
     super();
     this.__registerHost();
     this.itemSelected = createEvent(this, "itemSelected", 7);
+    this.value = undefined;
+    this.selected = undefined;
+    this.marked = undefined;
   }
   onSelectedChanged(value, old) {
     if (value && !old)
@@ -47285,10 +47411,13 @@ const SmoothlyMenuOptions$1 = class extends HTMLElement {
     this.optionElements = [];
     this.filteredOptions = [];
     this.highlightIndex = 0;
+    this.keyword = undefined;
     this.toggle = false;
     this.emptyMenuLabel = "No Options";
     this.newOptionLabel = "Add:";
+    this.maxMenuHeight = undefined;
     this.order = false;
+    this.optionStyle = undefined;
     this.options = [];
     this.resetHighlightOnOptionsChange = true;
     this.mutable = false;
@@ -47394,7 +47523,6 @@ const Notification = class extends HTMLElement {
     super();
     this.__registerHost();
     this.remove = createEvent(this, "remove", 7);
-    this.tick = {};
     this.listener = notice => {
       console.log("changed: ", notice);
       if (notice.state == "closed")
@@ -47402,6 +47530,8 @@ const Notification = class extends HTMLElement {
       else
         this.tick = {};
     };
+    this.notice = undefined;
+    this.tick = {};
   }
   get color() {
     let result;
@@ -47482,8 +47612,13 @@ const SmoothlyOption$1 = class extends HTMLElement {
     this.optionSelect = createEvent(this, "optionSelect", 7);
     this.optionUnselect = createEvent(this, "optionUnselect", 7);
     this.optionAdd = createEvent(this, "optionAdd", 7);
+    this.aliases = undefined;
     this.dataHighlight = false;
+    this.name = undefined;
+    this.value = undefined;
     this.divider = false;
+    this.checkbox = undefined;
+    this.new = undefined;
     this.toggle = false;
     this.checked = false;
   }
@@ -47519,13 +47654,19 @@ const SmoothlyPicker$1 = class extends HTMLElement {
     this.menuClose = createEvent(this, "menuClose", 7);
     this.notice = createEvent(this, "notice", 7);
     this.keepFocusOnReRender = false;
+    this.isOpen = undefined;
+    this.empty = undefined;
     this.disabled = false;
     this.readonly = false;
     this.maxMenuHeight = "inherit";
+    this.maxHeight = undefined;
     this.emptyMenuLabel = "No Options";
     this.multiple = false;
     this.mutable = false;
+    this.optionStyle = undefined;
     this.options = [];
+    this.labelSetting = undefined;
+    this.label = undefined;
     this.selections = [];
     this.selectNoneName = "Select None";
     this.selectAllName = "Select All";
@@ -47729,6 +47870,7 @@ const SmoothlyQuiet$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.color = undefined;
   }
   render() {
     return (h(Host, { color: this.color }, h("slot", null)));
@@ -47743,6 +47885,10 @@ const SmoothlyRadio$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.smoothlySelected = createEvent(this, "smoothlySelected", 7);
+    this.name = undefined;
+    this.value = undefined;
+    this.checked = undefined;
+    this.tabIndex = undefined;
   }
   async onInput(e) {
     if (e.target && e.target.value && (this.checked = e.target.checked))
@@ -47765,6 +47911,9 @@ const SmoothlyRadioButton$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.radioButtonSelected = createEvent(this, "radioButtonSelected", 7);
+    this.name = undefined;
+    this.value = undefined;
+    this.deselectable = undefined;
     this.decoration = "radio";
   }
   radioSelectHandler(event) {
@@ -47792,6 +47941,9 @@ const SmoothlyRadioButtonItem$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.radioItemSelectInternal = createEvent(this, "radioItemSelectInternal", 7);
+    this.value = undefined;
+    this.selected = undefined;
+    this.color = undefined;
   }
   componentWillLoad() {
     this.selected && this.select(this.selected);
@@ -47924,6 +48076,10 @@ const SmoothlyRoom$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.label = undefined;
+    this.icon = undefined;
+    this.path = undefined;
+    this.to = undefined;
   }
   render() {
     return h("slot", null);
@@ -47937,6 +48093,9 @@ const SmoothlySelect$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.selectionChanged = createEvent(this, "selectionChanged", 7);
+    this.identifier = undefined;
+    this.background = undefined;
+    this.value = undefined;
   }
   optionSelected() {
     if (this.selectElement)
@@ -48053,8 +48212,10 @@ const Selector = class extends HTMLElement {
     super();
     this.__registerHost();
     this.selected = createEvent(this, "selected", 7);
-    this.opened = false;
     this.items = [];
+    this.initialPrompt = undefined;
+    this.opened = false;
+    this.selectedElement = undefined;
     this.missing = false;
     this.filter = "";
   }
@@ -48183,6 +48344,10 @@ const SmoothlySkeleton$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.widths = ["8rem", "9rem", "10rem"];
+    this.width = undefined;
+    this.color = undefined;
+    this.period = undefined;
+    this.distance = undefined;
     this.align = "left";
   }
   componentWillLoad() {
@@ -48203,6 +48368,7 @@ const SmoothlySpinner$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.active = undefined;
     this.size = "large";
   }
   render() {
@@ -48235,7 +48401,12 @@ const SmoothlySubmit$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.submitEvent = createEvent(this, "submit", 7);
+    this.processing = undefined;
+    this.color = undefined;
+    this.expand = undefined;
+    this.fill = undefined;
     this.disabled = false;
+    this.prevent = undefined;
   }
   get form() {
     return (this.button && this.button.form) || undefined;
@@ -48294,6 +48465,9 @@ const SmoothlySvg$1 = class extends HTMLElement {
       small: { height: "10rem", width: "10rem" },
       tiny: { height: "5rem", width: "5rem" },
     };
+    this.url = undefined;
+    this.size = undefined;
+    this.color = undefined;
   }
   render() {
     const height = this.size
@@ -48324,6 +48498,8 @@ const SmoothlyTab$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.expansionOpen = createEvent(this, "expansionOpen", 7);
+    this.label = undefined;
+    this.open = undefined;
   }
   openChanged() {
     if (this.expansionElement) {
@@ -48354,6 +48530,7 @@ const SmoothlyTabSwitch$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.selectedElement = undefined;
   }
   openChanged(event) {
     event.stopPropagation();
@@ -48464,6 +48641,7 @@ const TableExpandableCell = class extends HTMLElement {
     this.allowSpotlight = true;
     this.spotlight = true;
     this.align = "left";
+    this.open = undefined;
   }
   openChanged(value) {
     if (this.expansionElement)
@@ -48518,6 +48696,7 @@ const TableExpandableRow = class extends HTMLElement {
     this.allowSpotlight = true;
     this.spotlight = true;
     this.align = "left";
+    this.open = undefined;
   }
   openChanged() {
     if (this.expansionElement)
@@ -48562,6 +48741,7 @@ const TableHeader = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.name = undefined;
   }
   render() {
     return (h(Host, null, h("slot", null)));
@@ -48602,8 +48782,13 @@ const SmoothlyTrigger$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.trigger = createEvent(this, "trigger", 7);
+    this.color = undefined;
+    this.expand = undefined;
+    this.fill = undefined;
     this.disabled = false;
     this.type = "button";
+    this.name = undefined;
+    this.value = undefined;
   }
   onClick(e) {
     this.trigger.emit({ name: this.name, value: this.value });
@@ -48631,6 +48816,9 @@ const SmoothlyTriggerSink$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.context = undefined;
+    this.destination = undefined;
+    this.filter = undefined;
   }
   get filters() {
     if (!this.filtersValue)
@@ -48658,6 +48846,7 @@ const SmoothlyTriggerSource$1 = class extends HTMLElement {
     this.__registerHost();
     this.trigger = createEvent(this, "trigger", 7);
     this.message = createEvent(this, "message", 7);
+    this.listen = undefined;
   }
   componentDidLoad() {
     Message.listen(this.listen, (destination, content) => {
@@ -48678,6 +48867,7 @@ const SmoothlyTuple$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.tuple = undefined;
   }
   render() {
     return [h("b", null, this.tuple[0]), ": ", this.tuple[1], h("br", null)];
@@ -48688,6 +48878,7 @@ const Urlencoded = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.data = undefined;
   }
   render() {
     return this.data
@@ -48826,4 +49017,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { App, ClientIdentifier, Cosmetic, GoogleFont, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };
+export { App, ClientIdentifier, Cosmetic, GoogleFont, Listenable, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };

package/dist/esm/{Trigger-327e506e.js → Listenable-55a1f6af.js}

@@ -697,4 +697,58 @@ class Trigger {
   }
 }
 
-export { Identifier as I, Message as M, Trigger as T };
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Listenable_listeners;
+class Listenable {
+  constructor() {
+    _Listenable_listeners.set(this, {});
+  }
+  listen(property, listener) {
+    var _a, _b;
+    (_b = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.push(listener)) !== null && _b !== void 0 ? _b : (__classPrivateFieldGet(this, _Listenable_listeners, "f")[property] = [listener]);
+    listener(this[property]);
+  }
+  unlisten(property, listener) {
+    var _a, _b;
+    const index = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.indexOf(listener);
+    index != undefined && index >= 0 && ((_b = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _b === void 0 ? void 0 : _b.splice(index, 1));
+  }
+  static load(backend, listenable) {
+    const result = listenable !== null && listenable !== void 0 ? listenable : new Listenable();
+    return Object.defineProperties(result, getProperties(backend));
+    function getProperties(backend) {
+      return Object.fromEntries(Object.entries(Object.assign(Object.assign({}, Object.getOwnPropertyDescriptors(backend)), Object.getOwnPropertyDescriptors(Object.getPrototypeOf(backend)))).map(([name, descriptor]) => [
+        name,
+        typeof descriptor.value == "function"
+          ? {
+            get() {
+              return backend[name].bind(backend);
+            },
+          }
+          : descriptor.writable || descriptor.set
+            ? {
+              get() {
+                return backend[name];
+              },
+              set(value) {
+                var _a;
+                backend[name] = value;
+                (_a = __classPrivateFieldGet(result, _Listenable_listeners, "f")[name]) === null || _a === void 0 ? void 0 : _a.forEach(listener => listener(value));
+              },
+            }
+            : {
+              get() {
+                return backend[name].bind(backend);
+              },
+            },
+      ]));
+    }
+  }
+}
+_Listenable_listeners = new WeakMap();
+
+export { Identifier as I, Listenable as L, Message as M, Trigger as T };

package/dist/esm/{getLanguage-3dbe8ccd.js → getLanguage-cccb8418.js}

@@ -3900,6 +3900,13 @@ var DateRange$1;
                 : { start: end, end: start };
     }
     DateRange.create = create;
+    function toDates(value, includeLast = true) {
+        const result = [];
+        for (let current = value.start; includeLast ? current <= value.end : current < value.end; current = Date$2.next(current))
+            result.push(current);
+        return result;
+    }
+    DateRange.toDates = toDates;
     function getDays(value) {
         const result = value.start <= value.end
             ? Math.ceil((new globalThis.Date(value.end).getTime() - new globalThis.Date(value.start).getTime()) / (1000 * 3600 * 24))