@roadtrip/components 2.21.0

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const tableCss = ".sc-road-table-h{-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--text);border-collapse:collapse;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--background-second)}";
+
+const Table = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+};
+Table.style = tableCss;
+
+exports.road_table = Table;

package/dist/cjs/road-tabs.cjs.entry.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const tabsCss = ":host{position:relative;display:block}";
+
+const Tabs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.roadTabsWillChange = index.createEvent(this, "roadTabsWillChange", 3);
+    this.roadTabsDidChange = index.createEvent(this, "roadTabsDidChange", 3);
+    this.transitioning = false;
+    this.onTabClicked = (ev) => {
+      const { tab } = ev.detail;
+      this.select(tab);
+    };
+  }
+  async componentWillLoad() {
+    const tabs = this.tabs;
+    if (tabs.length > 0) {
+      this.select(tabs[0]);
+    }
+  }
+  componentWillRender() {
+    const tabBar = this.el.querySelector('road-tab-bar');
+    if (tabBar) {
+      const tab = this.selectedTab ? this.selectedTab.tab : undefined;
+      tabBar.selectedTab = tab;
+    }
+  }
+  /**
+   * Select a tab by the value of its `tab` property or an element reference.
+   *
+   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
+   */
+  async select(tab) {
+    const selectedTab = getTab(this.tabs, tab);
+    if (!this.shouldSwitch(selectedTab)) {
+      return false;
+    }
+    await this.setActive(selectedTab);
+    this.tabSwitch();
+    return true;
+  }
+  /**
+   * Get a specific tab by the value of its `tab` property or an element reference.
+   *
+   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
+   */
+  async getTab(tab) {
+    return getTab(this.tabs, tab);
+  }
+  /**
+   * Get the currently selected tab.
+   */
+  getSelected() {
+    return Promise.resolve(this.selectedTab ? this.selectedTab.tab : undefined);
+  }
+  setActive(selectedTab) {
+    if (this.transitioning) {
+      return Promise.reject('transitioning already happening');
+    }
+    this.transitioning = true;
+    this.leavingTab = this.selectedTab;
+    this.selectedTab = selectedTab;
+    this.roadTabsWillChange.emit({ tab: selectedTab.tab });
+    selectedTab.active = true;
+    return Promise.resolve();
+  }
+  tabSwitch() {
+    const selectedTab = this.selectedTab;
+    const leavingTab = this.leavingTab;
+    this.leavingTab = undefined;
+    this.transitioning = false;
+    if (!selectedTab) {
+      return;
+    }
+    if (leavingTab !== selectedTab) {
+      if (leavingTab) {
+        leavingTab.active = false;
+      }
+      this.roadTabsDidChange.emit({ tab: selectedTab.tab });
+    }
+  }
+  shouldSwitch(selectedTab) {
+    const leavingTab = this.selectedTab;
+    return selectedTab !== undefined && selectedTab !== leavingTab && !this.transitioning;
+  }
+  get tabs() {
+    return Array.from(this.el.querySelectorAll('road-tab'));
+  }
+  render() {
+    return (index.h(index.Host, { onRoadTabButtonClick: this.onTabClicked }, index.h("slot", { name: "top" }), index.h("div", { class: "tabs-inner" }, index.h("slot", null))));
+  }
+  get el() { return index.getElement(this); }
+};
+const getTab = (tabs, tab) => {
+  const tabEl = (typeof tab === 'string')
+    ? tabs.find(t => t.tab === tab)
+    : tab;
+  if (!tabEl) {
+    console.error(`tab with id: "${tabEl}" does not exist`);
+  }
+  return tabEl;
+};
+Tabs.style = tabsCss;
+
+exports.road_tabs = Tabs;

package/dist/cjs/road-text.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const textCss = ":host(.text-primary){color:var(--primary)}:host(.text-secondary){color:var(--secondary)}:host(.text-accent){color:var(--accent)}:host(.text-info){color:var(--info)}:host(.text-success){color:var(--success)}:host(.text-warning){color:var(--warning)}:host(.text-danger){color:var(--danger)}:host(.text-default){color:var(--text)}:host(.text-default-second){color:var(--text-second)}:host(.text-disabled){color:var(--text-disabled)}:host(.text-white){color:var(--white)}";
+
+const Text = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Color of the text.
+     */
+    this.color = 'default';
+  }
+  render() {
+    const colorClass = this.color !== undefined ? `text-${this.color}` : '';
+    return (index.h(index.Host, { class: `${colorClass}` }, index.h("slot", null)));
+  }
+};
+Text.style = textCss;
+
+exports.road_text = Text;

package/dist/cjs/road-textarea.cjs.entry.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--font, sans-serif);color:var(--text)}.form-control.sc-road-textarea{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.625rem 1rem 0;margin:0;font-size:0.875rem;color:var(--text);background:var(--white);border:1px solid var(--border-form);border-radius:0.25rem;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.sc-road-textarea:-ms-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::-webkit-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::-moz-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::-ms-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::placeholder{color:var(--text-second)}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{-webkit-transform:scale(0.7) translateY(-0.75rem);transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-moz-placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{-webkit-transform:scale(0.7) translateY(-0.75rem);transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:focus{border-color:var(--secondary);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--text-disabled);cursor:not-allowed;background:var(--background-second)}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;line-height:1.5}.form-label.sc-road-textarea{position:absolute;top:0.875rem;left:1rem;display:block;font-size:0.875rem;line-height:1.5;color:var(--text-second);pointer-events:none;-webkit-transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;-webkit-transform-origin:0 0;transform-origin:0 0}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--danger-text)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--danger)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}";
+
+const Textarea = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.roadInput = index.createEvent(this, "roadInput", 7);
+    this.roadChange = index.createEvent(this, "roadChange", 7);
+    this.roadBlur = index.createEvent(this, "roadBlur", 7);
+    this.roadFocus = index.createEvent(this, "roadFocus", 7);
+    /**
+     * The id of input
+     */
+    this.textareaId = `road-textarea-${textareaIds++}`;
+    /**
+     * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+     */
+    this.autocapitalize = 'none';
+    /**
+     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+     */
+    this.autofocus = false;
+    /**
+     * If `true`, the user cannot interact with the input.
+     */
+    this.disabled = false;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    this.name = this.textareaId;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    this.readonly = false;
+    /**
+     * If `true`, the user must fill in a value before submitting a form.
+     */
+    this.required = false;
+    /**
+     * If `true`, the element will have its spelling and grammar checked.
+     */
+    this.spellcheck = false;
+    /**
+     * The value of the input.
+     */
+    this.value = '';
+    /**
+     * Label for the field
+     */
+    this.label = `${this.textareaId}-label`;
+    this.onInput = (ev) => {
+      const input = ev.target;
+      if (input) {
+        this.value = input.value || '';
+      }
+      this.roadInput.emit(ev);
+    };
+    this.onBlur = () => {
+      this.roadBlur.emit();
+    };
+    this.onFocus = () => {
+      this.roadFocus.emit();
+    };
+  }
+  /**
+   * Update the native input element when the value changes
+   */
+  valueChanged() {
+    this.roadChange.emit({ value: this.value });
+  }
+  getValue() {
+    return this.value || '';
+  }
+  render() {
+    const value = this.getValue();
+    const labelId = this.textareaId + '-label';
+    const hasValueClass = this.value !== '' ? 'has-value' : '';
+    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
+    return (index.h(index.Host, { "aria-disabled": this.disabled ? 'true' : null }, index.h("textarea", { class: `form-control textarea-control ${hasValueClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), index.h("label", { class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && index.h("p", { class: "invalid-feedback" }, this.error)));
+  }
+  static get watchers() { return {
+    "value": ["valueChanged"]
+  }; }
+};
+let textareaIds = 0;
+Textarea.style = textareaCss;
+
+exports.road_textarea = Textarea;

package/dist/cjs/road-toast.cjs.entry.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+const index$1 = require('./index-0181f02a.js');
+
+const toastCss = ":host{position:fixed;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}:host(.toast-top){top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}:host(.toast-bottom){bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}:host(.toast-open){visibility:visible;opacity:1;-webkit-transform:none;transform:none}.toast{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-align:center;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.4;text-align:left}:host(.toast-top) .toast{border-radius:0 0 0.25rem 0.25rem}:host(.toast-bottom) .toast{border-radius:0.25rem 0.25rem 0 0}@media (min-width: 576px){.toast{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;-ms-flex-pack:center;justify-content:center;max-width:83.333333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--danger-contrast);background:var(--danger)}.toast-danger road-icon{color:var(--danger-contrast)}.toast-warning{color:var(--warning-contrast);background:var(--warning)}.toast-warning road-icon{color:var(--white)}.toast-success{color:var(--success-contrast);background:var(--success)}.toast-success road-icon{color:var(--success-contrast)}.toast-info{color:var(--info-contrast);background:var(--info)}.toast-info road-icon{color:var(--info-contrast)}.toast-icon{position:absolute;top:1rem;left:0.5rem}@media (min-width: 576px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px}.toast-close:focus{border-color:var(--info);outline:none}";
+
+const Toast = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.onClose = index.createEvent(this, "close", 7);
+    /**
+     * Set open propertie to true to show the toast
+     */
+    this.isOpen = false;
+    /**
+     * Set the color of toast. e.g. info, success, warning, danger
+     */
+    this.color = 'info';
+    /**
+     * How many milliseconds to wait before hiding the toast. if `"0"`, it will show
+     * until `close()` is called.
+     */
+    this.timeout = 8000;
+    /**
+     * position of the toast.
+     */
+    this.position = 'bottom';
+    /**
+     * Close the dialog when clicking on the cross or layer
+     */
+    this.onClick = (ev) => {
+      ev.stopPropagation();
+      ev.preventDefault();
+      this.close();
+    };
+  }
+  /**
+   * Watch the isOpen property to start the timeout before closing
+   */
+  isOpenChanged() {
+    if (this.isOpen && this.timeout > 0) {
+      setTimeout(() => this.close(), this.timeout);
+    }
+  }
+  /**
+   * Open the toast
+   */
+  async open() {
+    this.isOpen = true;
+    if (this.timeout > 0) {
+      setTimeout(() => {
+        this.close();
+      }, this.timeout);
+    }
+  }
+  /**
+   * Close the toast
+   */
+  async close() {
+    this.isOpen = false;
+    this.onClose.emit();
+  }
+  componentDidLoad() {
+    if (this.isOpen && this.timeout > 0) {
+      setTimeout(() => this.close(), this.timeout);
+    }
+  }
+  render() {
+    const toastIsOpenClass = this.isOpen ? 'toast-open' : '';
+    let icon;
+    switch (this.color) {
+      case 'info':
+        icon = index$1.alertInfo;
+        break;
+      case 'success':
+        icon = index$1.alertSuccess;
+        break;
+      case 'warning':
+        icon = index$1.alertWarning;
+        break;
+      case 'danger':
+        icon = index$1.alertDanger;
+        break;
+      default:
+        icon = index$1.alertInfo;
+        break;
+    }
+    return (index.h(index.Host, { class: `${toastIsOpenClass} toast-${this.position}`, role: "alert" }, index.h("div", { class: `toast toast-${this.color}` }, index.h("road-icon", { class: "toast-icon", icon: icon, "aria-hidden": "true" }), this.label, index.h("button", { type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, index.h("road-icon", { icon: index$1.navigationClose, size: "md" })))));
+  }
+  static get watchers() { return {
+    "isOpen": ["isOpenChanged"]
+  }; }
+};
+Toast.style = toastCss;
+
+exports.road_toast = Toast;

package/dist/cjs/road-toolbar-title.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const toolbarTitleCss = ":host{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}";
+
+const ToolbarTitle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "toolbar-title" }, index.h("slot", null))));
+  }
+};
+ToolbarTitle.style = toolbarTitleCss;
+
+exports.road_toolbar_title = ToolbarTitle;

package/dist/cjs/road-tooltip.cjs.entry.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8402028a.js');
+
+const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:max-content;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);max-width:var(--max-width);padding:0.5rem;font-family:var(--font);font-size:0.75rem;color:var(--text);text-align:center;pointer-events:none;background:var(--white);border:1px solid var(--border);border-radius:0.25rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);opacity:0;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.tooltip-open{opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;-webkit-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-left:-0.5rem;-webkit-transform:translateX(-94%) translateY(-55%);transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{-webkit-transform:translateX(-100%) translateY(-55%);transform:translateX(-100%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.375rem;-webkit-transform:translateX(-50%) translateY(-40%);transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;-webkit-transform:translateX(-14%) translateY(-55%);transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{-webkit-transform:translateX(0) translateY(-55%);transform:translateX(0) translateY(-55%)}";
+
+const Tooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * The id of tooltip
+     */
+    this.tooltipId = `road-tooltip-${++tooltipIds}`;
+    /**
+     * The tooltip's content.
+     */
+    this.content = '';
+    /**
+     * The position of the tooltip.
+     */
+    this.position = 'top';
+    /**
+     * Indicates whether or not the tooltip is open. You can use this or the open/close methods.
+     */
+    this.isOpen = false;
+    /**
+     * Controls how the tooltip is activated. Possible options include `click`, `hover`. Multiple
+     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+     * programmatically.
+     */
+    this.trigger = 'hover';
+    this.onClick = () => {
+      if (this.hasTrigger('click')) {
+        this.isOpen ? this.close() : this.open();
+      }
+    };
+    this.onMouseOver = () => {
+      if (this.hasTrigger('hover')) {
+        this.open();
+      }
+    };
+    this.onMouseOut = () => {
+      if (this.hasTrigger('hover')) {
+        this.close();
+      }
+    };
+  }
+  /**
+   * Shows the tooltip.
+   */
+  async open() {
+    this.isOpen = true;
+  }
+  /**
+   * Shows the tooltip.
+   */
+  async close() {
+    this.isOpen = false;
+  }
+  hasTrigger(triggerType) {
+    const triggers = this.trigger.split(' ');
+    return triggers.includes(triggerType);
+  }
+  render() {
+    return (index.h(index.Host, { onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, "data-tooltip-position": this.position }, index.h("slot", { "aria-describedby": this.tooltipId }), index.h("div", { part: "tooltip", id: this.tooltipId, class: {
+        tooltip: true,
+        'tooltip-open': this.isOpen,
+      }, role: "tooltip", "aria-hidden": !this.isOpen }, this.content, index.h("slot", { name: "tooltip-content" }))));
+  }
+  get el() { return index.getElement(this); }
+};
+let tooltipIds = 0;
+Tooltip.style = tooltipCss;
+
+exports.road_tooltip = Tooltip;

package/dist/cjs/roadtrip.cjs.js

@@ -0,0 +1,87 @@
+'use strict';
+
+const index = require('./index-8402028a.js');
+require('./app-268f9884.js');
+
+/*
+ Stencil Client Patch Browser v2.8.0 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    {
+        // shim css vars
+        index.plt.$cssShim$ = index.win.__cssshim;
+    }
+    // @ts-ignore
+    const scriptElm = Array.from(index.doc.querySelectorAll('script')).find((s) => new RegExp(`\/${index.NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
+            s.getAttribute('data-stencil-namespace') === index.NAMESPACE)
+        ;
+    const opts = {};
+    if ('onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, index.win.location.href)).href;
+        {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (!index.win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-3e7d9c3b.js'); }).then(() => opts);
+        }
+    }
+    return index.promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(index.NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        index.win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        index.win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = index.doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
+                    type: 'application/javascript',
+                }));
+                mod = new Promise((resolve) => {
+                    script.onload = () => {
+                        resolve(index.win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                index.doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["road-badge_11.cjs",[[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-list",{"lines":[1]}],[1,"road-row"],[1,"road-toolbar",{"color":[1]}],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-counter.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2]}]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"placeholder":[1],"value":[1032]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"]}]]],["road-carousel.cjs",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-rating.cjs",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"position":[1],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"onlySelect":[4,"only-select"],"visible":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadChange","handleChange"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1]}]]],["road-flap.cjs",[[1,"road-flap",{"color":[1]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025]}]]],["road-range.cjs",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"label":[1],"error":[1],"value":[1032]}]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner"]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-input.cjs",[[2,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[1],"value":[1032],"label":[1],"error":[1]}]]],["road-input-group.cjs",[[1,"road-input-group"]]]], options);
+});