@mapsindoors/map-template 1.0.0-rc.1

package/dist/mi-search.entry-994c0189.mjs

@@ -0,0 +1,206 @@
+import { r as v, c as m, h as d, H as M } from "./webcomponent-a10be1e6.mjs";
+import { c as f, g as D } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
+var g = f(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = o, t.debounce = u;
+  var n = 500;
+  t.DEFAULT_DEBOUNCE_DURATION = n;
+  function o(i) {
+    return function(s, a, l) {
+      return {
+        configurable: !0,
+        enumerable: l.enumerable,
+        get: function() {
+          return Object.defineProperty(this, a, {
+            configurable: !0,
+            enumerable: l.enumerable,
+            value: u(l.value, i)
+          }), this[a];
+        }
+      };
+    };
+  }
+  function u(i) {
+    var r = arguments.length <= 1 || arguments[1] === void 0 ? n : arguments[1], s = void 0;
+    function a() {
+      for (var l = this, c = arguments.length, h = Array(c), p = 0; p < c; p++)
+        h[p] = arguments[p];
+      a.clear(), s = setTimeout(function() {
+        s = null, i.apply(l, h);
+      }, r);
+    }
+    return a.clear = function() {
+      s && (clearTimeout(s), s = null);
+    }, a;
+  }
+}), I = f(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  });
+  function n(r, s) {
+    var a = s({}, r);
+    return delete a.default, a;
+  }
+  function o(r, s) {
+    for (var a = Object.getOwnPropertyNames(s), l = 0; l < a.length; l++) {
+      var c = a[l], h = Object.getOwnPropertyDescriptor(s, c);
+      h && h.configurable && r[c] === void 0 && Object.defineProperty(r, c, h);
+    }
+    return r;
+  }
+  function u(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  var i = u(g);
+  t.default = i.default, o(t, n(g, o));
+});
+const E = /* @__PURE__ */ D(I), A = 'mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:40px;height:48px;font-size:1rem;padding-right:40px;font-family:-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";-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MSAxMUgxMi41TDE3LjQ5IDE2TDE2IDE3LjQ5TDExIDEyLjVWMTEuNzFMMTAuNzMgMTEuNDNDOS41OSAxMi40MSA4LjExIDEzIDYuNSAxM0MyLjkxIDEzIDAgMTAuMDkgMCA2LjVDMCAyLjkxIDIuOTEgMCA2LjUgMEMxMC4wOSAwIDEzIDIuOTEgMTMgNi41QzEzIDguMTEgMTIuNDEgOS41OSAxMS40MyAxMC43M0wxMS43MSAxMVpNMiA2LjVDMiA4Ljk5IDQuMDEgMTEgNi41IDExQzguOTkgMTEgMTEgOC45OSAxMSA2LjVDMTEgNC4wMSA4Ljk5IDIgNi41IDJDNC4wMSAyIDIgNC4wMSAyIDYuNVoiIGZpbGw9IiM4RDk4QUEiLz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-position:16px center;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #cfe0fc;}mi-search input[type=search][disabled]{pointer-events:none}mi-search input::-webkit-search-cancel-button{-webkit-appearance:none}mi-search input::-ms-clear{display:none}mi-search input::-moz-search-clear-button{-moz-appearance:none}mi-search button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#6b7280;border-radius:50%;padding:0;border-width:0;display:flex;align-items:center;justify-content:center}mi-search button:focus{outline:0}mi-search button svg{fill:white;width:10px;height:10px}';
+var y = function(e, t, n, o) {
+  var u = arguments.length, i = u < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, r;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, o);
+  else
+    for (var s = e.length - 1; s >= 0; s--)
+      (r = e[s]) && (i = (u < 3 ? r(i) : u > 3 ? r(t, n, i) : r(t, n)) || i);
+  return u > 3 && i && Object.defineProperty(t, n, i), i;
+};
+const b = class {
+  constructor(e) {
+    v(this, e), this.results = m(this, "results", 7), this.cleared = m(this, "cleared", 7), this.componentRendered = m(this, "componentRendered", 7), this.shortInput = m(this, "shortInput", 7), this.preventSearch = !1, this.placeholder = "", this.idAttribute = "", this.dataAttributes = {}, this.mapsindoors = !1, this.google = !1, this.miFields = "name,description,aliases,categories,externalId", this.miTake = void 0, this.miSkip = void 0, this.miOrder = void 0, this.miCategories = void 0, this.miNear = void 0, this.miVenue = void 0, this.gmCountryCode = void 0, this.value = void 0, this.disabled = !1;
+  }
+  valueChange(e) {
+    !e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
+  }
+  /**
+   * Clear the input field.
+   */
+  async clear() {
+    this.inputElement.value = "", this.value = "", this.lastRequested = null, this.cleared.emit();
+  }
+  /**
+   * Programmatically trigger the search.
+   */
+  triggerSearch() {
+    const e = this.inputElement.value;
+    this.search(e);
+  }
+  /**
+   * Sets text to be shown in the search field.
+   * Setting it will not perform a search.
+   */
+  setDisplayText(e) {
+    this.preventSearch = !0, this.value = e, this.preventSearch = !1;
+  }
+  /**
+   * Set focus on the input field.
+   * The preventScroll boolean is passed as true to prevent the browser
+   * from scrolling the document to bring the newly-focused element into view.
+   */
+  focusInput() {
+    this.inputElement.focus({ preventScroll: !0 });
+  }
+  /**
+   * Perform the search.
+   */
+  search(e) {
+    Promise.all([
+      this.makeMapsIndoorsQuery(e),
+      this.makeGooglePlacesQuery(e)
+    ]).then((t) => {
+      this.lastRequested = e, this.pushResults(t[0].concat(t[1]));
+    });
+  }
+  /**
+   * Handles incoming input change event, eg. input field value has changed.
+   * The function is debounced 500ms to avoid firing too many requests while typing.
+   */
+  inputChanged() {
+    const e = this.inputElement.value;
+    if (this.value = e, !this.preventSearch) {
+      if (e.length < 2) {
+        this.lastRequested = null, e.length === 1 ? this.shortInput.emit() : this.clear();
+        return;
+      }
+      e.length > 1 && e !== this.lastRequested && this.search(e);
+    }
+  }
+  /**
+   * Push the results via the results event.
+   * @param object[] Locations
+   */
+  pushResults(e) {
+    this.results.emit(e);
+  }
+  /**
+   * Make MapsIndoors locations request based on given search query.
+   * @param {string} query
+   * @return {Promise<any[]>}
+   */
+  makeMapsIndoorsQuery(e) {
+    if (!this.mapsindoors)
+      return Promise.resolve([]);
+    let t;
+    if (this.miNear && (t = this.miNear, /^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear))) {
+      const n = this.miNear.split(",");
+      t = { lat: parseFloat(n[0]), lng: parseFloat(n[1]) };
+    }
+    return mapsindoors.services.LocationsService.getLocations({
+      q: e.trim(),
+      fields: this.miFields,
+      take: this.miTake,
+      skip: this.miSkip,
+      orderBy: this.miOrder,
+      near: t,
+      venue: this.miVenue,
+      categories: this.miCategories
+    });
+  }
+  /**
+   * Make Google Places autocomplete suggestion request.
+   * @param {string} query
+   * @return {Promise<any>}
+   */
+  makeGooglePlacesQuery(e) {
+    return this.google ? this.googleAutocompleteService || (this.googleAutocompleteService = new google.maps.places.AutocompleteService()) : this.googleAutocompleteService = null, this.googleAutocompleteService ? new Promise((t) => {
+      const n = {
+        input: e
+      };
+      this.gmCountryCode && (n.componentRestrictions = { country: this.gmCountryCode }), this.googleAutocompleteService.getPlacePredictions(n, (o) => {
+        const u = (o || []).map((i) => ({
+          id: i.place_id,
+          type: "Feature",
+          properties: {
+            type: "google_places",
+            placeId: i.place_id,
+            name: i.structured_formatting.main_text,
+            subtitle: i.structured_formatting.secondary_text || "",
+            floor: 0
+          }
+        }));
+        t(u);
+      });
+    }) : Promise.resolve([]);
+  }
+  componentDidRender() {
+    if (this.dataAttributes)
+      for (const e in this.dataAttributes)
+        this.inputElement.setAttribute(e, this.dataAttributes[e]);
+    this.componentRendered.emit();
+  }
+  render() {
+    return d(M, null, d("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (e) => this.inputElement = e, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), d("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, d("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, d("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" }))));
+  }
+  static get watchers() {
+    return {
+      value: ["valueChange"]
+    };
+  }
+};
+y([
+  E(500)
+], b.prototype, "inputChanged", null);
+b.style = A;
+export {
+  b as mi_search
+};

package/dist/mi-search.entry-d0e582d1.mjs

@@ -0,0 +1,208 @@
+import { r as v, c as m, h as d, H as M } from "./reactcomponent-2f9f051f.mjs";
+import { c as f, g as D } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
+import "react";
+import "react-dom";
+var g = f(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = o, t.debounce = u;
+  var n = 500;
+  t.DEFAULT_DEBOUNCE_DURATION = n;
+  function o(i) {
+    return function(s, a, l) {
+      return {
+        configurable: !0,
+        enumerable: l.enumerable,
+        get: function() {
+          return Object.defineProperty(this, a, {
+            configurable: !0,
+            enumerable: l.enumerable,
+            value: u(l.value, i)
+          }), this[a];
+        }
+      };
+    };
+  }
+  function u(i) {
+    var r = arguments.length <= 1 || arguments[1] === void 0 ? n : arguments[1], s = void 0;
+    function a() {
+      for (var l = this, c = arguments.length, h = Array(c), p = 0; p < c; p++)
+        h[p] = arguments[p];
+      a.clear(), s = setTimeout(function() {
+        s = null, i.apply(l, h);
+      }, r);
+    }
+    return a.clear = function() {
+      s && (clearTimeout(s), s = null);
+    }, a;
+  }
+}), I = f(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  });
+  function n(r, s) {
+    var a = s({}, r);
+    return delete a.default, a;
+  }
+  function o(r, s) {
+    for (var a = Object.getOwnPropertyNames(s), l = 0; l < a.length; l++) {
+      var c = a[l], h = Object.getOwnPropertyDescriptor(s, c);
+      h && h.configurable && r[c] === void 0 && Object.defineProperty(r, c, h);
+    }
+    return r;
+  }
+  function u(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  var i = u(g);
+  t.default = i.default, o(t, n(g, o));
+});
+const E = /* @__PURE__ */ D(I), A = 'mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:40px;height:48px;font-size:1rem;padding-right:40px;font-family:-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";-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MSAxMUgxMi41TDE3LjQ5IDE2TDE2IDE3LjQ5TDExIDEyLjVWMTEuNzFMMTAuNzMgMTEuNDNDOS41OSAxMi40MSA4LjExIDEzIDYuNSAxM0MyLjkxIDEzIDAgMTAuMDkgMCA2LjVDMCAyLjkxIDIuOTEgMCA2LjUgMEMxMC4wOSAwIDEzIDIuOTEgMTMgNi41QzEzIDguMTEgMTIuNDEgOS41OSAxMS40MyAxMC43M0wxMS43MSAxMVpNMiA2LjVDMiA4Ljk5IDQuMDEgMTEgNi41IDExQzguOTkgMTEgMTEgOC45OSAxMSA2LjVDMTEgNC4wMSA4Ljk5IDIgNi41IDJDNC4wMSAyIDIgNC4wMSAyIDYuNVoiIGZpbGw9IiM4RDk4QUEiLz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-position:16px center;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #cfe0fc;}mi-search input[type=search][disabled]{pointer-events:none}mi-search input::-webkit-search-cancel-button{-webkit-appearance:none}mi-search input::-ms-clear{display:none}mi-search input::-moz-search-clear-button{-moz-appearance:none}mi-search button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#6b7280;border-radius:50%;padding:0;border-width:0;display:flex;align-items:center;justify-content:center}mi-search button:focus{outline:0}mi-search button svg{fill:white;width:10px;height:10px}';
+var y = function(e, t, n, o) {
+  var u = arguments.length, i = u < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, r;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, o);
+  else
+    for (var s = e.length - 1; s >= 0; s--)
+      (r = e[s]) && (i = (u < 3 ? r(i) : u > 3 ? r(t, n, i) : r(t, n)) || i);
+  return u > 3 && i && Object.defineProperty(t, n, i), i;
+};
+const b = class {
+  constructor(e) {
+    v(this, e), this.results = m(this, "results", 7), this.cleared = m(this, "cleared", 7), this.componentRendered = m(this, "componentRendered", 7), this.shortInput = m(this, "shortInput", 7), this.preventSearch = !1, this.placeholder = "", this.idAttribute = "", this.dataAttributes = {}, this.mapsindoors = !1, this.google = !1, this.miFields = "name,description,aliases,categories,externalId", this.miTake = void 0, this.miSkip = void 0, this.miOrder = void 0, this.miCategories = void 0, this.miNear = void 0, this.miVenue = void 0, this.gmCountryCode = void 0, this.value = void 0, this.disabled = !1;
+  }
+  valueChange(e) {
+    !e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
+  }
+  /**
+   * Clear the input field.
+   */
+  async clear() {
+    this.inputElement.value = "", this.value = "", this.lastRequested = null, this.cleared.emit();
+  }
+  /**
+   * Programmatically trigger the search.
+   */
+  triggerSearch() {
+    const e = this.inputElement.value;
+    this.search(e);
+  }
+  /**
+   * Sets text to be shown in the search field.
+   * Setting it will not perform a search.
+   */
+  setDisplayText(e) {
+    this.preventSearch = !0, this.value = e, this.preventSearch = !1;
+  }
+  /**
+   * Set focus on the input field.
+   * The preventScroll boolean is passed as true to prevent the browser
+   * from scrolling the document to bring the newly-focused element into view.
+   */
+  focusInput() {
+    this.inputElement.focus({ preventScroll: !0 });
+  }
+  /**
+   * Perform the search.
+   */
+  search(e) {
+    Promise.all([
+      this.makeMapsIndoorsQuery(e),
+      this.makeGooglePlacesQuery(e)
+    ]).then((t) => {
+      this.lastRequested = e, this.pushResults(t[0].concat(t[1]));
+    });
+  }
+  /**
+   * Handles incoming input change event, eg. input field value has changed.
+   * The function is debounced 500ms to avoid firing too many requests while typing.
+   */
+  inputChanged() {
+    const e = this.inputElement.value;
+    if (this.value = e, !this.preventSearch) {
+      if (e.length < 2) {
+        this.lastRequested = null, e.length === 1 ? this.shortInput.emit() : this.clear();
+        return;
+      }
+      e.length > 1 && e !== this.lastRequested && this.search(e);
+    }
+  }
+  /**
+   * Push the results via the results event.
+   * @param object[] Locations
+   */
+  pushResults(e) {
+    this.results.emit(e);
+  }
+  /**
+   * Make MapsIndoors locations request based on given search query.
+   * @param {string} query
+   * @return {Promise<any[]>}
+   */
+  makeMapsIndoorsQuery(e) {
+    if (!this.mapsindoors)
+      return Promise.resolve([]);
+    let t;
+    if (this.miNear && (t = this.miNear, /^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear))) {
+      const n = this.miNear.split(",");
+      t = { lat: parseFloat(n[0]), lng: parseFloat(n[1]) };
+    }
+    return mapsindoors.services.LocationsService.getLocations({
+      q: e.trim(),
+      fields: this.miFields,
+      take: this.miTake,
+      skip: this.miSkip,
+      orderBy: this.miOrder,
+      near: t,
+      venue: this.miVenue,
+      categories: this.miCategories
+    });
+  }
+  /**
+   * Make Google Places autocomplete suggestion request.
+   * @param {string} query
+   * @return {Promise<any>}
+   */
+  makeGooglePlacesQuery(e) {
+    return this.google ? this.googleAutocompleteService || (this.googleAutocompleteService = new google.maps.places.AutocompleteService()) : this.googleAutocompleteService = null, this.googleAutocompleteService ? new Promise((t) => {
+      const n = {
+        input: e
+      };
+      this.gmCountryCode && (n.componentRestrictions = { country: this.gmCountryCode }), this.googleAutocompleteService.getPlacePredictions(n, (o) => {
+        const u = (o || []).map((i) => ({
+          id: i.place_id,
+          type: "Feature",
+          properties: {
+            type: "google_places",
+            placeId: i.place_id,
+            name: i.structured_formatting.main_text,
+            subtitle: i.structured_formatting.secondary_text || "",
+            floor: 0
+          }
+        }));
+        t(u);
+      });
+    }) : Promise.resolve([]);
+  }
+  componentDidRender() {
+    if (this.dataAttributes)
+      for (const e in this.dataAttributes)
+        this.inputElement.setAttribute(e, this.dataAttributes[e]);
+    this.componentRendered.emit();
+  }
+  render() {
+    return d(M, null, d("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (e) => this.inputElement = e, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), d("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, d("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, d("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" }))));
+  }
+  static get watchers() {
+    return {
+      value: ["valueChange"]
+    };
+  }
+};
+y([
+  E(500)
+], b.prototype, "inputChanged", null);
+b.style = A;
+export {
+  b as mi_search
+};

package/dist/mi-share-sms.entry-ae15cf77.mjs

@@ -0,0 +1,53 @@
+import { r as a, c as i, h as e } from "./webcomponent-a10be1e6.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-share-sms.entry-ced7f275.mjs

@@ -0,0 +1,55 @@
+import { r as a, c as i, h as e } from "./reactcomponent-2f9f051f.mjs";
+import "react";
+import "react-dom";
+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-812a5096.mjs

@@ -0,0 +1,24 @@
+import { r as n, c as d, h as t, H as p } from "./webcomponent-a10be1e6.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-step-switcher.entry-c9e28e79.mjs

@@ -0,0 +1,26 @@
+import { r as n, c as d, h as t, H as p } from "./reactcomponent-2f9f051f.mjs";
+import "react";
+import "react-dom";
+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-63c34f28.mjs

@@ -0,0 +1,19 @@
+import { r as i, h as s } from "./webcomponent-a10be1e6.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-panel.entry-bde9bd39.mjs

@@ -0,0 +1,21 @@
+import { r as i, h as s } from "./reactcomponent-2f9f051f.mjs";
+import "react";
+import "react-dom";
+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
+};