@mapsindoors/map-template 1.16.0 → 1.17.1

package/dist/mi-share-sms.entry-994a87b1.mjs

@@ -1,53 +0,0 @@
-import { r as a, c as i, h as e } from "./webcomponent-e45720b9.mjs";
-const d = 'a.mi-button{cursor:default}.mi-button{border-radius:4px;border-width:1px;border-style:solid;font-family:Inter, -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";font-size:1rem;font-weight:500;padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;display:inline-flex;align-items:center}.mi-button:disabled{opacity:0.48;cursor:not-allowed}.mi-button object{filter:invert(9%) sepia(13%) saturate(692%) hue-rotate(185deg) brightness(98%) contrast(91%);width:16px;height:16px}.mi-button--small{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;font-size:0.875rem;height:32px}.mi-button--small object{width:16px;height:16px}.mi-button--large{padding-left:16px;padding-right:16px;font-size:1.25rem}.mi-button--large object{width:20px;height:20px}.mi-button--full-width{width:100%;justify-content:center}.mi-button--icon-left{padding-left:12px}.mi-button--icon-left object{margin-right:8px}.mi-button--icon-right{padding-right:12px}.mi-button--icon-right object{margin-left:8px}.mi-button--icon-both{padding-top:12px;padding-bottom:12px}.mi-button--icon-both object:first-of-type{margin-right:8px}.mi-button--icon-both object:last-of-type{margin-left:8px}.mi-button--base{background:linear-gradient(#f5f7fa, #ebeff5);color:#1e2025;border-color:#c8d0e0}.mi-button--base:not(:disabled):hover{background:linear-gradient(#ebeff5, #dee3ed);border-color:#aeb9cb}.mi-button--base:not(:disabled):active{background:linear-gradient(#dee3ed, #ebeff5)}.mi-button--primary{color:#ffffff;border-color:#20693e;background:linear-gradient(#3ba064, #2a844e)}.mi-button--primary object{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%)}.mi-button--primary:not(:disabled):hover{background:linear-gradient(#2a844e, #20693e)}.mi-button--primary:not(:disabled):active{background:linear-gradient(#20693e, #2a844e)}.mi-button--delete{background:linear-gradient(#f55151, #de1b1b);color:#ffffff;border-color:#ba0d0d}.mi-button--delete object{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%)}.mi-button--delete:not(:disabled):hover{background:linear-gradient(#de1b1b, #ba0d0d)}.mi-button--delete:not(:disabled):active{background:linear-gradient(#ba0d0d, #de1b1b)}.mi-button--outline{color:#3071d9;border-color:#3071d9;background-color:transparent}.mi-button--outline object{filter:invert(38%) sepia(97%) saturate(742%) hue-rotate(188deg) brightness(86%) contrast(97%)}.mi-button--outline:not(:disabled):hover{color:#1d5bbf;border-color:#1d5bbf;background-color:#eef4fc}.mi-button--outline:not(:disabled):active{color:#1d5bbf;border-color:#1d5bbf;background-color:#cfe0fc}.mi-button--link{color:#3071d9;border-style:none;background-color:transparent;cursor:pointer}.mi-button--link object{filter:invert(38%) sepia(97%) saturate(742%) hue-rotate(188deg) brightness(86%) contrast(97%)}.mi-button--link:not(:disabled):hover{color:#1d5bbf;border-color:#1d5bbf;background-color:#eef4fc}.mi-button--link:disabled:hover{cursor:not-allowed}.mi-button--link:not(:disabled):active{color:#1d5bbf;border-color:#1d5bbf;background-color:#cfe0fc}.width-none{width:0}.width-xxx-small{width:2px}.width-xx-small{width:4px}.width-x-small{width:8px}.width-small{width:12px}.width-medium{width:16px}.width-large{width:24px}.width-x-large{width:32px}.width-xx-large{width:40px}.width-xxx-large{width:48px}.width-xxxx-large{width:64px}.min-width-none{min-width:0}.min-width-xxx-small{min-width:2px}.min-width-xx-small{min-width:4px}.min-width-x-small{min-width:8px}.min-width-small{min-width:12px}.min-width-medium{min-width:16px}.min-width-large{min-width:24px}.min-width-x-large{min-width:32px}.min-width-xx-large{min-width:40px}.min-width-xxx-large{min-width:48px}.min-width-xxxx-large{min-width:64px}.max-width-none{max-width:0}.max-width-xxx-small{max-width:2px}.max-width-xx-small{max-width:4px}.max-width-x-small{max-width:8px}.max-width-small{max-width:12px}.max-width-medium{max-width:16px}.max-width-large{max-width:24px}.max-width-x-large{max-width:32px}.max-width-xx-large{max-width:40px}.max-width-xxx-large{max-width:48px}.max-width-xxxx-large{max-width:64px}.height-none{height:0}.height-xxx-small{height:2px}.height-xx-small{height:4px}.height-x-small{height:8px}.height-small{height:12px}.height-medium{height:16px}.height-large{height:24px}.height-x-large{height:32px}.height-xx-large{height:40px}.height-xxx-large{height:48px}.height-xxxx-large{height:64px}.min-height-none{min-height:0}.min-height-xxx-small{min-height:2px}.min-height-xx-small{min-height:4px}.min-height-x-small{min-height:8px}.min-height-small{min-height:12px}.min-height-medium{min-height:16px}.min-height-large{min-height:24px}.min-height-x-large{min-height:32px}.min-height-xx-large{min-height:40px}.min-height-xxx-large{min-height:48px}.min-height-xxxx-large{min-height:64px}.max-height-none{max-height:0}.max-height-xxx-small{max-height:2px}.max-height-xx-small{max-height:4px}.max-height-x-small{max-height:8px}.max-height-small{max-height:12px}.max-height-medium{max-height:16px}.max-height-large{max-height:24px}.max-height-x-large{max-height:32px}.max-height-xx-large{max-height:40px}.max-height-xxx-large{max-height:48px}.max-height-xxxx-large{max-height:64px}.debug *{outline:1px solid gold}.flex{display:flex;flex:1}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.display-block{display:block}.display-inline-block{display:inline-block}.display-inline{display:inline}.display-none{display:none}.text-decoration-none{text-decoration:none}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.margin-auto{margin-left:auto;margin-right:auto}form .inputs{margin:0 auto;width:80%;padding-top:32px;padding-bottom:32px;position:relative;display:flex;flex-direction:row;align-items:center}form .inputs span.plus-sign{position:absolute;left:16px;display:block;font-size:1rem;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";color:#1c1917;top:50%;transform:translateY(-50%)}form .inputs input{padding-left:12px;padding-right:12px;background-color:#ffffff;border-style:solid;border-width:1px;border-radius:8px;height:48px;font-size:1.25rem;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";color:#1c1917;box-sizing:border-box}form .inputs input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}form .inputs input.country-code{width:15%;min-width:88px;margin-right:16px;padding-left:32px}form .inputs input.phone-number{width:85%}form button{margin-top:32px;margin-bottom:24px}', l = class {
-  constructor(t) {
-    a(this, t), this.successfullySent = i(this, "successfullySent", 7), this.unsuccessfullySent = i(this, "unsuccessfullySent", 7), this.submitFormHandler = (n) => {
-      n.preventDefault();
-      const o = !!(this.venueId && this.originLocationId && this.destinationLocationId);
-      if (!this.formElement.checkValidity() || !o) {
-        this.countryCodeInputElement.validity.valid || this.countryCodeInputElement.focus(), this.phoneNumberInputElement.validity.valid || this.phoneNumberInputElement.focus();
-        return;
-      }
-      mapsindoors.services.ShareService.directionsToPhone(this.venueId, this.originLocationId, this.destinationLocationId, this.countryCodeInputElement.value, this.phoneNumberInputElement.value).then(() => this.successfullySent.emit()).catch((r) => this.unsuccessfullySent.emit(r));
-    }, this.venueId = void 0, this.originLocationId = void 0, this.destinationLocationId = void 0, this.countryCode = "1", this.phoneNumberInputPlaceholder = "Enter phone number", this.submitButtonLabel = "Send SMS";
-  }
-  componentDidRender() {
-    this.countryCodeInputElement.value = this.countryCode;
-  }
-  componentDidLoad() {
-    this.addIntersectionObserver();
-  }
-  /**
-   * Observe the input field for phone number and focus it on intersection.
-   */
-  addIntersectionObserver() {
-    this.intersectionObserver = new IntersectionObserver((t) => {
-      t[0].intersectionRatio <= 0 || (this.phoneNumberInputElement.focus(), this.intersectionObserver.disconnect());
-    }), this.intersectionObserver.observe(this.phoneNumberInputElement);
-  }
-  /**
-   * Set input attribute on mi-keyboard component.
-   *
-   * @param {FocusEvent} event
-   */
-  setKeyboardInputElement(t) {
-    this.miKeyboardElement.inputElement = t.target;
-  }
-  /**
-   * Update form validity.
-   */
-  updateFormValidity() {
-    if (!this.formElement.checkValidity()) {
-      this.submitButtonElement.disabled = !0;
-      return;
-    }
-    this.submitButtonElement.disabled = !1;
-  }
-  render() {
-    return e("form", { onSubmit: this.submitFormHandler, ref: (t) => this.formElement = t }, e("div", { class: "inputs" }, e("span", { class: "plus-sign" }, "＋"), e("input", { id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: !0, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (t) => this.countryCodeInputElement = t, onInput: () => this.updateFormValidity(), onFocus: (t) => this.setKeyboardInputElement(t) }), e("input", { id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: !0, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (t) => this.phoneNumberInputElement = t, onInput: () => this.updateFormValidity(), onFocus: (t) => this.setKeyboardInputElement(t) })), e("mi-keyboard", { layout: "numeric", ref: (t) => this.miKeyboardElement = t }), e("div", { class: "flex justify-center" }, e("button", { type: "submit", disabled: !0, class: "mi-button mi-button--primary", ref: (t) => this.submitButtonElement = t }, this.submitButtonLabel)));
-  }
-};
-l.style = d;
-export {
-  l as mi_share_sms
-};

package/dist/mi-step-switcher.entry-b53eb2bc.mjs

@@ -1,24 +0,0 @@
-import { r as n, c as d, h as t, H as p } from "./webcomponent-e45720b9.mjs";
-const h = ":host{display:flex}button{padding:16px;background-color:transparent;border:none}button:disabled svg{fill:#d1d5db}button svg{fill:#1f2937}div.steps{padding-top:12px;padding-bottom:12px;padding-left:4px;padding-right:4px;display:flex;flex-grow:1;flex-direction:column;vertical-align:center;justify-content:center}div.steps p{margin:0;padding-bottom:8px;color:#1c1917;font-size:1rem;font-weight:500;line-height:1.25rem;text-align:center}div.steps__dots{display:flex;justify-content:center}div.steps__dots span{width:8px;height:8px;margin-right:8px;float:left;background-color:#d1d5db;border-radius:50%}div.steps__dots span.active{background-color:#1f2937}div.steps__dots span:last-child{margin-right:0px}", o = class {
-  constructor(e) {
-    n(this, e), this.stepIndexChanged = d(this, "stepIndexChanged", 7), this.heading = void 0, this.steps = [], this.stepIndex = 0;
-  }
-  /**
-   * Set step index and emit stepIndexChanged event.
-   *
-   * @param {number} index
-   */
-  setStepIndex(e) {
-    this.stepIndex = e, this.stepIndexChanged.emit(this.stepIndex);
-  }
-  render() {
-    return t(p, null, t("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === 0, onClick: () => this.setStepIndex(this.stepIndex - 1) }, t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, t("path", { d: "M0 0h24v24H0V0z", fill: "none" }), t("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" }))), t("div", { class: "steps" }, this.heading ? t("p", { part: "heading" }, this.heading) : null, t("div", { class: "steps__dots" }, this.steps.map((e, i) => {
-      const s = this.stepIndex === i;
-      return t("span", { part: s ? "active-dot" : "dot", class: { active: s } });
-    }))), t("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === this.steps.length - 1, onClick: () => this.setStepIndex(this.stepIndex + 1) }, t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, t("path", { d: "M0 0h24v24H0V0z", fill: "none" }), t("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }))));
-  }
-};
-o.style = h;
-export {
-  o as mi_step_switcher
-};

package/dist/mi-tab-panel.entry-464dc246.mjs

@@ -1,19 +0,0 @@
-import { r as i, h as s } from "./webcomponent-e45720b9.mjs";
-const t = 'div{display:none}div.active{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;display:block}', a = class {
-  constructor(e) {
-    i(this, e), this.isActive = !1;
-  }
-  async active(e) {
-    return e !== void 0 && (this.isActive = !!e), this.isActive;
-  }
-  render() {
-    const e = {
-      active: this.isActive
-    };
-    return s("div", { class: e }, s("slot", null));
-  }
-};
-a.style = t;
-export {
-  a as mi_tab_panel
-};

package/dist/mi-tab.entry-4da5bba3.mjs

@@ -1,11 +0,0 @@
-import { r as t } from "./webcomponent-e45720b9.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-tabs.entry-cbe62a06.mjs

@@ -1,34 +0,0 @@
-import { r as a, h as o, H as l, g as d } from "./webcomponent-e45720b9.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-time.entry-7b94fad6.mjs

@@ -1,43 +0,0 @@
-import { r as e, h as l } from "./webcomponent-e45720b9.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
-};