smoothly 0.3.31 → 0.3.32

package/dist/cjs/smoothly.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-3fb97927.js');
+const index = require('./index-de46f836.js');
 
 /*
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.21.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('smoothly.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -62,8 +62,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.18.1",
-    "typescriptVersion": "4.7.4"
+    "version": "2.21.0",
+    "typescriptVersion": "4.9.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/accordion/index.js

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 export class SmoothlyAccordion {
   constructor() {
     this.items = [];
+    this.value = undefined;
   }
   valueChanged(value) {
     this.updateItems();

package/dist/collection/components/accordion-item/index.js

@@ -1,5 +1,10 @@
 import { h } from "@stencil/core";
 export class SmoothlyAccordionItem {
+  constructor() {
+    this.name = undefined;
+    this.brand = undefined;
+    this.open = undefined;
+  }
   openChanged(isChecked) {
     this.open = isChecked;
     if (isChecked) {

package/dist/collection/components/app/index.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 export class SmoothlyApp {
+  constructor() {
+    this.color = undefined;
+  }
   render() {
     return (h("smoothly-notifier", null, h("slot", null)));
   }

package/dist/collection/components/app-demo/index.js

@@ -2,6 +2,9 @@ import { h } from "@stencil/core";
 import { redirect } from "../../index";
 import { App } from "../App";
 export class SmoothlyAppDemo {
+  constructor() {
+    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: () => {
         redirect("/routing/pathParameter1");

package/dist/collection/components/backtotop/index.js

@@ -4,6 +4,7 @@ export class SmoothlyBacktotop {
     this.opacity = "0.5";
     this.bottom = "1rem";
     this.right = "1rem";
+    this.visible = undefined;
   }
   componentWillLoad() {
     window.addEventListener("scroll", () => {

package/dist/collection/components/button/index.js

@@ -1,8 +1,13 @@
 import { h } from "@stencil/core";
 export class SmoothlyButton {
   constructor() {
+    this.color = undefined;
+    this.expand = undefined;
+    this.fill = undefined;
     this.disabled = false;
     this.type = "button";
+    this.link = undefined;
+    this.download = undefined;
   }
   render() {
     let result;

package/dist/collection/components/calendar/index.js

@@ -3,8 +3,15 @@ import { Date } from "isoly";
 import * as generate from "./generate";
 export class Calendar {
   constructor() {
-    this.value = Date.now();
     this.clickCounter = 0;
+    this.month = undefined;
+    this.value = Date.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);

package/dist/collection/components/checkbox/index.js

@@ -4,6 +4,10 @@ export class SmoothlyCheckbox {
   constructor() {
     this.selectAll = false;
     this.size = "small";
+    this.intermediate = undefined;
+    this.selected = undefined;
+    this.disabled = undefined;
+    this.t = undefined;
   }
   componentWillLoad() {
     this.t = translation.create(this.element);

package/dist/collection/components/country/index.js

@@ -3,7 +3,9 @@ import { CountryCode } from "isoly";
 import { getLanguage } from "langly";
 export class SmoothlyCountry {
   constructor() {
+    this.value = undefined;
     this.text = "alpha2";
+    this.language = undefined;
   }
   componentWillLoad() {
     this.language = getLanguage(this.element);

package/dist/collection/components/dialog/index.js

@@ -2,8 +2,10 @@ import { h } from "@stencil/core";
 import { Trigger } from "../../model";
 export class SmoothlyDialog {
   constructor() {
+    this.color = undefined;
     this.open = true;
     this.closable = false;
+    this.header = undefined;
   }
   TriggerListener(event) {
     if (Trigger.is(event.detail) && event.detail.name == "close")

package/dist/collection/components/display/index.js

@@ -2,6 +2,13 @@ import { h } from "@stencil/core";
 import { DateTime, Language, Locale } from "isoly";
 import { format, get } from "tidily";
 export class SmoothlyDisplay {
+  constructor() {
+    this.type = undefined;
+    this.value = undefined;
+    this.currency = undefined;
+    this.country = undefined;
+    this.format = undefined;
+  }
   render() {
     var _a, _b;
     let result;

package/dist/collection/components/display-amount/index.js

@@ -1,6 +1,8 @@
 import { Currency } from "isoly";
 export class SmoothlyDisplayAmount {
   constructor() {
+    this.amount = undefined;
+    this.currency = undefined;
     this.toInteger = false;
   }
   format(amount) {

package/dist/collection/components/display-date-time/index.js

@@ -1,4 +1,7 @@
 export class SmoothlyDisplayDateTime {
+  constructor() {
+    this.datetime = undefined;
+  }
   componentWillLoad() {
     console.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type="date-time">.');
   }

package/dist/collection/components/frame/index.js

@@ -1,6 +1,11 @@
 import { h } from "@stencil/core";
 import { Message, Trigger } from "../../model";
 export class SmoothlyFrame {
+  constructor() {
+    this.url = undefined;
+    this.name = undefined;
+    this.origin = undefined;
+  }
   get contentWindow() {
     const iframe = this.element && this.element.firstElementChild ? this.element.firstElementChild : undefined;
     return (iframe && iframe.contentWindow) || undefined;

package/dist/collection/components/google-font/index.js

@@ -1,6 +1,9 @@
 import { h } from "@stencil/core";
 import { GoogleFont } from "../../model/GoogleFont";
 export class SmoothlyGoogleFont {
+  constructor() {
+    this.value = undefined;
+  }
   render() {
     return GoogleFont.is(this.value) ? h("style", null, GoogleFont.styleImportString(this.value)) : "";
   }

package/dist/collection/components/icon/index.js

@@ -1,7 +1,11 @@
 export class SmoothlyIcon {
   constructor() {
+    this.color = undefined;
     this.fill = "solid";
+    this.name = undefined;
     this.size = "medium";
+    this.toolTip = undefined;
+    this.document = undefined;
   }
   async loadDocument() {
     if (this.name)

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

@@ -4,14 +4,20 @@ import { Action, get, StateEditor } from "tidily";
 export class SmoothlyInput {
   constructor() {
     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;

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

@@ -1,6 +1,14 @@
 import { h } from "@stencil/core";
 import { Date } from "isoly";
 export class InputDate {
+  constructor() {
+    this.name = undefined;
+    this.value = undefined;
+    this.open = undefined;
+    this.max = undefined;
+    this.min = undefined;
+    this.disabled = undefined;
+  }
   onStart(next) {
     this.valueChanged.emit(next);
   }

package/dist/collection/components/input-date-range/index.js

@@ -2,6 +2,12 @@ import { h } from "@stencil/core";
 import { Date, DateRange } from "isoly";
 export class InputDateRange {
   constructor() {
+    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";

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

@@ -2,6 +2,9 @@ import { h } from "@stencil/core";
 import { Date } from "isoly";
 import * as generate from "../calendar/generate";
 export class MonthSelector {
+  constructor() {
+    this.value = undefined;
+  }
   onValueChanged(next) {
     this.valueChanged.emit(next);
   }

package/dist/collection/components/item/index.js

@@ -1,5 +1,10 @@
 import { h, Host } from "@stencil/core";
 export class Item {
+  constructor() {
+    this.value = undefined;
+    this.selected = undefined;
+    this.marked = undefined;
+  }
   onSelectedChanged(value, old) {
     if (value && !old)
       this.itemSelected.emit();

package/dist/collection/components/menu-options/index.js

@@ -4,10 +4,13 @@ export class SmoothlyMenuOptions {
     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;

package/dist/collection/components/notification/index.js

@@ -1,7 +1,6 @@
 import { h, Host } from "@stencil/core";
 export class Notification {
   constructor() {
-    this.tick = {};
     this.listener = notice => {
       console.log("changed: ", notice);
       if (notice.state == "closed")
@@ -9,6 +8,8 @@ export class Notification {
       else
         this.tick = {};
     };
+    this.notice = undefined;
+    this.tick = {};
   }
   get color() {
     let result;

package/dist/collection/components/option/index.js

@@ -1,8 +1,13 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyOption {
   constructor() {
+    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;
   }

package/dist/collection/components/picker/index.js

@@ -2,13 +2,19 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyPicker {
   constructor() {
     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";

package/dist/collection/components/quiet/index.js

@@ -1,5 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyQuiet {
+  constructor() {
+    this.color = undefined;
+  }
   render() {
     return (h(Host, { color: this.color }, h("slot", null)));
   }

package/dist/collection/components/radio/index.js

@@ -1,5 +1,11 @@
 import { h } from "@stencil/core";
 export class SmoothlyRadio {
+  constructor() {
+    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))
       this.smoothlySelected.emit({ name: this.name, value: this.value });

package/dist/collection/components/radio-button/index.js

@@ -1,6 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyRadioButton {
   constructor() {
+    this.name = undefined;
+    this.value = undefined;
+    this.deselectable = undefined;
     this.decoration = "radio";
   }
   radioSelectHandler(event) {

package/dist/collection/components/radio-button/item/index.js

@@ -1,5 +1,10 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyRadioButtonItem {
+  constructor() {
+    this.value = undefined;
+    this.selected = undefined;
+    this.color = undefined;
+  }
   componentWillLoad() {
     this.selected && this.select(this.selected);
   }

package/dist/collection/components/room/index.js

@@ -1,5 +1,11 @@
 import { h } from "@stencil/core";
 export class SmoothlyRoom {
+  constructor() {
+    this.label = undefined;
+    this.icon = undefined;
+    this.path = undefined;
+    this.to = undefined;
+  }
   render() {
     return h("slot", null);
   }

package/dist/collection/components/select/index.js

@@ -1,5 +1,10 @@
 import { h } from "@stencil/core";
 export class SmoothlySelect {
+  constructor() {
+    this.identifier = undefined;
+    this.background = undefined;
+    this.value = undefined;
+  }
   optionSelected() {
     if (this.selectElement)
       this.selectionChanged.emit({ identifier: this.identifier, value: (this.value = this.selectElement.value) });

package/dist/collection/components/selector/index.js

@@ -1,8 +1,10 @@
 import { h, Host } from "@stencil/core";
 export class Selector {
   constructor() {
-    this.opened = false;
     this.items = [];
+    this.initialPrompt = undefined;
+    this.opened = false;
+    this.selectedElement = undefined;
     this.missing = false;
     this.filter = "";
   }

package/dist/collection/components/skeleton/index.js

@@ -2,6 +2,10 @@ import { h, Host } from "@stencil/core";
 export class SmoothlySkeleton {
   constructor() {
     this.widths = ["8rem", "9rem", "10rem"];
+    this.width = undefined;
+    this.color = undefined;
+    this.period = undefined;
+    this.distance = undefined;
     this.align = "left";
   }
   componentWillLoad() {

package/dist/collection/components/spinner/index.js

@@ -1,6 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlySpinner {
   constructor() {
+    this.active = undefined;
     this.size = "large";
   }
   render() {

package/dist/collection/components/submit/index.js

@@ -2,7 +2,12 @@ import { h } from "@stencil/core";
 import { Data } from "./Data";
 export class SmoothlySubmit {
   constructor() {
+    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;

package/dist/collection/components/svg/index.js

@@ -7,6 +7,9 @@ export class SmoothlySvg {
       small: { height: "10rem", width: "10rem" },
       tiny: { height: "5rem", width: "5rem" },
     };
+    this.url = undefined;
+    this.size = undefined;
+    this.color = undefined;
   }
   render() {
     const height = this.size

package/dist/collection/components/tab/index.js

@@ -1,5 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTab {
+  constructor() {
+    this.label = undefined;
+    this.open = undefined;
+  }
   openChanged() {
     if (this.expansionElement) {
       this.expansionOpen.emit(this.expansionElement);

package/dist/collection/components/tab-switch/index.js

@@ -1,5 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTabSwitch {
+  constructor() {
+    this.selectedElement = undefined;
+  }
   openChanged(event) {
     event.stopPropagation();
     this.selectedElement = event.target;

package/dist/collection/components/table/expandable/cell/index.js

@@ -4,6 +4,7 @@ export class TableExpandableCell {
     this.allowSpotlight = true;
     this.spotlight = true;
     this.align = "left";
+    this.open = undefined;
   }
   openChanged(value) {
     if (this.expansionElement)

package/dist/collection/components/table/expandable/row/index.js

@@ -4,6 +4,7 @@ export class TableExpandableRow {
     this.allowSpotlight = true;
     this.spotlight = true;
     this.align = "left";
+    this.open = undefined;
   }
   openChanged() {
     if (this.expansionElement)

package/dist/collection/components/table/header/index.js

@@ -1,5 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class TableHeader {
+  constructor() {
+    this.name = undefined;
+  }
   render() {
     return (h(Host, null, h("slot", null)));
   }

package/dist/collection/components/trigger/index.js

@@ -1,8 +1,13 @@
 import { h } from "@stencil/core";
 export class SmoothlyTrigger {
   constructor() {
+    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 });

package/dist/collection/components/trigger-sink/index.js

@@ -1,6 +1,11 @@
 import { h } from "@stencil/core";
 import { Message, Trigger } from "../../model";
 export class SmoothlyTriggerSink {
+  constructor() {
+    this.context = undefined;
+    this.destination = undefined;
+    this.filter = undefined;
+  }
   get filters() {
     if (!this.filtersValue)
       this.filtersValue = this.filter ? this.filter.split(" ") : [];

package/dist/collection/components/trigger-source/index.js

@@ -1,6 +1,9 @@
 import { h } from "@stencil/core";
 import { Message, Trigger } from "../../model";
 export class SmoothlyTriggerSource {
+  constructor() {
+    this.listen = undefined;
+  }
   componentDidLoad() {
     Message.listen(this.listen, (destination, content) => {
       if (Trigger.is(content))

package/dist/collection/components/tuple/index.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 export class SmoothlyTuple {
+  constructor() {
+    this.tuple = undefined;
+  }
   render() {
     return [h("b", null, this.tuple[0]), ": ", this.tuple[1], h("br", null)];
   }

package/dist/collection/components/urlencoded/index.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 export class Urlencoded {
+  constructor() {
+    this.data = undefined;
+  }
   render() {
     return this.data
       .split("&")