@mapsindoors/map-template 1.4.2 → 1.5.0

package/dist/{mi-list-item-location.entry-b89c645e.mjs → mi-list-item-location.entry-7e068a6c.mjs}

@@ -1,11 +1,11 @@
-import { r, c as s, h as o, H as c } from "./reactcomponent-c0305d4c.mjs";
+import { r, c as s, h as o, H as c } from "./reactcomponent-8d2c3766.mjs";
 import { m as d } from "./icon-b8d01d6f-ddfa2c17.mjs";
 import { b as a } from "./utils-ae714467-b07fc3be.mjs";
 import "react";
 import "react-dom";
 const l = 'html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{padding:16px;font-size:1rem;font-weight:500;line-height:1rem;transition:300ms ease;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";border-radius:8px;background-color:#f9fafb;display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:16px;border:1px solid #e5e7eb}:host(:hover){background-color:var(--tailwind-colors-gray-100)}.img-container{width:32px;height:32px;display:flex;justify-content:center;align-items:center}img{border-radius:8px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details{padding-right:16px;flex:1;display:grid;gap:4px}.details-title{margin:0;padding:0}.distance{font-weight:400}mi-location-info{color:#6b7280}', h = class {
   constructor(e) {
-    r(this, e), this.locationClicked = s(this, "locationClicked", 7), this.listItemDidRender = s(this, "listItemDidRender", 7), this.iconDisplaySize = parseInt(d.icon.size.medium.value), this.location = void 0, this.unit = void 0, this.icon = void 0, this.iconBadge = void 0, this.iconBadgeValue = void 0, this.iconURLToRender = void 0;
+    r(this, e), this.locationClicked = s(this, "locationClicked", 7), this.listItemDidRender = s(this, "listItemDidRender", 7), this.iconDisplaySize = parseInt(d.icon.size.medium.value), this.location = void 0, this.showExternalId = !0, this.unit = void 0, this.icon = void 0, this.iconBadge = void 0, this.iconBadgeValue = void 0, this.iconURLToRender = void 0;
   }
   iconChanged() {
     var e;
@@ -25,15 +25,21 @@ const l = 'html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:hos
   locationClickedHandler(e) {
     this.locationClicked.emit(e);
   }
+  /**
+   * Called once just after the component is first connected to the DOM.
+   */
   componentWillLoad() {
     var e;
     this.iconURLToRender = this.icon ? this.icon : (e = this.location) === null || e === void 0 ? void 0 : e.properties.imageURL, this.updateBadge();
   }
+  /**
+   * Called after every render().
+   */
   componentDidRender() {
     this.location && (this.infoElement.location = this.location, this.listItemDidRender.emit(), this.imageElement && !("objectFit" in document.documentElement.style) && this.objectFitImage(this.imageElement));
   }
   /**
-   * Apply badge to location icon
+   * Apply badge to location icon.
    */
   updateBadge() {
     this.iconBadge && this.iconBadgeValue && this.iconURLToRender && this.applyBadgeToIcon();
@@ -82,6 +88,7 @@ const l = 'html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:hos
   }
   /**
    * Create and return an Image from URL.
+   *
    * @param {string} url
    * @returns {Image}
    */
@@ -92,11 +99,13 @@ const l = 'html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:hos
     }));
   }
   /**
+   * Render location list-item.
+   *
    * @description Render location list-item.
    * @returns {JSX.Element}
    */
   render() {
-    return this.location && o(c, { role: "listitem", onClick: () => this.locationClickedHandler(this.location) }, this.iconURLToRender ? this.renderIcon() : null, o("div", { class: "details" }, o("p", { class: "details-title" }, this.location.properties.name), o("mi-location-info", { ref: (e) => this.infoElement = e })), this.location.properties.geodesicDistance && this.renderDistance());
+    return this.location && o(c, { role: "listitem", onClick: () => this.locationClickedHandler(this.location) }, this.iconURLToRender ? this.renderIcon() : null, o("div", { class: "details" }, o("p", { class: "details-title" }, this.location.properties.name), o("mi-location-info", { ref: (e) => this.infoElement = e, showExternalId: this.showExternalId })), this.location.properties.geodesicDistance && this.renderDistance());
   }
   /**
    * @description Get JSX template for icon.

package/dist/{mi-list.entry-988aea1b.mjs → mi-list.entry-149a2b0e.mjs}

@@ -1,4 +1,4 @@
-import { r as s, h as e } from "./webcomponent-a4bdfc4d.mjs";
+import { r as s, h as e } from "./webcomponent-41fdf0bf.mjs";
 const l = "html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{display:block;height:100%;width:100%}.container{height:100%;display:flex}.container .scroll-container{width:100%;overflow-y:auto}", n = class {
   constructor(t) {
     s(this, t), this.scrollButtonsEnabled = !1, this.scrollLength = 100;

package/dist/{mi-list.entry-62dd7607.mjs → mi-list.entry-b589d513.mjs}

@@ -1,4 +1,4 @@
-import { r as s, h as e } from "./reactcomponent-c0305d4c.mjs";
+import { r as s, h as e } from "./reactcomponent-8d2c3766.mjs";
 import "react";
 import "react-dom";
 const l = "html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{display:block;height:100%;width:100%}.container{height:100%;display:flex}.container .scroll-container{width:100%;overflow-y:auto}", n = class {

package/dist/{mi-location-booking.entry-af85eafe.mjs → mi-location-booking.entry-9d803fdd.mjs}

@@ -1,4 +1,4 @@
-import { r as _o, c as Q, h as x, H as go } from "./reactcomponent-c0305d4c.mjs";
+import { r as _o, c as Q, h as x, H as go } from "./reactcomponent-8d2c3766.mjs";
 import { c as wo } from "./utils-ae714467-b07fc3be.mjs";
 import "react";
 import "react-dom";

package/dist/{mi-location-booking.entry-0d95b6e2.mjs → mi-location-booking.entry-fdb30ddd.mjs}

@@ -1,4 +1,4 @@
-import { r as _o, c as Q, h as x, H as go } from "./webcomponent-a4bdfc4d.mjs";
+import { r as _o, c as Q, h as x, H as go } from "./webcomponent-41fdf0bf.mjs";
 import { c as wo } from "./utils-ae714467-b07fc3be.mjs";
 function $(e) {
   if (e === null || e === !0 || e === !1)

package/dist/mi-location-info.entry-2dc24888.mjs

@@ -0,0 +1,27 @@
+import { r as i } from "./webcomponent-41fdf0bf.mjs";
+const o = ":host{display:block;color:#1f2937;font-weight:400}", e = class {
+  constructor(t) {
+    i(this, t), this.location = void 0, this.showExternalId = !0;
+  }
+  /**
+   * Get locations info as a string.
+   *
+   * @returns {string}
+   */
+  getInfoString() {
+    const t = [];
+    return this.location.properties.externalId && this.showExternalId && t.push(this.location.properties.externalId), this.location.properties.floorName && t.push(`Level ${this.location.properties.floorName}`), this.location.properties.building && (this.location.properties.venue ? this.location.properties.venue.toLowerCase() !== this.location.properties.building.toLowerCase() && t.push(this.location.properties.building) : t.push(this.location.properties.building)), this.location.properties.venue && t.push(this.location.properties.venue), this.location.properties.subtitle && t.push(this.location.properties.subtitle), t.join(" · ");
+  }
+  /**
+   * @description Render location list-info.
+   * @returns {JSX.Element}
+   */
+  render() {
+    var t;
+    return !((t = this.location) === null || t === void 0) && t.properties ? this.getInfoString() : null;
+  }
+};
+e.style = o;
+export {
+  e as mi_location_info
+};

package/dist/mi-location-info.entry-db791bda.mjs

@@ -0,0 +1,29 @@
+import { r as i } from "./reactcomponent-8d2c3766.mjs";
+import "react";
+import "react-dom";
+const o = ":host{display:block;color:#1f2937;font-weight:400}", e = class {
+  constructor(t) {
+    i(this, t), this.location = void 0, this.showExternalId = !0;
+  }
+  /**
+   * Get locations info as a string.
+   *
+   * @returns {string}
+   */
+  getInfoString() {
+    const t = [];
+    return this.location.properties.externalId && this.showExternalId && t.push(this.location.properties.externalId), this.location.properties.floorName && t.push(`Level ${this.location.properties.floorName}`), this.location.properties.building && (this.location.properties.venue ? this.location.properties.venue.toLowerCase() !== this.location.properties.building.toLowerCase() && t.push(this.location.properties.building) : t.push(this.location.properties.building)), this.location.properties.venue && t.push(this.location.properties.venue), this.location.properties.subtitle && t.push(this.location.properties.subtitle), t.join(" · ");
+  }
+  /**
+   * @description Render location list-info.
+   * @returns {JSX.Element}
+   */
+  render() {
+    var t;
+    return !((t = this.location) === null || t === void 0) && t.properties ? this.getInfoString() : null;
+  }
+};
+e.style = o;
+export {
+  e as mi_location_info
+};

package/dist/{mi-map-googlemaps.entry-15d8ff0c.mjs → mi-map-googlemaps.entry-693c17b1.mjs}

@@ -1,4 +1,4 @@
-import { r as f, c as I, h as C } from "./webcomponent-a4bdfc4d.mjs";
+import { r as f, c as I, h as C } from "./webcomponent-41fdf0bf.mjs";
 import { m as E } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
 var b = function o(e, t) {
   if (e === t)

package/dist/{mi-map-googlemaps.entry-1e6a0c3a.mjs → mi-map-googlemaps.entry-815c327c.mjs}

@@ -1,4 +1,4 @@
-import { r as f, c as I, h as C } from "./reactcomponent-c0305d4c.mjs";
+import { r as f, c as I, h as C } from "./reactcomponent-8d2c3766.mjs";
 import { m as E } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
 import "react";
 import "react-dom";

package/dist/{mi-map-mapbox.entry-006002d1.mjs → mi-map-mapbox.entry-38bfe2e4.mjs}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as a } from "./webcomponent-a4bdfc4d.mjs";
+import { r as n, c as r, h as e, H as a } from "./webcomponent-41fdf0bf.mjs";
 import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
 class h {
   constructor(t, i) {

package/dist/{mi-map-mapbox.entry-a54911cc.mjs → mi-map-mapbox.entry-ce854ebd.mjs}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as a } from "./reactcomponent-c0305d4c.mjs";
+import { r as n, c as r, h as e, H as a } from "./reactcomponent-8d2c3766.mjs";
 import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
 import "react";
 import "react-dom";

package/dist/{mi-metric-card.entry-34de3fef.mjs → mi-metric-card.entry-24ff6739.mjs}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as o } from "./reactcomponent-c0305d4c.mjs";
+import { r as e, h as i, H as o } from "./reactcomponent-8d2c3766.mjs";
 import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
 import "react";
 import "react-dom";

package/dist/{mi-metric-card.entry-c5db0bd7.mjs → mi-metric-card.entry-fa5470f0.mjs}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as o } from "./webcomponent-a4bdfc4d.mjs";
+import { r as e, h as i, H as o } from "./webcomponent-41fdf0bf.mjs";
 import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
 const r = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host mi-card{position:relative;overflow:hidden;min-width:312px}:host mi-card .content h1{display:inline-flex;cursor:default;align-items:center;text-transform:uppercase;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:8px}:host mi-card .content h1 svg{fill:#9ca3af;width:16px;height:16px;margin-left:8px}:host mi-card .content section{position:relative}:host mi-card .content section p{margin:0;font-size:3rem;line-height:3rem;font-weight:500;color:#1c1917}:host mi-card .content section p.error{font-size:1rem;font-weight:500;color:#6b7280}:host mi-card .content section p.hidden{visibility:hidden}:host mi-card .content section p.tool-tip{box-sizing:border-box;visibility:hidden;overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition:all 100ms;z-index:700;background-color:#ffffff;font-size:0.875rem;font-weight:400;line-height:1rem;margin:0}:host mi-card .content section p.tool-tip.visible{opacity:1;visibility:visible}:host mi-card .content section mi-spinner{display:inline-block;vertical-align:middle;width:100%}', l = class {
   constructor(t) {