smoothly 0.1.112 → 0.1.115

package/dist/esm/smoothly-radio.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-radio-h{display:block;position:relative}[hidden].sc-smoothly-radio-h{display:none}label.sc-smoothly-radio{display:block;width:calc(100% - 2 * 0.4em);padding:0.2em 0.4em 0.2em 0.4em}input[type=radio].sc-smoothly-radio{position:absolute;left:0;top:0;width:calc(100%);height:100%;margin:0;appearance:none;-webkit-appearance:none}input[type=radio].sc-smoothly-radio~label.sc-smoothly-radio{border:1px solid rgb(var(--smoothly-default-color));color:rgba(var(--smoothly-default-contrast), 0.5);background:rgb(var(--smoothly-default-color))}input[type=radio].sc-smoothly-radio:checked~label.sc-smoothly-radio{background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast))}";
-
-let SmoothlyRadio = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.smoothlySelected = createEvent(this, "smoothlySelected", 7);
-  }
-  async onInput(e) {
-    if (e.target && e.target.value && (this.checked = e.target.checked))
-      this.smoothlySelected.emit({ name: this.name, value: this.value });
-    return true;
-  }
-  render() {
-    return [
-      h("input", { type: "radio", name: this.name, id: this.value, tabindex: this.tabIndex, checked: this.checked, value: this.value, onChange: e => this.onInput(e) }),
-      h("label", { htmlFor: this.value }, h("slot", null)),
-    ];
-  }
-};
-SmoothlyRadio.style = styleCss;
-
-export { SmoothlyRadio as smoothly_radio };

package/dist/esm/smoothly-room.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-02a70ac1.js';
-
-let SmoothlyRoom = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return h("slot", null);
-  }
-};
-
-export { SmoothlyRoom as smoothly_room };

package/dist/esm/smoothly-select-demo.entry.js

@@ -1,82 +0,0 @@
-import { r as registerInstance, h } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-select-demo-h{display:block}[hidden].sc-smoothly-select-demo-h{display:none}button.sc-smoothly-select-demo:focus{outline:none}smoothly-selector.sc-smoothly-select-demo{outline:none}";
-
-let SmoothlySelectDemo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.currencies = ["SEK", "EUR"];
-    this.currency = "SEK";
-  }
-  alertf() {
-    var _a;
-    console.log(this.quantityElement);
-    alert((_a = this.quantityElement) === null || _a === void 0 ? void 0 : _a.value);
-  }
-  handleSelectionChanged(event) {
-    console.log("selectionChanged", event.detail);
-  }
-  render() {
-    return [
-      h("smoothly-select", { identifier: "currency" }, this.currencies.map(option => this.currency == option ? (h("option", { value: option, selected: true }, option)) : (h("option", { value: option }, option)))),
-      h("smoothly-select", { identifier: "language" }, h("optgroup", { label: "Nordic" }, h("option", { value: "sv" }, "Swedish"), h("option", { value: "da", selected: true }, "Danish"), h("option", { value: "no" }, "Norwegian")), h("optgroup", { label: "Other" }, h("option", { value: "en" }, "English"))),
-      h("smoothly-select", { identifier: "quantity", ref: e => (this.quantityElement = e) }, h("option", { value: "1" }, "1"), h("option", { value: "2" }, "2"), h("option", { value: "3" }, "3")),
-      h("smoothly-input-date", null, "Date"),
-      h("smoothly-input-date", { value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"),
-      h("smoothly-input-date-range", { start: "2022-10-28", end: "2022-11-27", min: "2021-10-10", max: "2022-12-30" }),
-      h("smoothly-input-date-range", { start: "2022-10-28", end: "2022-11-27", min: "2021-10-10", max: "2022-12-30", showLabel: false, style: {
-          "--background": "rgb(var(--smoothly-dark-shade))",
-          "--border-radius": "4px",
-          "--padding": "0 0.75em",
-          "--input-width": "6rem",
-        } }),
-      h("smoothly-selector", null, h("smoothly-item", { value: "1" }, "January"), h("smoothly-item", { value: "2" }, "February"), h("smoothly-item", { value: "3" }, "March"), h("smoothly-item", { value: "4" }, "April"), h("smoothly-item", { value: "5" }, "May"), h("smoothly-item", { value: "6" }, "June"), h("smoothly-item", { value: "7" }, "July"), h("smoothly-item", { value: "8" }, "August"), h("smoothly-item", { value: "9" }, "September"), h("smoothly-item", { value: "10" }, "October"), h("smoothly-item", { value: "11" }, "November"), h("smoothly-item", { value: "12" }, "December")),
-      h("button", { onClick: () => this.alertf() }, "press here"),
-      h("smoothly-picker", { label: "Filter", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, options: [
-          { name: "Big Dog", value: "dog", aliases: ["WOFF"] },
-          { name: "Cat Stevens", value: "cat", aliases: ["moew"] },
-          { name: "Noble Pig", value: "pig" },
-          { name: "Turtle Wax", value: "turtle" },
-          { name: "Spider Man", value: "spider" },
-          { name: "Phoenix Order Long Wooord", value: "phoenix" },
-          { name: "Horse Back", value: "horse" },
-          { name: "Unicorn Horn", value: "unicorn" },
-          { name: "Talking Parrot Parrot", value: "parrot" },
-          { name: "Hidden Dragon", value: "dragon" },
-          { name: "Scary Kraken", value: "kraken" },
-        ] }),
-      h("br", null),
-      h("smoothly-picker", { label: "", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, options: [
-          { name: "Big Dog", value: "dog", aliases: ["WOFF"] },
-          { name: "Cat Stevens", value: "cat", aliases: ["moew"] },
-          { name: "Noble Pig", value: "pig" },
-          { name: "Turtle Wax", value: "turtle" },
-          { name: "Spider Man", value: "spider" },
-          { name: "Phoenix Order Long Wooord", value: "phoenix" },
-          { name: "Horse Back", value: "horse" },
-          { name: "Unicorn Horn", value: "unicorn" },
-          { name: "Talking Parrot Parrot", value: "parrot" },
-          { name: "Hidden Dragon", value: "dragon" },
-          { name: "Scary Kraken", value: "kraken" },
-        ] }),
-      h("br", null),
-      h("smoothly-picker", { label: "Single select", multiple: false, "max-menu-height": "200px", options: [
-          { name: "Dog", value: "dog", aliases: ["WOFF"], right: "Woof 🐶" },
-          { name: "Cat", value: "cat", aliases: ["moew"] },
-          { name: "Pig", value: "pig" },
-          { name: "Turtle", value: "turtle" },
-          { name: "Spider", value: "spider" },
-          { name: "Phoenix", value: "phoenix" },
-          { name: "Horse", value: "horse" },
-          { name: "Unicorn", value: "unicorn" },
-          { name: "Parrot", value: "parrot" },
-          { name: "Dragon", value: "dragon" },
-          { name: "Kraken", value: "kraken" },
-        ] }),
-      h("smoothly-tab-switch", null, h("smoothly-tab", { label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { label: "test2" }, "this is a test message!"), h("smoothly-tab", { label: "test3" }, "this is a test message again!")),
-    ];
-  }
-};
-SmoothlySelectDemo.style = styleCss;
-
-export { SmoothlySelectDemo as smoothly_select_demo };

package/dist/esm/smoothly-select.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-select-h{display:block}[hidden].sc-smoothly-select-h{display:none}select.sc-smoothly-select{min-width:1.5em;padding-top:0.5em;border:none;-webkit-appearance:none;background-color:rgb(var(--smoothly-color));padding:0.3em}select.sc-smoothly-select>option.sc-smoothly-select{background-color:inherit}select.sc-smoothly-select:focus{outline:none}";
-
-let SmoothlySelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.selectionChanged = createEvent(this, "selectionChanged", 7);
-  }
-  optionSelected() {
-    if (this.selectElement)
-      this.selectionChanged.emit({ identifier: this.identifier, value: (this.value = this.selectElement.value) });
-  }
-  componentDidLoad() {
-    var _a;
-    if (this.selectElement)
-      this.value = (_a = this.selectElement) === null || _a === void 0 ? void 0 : _a.value;
-  }
-  render() {
-    return [
-      h("select", { ref: e => (this.selectElement = e), id: this.identifier, onChange: () => this.optionSelected(), style: { background: this.background } }, h("slot", null)),
-    ];
-  }
-};
-SmoothlySelect.style = styleCss;
-
-export { SmoothlySelect as smoothly_select };

package/dist/esm/smoothly-selector.entry.js

@@ -1,115 +0,0 @@
-import { r as registerInstance, i as createEvent, h, k as Host, j as getElement } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-selector-h{position:relative;height:100%}.sc-smoothly-selector-h>main.sc-smoothly-selector,.sc-smoothly-selector-h>main.sc-smoothly-selector>*.sc-smoothly-selector{height:100%;display:flex;align-items:center}.sc-smoothly-selector-h>div.sc-smoothly-selector>nav.sc-smoothly-selector{display:flex;flex-direction:column;position:absolute;z-index:10}.sc-smoothly-selector-h>aside.sc-smoothly-selector{position:absolute;top:0;left:5em;z-index:10;background-color:rgb(var(--smoothly-tertiary-color));color:rgb(var(--smoothly-tertiary-contrast));height:20px;border-radius:5px;padding:5px;display:flex;align-items:center}.missing.sc-smoothly-selector-h>aside.sc-smoothly-selector{background-color:rgb(var(--smoothly-warning-color));color:rgb(var(--smoothly-warning-contast))}.hidden.sc-smoothly-selector{display:none}.sc-smoothly-selector-h>section.sc-smoothly-selector{position:fixed;top:0px;left:0px;width:100vw;height:100vh;z-index:10}";
-
-let Selector = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.selected = createEvent(this, "selected", 7);
-    this.opened = false;
-    this.items = [];
-    this.missing = false;
-    this.filter = "";
-  }
-  onSelectedChange(value, old) {
-    if (old)
-      old.selected = false;
-    this.selected.emit(value === null || value === void 0 ? void 0 : value.value);
-  }
-  async onFilterChange(value) {
-    value = value.toLowerCase();
-    if (!(await Promise.all(this.items.map(item => item.filter(value)))).some(r => r)) {
-      this.missing = true;
-      this.items.forEach(el => el.filter(""));
-    }
-    else
-      this.missing = false;
-  }
-  onClick(event) {
-    event.stopPropagation();
-    this.opened = !this.opened;
-  }
-  onItemSelected(event) {
-    this.selectedElement = event.target;
-    if (this.mainElement)
-      this.mainElement.innerHTML = this.selectedElement.innerHTML;
-  }
-  onKeyDown(event) {
-    event.stopPropagation();
-    if (this.opened) {
-      let direction = 0;
-      switch (event.key) {
-        case "ArrowUp":
-          direction = -1;
-          break;
-        case "ArrowDown":
-          direction = 1;
-          break;
-        case "Escape":
-          this.filter = "";
-          break;
-        case "Backspace":
-          this.filter = this.filter.slice(0, -1);
-          break;
-        case "Enter":
-          this.items.forEach(element => {
-            if (!element.hidden) {
-              this.selected.emit(element.value);
-              if (this.mainElement && this.selectedElement)
-                this.mainElement.innerHTML = this.selectedElement.innerHTML;
-              this.opened = false;
-              this.filter = "";
-            }
-          });
-          break;
-        default:
-          if (event.key.length == 1)
-            this.filter += event.key;
-          break;
-      }
-      this.move(direction);
-    }
-    else if (event.key == "Enter")
-      this.opened = true;
-  }
-  move(direction) {
-    if (direction) {
-      let selectedIndex = this.items.findIndex(item => item == this.selectedElement);
-      console.log("selectedindex", selectedIndex);
-      do {
-        selectedIndex = (selectedIndex + direction + this.items.length) % this.items.length;
-      } while (this.items[selectedIndex].hidden);
-      this.selectedElement = this.items[selectedIndex];
-      this.selectedElement.selected = true;
-    }
-  }
-  render() {
-    return (h(Host, { tabIndex: 2, class: this.missing ? "missing" : "" }, h("main", { ref: element => (this.mainElement = element) }, "(none)"), this.filter.length != 0 ? (h("aside", { ref: element => (this.aside = element) }, this.filter, h("button", { onClick: e => {
-        e.stopPropagation();
-        this.filter = "";
-      } }, h("smoothly-icon", { name: "close", size: "small" })))) : undefined, this.opened ? h("section", { onClick: () => (this.opened = true) }) : [], h("div", { class: this.opened ? "" : "hidden" }, h("nav", null, h("slot", null)))));
-  }
-  componentDidRender() {
-    const items = [];
-    const children = this.element.querySelectorAll("div > nav > smoothly-item");
-    for (let i = 0; i < children.length; i++) {
-      const node = children.item(i);
-      if (isItem(node))
-        items.push(node);
-    }
-    this.items = items;
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "selectedElement": ["onSelectedChange"],
-    "filter": ["onFilterChange"]
-  }; }
-};
-function isItem(value) {
-  return (typeof value == "object" &&
-    (typeof value.selected == "boolean" || value.selected == undefined) &&
-    typeof value.filter == "function");
-}
-Selector.style = styleCss;
-
-export { Selector as smoothly_selector };

package/dist/esm/smoothly-skeleton.entry.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, h, k as Host } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-skeleton-h{display:block;height:1rem}.sc-smoothly-skeleton-h::before{content:\"\";display:block;width:var(--width);height:100%;border-radius:0.4rem;background-image:linear-gradient(90deg, rgb(var(--color, var(--smoothly-dark-color))) 0, transparent 2.5rem, rgb(var(--color, var(--smoothly-dark-color))) 5rem);background-size:calc(var(--distance) + 5rem);animation-duration:var(--period, 1.6s);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:shine-lines-left}@keyframes shine-lines-left{0%{background-position:-5rem}40%,100%{background-position:var(--distance)}}[align=center].sc-smoothly-skeleton-h::before{margin:0 auto;animation-name:shine-lines-center}@keyframes shine-lines-center{0%{background-position:calc((var(--width) - var(--distance)) / 2 - 5rem)}40%,100%{background-position:calc(var(--width) + (var(--distance) - var(--width)) / 2)}}[align=right].sc-smoothly-skeleton-h::before{margin:0;margin-left:auto;animation-name:shine-lines-right}@keyframes shine-lines-right{0%{background-position:calc(var(--width) - var(--distance) - 5rem)}40%,100%{background-position:var(--width)}}";
-
-let SmoothlySkeleton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widths = ["8rem", "9rem", "10rem"];
-    this.align = "left";
-  }
-  componentWillLoad() {
-    var _a;
-    this.width = (_a = this.width) !== null && _a !== void 0 ? _a : this.widths[Math.floor(Math.random() * this.widths.length)];
-  }
-  render() {
-    var _a;
-    const cssVariables = Object.assign(Object.assign({ "--width": this.width, "--distance": (_a = this.distance) !== null && _a !== void 0 ? _a : "10rem" }, (this.color ? { "--color": this.color } : undefined)), (this.period ? { "--period": this.period + "s" } : undefined));
-    return h(Host, { style: cssVariables });
-  }
-};
-SmoothlySkeleton.style = styleCss;
-
-export { SmoothlySkeleton as smoothly_skeleton };

package/dist/esm/smoothly-spinner.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, k as Host } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-spinner-h:not([active]){display:none}[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{display:block;stroke:rgb(var(--spinner-color, var(--smoothly-primary-tint)));position:absolute;inset:0;width:100%;height:100%;background-color:rgba(var(--background-color, var(--smoothly-default-color)), var(--background-opacity, var(--smoothly-semitransparent, 0.8)))}.sc-smoothly-spinner-h svg.sc-smoothly-spinner{position:absolute;left:calc(50% - var(--size) / 2);top:calc(50% - var(--size) / 2);width:var(--size);animation:SPIN-SVG 1.4s linear infinite}.sc-smoothly-spinner-h svg.sc-smoothly-spinner circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE 1.4s ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}";
-
-let SmoothlySpinner = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = "large";
-  }
-  render() {
-    const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : 12;
-    return (h(Host, { style: {
-        "--color": `var(--spinner-color)`,
-        "--size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : "1.2em",
-      } }, h("svg", { class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
-  }
-};
-SmoothlySpinner.style = styleCss;
-
-export { SmoothlySpinner as smoothly_spinner };

package/dist/esm/smoothly-submit.entry.js

@@ -1,56 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-submit-h{display:block;border-width:1px;border-style:solid;border-radius:3px}[hidden].sc-smoothly-submit-h{display:none}[disabled].sc-smoothly-submit-h{opacity:0.5}button.sc-smoothly-submit{padding:0.2em 0.3em;font-size:110%;font-weight:400}[processing].sc-smoothly-submit-h{border-color:rgb(var(--smoothly-light-color))}[processing].sc-smoothly-submit-h>button.sc-smoothly-submit{color:rgb(var(--smoothly-light-contrast));background:rgb(var(--smoothly-light-color))}.sc-smoothly-submit-h:not([processing]):not([disabled]):hover,.sc-smoothly-submit-h:not([processing]):not([disabled]):focus,.sc-smoothly-submit-h:not([processing]):not([disabled]):active{border-color:rgb(var(--smoothly-submit-border))}[expand=fill].sc-smoothly-submit-h>button.sc-smoothly-submit,[expand=block].sc-smoothly-submit-h>button.sc-smoothly-submit{width:100%}[expand=fill].sc-smoothly-submit-h{border-left:none;border-right:none}";
-
-let SmoothlySubmit = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.submitEvent = createEvent(this, "submit", 7);
-    this.disabled = false;
-  }
-  get form() {
-    return (this.button && this.button.form) || undefined;
-  }
-  async handleSubmit(event) {
-    if (!this.processing) {
-      this.processing = true;
-      if (this.prevent)
-        event.preventDefault();
-      const result = {};
-      if (this.form) {
-        const elements = this.form.elements;
-        for (let i = 0; i < elements.length; i++) {
-          const element = elements.item(i);
-          if (hasNameAndValue(element) && element.name)
-            result[element.name] = element.value;
-        }
-        const smoothlyInputs = this.form.getElementsByTagName("smoothly-input");
-        for (let i = 0; i < smoothlyInputs.length; i++) {
-          const element = smoothlyInputs.item(i);
-          if (hasNameAndValue(element) && element.name)
-            result[element.name] = element.value;
-        }
-      }
-      this.submitEvent.emit(result);
-      this.processing = false;
-    }
-  }
-  async submit() {
-    let result;
-    if ((result = !!this.form))
-      this.form.submit();
-    return result;
-  }
-  render() {
-    return [
-      h("smoothly-spinner", { active: this.processing }),
-      h("button", { type: "submit", disabled: this.disabled || this.processing, ref: (element) => (this.button = element) }, h("slot", null)),
-    ];
-  }
-};
-function hasNameAndValue(element) {
-  return (typeof element.name == "string" && typeof element.value == "string");
-}
-SmoothlySubmit.style = styleCss;
-
-export { SmoothlySubmit as smoothly_submit };

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

@@ -1,37 +0,0 @@
-import { r as registerInstance, h, k as Host } from './index-02a70ac1.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) {
-    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 (h(Host, { style: {
-        "min-height": height,
-        "min-width": width,
-        "--size-height": height,
-        "--size-width": width,
-        "--color": this.color,
-      } }, h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
-  }
-};
-SmoothlySvg.style = styleCss;
-
-export { SmoothlySvg as smoothly_svg };

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

@@ -1,28 +0,0 @@
-import { r as registerInstance, h, k as Host, j as getElement } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-tab-switch-h{display:flex;flex-direction:row;margin:1em 1em 0em 0em}";
-
-let SmoothlyTabSwitch = class {
-  constructor(hostRef) {
-    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 (h(Host, null, h("slot", null)));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "selectedElement": ["onSelectedChange"]
-  }; }
-};
-SmoothlyTabSwitch.style = styleCss;
-
-export { SmoothlyTabSwitch as smoothly_tab_switch };

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

@@ -1,33 +0,0 @@
-import { r as registerInstance, i as createEvent, h, k as Host } from './index-02a70ac1.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) {
-    registerInstance(this, hostRef);
-    this.expansionOpen = 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 (h(Host, null, h("label", null, this.label), h("div", { ref: e => (this.expansionElement = e), class: !this.open ? "hide" : "" }, h("slot", null))));
-  }
-  static get watchers() { return {
-    "open": ["openChanged"]
-  }; }
-};
-SmoothlyTab.style = styleCss;
-
-export { SmoothlyTab as smoothly_tab };

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

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, k as Host } from './index-02a70ac1.js';
-
-const styleCss = ".sc-smoothly-table-cell-h{display:table-cell;padding:0.5em}";
-
-let TableCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-TableCell.style = styleCss;
-
-export { TableCell as smoothly_table_cell };

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

@@ -1,18 +0,0 @@
-import { r as registerInstance, h } from './index-02a70ac1.js';
-
-const styleCss = "";
-
-let TableDemo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return [
-      h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A"), h("smoothly-table-header", null, "Header B"), h("smoothly-table-header", null, "Header C")), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "1A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details."))), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "2A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details.")))),
-      h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header D"), h("smoothly-table-header", null, "Header E"), h("smoothly-table-header", null, "Header F")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details.")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details."))),
-    ];
-  }
-};
-TableDemo.style = styleCss;
-
-export { TableDemo as smoothly_table_demo };

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

@@ -1,41 +0,0 @@
-import { r as registerInstance, i as createEvent, h, k as Host, j as getElement } from './index-02a70ac1.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) {
-    registerInstance(this, hostRef);
-    this.expansionOpen = createEvent(this, "expansionOpen", 7);
-    this.expansionLoaded = 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 (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, h("slot", { name: "detail" })))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["openChanged"]
-  }; }
-};
-TableExpandableCell.style = styleCss;
-
-export { TableExpandableCell as smoothly_table_expandable_cell };

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

@@ -1,28 +0,0 @@
-import { r as registerInstance, h, k as Host, j as getElement } from './index-02a70ac1.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) {
-    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 (h(Host, null, h("slot", null)));
-  }
-  get element() { return getElement(this); }
-};
-TableExpandableRow.style = styleCss;
-
-export { TableExpandableRow as smoothly_table_expandable_row };

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

@@ -1,37 +0,0 @@
-import { r as registerInstance, i as createEvent, h, k as Host } from './index-02a70ac1.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) {
-    registerInstance(this, hostRef);
-    this.sort = 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 (h(Host, null, h("slot", null), this.renderSortIcon()));
-  }
-  renderSortIcon() {
-    let result;
-    switch (this.sortDirection) {
-      case "ascending":
-        result = h("ion-icon", { name: "chevron-up-outline", class: "sort-icon" });
-        break;
-      case "descending":
-        result = h("ion-icon", { name: "chevron-down-outline", class: "sort-icon" });
-        break;
-    }
-    return result;
-  }
-};
-TableHeader.style = styleCss;
-
-export { TableHeader as smoothly_table_header };

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

@@ -1,34 +0,0 @@
-import { r as registerInstance, i as createEvent, h, k as Host, j as getElement } from './index-02a70ac1.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) {
-    registerInstance(this, hostRef);
-    this.expansionOpen = 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 (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, h("slot", { name: "detail" })))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["openChanged"]
-  }; }
-};
-TableRow.style = styleCss;
-
-export { TableRow as smoothly_table_row };