@mapsindoors/map-template 1.12.0-rc.3 → 1.12.0

package/dist/mi-tab.entry-458faa22.mjs

@@ -1,11 +0,0 @@
-import { r as t } from "./webcomponent-592597b2.mjs";
-const s = class {
-  constructor(r) {
-    t(this, r), this.label = void 0, this.tabFor = void 0;
-  }
-  render() {
-  }
-};
-export {
-  s as mi_tab
-};

package/dist/mi-tab.entry-d45194c0.mjs

@@ -1,13 +0,0 @@
-import { r as t } from "./reactcomponent-0e140537.mjs";
-import "react";
-import "react-dom";
-const n = class {
-  constructor(r) {
-    t(this, r), this.label = void 0, this.tabFor = void 0;
-  }
-  render() {
-  }
-};
-export {
-  n as mi_tab
-};

package/dist/mi-tabs.entry-94ef09f5.mjs

@@ -1,34 +0,0 @@
-import { r as a, h as o, H as l, g as d } from "./webcomponent-592597b2.mjs";
-const b = ':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 .nav{border:none;border-bottom:solid;border-color:#d1d5db;border-width:1px;padding-left:24px}:host .nav--borderless-bottom{border-bottom:0}:host .nav ul{display:flex;flex-direction:row;padding:0;margin:0;margin-bottom:-1px}:host .nav ul li{list-style:none;text-align:center;cursor:pointer;padding:16px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0)}:host .nav ul li.active{background-color:#f9fafb;border-color:#d1d5db;border-width:1px;border-style:solid;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600}:host .content{display:block;padding:16px;background-color:#f9fafb}:host .content--bordered{border-width:1px;border-color:#d1d5db;border-style:solid;border-radius:4px}', c = class {
-  constructor(e) {
-    a(this, e), this.active = 0, this.bordered = !1, this.tabs = void 0;
-  }
-  connectedCallback() {
-    new MutationObserver(this.componentWillRender.bind(this)).observe(this.el, { childList: !0 });
-  }
-  componentWillRender() {
-    const e = this.el.querySelectorAll("mi-tab");
-    this.tabs = Array.from(e).reduce((t, r, s) => {
-      const i = Array.from(this.el.getElementsByTagName("mi-tab-panel")).find((n) => n.id === r.tabFor);
-      return i && t.push({ label: r.label, content: i }), t;
-    }, []);
-  }
-  componentDidRender() {
-    this.selectTab(this.active);
-  }
-  async selectTab(e) {
-    await this.tabs[e].content.active() || (this.active = e, this.tabs.forEach((r, s) => r.content.active(s === e)));
-  }
-  render() {
-    return o(l, null, o("nav", { class: `nav ${this.bordered === !0 ? "nav--borderless-bottom" : ""}` }, o("ul", null, this.tabs.map((e, t) => o("li", { class: this.active === t ? "active" : "", onClick: () => {
-      this.selectTab(t);
-    } }, " ", e.label, " ")))), o("section", { class: `content ${this.bordered === !0 ? "content--bordered" : ""}` }, o("slot", null)));
-  }
-  get el() {
-    return d(this);
-  }
-};
-c.style = b;
-export {
-  c as mi_tabs
-};

package/dist/mi-tabs.entry-a78c550d.mjs

@@ -1,36 +0,0 @@
-import { r as a, h as o, H as l, g as d } from "./reactcomponent-0e140537.mjs";
-import "react";
-import "react-dom";
-const b = ':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 .nav{border:none;border-bottom:solid;border-color:#d1d5db;border-width:1px;padding-left:24px}:host .nav--borderless-bottom{border-bottom:0}:host .nav ul{display:flex;flex-direction:row;padding:0;margin:0;margin-bottom:-1px}:host .nav ul li{list-style:none;text-align:center;cursor:pointer;padding:16px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0)}:host .nav ul li.active{background-color:#f9fafb;border-color:#d1d5db;border-width:1px;border-style:solid;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600}:host .content{display:block;padding:16px;background-color:#f9fafb}:host .content--bordered{border-width:1px;border-color:#d1d5db;border-style:solid;border-radius:4px}', c = class {
-  constructor(e) {
-    a(this, e), this.active = 0, this.bordered = !1, this.tabs = void 0;
-  }
-  connectedCallback() {
-    new MutationObserver(this.componentWillRender.bind(this)).observe(this.el, { childList: !0 });
-  }
-  componentWillRender() {
-    const e = this.el.querySelectorAll("mi-tab");
-    this.tabs = Array.from(e).reduce((t, r, s) => {
-      const i = Array.from(this.el.getElementsByTagName("mi-tab-panel")).find((n) => n.id === r.tabFor);
-      return i && t.push({ label: r.label, content: i }), t;
-    }, []);
-  }
-  componentDidRender() {
-    this.selectTab(this.active);
-  }
-  async selectTab(e) {
-    await this.tabs[e].content.active() || (this.active = e, this.tabs.forEach((r, s) => r.content.active(s === e)));
-  }
-  render() {
-    return o(l, null, o("nav", { class: `nav ${this.bordered === !0 ? "nav--borderless-bottom" : ""}` }, o("ul", null, this.tabs.map((e, t) => o("li", { class: this.active === t ? "active" : "", onClick: () => {
-      this.selectTab(t);
-    } }, " ", e.label, " ")))), o("section", { class: `content ${this.bordered === !0 ? "content--bordered" : ""}` }, o("slot", null)));
-  }
-  get el() {
-    return d(this);
-  }
-};
-c.style = b;
-export {
-  c as mi_tabs
-};

package/dist/mi-time.entry-c35e476f.mjs

@@ -1,43 +0,0 @@
-import { r as e, h as l } from "./webcomponent-592597b2.mjs";
-const u = class {
-  constructor(t) {
-    e(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), a = Math.floor(t % 86400 / 3600), i = Math.floor(t % 86400 % 3600 / 60), r = n > 0 ? `${n} ${this.translationsData.days} ` : "", o = a > 0 ? `${a} ${this.translationsData.hours} ` : "";
-    let s = i > 0 ? `${i} ${this.translationsData.minutes}` : "";
-    return !r && !o && !s && (s = "1 min"), `${r}${o}${s}`.trim();
-  }
-  render() {
-    return this.seconds >= 0 && this.translationsData ? this.renderDuration() : null;
-  }
-  /**
-   * Render formatted duration string.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDuration() {
-    return l("span", null, this.getDurationDisplayString(this.seconds));
-  }
-  static get watchers() {
-    return {
-      translations: ["setTranslations"]
-    };
-  }
-};
-export {
-  u as mi_time
-};

package/dist/mi-time.entry-cae11551.mjs

@@ -1,45 +0,0 @@
-import { r as e, h as l } from "./reactcomponent-0e140537.mjs";
-import "react";
-import "react-dom";
-const D = class {
-  constructor(t) {
-    e(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), a = Math.floor(t % 86400 / 3600), i = Math.floor(t % 86400 % 3600 / 60), r = n > 0 ? `${n} ${this.translationsData.days} ` : "", o = a > 0 ? `${a} ${this.translationsData.hours} ` : "";
-    let s = i > 0 ? `${i} ${this.translationsData.minutes}` : "";
-    return !r && !o && !s && (s = "1 min"), `${r}${o}${s}`.trim();
-  }
-  render() {
-    return this.seconds >= 0 && this.translationsData ? this.renderDuration() : null;
-  }
-  /**
-   * Render formatted duration string.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDuration() {
-    return l("span", null, this.getDurationDisplayString(this.seconds));
-  }
-  static get watchers() {
-    return {
-      translations: ["setTranslations"]
-    };
-  }
-};
-export {
-  D as mi_time
-};