smoothly 0.1.114 → 0.1.115

package/dist/cjs/smoothly-input-month.cjs.entry.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-const index$1 = require('./index-ac32385c.js');
-const generate = require('./generate-f9a36f25.js');
-require('./_commonjsHelpers-10109b76.js');
-
-const styleCss = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
-
-let MonthSelector = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChanged = index.createEvent(this, "valueChanged", 7);
-  }
-  onValueChanged(next) {
-    this.valueChanged.emit(next);
-  }
-  adjustMonth(delta) {
-    var _a;
-    const date = index$1.dist.Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : index$1.dist.Date.now());
-    date.setMonth(date.getMonth() + delta);
-    this.value = index$1.dist.Date.create(date);
-  }
-  render() {
-    var _a, _b;
-    return [
-      index.h("div", { onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
-      index.h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.years((_a = this.value) !== null && _a !== void 0 ? _a : index$1.dist.Date.now()).map(year => (index.h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
-      index.h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.months((_b = this.value) !== null && _b !== void 0 ? _b : index$1.dist.Date.now()).map(month => (index.h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      index.h("div", { onClick: () => this.adjustMonth(1) }, index.h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
-    ];
-  }
-  static get watchers() { return {
-    "value": ["onValueChanged"]
-  }; }
-};
-MonthSelector.style = styleCss;
-
-exports.smoothly_input_month = MonthSelector;

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

@@ -1,202 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-const index$2 = require('./index-ac32385c.js');
-const index$1 = require('./index-36da3c23.js');
-require('./_commonjsHelpers-10109b76.js');
-
-const styleCss = ".sc-smoothly-input-h{display:block;position:relative;font-weight:var(--smoothly-font-weight);padding:var(--padding);overflow:hidden;background-color:rgb(var(--background-color));color:rgb(var(--text-color, var(--smoothly-default-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;color:rgb(var(--text-color, var(--smoothly-default-contrast)));opacity:0.8;user-select:none;cursor:inherit;transition:transform 0.1s;transform-origin:top left;transition-timing-function:ease}.sc-smoothly-input-h:not([show-label]) label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label]) input.sc-smoothly-input{padding:0.7em 0.3em 0.7em 0.4em}input.sc-smoothly-input{padding:1.2em 0.3em 0.2em 0.4em;box-sizing:border-box;width:100%;height:100%;background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color))}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--background-color)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color)) inset}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--text-color, var(--smoothly-default-contrast)))}";
-
-let SmoothlyInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.smoothlyChanged = index.createEvent(this, "smoothlyChanged", 7);
-    this.keepFocusOnReRender = false;
-    this.type = "text";
-    this.required = false;
-    this.minLength = 0;
-    this.showLabel = true;
-    this.maxLength = Number.POSITIVE_INFINITY;
-    this.autocomplete = true;
-    this.disabled = false;
-  }
-  get formatter() {
-    let result;
-    switch (this.type) {
-      case "price":
-        result = index$1.dist.get("price", this.currency);
-        break;
-      default:
-        result = index$1.dist.get(this.type, getLocale());
-        break;
-    }
-    return result || index$1.dist.get("text");
-  }
-  newState(state) {
-    const formatter = this.formatter;
-    return formatter.format(index$1.dist.StateEditor.copy(formatter.unformat(index$1.dist.StateEditor.copy(state))));
-  }
-  valueWatcher(value, before) {
-    if (this.lastValue != value) {
-      this.lastValue = value;
-      this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value });
-    }
-    if (value != before)
-      this.smoothlyChanged.emit({ name: this.name, value });
-  }
-  onCurrency() {
-    this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value, pattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern });
-  }
-  componentWillLoad() {
-    const value = this.formatter.toString(this.value) || "";
-    const start = value.length;
-    this.state = this.newState({
-      value,
-      selection: { start, end: start, direction: "none" },
-    });
-  }
-  componentDidRender() {
-    if (this.keepFocusOnReRender) {
-      this.inputElement.focus();
-      this.keepFocusOnReRender = false;
-    }
-  }
-  async getFormData(name) {
-    const result = {};
-    const form = document.forms.namedItem(name);
-    if (form) {
-      const elements = form.elements;
-      for (let i = 0; i < elements.length; i++) {
-        const element = elements.item(i);
-        if (this.hasNameAndValue(element) && element.name)
-          result[element.name] = element.value;
-      }
-      const smoothlyInputs = form.getElementsByTagName("smoothly-input");
-      for (let i = 0; i < smoothlyInputs.length; i++) {
-        const element = smoothlyInputs.item(i);
-        if (this.hasNameAndValue(element) && element.name)
-          result[element.name] = element.value;
-      }
-    }
-    return result;
-  }
-  hasNameAndValue(element) {
-    return (typeof element.name == "string" && typeof element.value == "string");
-  }
-  async setKeepFocusOnReRender(keepFocus) {
-    this.keepFocusOnReRender = keepFocus;
-  }
-  async setSelectionRange(start, end, direction) {
-    this.state = this.newState(Object.assign(Object.assign({}, this.state), { selection: { start, end, direction: direction != undefined ? direction : this.state.selection.direction } }));
-    const after = this.formatter.format(index$1.dist.StateEditor.copy(this.formatter.unformat(index$1.dist.StateEditor.copy(Object.assign({}, this.state)))));
-    this.updateBackend(after, this.inputElement);
-  }
-  onBlur(event) { }
-  onFocus(event) {
-    const after = this.formatter.format(index$1.dist.StateEditor.copy(this.formatter.unformat(index$1.dist.StateEditor.copy(Object.assign({}, this.state)))));
-    if (event.target)
-      this.updateBackend(after, event.target);
-  }
-  onClick(event) {
-    const backend = event.target;
-    this.state = Object.assign(Object.assign({}, this.state), { value: backend.value, selection: {
-        start: backend.selectionStart != undefined ? backend.selectionStart : backend.value.length,
-        end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
-        direction: backend.selectionDirection ? backend.selectionDirection : "none",
-      } });
-    const after = this.newState(Object.assign({}, this.state));
-    this.updateBackend(after, backend);
-  }
-  onKeyDown(event) {
-    if (event.key && !(event.key == "Unidentified")) {
-      const backend = event.target;
-      this.state = Object.assign(Object.assign({}, this.state), { value: backend.value, selection: {
-          start: backend.selectionStart != undefined ? backend.selectionStart : backend.value.length,
-          end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
-          direction: backend.selectionDirection ? backend.selectionDirection : "none",
-        } });
-      if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "c")) && event.key.length == 1) ||
-        event.key == "ArrowLeft" ||
-        event.key == "ArrowRight" ||
-        event.key == "Delete" ||
-        event.key == "Backspace" ||
-        event.key == "Home" ||
-        event.key == "End") {
-        event.preventDefault();
-        this.processKey(event, backend);
-      }
-      else if (event.key == "ArrowUp" || event.key == "ArrowDown")
-        event.preventDefault();
-    }
-  }
-  onPaste(event) {
-    event.preventDefault();
-    let pasted = event.clipboardData ? event.clipboardData.getData("text") : "";
-    const backend = event.target;
-    pasted = this.expiresAutocompleteFix(backend, pasted);
-    for (const letter of pasted)
-      this.processKey({ key: letter }, backend);
-  }
-  onInput(event) {
-    var _a;
-    if (event.inputType == "insertReplacementText") {
-      this.processKey({ key: "a", ctrlKey: true }, event.target);
-      [...((_a = event.data) !== null && _a !== void 0 ? _a : "")].forEach(c => this.processKey({ key: c }, event.target));
-    }
-    else {
-      const backend = event.target;
-      let data = backend.value;
-      if (data) {
-        event.preventDefault();
-        this.processKey({ key: "a", ctrlKey: true }, backend);
-        data = this.expiresAutocompleteFix(backend, data);
-        for (const letter of data)
-          this.processKey({ key: letter }, backend);
-      }
-    }
-  }
-  expiresAutocompleteFix(backend, value) {
-    var _a;
-    if (((_a = backend.attributes.getNamedItem("autocomplete")) === null || _a === void 0 ? void 0 : _a.value) == "cc-exp")
-      value = value.match(/^20\d\d[.\D]*\d\d$/)
-        ? value.substring(value.length - 2, value.length) + value.substring(2, 4)
-        : value.match(/^(1[3-9]|[2-9]\d)[.\D]*\d\d$/)
-          ? value.substring(value.length - 2, value.length) + value.substring(0, 2)
-          : value.match(/^\d\d[.\D]*20\d\d$/)
-            ? value.substring(0, 2) + value.substring(value.length - 2, value.length)
-            : value;
-    return value;
-  }
-  processKey(event, backend) {
-    const after = index$1.dist.Action.apply(this.formatter, this.state, event);
-    this.updateBackend(after, backend);
-  }
-  updateBackend(after, backend) {
-    if (after.value != backend.value)
-      backend.value = after.value;
-    if (backend.selectionStart != undefined && after.selection.start != backend.selectionStart)
-      backend.selectionStart = after.selection.start;
-    if (backend.selectionEnd != undefined && after.selection.end != backend.selectionEnd)
-      backend.selectionEnd = after.selection.end;
-    backend.selectionDirection = after.selection.direction ? after.selection.direction : backend.selectionDirection;
-    this.state = after;
-    this.value = this.lastValue = this.formatter.fromString(this.formatter.unformat(index$1.dist.StateEditor.copy(Object.assign({}, this.state))).value);
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return (index.h(index.Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("div", null, index.h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { htmlFor: this.name }, index.h("slot", null)), index.h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }))));
-  }
-  static get watchers() { return {
-    "value": ["valueWatcher"],
-    "currency": ["onCurrency"]
-  }; }
-};
-function getLocale() {
-  const result = navigator.language;
-  return index$2.dist.Locale.is(result) ? result : index$2.dist.Language.is(result) ? index$2.dist.Locale.toLocale(result) : undefined;
-}
-SmoothlyInput.style = styleCss;
-
-exports.smoothly_input = SmoothlyInput;

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

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-primary-shade));color:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-item-h{padding:.5em;cursor:pointer;background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast));border:rgb(var(--smoothly-default-shade) solid 1px)}.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast))}";
-
-let Item = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-  }
-  onSelectedChanged(value, old) {
-    if (value && !old)
-      this.itemSelected.emit();
-  }
-  onClick() {
-    this.selected = true;
-    this.itemSelected.emit();
-  }
-  componentDidLoad() {
-    if (this.selected)
-      this.itemSelected.emit();
-  }
-  async filter(filter) {
-    const result = !(this.element.hidden = filter
-      ? !((typeof this.value === "string" ? this.value : JSON.stringify(this.value)).toLowerCase().includes(filter) ||
-        this.element.innerText.toLowerCase().includes(filter))
-      : false);
-    return result;
-  }
-  render() {
-    return index.h("slot", null);
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "selected": ["onSelectedChanged"]
-  }; }
-};
-Item.style = styleCss;
-
-exports.smoothly_item = Item;

package/dist/cjs/smoothly-menu-options.cjs.entry.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ":host{max-height:300px;width:85%;max-height:var(--max-menu-height);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color));border-radius:0.25em;color:rgb(var(--smoothly-primary-color));stroke:rgb(var(--smoothly-primary-color));fill:rgb(var(--smoothly-primary-color));box-shadow:0px 2px 24px rgba(64, 60, 57, 0.08), inset 0px 0px 1px rgba(64, 60, 57, 0.4);overflow-y:auto;cursor:pointer}:host:first-child{margin:10em}";
-
-let SmoothlyMenuOptions = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.filteredOptions = [];
-    this.highlightIndex = 0;
-    this.emptyMenuLabel = "No Options";
-    this.order = false;
-    this.options = [];
-    this.resetHighlightOnOptionsChange = true;
-  }
-  optionsChangeHandler(newOptions) {
-    this.highlightIndex = this.resetHighlightOnOptionsChange ? 0 : this.highlightIndex;
-  }
-  optionHoverHandler(event) {
-    if (event.detail.value)
-      this.setHighlight(event.detail.value);
-    event.stopPropagation();
-  }
-  async moveHighlight(step) {
-    if (this.filteredOptions.length > 0)
-      this.setHighlight((this.highlightIndex + step + this.filteredOptions.length) % this.filteredOptions.length, true);
-  }
-  async setHighlight(newIndex, scrollToHighlight = false) {
-    if (typeof newIndex == "number") {
-      this.highlightIndex = newIndex;
-      scrollToHighlight && this.scrollTo(this.highlightIndex);
-    }
-    else {
-      const value = newIndex;
-      let isHighlightSet = false;
-      this.filteredOptions.forEach((option, index) => {
-        const highlight = option.value == value;
-        this.highlightIndex = highlight ? index : this.highlightIndex;
-        highlight && scrollToHighlight && this.scrollTo(index);
-        isHighlightSet = highlight ? true : isHighlightSet;
-      });
-      if (!isHighlightSet)
-        this.setHighlight(0, true);
-    }
-  }
-  async getHighlighted() {
-    let result = undefined;
-    if (this.highlightIndex != undefined && this.filteredOptions.length > 0)
-      result = this.filteredOptions[this.highlightIndex];
-    return result;
-  }
-  async filterOptions(keyword, excludeValues = []) {
-    const keywordLowercase = keyword.toLowerCase();
-    this.filteredOptions = [];
-    for (const option of this.options) {
-      const names = option.name + (option.aliases ? option.aliases.join(" ") : "");
-      const isVisible = names.toLowerCase().includes(keywordLowercase) && !excludeValues.includes(option.value);
-      isVisible && this.filteredOptions.push(option);
-    }
-    this.order && this.sortOptions(keyword);
-  }
-  sortOptions(keyword) {
-    const keywordLowercase = keyword.toLowerCase();
-    this.filteredOptions.sort((a, b) => {
-      return this.getPriorityScore(a, keywordLowercase) - this.getPriorityScore(b, keywordLowercase);
-    });
-  }
-  getPriorityScore(option, keywordLowercase) {
-    let result = Number.MAX_SAFE_INTEGER;
-    const name = option.name;
-    const aliases = option.aliases ? option.aliases.join(" ") : "";
-    const names = `${name ? name : ""} ${aliases ? aliases : ""}`.toLowerCase();
-    if (name) {
-      result = names.split(" ").reduce((minIndex, word) => {
-        const index = word.indexOf(keywordLowercase);
-        return index != -1 && index < minIndex ? index : minIndex;
-      }, Number.MAX_SAFE_INTEGER);
-    }
-    return result;
-  }
-  scrollTo(optionIndex) {
-    var _a;
-    const optionHeight = (_a = this.firstOptionsElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height;
-    if (optionHeight) {
-      const menuHeight = this.element.getBoundingClientRect().height;
-      const scrollPosition = this.element.scrollTop;
-      const optionPosition = optionIndex * optionHeight;
-      const numOptionsInMenu = Math.floor(menuHeight / optionHeight);
-      if (optionPosition - optionHeight / 2 < scrollPosition)
-        this.element.scrollTo({ top: (optionIndex - 1) * optionHeight });
-      else if (scrollPosition < optionPosition + optionHeight - menuHeight)
-        this.element.scrollTo({ top: (optionIndex + 1 - numOptionsInMenu) * optionHeight });
-    }
-  }
-  render() {
-    return (index.h(index.Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index$1) => (index.h("smoothly-option", { style: this.optionStyle, ref: el => index$1 == 0 && (this.firstOptionsElement = el !== null && el !== void 0 ? el : this.firstOptionsElement), value: option.value, name: option.name, divider: option.divider, "data-highlight": this.highlightIndex == index$1 }, option.left ? index.h("div", { slot: "left" }, option.left) : undefined, option.right ? index.h("div", { slot: "right" }, option.right) : undefined)))) : (index.h("div", null, this.emptyMenuLabel))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "options": ["optionsChangeHandler"]
-  }; }
-};
-SmoothlyMenuOptions.style = styleCss;
-
-exports.smoothly_menu_options = SmoothlyMenuOptions;

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-notification-h{display:block;min-width:32.6%;min-height:3em;border-radius:5px;margin:0.5em}[hidden].sc-smoothly-notification-h{display:none}smoothly-trigger.sc-smoothly-notification{float:right;text-align:right;margin-right:0.2em}";
-
-let Notification = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.remove = index.createEvent(this, "remove", 7);
-    this.tick = {};
-    this.listener = notice => {
-      console.log("changed: ", notice);
-      if (notice.state == "closed")
-        this.remove.emit(notice);
-      else
-        this.tick = {};
-    };
-  }
-  get color() {
-    let result;
-    switch (this.notice.state) {
-      case "delayed":
-      case "warning":
-        result = "warning";
-        break;
-      case "success":
-        result = "success";
-        break;
-      case "executing":
-        result = "light";
-        break;
-      case "failed":
-        result = "danger";
-        break;
-      default:
-        result = "light";
-        break;
-    }
-    return result;
-  }
-  onTrigger(event) {
-    if (event.detail.name == "close") {
-      event.stopPropagation();
-      this.notice.close();
-    }
-  }
-  onUpdatedNotice(newValue, oldValue) {
-    if (oldValue)
-      oldValue.unlisten(this.listener);
-    newValue.listen(this.listener);
-  }
-  componentDidLoad() {
-    this.onUpdatedNotice(this.notice);
-  }
-  render() {
-    return (index.h(index.Host, { color: this.color, fill: "solid" }, index.h("smoothly-trigger", { fill: "clear", name: "close" }, index.h("smoothly-icon", { name: "close-circle-outline" })), index.h("p", null, this.notice.message)));
-  }
-  static get watchers() { return {
-    "notice": ["onUpdatedNotice"]
-  }; }
-};
-Notification.style = styleCss;
-
-exports.smoothly_notification = Notification;

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;justify-content:flex-start;position:fixed;bottom:3em;left:0;text-align:center;width:100%;z-index:100}";
-
-let Notifier = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.notices = [];
-  }
-  onNotice(event) {
-    this.notices = [...this.notices, event.detail];
-  }
-  onRemove(event) {
-    this.notices = [...this.notices.filter(n => n != event.detail)];
-  }
-  render() {
-    return [
-      index.h("slot", null),
-      index.h("aside", null, this.notices.map(n => (index.h("smoothly-notification", { notice: n })))),
-    ];
-  }
-};
-Notifier.style = styleCss;
-
-exports.smoothly_notifier = Notifier;

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

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = ":host{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0.7em 1em;margin-left:1px;margin-right:1px;background-color:transparent;position:relative}:host([data-highlight]){background-color:rgb(var(--smoothly-default-shade))}:host>div.middle{padding-left:0.5em;flex-shrink:1;width:100%}:host([divider]){margin-bottom:0.5em}::slotted([slot=right]){font-style:italic;white-space:nowrap}:host([divider])::after{position:absolute;height:1px;width:100%;left:0;bottom:-0.25em;content:\"\";background-color:rgba(var(--smoothly-dark-color))}";
-
-let SmoothlyOption = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.optionHover = index.createEvent(this, "optionHover", 7);
-    this.optionSelect = index.createEvent(this, "optionSelect", 7);
-    this.dataHighlight = false;
-    this.divider = false;
-  }
-  onHover(event) {
-    this.optionHover.emit({ name: this.name, value: this.value });
-  }
-  onSelect(event) {
-    if (this.value)
-      this.optionSelect.emit({ name: this.name, value: this.value });
-    else
-      throw `smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`;
-  }
-  render() {
-    return (index.h(index.Host, { onMouseDown: (e) => this.onSelect(e), onMouseOver: (e) => this.onHover(e) }, index.h("slot", { name: "left" }), index.h("div", { class: "middle" }, this.name), index.h("slot", { name: "right" })));
-  }
-  get element() { return index.getElement(this); }
-};
-SmoothlyOption.style = styleCss;
-
-exports.smoothly_option = SmoothlyOption;