@mapsindoors/map-template 1.95.1 → 1.95.2

package/dist/mi-share-sms.entry.js

@@ -1,80 +1,92 @@
-import { r as registerInstance, c as createEvent, h } from './index-7e9696f3.js';
+import { r as registerInstance, c as createEvent, h } from './index-BZQHyS7V.js';
 
-const shareSmsCss = "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}";
+const shareSmsCss = () => `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}`;
 
 const ShareSms = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.successfullySent = createEvent(this, "successfullySent", 7);
-    this.unsuccessfullySent = createEvent(this, "unsuccessfullySent", 7);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.successfullySent = createEvent(this, "successfullySent", 7);
+        this.unsuccessfullySent = createEvent(this, "unsuccessfullySent", 7);
+        /**
+         * Default value for country code input field.
+         *
+         * @type {string}
+         */
+        this.countryCode = '1';
+        /**
+         * Placeholder text for phone number input field.
+         *
+         * @type {string}
+         */
+        this.phoneNumberInputPlaceholder = 'Enter phone number';
+        /**
+         * Label for submit button.
+         *
+         * @type {string}
+         */
+        this.submitButtonLabel = 'Send SMS';
+        /**
+         * Handle form submission event and send directions to phone if validation checks passes.
+         */
+        this.submitFormHandler = (event) => {
+            event.preventDefault();
+            const isParametersValid = this.venueId && this.originLocationId && this.destinationLocationId ? true : false;
+            if (!this.formElement.checkValidity() || !isParametersValid) {
+                if (!this.countryCodeInputElement.validity.valid) {
+                    this.countryCodeInputElement.focus();
+                }
+                if (!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((err) => this.unsuccessfullySent.emit(err));
+        };
+    }
+    componentDidRender() {
+        this.countryCodeInputElement.value = this.countryCode;
+    }
+    componentDidLoad() {
+        this.addIntersectionObserver();
+    }
     /**
-     * Handle form submission event and send directions to phone if validation checks passes.
+     * Observe the input field for phone number and focus it on intersection.
      */
-    this.submitFormHandler = (event) => {
-      event.preventDefault();
-      const isParametersValid = this.venueId && this.originLocationId && this.destinationLocationId ? true : false;
-      if (!this.formElement.checkValidity() || !isParametersValid) {
-        if (!this.countryCodeInputElement.validity.valid) {
-          this.countryCodeInputElement.focus();
-        }
-        if (!this.phoneNumberInputElement.validity.valid) {
-          this.phoneNumberInputElement.focus();
+    addIntersectionObserver() {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            if (entries[0].intersectionRatio <= 0) {
+                return;
+            }
+            this.phoneNumberInputElement.focus();
+            this.intersectionObserver.disconnect();
+        });
+        this.intersectionObserver.observe(this.phoneNumberInputElement);
+    }
+    /**
+     * Set input attribute on mi-keyboard component.
+     *
+     * @param {FocusEvent} event
+     */
+    setKeyboardInputElement(event) {
+        this.miKeyboardElement.inputElement = event.target;
+    }
+    /**
+     * Update form validity.
+     */
+    updateFormValidity() {
+        // Form validity check
+        if (!this.formElement.checkValidity()) {
+            this.submitButtonElement.disabled = true;
+            return;
         }
-        return;
-      }
-      mapsindoors.services.ShareService.directionsToPhone(this.venueId, this.originLocationId, this.destinationLocationId, this.countryCodeInputElement.value, this.phoneNumberInputElement.value)
-        .then(() => this.successfullySent.emit())
-        .catch((err) => this.unsuccessfullySent.emit(err));
-    };
-    this.venueId = undefined;
-    this.originLocationId = undefined;
-    this.destinationLocationId = undefined;
-    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((entries) => {
-      if (entries[0].intersectionRatio <= 0) {
-        return;
-      }
-      this.phoneNumberInputElement.focus();
-      this.intersectionObserver.disconnect();
-    });
-    this.intersectionObserver.observe(this.phoneNumberInputElement);
-  }
-  /**
-   * Set input attribute on mi-keyboard component.
-   *
-   * @param {FocusEvent} event
-   */
-  setKeyboardInputElement(event) {
-    this.miKeyboardElement.inputElement = event.target;
-  }
-  /**
-   * Update form validity.
-   */
-  updateFormValidity() {
-    // Form validity check
-    if (!this.formElement.checkValidity()) {
-      this.submitButtonElement.disabled = true;
-      return;
+        this.submitButtonElement.disabled = false;
+    }
+    render() {
+        return (h("form", { key: '4d6b6a2e7021daa63d91509f0c848c672d6e82e2', onSubmit: this.submitFormHandler, ref: (el) => this.formElement = el }, h("div", { key: '2fc6c9bfc7ab5b39cd64d8e22fb3dce2eabc05d3', class: "inputs" }, h("span", { key: 'b2304f9e435f795e9e7ae10f0a039fd681f94796', class: "plus-sign" }, "\uFF0B"), h("input", { key: '3eb7ee171409f1e7f36596a617540ad79ca48a17', id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: true, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (el) => this.countryCodeInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) }), h("input", { key: '3b97aa3beadd03d823e10bcceaf40f93e2dd5448', id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: true, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (el) => this.phoneNumberInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) })), h("mi-keyboard", { key: 'b0355bab5b026232943b56c8ca1f4883578d7a17', layout: "numeric", ref: (el) => this.miKeyboardElement = el }), h("div", { key: '28a97726023b3b57a6aa890bf31c8a249893bdad', class: "flex justify-center" }, h("button", { key: 'e455ace31620e5d2c641acc549291e9a8b54851a', type: "submit", disabled: true, class: "mi-button mi-button--primary", ref: (el) => this.submitButtonElement = el }, this.submitButtonLabel))));
     }
-    this.submitButtonElement.disabled = false;
-  }
-  render() {
-    return (h("form", { onSubmit: this.submitFormHandler, ref: (el) => this.formElement = el }, h("div", { class: "inputs" }, h("span", { class: "plus-sign" }, "\uFF0B"), h("input", { id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: true, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (el) => this.countryCodeInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) }), h("input", { id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: true, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (el) => this.phoneNumberInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) })), h("mi-keyboard", { layout: "numeric", ref: (el) => this.miKeyboardElement = el }), h("div", { class: "flex justify-center" }, h("button", { type: "submit", disabled: true, class: "mi-button mi-button--primary", ref: (el) => this.submitButtonElement = el }, this.submitButtonLabel))));
-  }
 };
-ShareSms.style = shareSmsCss;
+ShareSms.style = shareSmsCss();
 
 export { ShareSms as mi_share_sms };

package/dist/mi-step-switcher.entry.js

@@ -1,31 +1,40 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7e9696f3.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BZQHyS7V.js';
 
-const stepSwitcherCss = ":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}";
+const stepSwitcherCss = () => `: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}`;
 
 const StepSwitcher = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stepIndexChanged = createEvent(this, "stepIndexChanged", 7);
-    this.heading = undefined;
-    this.steps = [];
-    this.stepIndex = 0;
-  }
-  /**
-   * Set step index and emit stepIndexChanged event.
-   *
-   * @param {number} index
-   */
-  setStepIndex(index) {
-    this.stepIndex = index;
-    this.stepIndexChanged.emit(this.stepIndex);
-  }
-  render() {
-    return (h(Host, null, h("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === 0, onClick: () => this.setStepIndex(this.stepIndex - 1) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" }))), h("div", { class: "steps" }, this.heading ? h("p", { part: "heading" }, this.heading) : null, h("div", { class: "steps__dots" }, this.steps.map((item, index) => {
-      const isActive = this.stepIndex === index ? true : false;
-      return h("span", { part: isActive ? 'active-dot' : 'dot', class: { 'active': isActive } });
-    }))), h("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === this.steps.length - 1, onClick: () => this.setStepIndex(this.stepIndex + 1) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" })))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stepIndexChanged = createEvent(this, "stepIndexChanged", 7);
+        /**
+         * Steps to display dots for.
+         *
+         * @type {any[]}
+         */
+        this.steps = [];
+        /**
+         * Step index to show. Defaults to first step.
+         *
+         * @type {number}
+         */
+        this.stepIndex = 0;
+    }
+    /**
+     * Set step index and emit stepIndexChanged event.
+     *
+     * @param {number} index
+     */
+    setStepIndex(index) {
+        this.stepIndex = index;
+        this.stepIndexChanged.emit(this.stepIndex);
+    }
+    render() {
+        return (h(Host, { key: '1e395bce6f748cccf4dbbfd779698021b053898d' }, h("button", { key: 'b519a479608fdb32b3093a7afb1594a1ef07a0d6', type: "button", disabled: this.steps.length === 0 || this.stepIndex === 0, onClick: () => this.setStepIndex(this.stepIndex - 1) }, h("svg", { key: 'f76750f1dee589871fdb3ec6cb0b9997899d17f5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, h("path", { key: '1f00900037a228cde36ff1162ccbceadd2fac043', d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { key: '06bb8082e8c1847ac8c6189f98b938ffb4e68434', d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" }))), h("div", { key: '96dffdb02ac846d3d3c077464b112a9c6fc18038', class: "steps" }, this.heading ? h("p", { part: "heading" }, this.heading) : null, h("div", { key: '6dc56a58ca81214d85c32775b59874ecaf77afdd', class: "steps__dots" }, this.steps.map((item, index) => {
+            const isActive = this.stepIndex === index ? true : false;
+            return h("span", { part: isActive ? 'active-dot' : 'dot', class: { 'active': isActive } });
+        }))), h("button", { key: '5c8a8344ee80fd9a9405bfe9951b23b2fa56ac58', type: "button", disabled: this.steps.length === 0 || this.stepIndex === this.steps.length - 1, onClick: () => this.setStepIndex(this.stepIndex + 1) }, h("svg", { key: '86d476332a460a49beb2791578c3d4d71890b94c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, h("path", { key: 'c2d9e3b32289adb5990736677bb756a89546adeb', d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { key: '8bbdf7b1b80e768a538df7b2e3cf5bd7ac5acb68', d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" })))));
+    }
 };
-StepSwitcher.style = stepSwitcherCss;
+StepSwitcher.style = stepSwitcherCss();
 
 export { StepSwitcher as mi_step_switcher };

package/dist/mi-tab-panel.entry.js

@@ -1,25 +1,25 @@
-import { r as registerInstance, h } from './index-7e9696f3.js';
+import { r as registerInstance, h } from './index-BZQHyS7V.js';
 
-const tabPanelCss = "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}";
+const tabPanelCss = () => `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}`;
 
 const TabPanel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isActive = false;
-  }
-  async active(active) {
-    if (active !== undefined) {
-      this.isActive = !!active;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isActive = false;
+    }
+    async active(active) {
+        if (active !== undefined) {
+            this.isActive = !!active;
+        }
+        return this.isActive;
+    }
+    render() {
+        const classList = {
+            'active': this.isActive
+        };
+        return (h("div", { key: '5ab9e40be53f24513cf2864e1cdc9ac78c73bc8a', class: classList }, h("slot", { key: 'a845f4a8d286200a463309cb8de2362cdc4065d2' })));
     }
-    return this.isActive;
-  }
-  render() {
-    const classList = {
-      'active': this.isActive
-    };
-    return (h("div", { class: classList }, h("slot", null)));
-  }
 };
-TabPanel.style = tabPanelCss;
+TabPanel.style = tabPanelCss();
 
 export { TabPanel as mi_tab_panel };

package/dist/mi-tab.entry.js

@@ -1,12 +1,10 @@
-import { r as registerInstance } from './index-7e9696f3.js';
+import { r as registerInstance } from './index-BZQHyS7V.js';
 
 const Tab = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.tabFor = undefined;
-  }
-  render() { return; }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() { return; }
 };
 
 export { Tab as mi_tab };

package/dist/mi-tabs.entry.js

@@ -1,47 +1,49 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-7e9696f3.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BZQHyS7V.js';
 
-const tabsCss = ":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}";
+const tabsCss = () => `: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}`;
 
 const Tabs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.active = 0;
-    this.bordered = false;
-    this.tabs = undefined;
-  }
-  connectedCallback() {
-    // Create an observer instance linked to the callback function
-    const observer = new MutationObserver(this.componentWillRender.bind(this));
-    // Start observing the target node for configured mutations
-    observer.observe(this.el, { childList: true });
-  }
-  componentWillRender() {
-    const tabs = this.el.querySelectorAll('mi-tab');
-    this.tabs = Array.from(tabs).reduce((tabs, tab, index) => {
-      const content = Array.from(this.el.getElementsByTagName('mi-tab-panel')).find(el => el.id === tab.tabFor);
-      if (content) {
-        tabs.push({ label: tab.label, content: content });
-      }
-      return tabs;
-    }, []);
-  }
-  componentDidRender() {
-    this.selectTab(this.active);
-  }
-  async selectTab(index) {
-    const isTabActive = await this.tabs[index].content.active();
-    if (!isTabActive) {
-      this.active = index;
-      this.tabs.forEach((tab, tabIndex) => tab.content.active(tabIndex === index));
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.active = 0;
+        /**
+         * Sets a border surrounding the content view.
+         */
+        this.bordered = false;
     }
-  }
-  render() {
-    return (h(Host, null, h("nav", { class: `nav ${this.bordered === true ? 'nav--borderless-bottom' : ''}` }, h("ul", null, this.tabs.map((tab, index) => {
-      return (h("li", { class: this.active === index ? 'active' : '', onClick: () => { this.selectTab(index); } }, " ", tab.label, " "));
-    }))), h("section", { class: `content ${this.bordered === true ? 'content--bordered' : ''}` }, h("slot", null))));
-  }
-  get el() { return getElement(this); }
+    connectedCallback() {
+        // Create an observer instance linked to the callback function
+        const observer = new MutationObserver(this.componentWillRender.bind(this));
+        // Start observing the target node for configured mutations
+        observer.observe(this.el, { childList: true });
+    }
+    componentWillRender() {
+        const tabs = this.el.querySelectorAll('mi-tab');
+        this.tabs = Array.from(tabs).reduce((tabs, tab, index) => {
+            const content = Array.from(this.el.getElementsByTagName('mi-tab-panel')).find(el => el.id === tab.tabFor);
+            if (content) {
+                tabs.push({ label: tab.label, content: content });
+            }
+            return tabs;
+        }, []);
+    }
+    componentDidRender() {
+        this.selectTab(this.active);
+    }
+    async selectTab(index) {
+        const isTabActive = await this.tabs[index].content.active();
+        if (!isTabActive) {
+            this.active = index;
+            this.tabs.forEach((tab, tabIndex) => tab.content.active(tabIndex === index));
+        }
+    }
+    render() {
+        return (h(Host, { key: 'cfda4988c7be231b136bb7e2e29f57e5f69bc31d' }, h("nav", { key: '5f4682c587caaba179dbf186af270d69c3f5e739', class: `nav ${this.bordered === true ? 'nav--borderless-bottom' : ''}` }, h("ul", { key: '828e348d49f83a96cd36dd08690bc8eb990c9329' }, this.tabs.map((tab, index) => {
+            return (h("li", { class: this.active === index ? 'active' : '', onClick: () => { this.selectTab(index); } }, " ", tab.label, " "));
+        }))), h("section", { key: 'c9b6a595f575534ec720331401bc620c9b06125e', class: `content ${this.bordered === true ? 'content--bordered' : ''}` }, h("slot", { key: 'e52795c27ad173b657b003016a9fa378641abe35' }))));
+    }
+    get el() { return getElement(this); }
 };
-Tabs.style = tabsCss;
+Tabs.style = tabsCss();
 
 export { Tabs as mi_tabs };

package/dist/mi-time.entry.js

@@ -1,57 +1,57 @@
-import { r as registerInstance, h } from './index-7e9696f3.js';
+import { r as registerInstance, h } from './index-BZQHyS7V.js';
 
 const Time = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.seconds = undefined;
-    this.translations = undefined;
-    this.translationsData = undefined;
-  }
-  setTranslations() {
-    if (this.translations) {
-      this.translationsData = JSON.parse(this.translations);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.translationsData = { days: 'd', hours: 'h', minutes: 'min' };
     }
-    else {
-      this.translationsData = { days: 'd', hours: 'h', minutes: 'min' };
+    setTranslations() {
+        if (this.translations) {
+            this.translationsData = JSON.parse(this.translations);
+        }
+        else {
+            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(seconds) {
-    const days = Math.floor(seconds / 86400);
-    const hours = Math.floor((seconds % 86400) / 3600);
-    const minutes = Math.floor(((seconds % 86400) % 3600) / 60);
-    const dDisplay = days > 0 ? `${days} ${this.translationsData.days} ` : '';
-    const hDisplay = hours > 0 ? `${hours} ${this.translationsData.hours} ` : '';
-    let mDisplay = minutes > 0 ? `${minutes} ${this.translationsData.minutes}` : '';
-    // Set minimum value of 1 min.
-    if (!dDisplay && !hDisplay && !mDisplay) {
-      mDisplay = '1 min';
+    componentWillLoad() {
+        this.setTranslations();
     }
-    return `${dDisplay}${hDisplay}${mDisplay}`.trim();
-  }
-  render() {
-    return (this.seconds >= 0 && this.translationsData ? this.renderDuration() : null);
-  }
-  /**
-   * Render formatted duration string.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDuration() {
-    return (h("span", null, this.getDurationDisplayString(this.seconds)));
-  }
-  static get watchers() { return {
-    "translations": ["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(seconds) {
+        const days = Math.floor(seconds / 86400);
+        const hours = Math.floor((seconds % 86400) / 3600);
+        const minutes = Math.floor(((seconds % 86400) % 3600) / 60);
+        const dDisplay = days > 0 ? `${days} ${this.translationsData.days} ` : '';
+        const hDisplay = hours > 0 ? `${hours} ${this.translationsData.hours} ` : '';
+        let mDisplay = minutes > 0 ? `${minutes} ${this.translationsData.minutes}` : '';
+        // Set minimum value of 1 min.
+        if (!dDisplay && !hDisplay && !mDisplay) {
+            mDisplay = '1 min';
+        }
+        return `${dDisplay}${hDisplay}${mDisplay}`.trim();
+    }
+    render() {
+        return (this.seconds >= 0 && this.translationsData ? this.renderDuration() : null);
+    }
+    /**
+     * Render formatted duration string.
+     *
+     * @returns {JSX.Element}
+     */
+    renderDuration() {
+        return (h("span", null, this.getDurationDisplayString(this.seconds)));
+    }
+    static get watchers() { return {
+        "translations": [{
+                "setTranslations": 0
+            }]
+    }; }
 };
 
 export { Time as mi_time };

package/dist/mi-variables-CDNvnTkH.js

@@ -0,0 +1,5 @@
+var miVariables = {
+    miSDKUrlV4: 'https://app.mapsindoors.com/mapsindoors/js/sdk/4.52.0/mapsindoors-4.52.0.js.gz'
+};
+
+export { miVariables as m };