smoothly 0.3.31 → 0.3.32

package/dist/collection/model/Listenable.js

@@ -20,23 +20,36 @@ export class Listenable {
     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) {
-    const result = new Listenable();
-    for (const property in backend) {
-      if (Object.prototype.hasOwnProperty.call(backend, property)) {
-        Object.defineProperty(result, property, {
-          get() {
-            return backend[property];
-          },
-          set(value) {
-            var _a;
-            backend[property] = value;
-            (_a = __classPrivateFieldGet(result, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.forEach(listener => listener(value));
-          },
-        });
-      }
+  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);
+              },
+            },
+      ]));
     }
-    return result;
   }
 }
 _Listenable_listeners = new WeakMap();

package/dist/collection/model/Notice.js

@@ -1,4 +1,22 @@
 export 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;
@@ -20,24 +38,6 @@ export 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);
   }

package/dist/collection/model/index.js

@@ -3,3 +3,4 @@ export { GoogleFont } from "./GoogleFont";
 export { Message } from "./Message";
 export { Notice } from "./Notice";
 export { Trigger } from "./Trigger";
+export { Listenable } from "./Listenable";

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);
   }
@@ -1601,6 +1601,7 @@ const SmoothlyAccordion$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     this.items = [];
+    this.value = undefined;
   }
   valueChanged(value) {
     this.updateItems();
@@ -1653,6 +1654,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 +1701,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 +1713,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 +1745,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 +1774,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 +17621,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 +19897,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 +25926,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 +25955,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 +25978,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 +46230,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 +46280,8 @@ const SmoothlyDisplayAmount$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.amount = undefined;
+    this.currency = undefined;
     this.toInteger = false;
   }
   format(amount) {
@@ -46293,6 +46334,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 +46371,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 +46412,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 +46425,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 +46964,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 +47175,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 +47218,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 +47280,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 +47313,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 +47357,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 +47469,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 +47476,8 @@ const Notification = class extends HTMLElement {
       else
         this.tick = {};
     };
+    this.notice = undefined;
+    this.tick = {};
   }
   get color() {
     let result;
@@ -47482,8 +47558,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 +47600,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 +47816,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 +47831,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 +47857,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 +47887,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 +48022,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 +48039,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 +48158,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 +48290,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 +48314,7 @@ const SmoothlySpinner$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.active = undefined;
     this.size = "large";
   }
   render() {
@@ -48235,7 +48347,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 +48411,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 +48444,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 +48476,7 @@ const SmoothlyTabSwitch$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.selectedElement = undefined;
   }
   openChanged(event) {
     event.stopPropagation();
@@ -48464,6 +48587,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 +48642,7 @@ const TableExpandableRow = class extends HTMLElement {
     this.allowSpotlight = true;
     this.spotlight = true;
     this.align = "left";
+    this.open = undefined;
   }
   openChanged() {
     if (this.expansionElement)
@@ -48562,6 +48687,7 @@ const TableHeader = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.name = undefined;
   }
   render() {
     return (h(Host, null, h("slot", null)));
@@ -48602,8 +48728,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 +48762,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 +48792,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 +48813,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 +48824,7 @@ const Urlencoded = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.data = undefined;
   }
   render() {
     return this.data

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))

package/dist/esm/{index-fcf8bdd3.js → index-d3421c35.js}

@@ -60,7 +60,6 @@ const isComplexType = (o) => {
  *
  * Modified for Stencil's compiler and vdom
  */
-// const stack: any[] = [];
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
@@ -151,6 +150,13 @@ const newVNode = (tag, text) => {
 };
 const Host = {};
 const isHost = (node) => node && node.$tag$ === Host;
+/**
+ * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
+ *
+ * Note that these functions convert from {@link d.VNode} to
+ * {@link d.ChildNode} to give functional component developers a friendly
+ * interface.
+ */
 const vdomFnUtils = {
     forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
     map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),