@3dwayfinder/wayfinder-vue-components 1.11.2 → 1.11.3

package/dist/wayfinder-vue-components.esm.js

@@ -1031,9 +1031,317 @@ function getModuleByNamespace (store, helper, namespace) {
 }
 
 //
-var wayfinder;
 var script$w = {
+  name: "POI",
+  computed: {
+    ...mapState('wf', ['language']),
+    hasShowPathListener() {
+      return !!(this.$listeners && this.$listeners.showPath);
+    },
+    hasShowAccessibilityPathListener() {
+      return !!(this.$listeners && this.$listeners.showAccessibilityPath);
+    }
+  },
+  props: {
+    poi: {
+      type: Object,
+      default: null
+    },
+    showLogo: {
+      type: Boolean,
+      default: false
+    },
+    showName: {
+      type: Boolean,
+      default: true
+    },
+    showPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showAccessibilityPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showDescription: {
+      type: Boolean,
+      default: false
+    },
+    showRoomID: {
+      type: Boolean,
+      default: false
+    },
+    showFloor: {
+      type: Boolean,
+      default: false
+    },
+    showDistance: {
+      type: Boolean,
+      default: false
+    },
+    pathIcon: {
+      type: String,
+      default: "path"
+    },
+    showPathIcon: {
+      type: Boolean,
+      default: true
+    },
+    accessibilityPathIcon: {
+      type: String,
+      default: "accessibility-path"
+    }
+  },
+  mounted() {
+    if (this.$wayfinder) {
+      this.show_path = this.$wayfinder.translator.get('show_path');
+      this.show_accessibility_path = this.$wayfinder.translator.get('show_accessibility_path');
+    }
+  },
+  watch: {
+    language() {
+      if (this.$wayfinder) {
+        this.show_path = this.$wayfinder.translator.get('show_path');
+        this.show_accessibility_path = this.$wayfinder.translator.get('show_accessibility_path');
+      }
+    },
+    poi() {
+      console.log('poi', this.poi);
+      if (this.showDistance && this.$wayfinder) {
+        let path = this.$wayfinder.findPath(this.$wayfinder.getKioskNode(), this.poi.getNode());
+        this.path2Text = this.$wayfinder.pathToText(path);
+        console.log('watch.path', this.path2Text);
+      }
+    }
+  },
+  methods: {
+    showPath() {
+      if (this.poi) {
+        if (this.hasShowPathListener) {
+          this.$emit('showPath', this.poi);
+        } else {
+          this.$wayfinder.showPath(this.poi.getNode(), this.poi);
+        }
+      }
+    },
+    showAccessibilityPath() {
+      if (this.poi) {
+        if (this.hasShowAccessibilityPathListener) {
+          this.$emit('showAccessibilityPath', this.poi);
+        } else {
+          this.$wayfinder.showPath(this.poi.getNode(), this.poi, {
+            "ignoreTypes": ["escalator", "stairs"]
+          });
+        }
+      }
+    },
+    open(type) {
+      if (type && this.poi[type]) {
+        if (type === 'shop_email') {
+          window.open('mailto:' + this.poi[type], '_system');
+        } else if (type === 'shop_phone') {
+          window.open('tel:' + this.poi[type], '_system');
+        } else {
+          window.open(this.poi[type], '_system');
+        }
+      }
+    },
+    getImage() {
+      if (this.poi.getBackgroundUrl()) return 'url("' + this.poi.getBackgroundUrl() + '")';else if (this.poi.getIconUrl()) {
+        return 'url("' + this.poi.getIconUrl() + '")';
+      } else {
+        return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
+      }
+    },
+    isImage() {
+      if (this.poi.getBackgroundUrl()) return "image-background";else if (this.poi.getIconUrl()) return "image-logo";else return "image-none";
+    },
+    truncate(str, len) {
+      if (str && str.length > len) {
+        return str.substring(0, len) + '...';
+      } else {
+        return str;
+      }
+    }
+  },
+  data: function () {
+    return {
+      show_path: 'Show Path',
+      show_accessibility_path: "Show Accessibility Path",
+      pathTime: '',
+      unit: 'm',
+      path2Text: null
+    };
+  }
+};
+
+const isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        let code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                style.element.setAttribute('media', css.media);
+            if (HEAD === undefined) {
+                HEAD = document.head || document.getElementsByTagName('head')[0];
+            }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            const index = style.ids.size - 1;
+            const textNode = document.createTextNode(code);
+            const nodes = style.element.childNodes;
+            if (nodes[index])
+                style.element.removeChild(nodes[index]);
+            if (nodes.length)
+                style.element.insertBefore(textNode, nodes[index]);
+            else
+                style.element.appendChild(textNode);
+        }
+    }
+}
+
+/* script */
+const __vue_script__$w = script$w;
+
+/* template */
+var __vue_render__$w = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.poi ? _c('div', {
+    staticClass: "wf-poi"
+  }, [_vm.showLogo ? _c('img', {
+    staticClass: "wf-poi-image",
+    class: [_vm.isImage()],
+    attrs: {
+      "src": _vm.getImage()
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showName ? _c('div', {
+    staticClass: "wf-poi-name",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.getName(_vm.language) || 'POI')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showPathButton ? _c('div', {
+    directives: [{
+      name: "touch",
+      rawName: "v-touch:tap",
+      value: _vm.showPath,
+      expression: "showPath",
+      arg: "tap"
+    }],
+    staticClass: "wf-show-path"
+  }, [_c('button', [_c('WFTranslate', {
+    attrs: {
+      "k": "show_path"
+    }
+  }, [_vm._v(_vm._s(_vm.show_path))]), _vm._v(" "), _vm.showPathIcon ? _c('WFIcon', {
+    attrs: {
+      "name": _vm.pathIcon
+    }
+  }) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _vm.showAccessibilityPathButton ? _c('div', {
+    directives: [{
+      name: "touch",
+      rawName: "v-touch:tap",
+      value: _vm.showAccessibilityPath,
+      expression: "showAccessibilityPath",
+      arg: "tap"
+    }],
+    staticClass: "wf-show-path wf-show-accessibility-path"
+  }, [_c('button', [_c('WFTranslate', {
+    attrs: {
+      "k": "show_accessibility_path"
+    }
+  }, [_vm._v("Show Accessibility Path")]), _vm._v(" "), _vm.showPathIcon ? _c('WFIcon', {
+    attrs: {
+      "name": _vm.accessibilityPathIcon
+    }
+  }) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _vm.showDescription ? _c('div', {
+    staticClass: "wf-poi-description",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.getDescription(_vm.language) || '')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showRoomID ? _c('div', {
+    staticClass: "wf-poi-room_id",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.room_id || '')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showFloor && _vm.poi.getFloor() ? _c('div', {
+    staticClass: "wf-poi-floor",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.getFloor().getName(_vm.language) || '')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showDistance ? _c('div', {
+    staticClass: "wf-poi-distance"
+  }, [_c('span', {
+    staticClass: "wf-path-time"
+  }, [_vm._v(_vm._s(_vm.pathTime))]), _vm._v(" "), _c('span', {
+    staticClass: "wf-path-steps"
+  }, [_vm._v(_vm._s(_vm.pathSteps))]), _vm._v(" "), _c('span', {
+    staticClass: "wf-path-length"
+  }, [_vm._v(_vm._s(_vm.pathLength))])]) : _vm._e()]) : _vm._e();
+};
+var __vue_staticRenderFns__$w = [];
+
+/* style */
+const __vue_inject_styles__$w = function (inject) {
+  if (!inject) return;
+  inject("data-v-5cf5ab6e_0", {
+    source: ".layout-view[data-v-5cf5ab6e]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-5cf5ab6e]{padding:1rem}.poi-info h2[data-v-5cf5ab6e]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-5cf5ab6e]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-5cf5ab6e]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-5cf5ab6e]{background-size:cover}.show-path[data-v-5cf5ab6e]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-5cf5ab6e]{height:3rem;font-size:1.2rem;line-height:2.8rem;padding-left:2.5rem;padding-right:2.5rem;margin:auto;border:0;display:block}.poi-description[data-v-5cf5ab6e]{line-height:1.2}.poi-contact .address[data-v-5cf5ab6e]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-5cf5ab6e]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-5cf5ab6e]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-5cf5ab6e]:before{mix-blend-mode:initial;color:#fff}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$w = "data-v-5cf5ab6e";
+/* module identifier */
+const __vue_module_identifier__$w = undefined;
+/* functional template */
+const __vue_is_functional_template__$w = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$W = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+var POI = __vue_component__$W;
+
+//
+var wayfinder;
+var script$v = {
   name: 'Map',
+  components: {
+    POI
+  },
   props: {
     project: {
       type: String
@@ -1258,68 +1566,15 @@ var script$w = {
       pathText: '',
       poiPopupVisible: false,
       popupPOI: null
-    };
-  }
-};
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
+    };
+  }
+};
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$v = script$v;
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$v = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1358,7 +1613,7 @@ var __vue_render__$w = function () {
   }, [_c('div', {
     staticClass: "wf-poi-popup-content"
   }, [_vm._t("poi", function () {
-    return [_c('WFPOI', {
+    return [_c('POI', {
       attrs: {
         "poi": _vm.popupPOI,
         "showLogo": _vm.showPOILogo,
@@ -1375,271 +1630,19 @@ var __vue_render__$w = function () {
     staticClass: "wf-pin-down"
   })]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$w = [];
-
-/* style */
-const __vue_inject_styles__$w = function (inject) {
-  if (!inject) return;
-  inject("data-v-57432c9c_0", {
-    source: ".wf-map-container[data-v-57432c9c]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-57432c9c]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-57432c9c]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}#wf-poi-popup[data-v-57432c9c]{position:absolute;top:0;left:0;z-index:10;width:15.5rem;height:auto;background-color:#fff;padding:.4rem;text-align:center;margin-top:-15.5rem;margin-left:-7.75rem;transform-origin:bottom;animation-duration:.5s;animation-iteration-count:2;cursor:pointer}.wf-poi-popup-content[data-v-57432c9c]{display:flex;flex-direction:column;justify-content:stretch;height:100%}.wf-poi-popup-content>label[data-v-57432c9c]{flex-grow:1;font-size:1.6rem;margin-top:.6rem;text-align:center;line-height:1.2;font-weight:600;margin-bottom:1.6rem}.wf-pin-down[data-v-57432c9c]{background-color:#fff;width:1rem;height:1rem;position:absolute;bottom:-.5rem;border-radius:1rem 0 0 0;transform:rotate(45deg);left:50%;margin-left:-.75rem}.wf-pin-up .wf-poi-popup-content[data-v-57432c9c]{margin-bottom:0}.wf-pin-up .wf-pin-down[data-v-57432c9c]{top:-.5rem;bottom:auto;transform:rotate(-45deg)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$w = "data-v-57432c9c";
-/* module identifier */
-const __vue_module_identifier__$w = undefined;
-/* functional template */
-const __vue_is_functional_template__$w = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$V = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
-var __vue_component__$W = __vue_component__$V;
-
-//
-var script$v = {
-  name: "POI",
-  computed: {
-    ...mapState('wf', ['language']),
-    hasShowPathListener() {
-      return !!(this.$listeners && this.$listeners.showPath);
-    },
-    hasShowAccessibilityPathListener() {
-      return !!(this.$listeners && this.$listeners.showAccessibilityPath);
-    }
-  },
-  props: {
-    poi: {
-      type: Object,
-      default: null
-    },
-    showLogo: {
-      type: Boolean,
-      default: false
-    },
-    showName: {
-      type: Boolean,
-      default: true
-    },
-    showPathButton: {
-      type: Boolean,
-      default: false
-    },
-    showAccessibilityPathButton: {
-      type: Boolean,
-      default: false
-    },
-    showDescription: {
-      type: Boolean,
-      default: false
-    },
-    showRoomID: {
-      type: Boolean,
-      default: false
-    },
-    showFloor: {
-      type: Boolean,
-      default: false
-    },
-    showDistance: {
-      type: Boolean,
-      default: false
-    },
-    pathIcon: {
-      type: String,
-      default: "path"
-    },
-    showPathIcon: {
-      type: Boolean,
-      default: true
-    },
-    accessibilityPathIcon: {
-      type: String,
-      default: "accessibility-path"
-    }
-  },
-  mounted() {
-    if (this.$wayfinder) {
-      this.show_path = this.$wayfinder.translator.get('show_path');
-      this.show_accessibility_path = this.$wayfinder.translator.get('show_accessibility_path');
-    }
-  },
-  watch: {
-    language() {
-      if (this.$wayfinder) {
-        this.show_path = this.$wayfinder.translator.get('show_path');
-        this.show_accessibility_path = this.$wayfinder.translator.get('show_accessibility_path');
-      }
-    },
-    poi() {
-      console.log('poi', this.poi);
-      if (this.showDistance && this.$wayfinder) {
-        let path = this.$wayfinder.findPath(this.$wayfinder.getKioskNode(), this.poi.getNode());
-        this.path2Text = this.$wayfinder.pathToText(path);
-        console.log('watch.path', this.path2Text);
-      }
-    }
-  },
-  methods: {
-    showPath() {
-      if (this.poi) {
-        if (this.hasShowPathListener) {
-          this.$emit('showPath', this.poi);
-        } else {
-          this.$wayfinder.showPath(this.poi.getNode(), this.poi);
-        }
-      }
-    },
-    showAccessibilityPath() {
-      if (this.poi) {
-        if (this.hasShowAccessibilityPathListener) {
-          this.$emit('showAccessibilityPath', this.poi);
-        } else {
-          this.$wayfinder.showPath(this.poi.getNode(), this.poi, {
-            "ignoreTypes": ["escalator", "stairs"]
-          });
-        }
-      }
-    },
-    open(type) {
-      if (type && this.poi[type]) {
-        if (type === 'shop_email') {
-          window.open('mailto:' + this.poi[type], '_system');
-        } else if (type === 'shop_phone') {
-          window.open('tel:' + this.poi[type], '_system');
-        } else {
-          window.open(this.poi[type], '_system');
-        }
-      }
-    },
-    getImage() {
-      if (this.poi.getBackgroundUrl()) return 'url("' + this.poi.getBackgroundUrl() + '")';else if (this.poi.getIconUrl()) {
-        return 'url("' + this.poi.getIconUrl() + '")';
-      } else {
-        return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-      }
-    },
-    isImage() {
-      if (this.poi.getBackgroundUrl()) return "image-background";else if (this.poi.getIconUrl()) return "image-logo";else return "image-none";
-    },
-    truncate(str, len) {
-      if (str && str.length > len) {
-        return str.substring(0, len) + '...';
-      } else {
-        return str;
-      }
-    }
-  },
-  data: function () {
-    return {
-      show_path: 'Show Path',
-      show_accessibility_path: "Show Accessibility Path",
-      pathTime: '',
-      unit: 'm',
-      path2Text: null
-    };
-  }
-};
-
-/* script */
-const __vue_script__$v = script$v;
-
-/* template */
-var __vue_render__$v = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.poi ? _c('div', {
-    staticClass: "wf-poi"
-  }, [_vm.showLogo ? _c('img', {
-    staticClass: "wf-poi-image",
-    class: [_vm.isImage()],
-    attrs: {
-      "src": _vm.getImage()
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showName ? _c('div', {
-    staticClass: "wf-poi-name",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.getName(_vm.language) || 'POI')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showPathButton ? _c('div', {
-    directives: [{
-      name: "touch",
-      rawName: "v-touch:tap",
-      value: _vm.showPath,
-      expression: "showPath",
-      arg: "tap"
-    }],
-    staticClass: "wf-show-path"
-  }, [_c('button', [_c('WFTranslate', {
-    attrs: {
-      "k": "show_path"
-    }
-  }, [_vm._v(_vm._s(_vm.show_path))]), _vm._v(" "), _vm.showPathIcon ? _c('WFIcon', {
-    attrs: {
-      "name": _vm.pathIcon
-    }
-  }) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _vm.showAccessibilityPathButton ? _c('div', {
-    directives: [{
-      name: "touch",
-      rawName: "v-touch:tap",
-      value: _vm.showAccessibilityPath,
-      expression: "showAccessibilityPath",
-      arg: "tap"
-    }],
-    staticClass: "wf-show-path wf-show-accessibility-path"
-  }, [_c('button', [_c('WFTranslate', {
-    attrs: {
-      "k": "show_accessibility_path"
-    }
-  }, [_vm._v("Show Accessibility Path")]), _vm._v(" "), _vm.showPathIcon ? _c('WFIcon', {
-    attrs: {
-      "name": _vm.accessibilityPathIcon
-    }
-  }) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _vm.showDescription ? _c('div', {
-    staticClass: "wf-poi-description",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.getDescription(_vm.language) || '')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showRoomID ? _c('div', {
-    staticClass: "wf-poi-room_id",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.room_id || '')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showFloor && _vm.poi.getFloor() ? _c('div', {
-    staticClass: "wf-poi-floor",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.getFloor().getName(_vm.language) || '')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showDistance ? _c('div', {
-    staticClass: "wf-poi-distance"
-  }, [_c('span', {
-    staticClass: "wf-path-time"
-  }, [_vm._v(_vm._s(_vm.pathTime))]), _vm._v(" "), _c('span', {
-    staticClass: "wf-path-steps"
-  }, [_vm._v(_vm._s(_vm.pathSteps))]), _vm._v(" "), _c('span', {
-    staticClass: "wf-path-length"
-  }, [_vm._v(_vm._s(_vm.pathLength))])]) : _vm._e()]) : _vm._e();
-};
 var __vue_staticRenderFns__$v = [];
 
 /* style */
 const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
-  inject("data-v-5cf5ab6e_0", {
-    source: ".layout-view[data-v-5cf5ab6e]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-5cf5ab6e]{padding:1rem}.poi-info h2[data-v-5cf5ab6e]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-5cf5ab6e]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-5cf5ab6e]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-5cf5ab6e]{background-size:cover}.show-path[data-v-5cf5ab6e]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-5cf5ab6e]{height:3rem;font-size:1.2rem;line-height:2.8rem;padding-left:2.5rem;padding-right:2.5rem;margin:auto;border:0;display:block}.poi-description[data-v-5cf5ab6e]{line-height:1.2}.poi-contact .address[data-v-5cf5ab6e]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-5cf5ab6e]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-5cf5ab6e]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-5cf5ab6e]:before{mix-blend-mode:initial;color:#fff}",
+  inject("data-v-004da57e_0", {
+    source: ".wf-map-container[data-v-004da57e]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-004da57e]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-004da57e]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}#wf-poi-popup[data-v-004da57e]{position:absolute;top:0;left:0;z-index:10;width:15.5rem;height:auto;background-color:#fff;padding:.4rem;text-align:center;margin-top:-15.5rem;margin-left:-7.75rem;transform-origin:bottom;animation-duration:.5s;animation-iteration-count:2;cursor:pointer}.wf-poi-popup-content[data-v-004da57e]{display:flex;flex-direction:column;justify-content:stretch;height:100%}.wf-poi-popup-content>label[data-v-004da57e]{flex-grow:1;font-size:1.6rem;margin-top:.6rem;text-align:center;line-height:1.2;font-weight:600;margin-bottom:1.6rem}.wf-pin-down[data-v-004da57e]{background-color:#fff;width:1rem;height:1rem;position:absolute;bottom:-.5rem;border-radius:1rem 0 0 0;transform:rotate(45deg);left:50%;margin-left:-.75rem}.wf-pin-up .wf-poi-popup-content[data-v-004da57e]{margin-bottom:0}.wf-pin-up .wf-pin-down[data-v-004da57e]{top:-.5rem;bottom:auto;transform:rotate(-45deg)}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$v = "data-v-5cf5ab6e";
+const __vue_scope_id__$v = "data-v-004da57e";
 /* module identifier */
 const __vue_module_identifier__$v = undefined;
 /* functional template */
@@ -1652,7 +1655,7 @@ const __vue_component__$U = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$v,
   staticRenderFns: __vue_staticRenderFns__$v
 }, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
-var POI = __vue_component__$U;
+var __vue_component__$V = __vue_component__$U;
 
 //
 var script$u = {
@@ -5925,7 +5928,7 @@ var components = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	loadWayfinder: loadWayfinder,
 	WFApp: __vue_component__$Y,
-	WFMap: __vue_component__$W,
+	WFMap: __vue_component__$V,
 	WFAZMenu: __vue_component__$T,
 	WFFlagsMenu: __vue_component__$R,
 	WFLanguagesMenu: __vue_component__$P,
@@ -6247,4 +6250,4 @@ const install = function installWayfinderVueComponents(Vue, store, mapType, proj
   });
 };
 
-export { __vue_component__$T as WFAZMenu, __vue_component__$c as WFAlphabet, __vue_component__$Y as WFApp, __vue_component__$g as WFBanner, __vue_component__$1 as WFBrowser, __vue_component__$H as WFBuildingLogo, __vue_component__$s as WFClock, __vue_component__$q as WFDate, __vue_component__$y as WFFilteredMenu, __vue_component__$R as WFFlagsMenu, __vue_component__$A as WFFloorsMenu, Group as WFGroup, __vue_component__$J as WFGroupPOIsMenu, __vue_component__$L as WFGroupsMenu, __vue_component__$3 as WFIcon, __vue_component__$P as WFLanguagesMenu, __vue_component__$u as WFLoading, __vue_component__$W as WFMap, POI as WFPOI, __vue_component__$7 as WFPage, __vue_component__$e as WFPageMenu, __vue_component__$i as WFScrollableArea, __vue_component__$w as WFSearch, __vue_component__$E as WFShortcutsMenu, SubGroupMenu as WFSubGroupMenu, __vue_component__$m as WFTab, __vue_component__$k as WFTabButtons, __vue_component__$o as WFTabs, __vue_component__$5 as WFTranslate, YAH as WFYAH, __vue_component__$C as WFZoomMenu, install as default, loadWayfinder };
+export { __vue_component__$T as WFAZMenu, __vue_component__$c as WFAlphabet, __vue_component__$Y as WFApp, __vue_component__$g as WFBanner, __vue_component__$1 as WFBrowser, __vue_component__$H as WFBuildingLogo, __vue_component__$s as WFClock, __vue_component__$q as WFDate, __vue_component__$y as WFFilteredMenu, __vue_component__$R as WFFlagsMenu, __vue_component__$A as WFFloorsMenu, Group as WFGroup, __vue_component__$J as WFGroupPOIsMenu, __vue_component__$L as WFGroupsMenu, __vue_component__$3 as WFIcon, __vue_component__$P as WFLanguagesMenu, __vue_component__$u as WFLoading, __vue_component__$V as WFMap, POI as WFPOI, __vue_component__$7 as WFPage, __vue_component__$e as WFPageMenu, __vue_component__$i as WFScrollableArea, __vue_component__$w as WFSearch, __vue_component__$E as WFShortcutsMenu, SubGroupMenu as WFSubGroupMenu, __vue_component__$m as WFTab, __vue_component__$k as WFTabButtons, __vue_component__$o as WFTabs, __vue_component__$5 as WFTranslate, YAH as WFYAH, __vue_component__$C as WFZoomMenu, install as default, loadWayfinder };