smoothly 0.1.112 → 0.1.115

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

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-svg-h{display:block;min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}object.sc-smoothly-svg{min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}";
-
-let SmoothlySvg = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.defaultSizes = {
-      large: { height: "50rem", width: "50rem" },
-      medium: { height: "30rem", width: "30rem" },
-      small: { height: "10rem", width: "10rem" },
-      tiny: { height: "5rem", width: "5rem" },
-    };
-  }
-  render() {
-    const height = this.size
-      ? typeof this.size == "object"
-        ? this.size.height
-        : this.defaultSizes[this.size].height
-      : "10rem";
-    const width = this.size
-      ? typeof this.size == "object"
-        ? this.size.width
-        : this.defaultSizes[this.size].width
-      : "10rem";
-    return (index.h(index.Host, { style: {
-        "min-height": height,
-        "min-width": width,
-        "--size-height": height,
-        "--size-width": width,
-        "--color": this.color,
-      } }, index.h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
-  }
-};
-SmoothlySvg.style = styleCss;
-
-exports.smoothly_svg = SmoothlySvg;

package/dist/cjs/smoothly-tab-switch.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-tab-switch-h{display:flex;flex-direction:row;margin:1em 1em 0em 0em}";
-
-let SmoothlyTabSwitch = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  openChanged(event) {
-    this.selectedElement = event.target;
-    this.selectedElement.open = true;
-    this.element.after(event.detail);
-  }
-  onSelectedChange(value, old) {
-    if (old)
-      old.open = false;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "selectedElement": ["onSelectedChange"]
-  }; }
-};
-SmoothlyTabSwitch.style = styleCss;
-
-exports.smoothly_tab_switch = SmoothlyTabSwitch;

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

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-tab-h:not([open])>label.sc-smoothly-tab{background-color:rgb(var(--smoothly-dark-shade))}.hide.sc-smoothly-tab{display:none}label.sc-smoothly-tab{display:block;padding:1em;background-color:rgb(var(--smoothly-default-shade));border-top-left-radius:5px;border-top-right-radius:5px;width:100px}div.sc-smoothly-tab{background-color:rgb(var(--smoothly-default-shade));padding:1em}";
-
-let SmoothlyTab = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.expansionOpen = index.createEvent(this, "expansionOpen", 7);
-  }
-  openChanged() {
-    if (this.expansionElement) {
-      this.expansionOpen.emit(this.expansionElement);
-    }
-  }
-  onClick(e) {
-    this.open = !this.open;
-    e.stopPropagation();
-  }
-  componentDidLoad() {
-    if (this.expansionElement && this.open) {
-      this.expansionOpen.emit(this.expansionElement);
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("label", null, this.label), index.h("div", { ref: e => (this.expansionElement = e), class: !this.open ? "hide" : "" }, index.h("slot", null))));
-  }
-  static get watchers() { return {
-    "open": ["openChanged"]
-  }; }
-};
-SmoothlyTab.style = styleCss;
-
-exports.smoothly_tab = SmoothlyTab;

package/dist/cjs/smoothly-table-cell.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-cell-h{display:table-cell;padding:0.5em}";
-
-let TableCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-TableCell.style = styleCss;
-
-exports.smoothly_table_cell = TableCell;

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

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = "";
-
-let TableDemo = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return [
-      index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header A"), index.h("smoothly-table-header", null, "Header B"), index.h("smoothly-table-header", null, "Header C")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "1A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details."))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "2A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details.")))),
-      index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header D"), index.h("smoothly-table-header", null, "Header E"), index.h("smoothly-table-header", null, "Header F")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details.")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details."))),
-    ];
-  }
-};
-TableDemo.style = styleCss;
-
-exports.smoothly_table_demo = TableDemo;

package/dist/cjs/smoothly-table-expandable-cell.cjs.entry.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.5em}.hide.sc-smoothly-table-expandable-cell{display:none}";
-
-let TableExpandableCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.expansionOpen = index.createEvent(this, "expansionOpen", 7);
-    this.expansionLoaded = index.createEvent(this, "expansionLoaded", 7);
-    this.align = "left";
-  }
-  openChanged(value) {
-    if (this.expansionElement)
-      if (value)
-        this.beginOpen = true;
-      else
-        this.element.append(this.expansionElement);
-  }
-  onClick() {
-    this.open = !this.open;
-  }
-  componentDidLoad() {
-    this.expansionLoaded.emit();
-  }
-  componentDidRender() {
-    if (this.beginOpen) {
-      this.beginOpen = false;
-      this.expansionOpen.emit(this.expansionElement);
-    }
-  }
-  render() {
-    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 {
-    "open": ["openChanged"]
-  }; }
-};
-TableExpandableCell.style = styleCss;
-
-exports.smoothly_table_expandable_cell = TableExpandableCell;

package/dist/cjs/smoothly-table-expandable-row.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-expandable-row-h{display:table-row;border:1px solid rgb(var(--smoothly-default-color));cursor:pointer}.sc-smoothly-table-expandable-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-tint))}.sc-smoothly-table-expandable-row-h:hover{background-color:rgb(var(--smoothly-default-color))}";
-
-let TableExpandableRow = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.expansions = [];
-  }
-  onExpansionLoaded(event) {
-    this.expansions.push(event.target);
-  }
-  onDetailsLoaded(event) {
-    this.expansions.forEach(cell => {
-      if (cell != event.target)
-        cell.open = false;
-    });
-    if (event.detail)
-      this.element.after(event.detail);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-  get element() { return index.getElement(this); }
-};
-TableExpandableRow.style = styleCss;
-
-exports.smoothly_table_expandable_row = TableExpandableRow;

package/dist/cjs/smoothly-table-header.cjs.entry.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-header-h{display:table-cell;padding-top:12px;padding-bottom:12px;background-color:rgb(var(--smoothly-default-color));border:1px solid rgb(var(--smoothly-dark-color), 0.5);padding:0.5em;line-height:40px}.sc-smoothly-table-header-h>ion-icon.sc-smoothly-table-header{height:12px;margin-left:20px}";
-
-let TableHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sort = index.createEvent(this, "sort", 7);
-  }
-  onClick(event) {
-    this.sort.emit({
-      property: this.name,
-      direction: (this.sortDirection = this.sortDirection == "ascending" ? "descending" : "ascending"),
-    });
-    console.log("sort", this.name, this.sortDirection);
-    event.preventDefault();
-    event.stopPropagation();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null), this.renderSortIcon()));
-  }
-  renderSortIcon() {
-    let result;
-    switch (this.sortDirection) {
-      case "ascending":
-        result = index.h("ion-icon", { name: "chevron-up-outline", class: "sort-icon" });
-        break;
-      case "descending":
-        result = index.h("ion-icon", { name: "chevron-down-outline", class: "sort-icon" });
-        break;
-    }
-    return result;
-  }
-};
-TableHeader.style = styleCss;
-
-exports.smoothly_table_header = TableHeader;

package/dist/cjs/smoothly-table-row.cjs.entry.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}.hide.sc-smoothly-table-row{display:none}";
-
-let TableRow = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.expansionOpen = index.createEvent(this, "expansionOpen", 7);
-    this.align = "left";
-  }
-  openChanged(value) {
-    if (this.expansionElement)
-      this.element.after(this.expansionElement);
-  }
-  onClick(e) {
-    this.open = !this.open;
-    e.stopPropagation();
-  }
-  componentDidRender() {
-    this.expansionOpen.emit(this.expansionElement);
-    if (this.expansionElement && this.open)
-      this.element.after(this.expansionElement);
-  }
-  render() {
-    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 {
-    "open": ["openChanged"]
-  }; }
-};
-TableRow.style = styleCss;
-
-exports.smoothly_table_row = TableRow;

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

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-table-h{display:table;text-align:left;border-collapse:collapse;border:3px solid rgb(var(--smoothly-dark-color), 0.5);width:100%;box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}";
-
-let Table = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.loadMore = index.createEvent(this, "loadMore", 7);
-  }
-  onSort(event) {
-    if (this.sortedOn && this.sortedOn != event.target)
-      this.sortedOn.sortDirection = undefined;
-    this.sortedOn = event.target;
-  }
-  render() {
-    return [index.h("slot", null)];
-  }
-  get element() { return index.getElement(this); }
-};
-Table.style = styleCss;
-
-exports.smoothly_table = Table;

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

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([processing]):not([disabled]):hover,.sc-smoothly-trigger-h:not([processing]):not([disabled]):focus,.sc-smoothly-trigger-h:not([processing]):not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=fill].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=fill].sc-smoothly-trigger-h{border-left:none;border-right:none}";
-
-let SmoothlyTrigger = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.trigger = index.createEvent(this, "trigger", 7);
-    this.disabled = false;
-    this.type = "button";
-  }
-  onClick(e) {
-    this.trigger.emit({ name: this.name, value: this.value });
-    e.stopPropagation();
-    e.preventDefault();
-  }
-  render() {
-    let result;
-    switch (this.type) {
-      case "link":
-        result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
-        break;
-      case "button":
-        result = (index.h("button", { disabled: this.disabled, name: this.name }, index.h("slot", null)));
-        break;
-    }
-    return result;
-  }
-};
-SmoothlyTrigger.style = styleCss;
-
-exports.smoothly_trigger = SmoothlyTrigger;

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

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-let SmoothlyTuple = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return [index.h("b", null, this.tuple[0]), ": ", this.tuple[1], index.h("br", null)];
-  }
-};
-
-exports.smoothly_tuple = SmoothlyTuple;

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

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-let Urlencoded = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return this.data
-      .split("&")
-      .map(p => p.split("="))
-      .map(tuple => index.h("smoothly-tuple", { tuple: tuple }));
-  }
-};
-
-exports.smoothly_urlencoded = Urlencoded;