@mapsindoors/map-template 1.0.0 → 1.1.0

package/dist/mi-metric-card.entry-32f831b0.mjs

@@ -1,26 +0,0 @@
-import { r as e, h as i, H as o } from "./webcomponent-5ad04e2a.mjs";
-import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
-const r = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host mi-card{position:relative;overflow:hidden;min-width:312px}:host mi-card .content h1{display:inline-flex;cursor:default;align-items:center;text-transform:uppercase;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:8px}:host mi-card .content h1 svg{fill:#9ca3af;width:16px;height:16px;margin-left:8px}:host mi-card .content section{position:relative}:host mi-card .content section p{margin:0;font-size:3rem;line-height:3rem;font-weight:500;color:#1c1917}:host mi-card .content section p.error{font-size:1rem;font-weight:500;color:#6b7280}:host mi-card .content section p.hidden{visibility:hidden}:host mi-card .content section p.tool-tip{box-sizing:border-box;visibility:hidden;overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition:all 100ms;z-index:700;background-color:#ffffff;font-size:0.875rem;font-weight:400;line-height:1rem;margin:0}:host mi-card .content section p.tool-tip.visible{opacity:1;visibility:visible}:host mi-card .content section mi-spinner{display:inline-block;vertical-align:middle;width:100%}', l = class {
-  constructor(t) {
-    e(this, t), this.showToolTip = !1, this.label = "", this.value = "", this.tip = void 0, this.spinner = !1, this.error = void 0;
-  }
-  render() {
-    return i(o, null, i("mi-card", null, this.renderContent()));
-  }
-  renderToolTip() {
-    if (this.tip > "")
-      return i("p", { class: { "tool-tip": !0, visible: this.tip && this.showToolTip } }, this.tip);
-  }
-  getInfoIcon() {
-    if (this.tip > "")
-      return i("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 0 24 24", width: "24" }, i("path", { d: "M0 0h24v24H0V0z", fill: "none" }), i("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92c-.5.51-.86.97-1.04 1.69-.08.32-.13.68-.13 1.14h-2v-.5c0-.46.08-.9.22-1.31.2-.58.53-1.1.95-1.52l1.24-1.26c.46-.44.68-1.1.55-1.8-.13-.72-.69-1.33-1.39-1.53-1.11-.31-2.14.32-2.47 1.27-.12.37-.43.65-.82.65h-.3C8.4 9 8 8.44 8.16 7.88c.43-1.47 1.68-2.59 3.23-2.83 1.52-.24 2.97.55 3.87 1.8 1.18 1.63.83 3.38-.19 4.4z" }));
-  }
-  renderContent() {
-    let t;
-    return this.value ? t = s(this.value) ? n(this.value) : this.value : this.error ? t = this.error : this.spinner ? t = i("mi-spinner", null) : t = " ", i("div", { class: "content" }, i("h1", { onMouseOver: () => this.showToolTip = !0, onMouseOut: () => this.showToolTip = !1 }, this.label, "  ", this.getInfoIcon()), i("section", null, this.renderToolTip(), i("p", { class: { error: !!this.error, hidden: this.tip && this.showToolTip } }, t)));
-  }
-};
-l.style = r;
-export {
-  l as mi_metric_card
-};

package/dist/mi-metric-card.entry-55487c97.mjs

@@ -1,28 +0,0 @@
-import { r as e, h as i, H as o } from "./reactcomponent-2798f651.mjs";
-import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
-import "react";
-import "react-dom";
-const r = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host mi-card{position:relative;overflow:hidden;min-width:312px}:host mi-card .content h1{display:inline-flex;cursor:default;align-items:center;text-transform:uppercase;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:8px}:host mi-card .content h1 svg{fill:#9ca3af;width:16px;height:16px;margin-left:8px}:host mi-card .content section{position:relative}:host mi-card .content section p{margin:0;font-size:3rem;line-height:3rem;font-weight:500;color:#1c1917}:host mi-card .content section p.error{font-size:1rem;font-weight:500;color:#6b7280}:host mi-card .content section p.hidden{visibility:hidden}:host mi-card .content section p.tool-tip{box-sizing:border-box;visibility:hidden;overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition:all 100ms;z-index:700;background-color:#ffffff;font-size:0.875rem;font-weight:400;line-height:1rem;margin:0}:host mi-card .content section p.tool-tip.visible{opacity:1;visibility:visible}:host mi-card .content section mi-spinner{display:inline-block;vertical-align:middle;width:100%}', l = class {
-  constructor(t) {
-    e(this, t), this.showToolTip = !1, this.label = "", this.value = "", this.tip = void 0, this.spinner = !1, this.error = void 0;
-  }
-  render() {
-    return i(o, null, i("mi-card", null, this.renderContent()));
-  }
-  renderToolTip() {
-    if (this.tip > "")
-      return i("p", { class: { "tool-tip": !0, visible: this.tip && this.showToolTip } }, this.tip);
-  }
-  getInfoIcon() {
-    if (this.tip > "")
-      return i("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 0 24 24", width: "24" }, i("path", { d: "M0 0h24v24H0V0z", fill: "none" }), i("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92c-.5.51-.86.97-1.04 1.69-.08.32-.13.68-.13 1.14h-2v-.5c0-.46.08-.9.22-1.31.2-.58.53-1.1.95-1.52l1.24-1.26c.46-.44.68-1.1.55-1.8-.13-.72-.69-1.33-1.39-1.53-1.11-.31-2.14.32-2.47 1.27-.12.37-.43.65-.82.65h-.3C8.4 9 8 8.44 8.16 7.88c.43-1.47 1.68-2.59 3.23-2.83 1.52-.24 2.97.55 3.87 1.8 1.18 1.63.83 3.38-.19 4.4z" }));
-  }
-  renderContent() {
-    let t;
-    return this.value ? t = s(this.value) ? n(this.value) : this.value : this.error ? t = this.error : this.spinner ? t = i("mi-spinner", null) : t = " ", i("div", { class: "content" }, i("h1", { onMouseOver: () => this.showToolTip = !0, onMouseOut: () => this.showToolTip = !1 }, this.label, "  ", this.getInfoIcon()), i("section", null, this.renderToolTip(), i("p", { class: { error: !!this.error, hidden: this.tip && this.showToolTip } }, t)));
-  }
-};
-l.style = r;
-export {
-  l as mi_metric_card
-};

package/dist/mi-notification.entry-44dee5c8.mjs

@@ -1,83 +0,0 @@
-import { r as c, f as r, h as i, H as f, g as d } from "./reactcomponent-2798f651.mjs";
-import "react";
-import "react-dom";
-var l;
-(function(t) {
-  t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t.BOTTOM_RIGHT = "bottom-right";
-})(l || (l = {}));
-var n;
-(function(t) {
-  t.Error = "error", t.Info = "info", t.Success = "success", t.Warning = "warning", t.None = "none";
-})(n || (n = {}));
-const h = ':host{padding:16px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";position:fixed;z-index:1000;display:flex;flex-direction:column}:host(.top-left){top:0;left:0}:host(.top-center){top:0;align-items:center;left:50%;transform:translate(-50%, 0)}:host(.top-right){top:0;right:0;align-items:flex-end}:host(.bottom-left){bottom:0;left:0}:host(.bottom-center){bottom:0;align-items:center;left:50%;transform:translate(-50%, 0)}:host(.bottom-right){bottom:0;right:0;align-items:flex-end}.notification{margin-top:16px;display:flex;flex-direction:row;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:2px;background-color:#fcfcfc;overflow:hidden}.notification .icon{width:48px;display:flex;justify-content:center;align-items:center}.notification .icon-type--error{background-color:#ef4444}.notification .icon-type--success{background-color:#22c55e}.notification .icon-type--warning{background-color:#f59e0b}.notification .icon-type--info{background-color:#6b7280}.notification .label{padding-left:16px;flex:1;font-size:0.875rem}.notification .btn{padding-left:24px;padding-right:16px;display:flex;align-items:center;border:none;background-color:#fcfcfc}.notification .btn:focus{outline:none;box-shadow:none}', p = class {
-  constructor(t) {
-    c(this, t), this.notifications = [], this.notificationId = 0, this.position = l.BOTTOM_RIGHT, this.duration = 3;
-  }
-  /**
-   * Show a notification.
-   *
-   * @param {string} message - Message to display.
-   * @param {string} [type='none'] - Type of notification. Available types: 'info', 'warning', 'success', 'error' and 'none'.
-   * @param {boolean} [sticky=false] - Set message as sticky to prevent it from disappearing.
-   * @returns {Promise<void>}
-   */
-  async push(t, e = "none", o = !1) {
-    if (typeof t != "string" || t.length < 1)
-      return;
-    if (!Object.values(n).some((a) => a === e)) {
-      console.error("Invalid notification type");
-      return;
-    }
-    const s = {
-      id: this.notificationId,
-      message: t,
-      sticky: o,
-      type: e
-    };
-    o === !1 && (s.timer = window.setTimeout(() => this.dismiss(s.id), this.duration * 1e3)), this.notificationId++, this.notifications.push(s), r(this.hostElement);
-  }
-  /**
-   * Clear all notifications.
-   *
-   * @returns {Promise<void>}
-   */
-  async clearAll() {
-    this.notifications = [], r(this.hostElement);
-  }
-  /**
-   * Dismiss a single notification.
-   *
-   * @param {number} id
-   */
-  dismiss(t) {
-    this.notifications = this.notifications.filter((e) => e.id !== t), r(this.hostElement);
-  }
-  render() {
-    return i(f, { class: this.position }, this.notifications.map((t) => this.renderNotification(t)));
-  }
-  /**
-   * Get JSX for notification.
-   *
-   * @param {NotificationMessage} { id, message }
-   * @returns {JSX.Element}
-   */
-  renderNotification({ id: t, message: e, type: o }) {
-    return i("div", { class: "notification", role: "alert" }, o && o !== "none" ? this.renderIcon(o) : null, i("p", { class: "label" }, e), i("button", { type: "button", "aria-label": "Dismiss notification", class: "btn", onClick: () => this.dismiss(t) }, i("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", fill: "#1E2025" }))));
-  }
-  /**
-   * Get JSX for type-icon.
-   *
-   * @param {NotificationType} type
-   * @returns {JSX.Element}
-   */
-  renderIcon(t) {
-    return t === n.Error ? i("div", { class: "icon icon-type--error" }, i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V13H11V15H9ZM9 5V11H11V5H9Z", fill: "#FCFCFC" }))) : t === n.Success ? i("div", { class: "icon icon-type--success" }, i("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { d: "M5.99997 11.17L1.82997 7L0.409973 8.41L5.99997 14L18 2L16.59 0.59L5.99997 11.17Z", fill: "#FCFCFC" }))) : t === n.Warning ? i("div", { class: "icon icon-type--warning" }, i("svg", { width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 19L11 0L0 19H22ZM10 16V14H12V16H10ZM10 12H12V8H10V12Z", fill: "#FCFCFC" }))) : i("div", { class: "icon icon-type--info" }, i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V9H11V15H9ZM9 5V7H11V5H9Z", fill: "#FCFCFC" })));
-  }
-  get hostElement() {
-    return d(this);
-  }
-};
-p.style = h;
-export {
-  p as mi_notification
-};

package/dist/mi-notification.entry-eadf8dc9.mjs

@@ -1,81 +0,0 @@
-import { r as c, f as r, h as i, H as f, g as d } from "./webcomponent-5ad04e2a.mjs";
-var l;
-(function(t) {
-  t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t.BOTTOM_RIGHT = "bottom-right";
-})(l || (l = {}));
-var n;
-(function(t) {
-  t.Error = "error", t.Info = "info", t.Success = "success", t.Warning = "warning", t.None = "none";
-})(n || (n = {}));
-const h = ':host{padding:16px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";position:fixed;z-index:1000;display:flex;flex-direction:column}:host(.top-left){top:0;left:0}:host(.top-center){top:0;align-items:center;left:50%;transform:translate(-50%, 0)}:host(.top-right){top:0;right:0;align-items:flex-end}:host(.bottom-left){bottom:0;left:0}:host(.bottom-center){bottom:0;align-items:center;left:50%;transform:translate(-50%, 0)}:host(.bottom-right){bottom:0;right:0;align-items:flex-end}.notification{margin-top:16px;display:flex;flex-direction:row;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:2px;background-color:#fcfcfc;overflow:hidden}.notification .icon{width:48px;display:flex;justify-content:center;align-items:center}.notification .icon-type--error{background-color:#ef4444}.notification .icon-type--success{background-color:#22c55e}.notification .icon-type--warning{background-color:#f59e0b}.notification .icon-type--info{background-color:#6b7280}.notification .label{padding-left:16px;flex:1;font-size:0.875rem}.notification .btn{padding-left:24px;padding-right:16px;display:flex;align-items:center;border:none;background-color:#fcfcfc}.notification .btn:focus{outline:none;box-shadow:none}', g = class {
-  constructor(t) {
-    c(this, t), this.notifications = [], this.notificationId = 0, this.position = l.BOTTOM_RIGHT, this.duration = 3;
-  }
-  /**
-   * Show a notification.
-   *
-   * @param {string} message - Message to display.
-   * @param {string} [type='none'] - Type of notification. Available types: 'info', 'warning', 'success', 'error' and 'none'.
-   * @param {boolean} [sticky=false] - Set message as sticky to prevent it from disappearing.
-   * @returns {Promise<void>}
-   */
-  async push(t, e = "none", o = !1) {
-    if (typeof t != "string" || t.length < 1)
-      return;
-    if (!Object.values(n).some((a) => a === e)) {
-      console.error("Invalid notification type");
-      return;
-    }
-    const s = {
-      id: this.notificationId,
-      message: t,
-      sticky: o,
-      type: e
-    };
-    o === !1 && (s.timer = window.setTimeout(() => this.dismiss(s.id), this.duration * 1e3)), this.notificationId++, this.notifications.push(s), r(this.hostElement);
-  }
-  /**
-   * Clear all notifications.
-   *
-   * @returns {Promise<void>}
-   */
-  async clearAll() {
-    this.notifications = [], r(this.hostElement);
-  }
-  /**
-   * Dismiss a single notification.
-   *
-   * @param {number} id
-   */
-  dismiss(t) {
-    this.notifications = this.notifications.filter((e) => e.id !== t), r(this.hostElement);
-  }
-  render() {
-    return i(f, { class: this.position }, this.notifications.map((t) => this.renderNotification(t)));
-  }
-  /**
-   * Get JSX for notification.
-   *
-   * @param {NotificationMessage} { id, message }
-   * @returns {JSX.Element}
-   */
-  renderNotification({ id: t, message: e, type: o }) {
-    return i("div", { class: "notification", role: "alert" }, o && o !== "none" ? this.renderIcon(o) : null, i("p", { class: "label" }, e), i("button", { type: "button", "aria-label": "Dismiss notification", class: "btn", onClick: () => this.dismiss(t) }, i("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", fill: "#1E2025" }))));
-  }
-  /**
-   * Get JSX for type-icon.
-   *
-   * @param {NotificationType} type
-   * @returns {JSX.Element}
-   */
-  renderIcon(t) {
-    return t === n.Error ? i("div", { class: "icon icon-type--error" }, i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V13H11V15H9ZM9 5V11H11V5H9Z", fill: "#FCFCFC" }))) : t === n.Success ? i("div", { class: "icon icon-type--success" }, i("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { d: "M5.99997 11.17L1.82997 7L0.409973 8.41L5.99997 14L18 2L16.59 0.59L5.99997 11.17Z", fill: "#FCFCFC" }))) : t === n.Warning ? i("div", { class: "icon icon-type--warning" }, i("svg", { width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 19L11 0L0 19H22ZM10 16V14H12V16H10ZM10 12H12V8H10V12Z", fill: "#FCFCFC" }))) : i("div", { class: "icon icon-type--info" }, i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true", focusable: "false" }, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V9H11V15H9ZM9 5V7H11V5H9Z", fill: "#FCFCFC" })));
-  }
-  get hostElement() {
-    return d(this);
-  }
-};
-g.style = h;
-export {
-  g as mi_notification
-};

package/dist/mi-route-instructions-heading.entry-a4e69ea6.mjs

@@ -1,72 +0,0 @@
-import { r as s, h as i } from "./webcomponent-5ad04e2a.mjs";
-import { R as t } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
-import { U as n } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-const a = '.directions{border-bottom:1px solid #d1d5db;color:#1c1917;font-size:1rem;font-weight:400;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.directions-way-points{padding-top:24px;padding-bottom:24px;padding-left:16px;padding-right:16px;border-bottom:1px solid #f3f4f6}.directions-way-points span{display:block}.directions-way-points span:first-child{font-size:1.25rem;font-weight:500;line-height:1.5rem}.directions-way-points span:last-child{color:#6b7280}.directions-way-points span:last-child a{color:#3b82f6;text-decoration:none}.directions-details{padding:16px;display:flex;flex-direction:row;justify-content:space-between}.directions-details-numbers mi-time{font-weight:500}.directions-details-numbers-distance{color:#6b7280;font-size:0.875rem;font-weight:400;text-transform:lowercase}.directions-details-travel-mode-selector{display:flex;align-items:center;color:#3b82f6;text-decoration:none}.directions-details-travel-mode-selector mi-icon{width:24px;height:24px;margin-left:8px;background-color:#3b82f6}', r = class {
-  constructor(e) {
-    s(this, e), this.originName = void 0, this.destinationName = void 0, this.totalTravelTime = void 0, this.totalWalkingDistance = void 0, this.travelMode = t.Walking, this.unit = n.Metric, this.translations = {
-      from: "From",
-      to: "To",
-      avoidStairs: "Avoid stairs",
-      walk: "Walk",
-      walking: "Walking",
-      bike: "Bike",
-      bicycling: "Bicycling",
-      transit: "Transit",
-      car: "Car",
-      driving: "Driving"
-    };
-  }
-  /**
-   * Get travel mode as a string. Eg. "Walking", "Driving", "Transit", "Bicycling".
-   *
-   * @returns {string}
-   */
-  getTravelModeString() {
-    switch (this.travelMode) {
-      case t.Walking:
-        return this.translations.walk;
-      case t.Driving:
-        return this.translations.car;
-      case t.Transit:
-        return this.translations.transit;
-      case t.Bicycling:
-        return this.translations.bike;
-      default:
-        return this.translations.walk;
-    }
-  }
-  /**
-   * Get icon name for travel mode.
-   *
-   * @returns {string}
-   */
-  getTravelModeIconName() {
-    switch (this.travelMode) {
-      case t.Walking:
-        return "walk";
-      case t.Driving:
-        return "car";
-      case t.Transit:
-        return "transit";
-      case t.Bicycling:
-        return "bike";
-      default:
-        return "walk";
-    }
-  }
-  render() {
-    return i("div", { class: "directions" }, this.originName && this.destinationName ? this.renderWayPoints() : null, i("div", { class: "directions-details" }, this.totalTravelTime >= 0 || this.totalWalkingDistance >= 0 ? i("div", { class: "directions-details-numbers" }, this.totalTravelTime >= 0 ? i("div", null, i("mi-time", { seconds: this.totalTravelTime })) : null, this.totalWalkingDistance >= 0 ? i("div", { class: "directions-details-numbers-distance" }, i("mi-distance", { meters: this.totalWalkingDistance }), " ", this.translations.walking.toLowerCase()) : null) : null, i("a", { href: "#", class: "directions-details-travel-mode-selector" }, this.getTravelModeString(), i("mi-icon", { "icon-name": this.getTravelModeIconName() }))));
-  }
-  /**
-   * Render direction way points.
-   *
-   * @returns {JSX.Element}
-   */
-  renderWayPoints() {
-    return i("div", { class: "directions-way-points" }, i("span", null, this.translations.to, " ", this.destinationName), i("span", null, this.translations.from, " ", i("a", { href: "#" }, this.originName)));
-  }
-};
-r.style = a;
-export {
-  r as mi_route_instructions_heading
-};

package/dist/mi-route-instructions-heading.entry-e612f18b.mjs

@@ -1,74 +0,0 @@
-import { r as s, h as i } from "./reactcomponent-2798f651.mjs";
-import { R as t } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
-import { U as n } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-import "react";
-import "react-dom";
-const a = '.directions{border-bottom:1px solid #d1d5db;color:#1c1917;font-size:1rem;font-weight:400;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.directions-way-points{padding-top:24px;padding-bottom:24px;padding-left:16px;padding-right:16px;border-bottom:1px solid #f3f4f6}.directions-way-points span{display:block}.directions-way-points span:first-child{font-size:1.25rem;font-weight:500;line-height:1.5rem}.directions-way-points span:last-child{color:#6b7280}.directions-way-points span:last-child a{color:#3b82f6;text-decoration:none}.directions-details{padding:16px;display:flex;flex-direction:row;justify-content:space-between}.directions-details-numbers mi-time{font-weight:500}.directions-details-numbers-distance{color:#6b7280;font-size:0.875rem;font-weight:400;text-transform:lowercase}.directions-details-travel-mode-selector{display:flex;align-items:center;color:#3b82f6;text-decoration:none}.directions-details-travel-mode-selector mi-icon{width:24px;height:24px;margin-left:8px;background-color:#3b82f6}', r = class {
-  constructor(e) {
-    s(this, e), this.originName = void 0, this.destinationName = void 0, this.totalTravelTime = void 0, this.totalWalkingDistance = void 0, this.travelMode = t.Walking, this.unit = n.Metric, this.translations = {
-      from: "From",
-      to: "To",
-      avoidStairs: "Avoid stairs",
-      walk: "Walk",
-      walking: "Walking",
-      bike: "Bike",
-      bicycling: "Bicycling",
-      transit: "Transit",
-      car: "Car",
-      driving: "Driving"
-    };
-  }
-  /**
-   * Get travel mode as a string. Eg. "Walking", "Driving", "Transit", "Bicycling".
-   *
-   * @returns {string}
-   */
-  getTravelModeString() {
-    switch (this.travelMode) {
-      case t.Walking:
-        return this.translations.walk;
-      case t.Driving:
-        return this.translations.car;
-      case t.Transit:
-        return this.translations.transit;
-      case t.Bicycling:
-        return this.translations.bike;
-      default:
-        return this.translations.walk;
-    }
-  }
-  /**
-   * Get icon name for travel mode.
-   *
-   * @returns {string}
-   */
-  getTravelModeIconName() {
-    switch (this.travelMode) {
-      case t.Walking:
-        return "walk";
-      case t.Driving:
-        return "car";
-      case t.Transit:
-        return "transit";
-      case t.Bicycling:
-        return "bike";
-      default:
-        return "walk";
-    }
-  }
-  render() {
-    return i("div", { class: "directions" }, this.originName && this.destinationName ? this.renderWayPoints() : null, i("div", { class: "directions-details" }, this.totalTravelTime >= 0 || this.totalWalkingDistance >= 0 ? i("div", { class: "directions-details-numbers" }, this.totalTravelTime >= 0 ? i("div", null, i("mi-time", { seconds: this.totalTravelTime })) : null, this.totalWalkingDistance >= 0 ? i("div", { class: "directions-details-numbers-distance" }, i("mi-distance", { meters: this.totalWalkingDistance }), " ", this.translations.walking.toLowerCase()) : null) : null, i("a", { href: "#", class: "directions-details-travel-mode-selector" }, this.getTravelModeString(), i("mi-icon", { "icon-name": this.getTravelModeIconName() }))));
-  }
-  /**
-   * Render direction way points.
-   *
-   * @returns {JSX.Element}
-   */
-  renderWayPoints() {
-    return i("div", { class: "directions-way-points" }, i("span", null, this.translations.to, " ", this.destinationName), i("span", null, this.translations.from, " ", i("a", { href: "#" }, this.originName)));
-  }
-};
-r.style = a;
-export {
-  r as mi_route_instructions_heading
-};

package/dist/mi-route-instructions-maneuver_2.entry-9a0ff4c4.mjs

@@ -1,115 +0,0 @@
-import { r as l, h as s, H as h } from "./reactcomponent-2798f651.mjs";
-import { U as u } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-import "react";
-import "react-dom";
-const d = ':host{display:flex;padding-top:12px;padding-bottom:12px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.icon{width:48px;display:flex;justify-content:center}.icon mi-icon{width:24px;height:24px}.description{display:flex;flex-direction:column;flex:1}.description p{margin:0;padding-right:16px;font-size:0.875rem;word-break:break-all}.description__distance{display:flex;align-items:center}.description__distance mi-distance{font-size:0.75rem;padding-right:12px}.description__distance-border{flex:1;width:100%;height:0;border-bottom:1px solid #e5e7eb}', c = class {
-  constructor(t) {
-    l(this, t), this.maneuver = void 0, this.maneuverData = void 0, this.translations = void 0, this.translationsData = void 0, this.unit = u.Metric;
-  }
-  parseManeuverProp() {
-    this.maneuverData = JSON.parse(this.maneuver);
-  }
-  parseTranslationsProp() {
-    this.translationsData = JSON.parse(this.translations);
-  }
-  componentWillLoad() {
-    this.parseManeuverProp(), this.parseTranslationsProp();
-  }
-  /**
-   * Get maneuver name.
-   *
-   * @returns {string}
-   */
-  getManeuverName(t) {
-    if (t.includes("straight"))
-      return "straight";
-    if (t.includes("sharp right"))
-      return "sharp-right";
-    if (t.includes("sharp left"))
-      return "sharp-left";
-    if (t.includes("slight right"))
-      return "slight-right";
-    if (t.includes("slight left"))
-      return "slight-left";
-    if (t.includes("right"))
-      return "right";
-    if (t.includes("left"))
-      return "left";
-    if (t.includes("uturn"))
-      return "u-turn";
-    if (t.includes("depart"))
-      return "straight";
-  }
-  render() {
-    return this.maneuverData && this.translationsData ? this.renderManeuver() : null;
-  }
-  /**
-   * Render step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderManeuver() {
-    const t = {
-      straight: this.translationsData.continueStraightAhead,
-      left: `${this.translationsData.goLeft} ${this.translationsData.andContinue}`,
-      "sharp-left": `${this.translationsData.goSharpLeft} ${this.translationsData.andContinue}`,
-      "slight-left": `${this.translationsData.goSlightLeft} ${this.translationsData.andContinue}`,
-      right: `${this.translationsData.goRight} ${this.translationsData.andContinue}`,
-      "sharp-right": `${this.translationsData.goSharpRight} ${this.translationsData.andContinue}`,
-      "slight-right": `${this.translationsData.goSlightRight} ${this.translationsData.andContinue}`,
-      "u-turn": `${this.translationsData.turnAround} ${this.translationsData.andContinue}`
-      // 'Turn around and continue'
-    }, n = this.getManeuverName(this.maneuverData.maneuver.toLowerCase()), i = `arrow-${n}`, a = this.maneuverData.instructions ? this.maneuverData.instructions : t[n];
-    return s(h, null, s("div", { class: "icon" }, n ? s("mi-icon", { part: "maneuver-icon", "icon-name": i }) : null), s("div", { class: "description" }, s("p", { part: "maneuver-description" }, a), s("div", { class: "description__distance" }, s("mi-distance", { part: "maneuver-description-distance", meters: this.maneuverData.distance.value, unit: this.unit }), s("span", { part: "maneuver-description-distance-border", class: "description__distance-border" }))));
-  }
-  static get watchers() {
-    return {
-      maneuver: ["parseManeuverProp"],
-      translations: ["parseTranslationsProp"]
-    };
-  }
-};
-c.style = d;
-const D = class {
-  constructor(t) {
-    l(this, t), this.seconds = void 0, this.translations = void 0, this.translationsData = void 0;
-  }
-  setTranslations() {
-    this.translations ? this.translationsData = JSON.parse(this.translations) : this.translationsData = { days: "d", hours: "h", minutes: "min" };
-  }
-  componentWillLoad() {
-    this.setTranslations();
-  }
-  /**
-   * Get display string in days, hours, and minutes, eg. "1 d 23 h 4 min".
-   * Minimum display value is 1 minute.
-   *
-   * @param {number} seconds Duration in seconds.
-   * @returns {string}
-   */
-  getDurationDisplayString(t) {
-    const n = Math.floor(t / 86400), i = Math.floor(t % 86400 / 3600), a = Math.floor(t % 86400 % 3600 / 60), r = n > 0 ? `${n} ${this.translationsData.days} ` : "", o = i > 0 ? `${i} ${this.translationsData.hours} ` : "";
-    let e = a > 0 ? `${a} ${this.translationsData.minutes}` : "";
-    return !r && !o && !e && (e = "1 min"), `${r}${o}${e}`.trim();
-  }
-  render() {
-    return this.seconds >= 0 && this.translationsData ? this.renderDuration() : null;
-  }
-  /**
-   * Render formatted duration string.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDuration() {
-    return s("span", null, this.getDurationDisplayString(this.seconds));
-  }
-  static get watchers() {
-    return {
-      translations: ["setTranslations"]
-    };
-  }
-};
-export {
-  c as mi_route_instructions_maneuver,
-  D as mi_time
-};

package/dist/mi-route-instructions-maneuver_2.entry-a8e830aa.mjs

@@ -1,113 +0,0 @@
-import { r as l, h as s, H as h } from "./webcomponent-5ad04e2a.mjs";
-import { U as u } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-const d = ':host{display:flex;padding-top:12px;padding-bottom:12px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.icon{width:48px;display:flex;justify-content:center}.icon mi-icon{width:24px;height:24px}.description{display:flex;flex-direction:column;flex:1}.description p{margin:0;padding-right:16px;font-size:0.875rem;word-break:break-all}.description__distance{display:flex;align-items:center}.description__distance mi-distance{font-size:0.75rem;padding-right:12px}.description__distance-border{flex:1;width:100%;height:0;border-bottom:1px solid #e5e7eb}', c = class {
-  constructor(t) {
-    l(this, t), this.maneuver = void 0, this.maneuverData = void 0, this.translations = void 0, this.translationsData = void 0, this.unit = u.Metric;
-  }
-  parseManeuverProp() {
-    this.maneuverData = JSON.parse(this.maneuver);
-  }
-  parseTranslationsProp() {
-    this.translationsData = JSON.parse(this.translations);
-  }
-  componentWillLoad() {
-    this.parseManeuverProp(), this.parseTranslationsProp();
-  }
-  /**
-   * Get maneuver name.
-   *
-   * @returns {string}
-   */
-  getManeuverName(t) {
-    if (t.includes("straight"))
-      return "straight";
-    if (t.includes("sharp right"))
-      return "sharp-right";
-    if (t.includes("sharp left"))
-      return "sharp-left";
-    if (t.includes("slight right"))
-      return "slight-right";
-    if (t.includes("slight left"))
-      return "slight-left";
-    if (t.includes("right"))
-      return "right";
-    if (t.includes("left"))
-      return "left";
-    if (t.includes("uturn"))
-      return "u-turn";
-    if (t.includes("depart"))
-      return "straight";
-  }
-  render() {
-    return this.maneuverData && this.translationsData ? this.renderManeuver() : null;
-  }
-  /**
-   * Render step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderManeuver() {
-    const t = {
-      straight: this.translationsData.continueStraightAhead,
-      left: `${this.translationsData.goLeft} ${this.translationsData.andContinue}`,
-      "sharp-left": `${this.translationsData.goSharpLeft} ${this.translationsData.andContinue}`,
-      "slight-left": `${this.translationsData.goSlightLeft} ${this.translationsData.andContinue}`,
-      right: `${this.translationsData.goRight} ${this.translationsData.andContinue}`,
-      "sharp-right": `${this.translationsData.goSharpRight} ${this.translationsData.andContinue}`,
-      "slight-right": `${this.translationsData.goSlightRight} ${this.translationsData.andContinue}`,
-      "u-turn": `${this.translationsData.turnAround} ${this.translationsData.andContinue}`
-      // 'Turn around and continue'
-    }, n = this.getManeuverName(this.maneuverData.maneuver.toLowerCase()), i = `arrow-${n}`, a = this.maneuverData.instructions ? this.maneuverData.instructions : t[n];
-    return s(h, null, s("div", { class: "icon" }, n ? s("mi-icon", { part: "maneuver-icon", "icon-name": i }) : null), s("div", { class: "description" }, s("p", { part: "maneuver-description" }, a), s("div", { class: "description__distance" }, s("mi-distance", { part: "maneuver-description-distance", meters: this.maneuverData.distance.value, unit: this.unit }), s("span", { part: "maneuver-description-distance-border", class: "description__distance-border" }))));
-  }
-  static get watchers() {
-    return {
-      maneuver: ["parseManeuverProp"],
-      translations: ["parseTranslationsProp"]
-    };
-  }
-};
-c.style = d;
-const m = class {
-  constructor(t) {
-    l(this, t), this.seconds = void 0, this.translations = void 0, this.translationsData = void 0;
-  }
-  setTranslations() {
-    this.translations ? this.translationsData = JSON.parse(this.translations) : this.translationsData = { days: "d", hours: "h", minutes: "min" };
-  }
-  componentWillLoad() {
-    this.setTranslations();
-  }
-  /**
-   * Get display string in days, hours, and minutes, eg. "1 d 23 h 4 min".
-   * Minimum display value is 1 minute.
-   *
-   * @param {number} seconds Duration in seconds.
-   * @returns {string}
-   */
-  getDurationDisplayString(t) {
-    const n = Math.floor(t / 86400), i = Math.floor(t % 86400 / 3600), a = Math.floor(t % 86400 % 3600 / 60), r = n > 0 ? `${n} ${this.translationsData.days} ` : "", o = i > 0 ? `${i} ${this.translationsData.hours} ` : "";
-    let e = a > 0 ? `${a} ${this.translationsData.minutes}` : "";
-    return !r && !o && !e && (e = "1 min"), `${r}${o}${e}`.trim();
-  }
-  render() {
-    return this.seconds >= 0 && this.translationsData ? this.renderDuration() : null;
-  }
-  /**
-   * Render formatted duration string.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDuration() {
-    return s("span", null, this.getDurationDisplayString(this.seconds));
-  }
-  static get watchers() {
-    return {
-      translations: ["setTranslations"]
-    };
-  }
-};
-export {
-  c as mi_route_instructions_maneuver,
-  m as mi_time
-};