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

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 this.poi.getBackgroundUrl();else if (this.poi.getIconUrl()) {
+        return 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-8e45a566_0", {
+    source: ".layout-view[data-v-8e45a566]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-8e45a566]{padding:1rem}.poi-info h2[data-v-8e45a566]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-8e45a566]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-8e45a566]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-8e45a566]{background-size:cover}.show-path[data-v-8e45a566]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-8e45a566]{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-8e45a566]{line-height:1.2}.poi-contact .address[data-v-8e45a566]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-8e45a566]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-8e45a566]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-8e45a566]:before{mix-blend-mode:initial;color:#fff}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$w = "data-v-8e45a566";
+/* 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
@@ -1226,9 +1534,10 @@ var script$w = {
         let offset = (this.$wayfinder.settings.getFloat("poi.2d.icon-size", 24, poi) - 24) / 2;
         this.$refs.poiPopup.style.left = position[0] + "px";
         this.$nextTick(() => {
+          //console.log('pos', position, offset, this.$refs.poiPopup.clientHeight, this.$refs.poiPopup.clientWidth)	
           this.$refs.poiPopup.style.top = position[1] - offset + "px";
-          this.$refs.poiPopup.style.marginTop = "revert-layer";
-          this.$refs.poiPopup.style.marginLeft = "revert-layer";
+          this.$refs.poiPopup.style.marginTop = -this.$refs.poiPopup.clientHeight + "px";
+          this.$refs.poiPopup.style.marginLeft = -(this.$refs.poiPopup.clientWidth / 2) + "px";
           this.$refs.poiPopup.classList.remove("wf-pin-up");
           this.$refs.poiPopup.classList.remove("wf-pin-left");
           this.$refs.poiPopup.classList.remove("wf-pin-right");
@@ -1255,71 +1564,18 @@ var script$w = {
     return {
       loaded: false,
       pathTextVisible: false,
-      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);
-        }
-    }
-}
+      pathText: '',
+      poiPopupVisible: false,
+      popupPOI: null
+    };
+  }
+};
 
 /* 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;
@@ -1343,7 +1599,7 @@ var __vue_render__$w = function () {
       expression: "(showPathText && pathTextVisible)"
     }],
     staticClass: "wf-map-path-text"
-  }, [_vm._v(_vm._s(_vm.pathText))]), _vm._v(" "), _vm.popupPOI ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.pathText))]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -1355,10 +1611,10 @@ var __vue_render__$w = function () {
     attrs: {
       "id": "wf-poi-popup"
     }
-  }, [_c('div', {
+  }, [_vm.popupPOI ? _c('div', {
     staticClass: "wf-poi-popup-content"
   }, [_vm._t("poi", function () {
-    return [_c('WFPOI', {
+    return [_c('POI', {
       attrs: {
         "poi": _vm.popupPOI,
         "showLogo": _vm.showPOILogo,
@@ -1371,275 +1627,23 @@ var __vue_render__$w = function () {
     })];
   }, {
     "poi": _vm.popupPOI
-  })], 2), _vm._v(" "), _c('div', {
+  })], 2) : _vm._e(), _vm._v(" "), _vm.popupPOI ? _c('div', {
     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();
+  }) : _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-6d8f8f62_0", {
+    source: ".wf-map-container[data-v-6d8f8f62]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-6d8f8f62]{width:100%;height:100%;position:relative}.wf-map-container .wf-map-path-text[data-v-6d8f8f62]{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-6d8f8f62]{position:absolute;top:0;left:0;z-index:10;width:15.5rem;height:auto;background-color:#fff;text-align:center;transform-origin:bottom;animation-duration:.5s;animation-iteration-count:2;cursor:pointer}.wf-poi-popup-content[data-v-6d8f8f62]{display:flex;flex-direction:column;justify-content:stretch;height:100%}.wf-poi-popup-content>label[data-v-6d8f8f62]{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-6d8f8f62]{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-6d8f8f62]{margin-bottom:0}.wf-pin-up .wf-pin-down[data-v-6d8f8f62]{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-6d8f8f62";
 /* module identifier */
 const __vue_module_identifier__$v = undefined;
 /* functional template */
@@ -1652,7 +1656,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 = {
@@ -3857,8 +3861,8 @@ var __vue_staticRenderFns__$h = [];
 /* style */
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-19b0e950_0", {
-    source: ".wf-search .wf-close{position:absolute;top:0;right:.5rem;width:10rem;background-color:rgba(255,255,255,.7);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' enable-background='new 0 0 20 20' viewBox='0 0 20 20' y='0px' x='0px' id='Cross' version='1.1'%3E%3Cmetadata id='metadata9'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs7'%3E%3ClinearGradient spreadMethod='pad' gradientUnits='userSpaceOnUse' y2='29.3118' x2='11.0536' y1='16.0077' x1='24.5509' id='paint1_linear' gradientTransform='translate(-6.9097825,12.894087)'%3E%3Cstop id='stop16' stop-color='%23FF4C54' /%3E%3Cstop id='stop18' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='34.9828' x2='34.294201' y1='14.605' x1='13.6189' id='paint0_linear'%3E%3Cstop id='stop11' stop-color='%23FF4C54' /%3E%3Cstop id='stop13' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(1.9229845,0,0,1.9229845,-9.2288833,-9.2308069)' gradientUnits='userSpaceOnUse' y2='14.322534' x2='6.3946652' y1='7.6276183' x1='12.290775' id='linearGradient4161' xlink:href='%23paint0_linear' /%3E%3C/defs%3E%3Cpath style='fill:url(%23linearGradient4161);fill-opacity:1' id='path3' d='m 18.362098,19.32359 c -0.90188,0.90188 -2.363348,0.90188 -3.263305,0 l -5.097832,-5.826643 -5.0978311,5.82472 c -0.9018797,0.90188 -2.3633479,0.90188 -3.2633047,0 -0.90187984,-0.90188 -0.90187984,-2.363347 0,-3.263304 L 6.9434164,10.000961 1.6379022,3.9397144 c -0.90187974,-0.9018798 -0.90187974,-2.361425 0,-3.26330476 0.9018798,-0.9018797 2.3614249,-0.9018797 3.2633048,0 l 5.099754,5.82856596 5.097832,-5.82856596 c 0.90188,-0.9018797 2.361425,-0.9018797 3.263305,0 0.901879,0.90187976 0.901879,2.36334796 0,3.26330476 l -5.30359,6.0612466 5.30359,6.057402 c 0.901879,0.90188 0.901879,2.363347 0,3.265227 z' /%3E%3C/svg%3E\")}.wf-search .results{overflow:hidden}.wf-search .wf-search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1rem}.wf-search .wf-search-input-container input{margin:auto;display:block;padding:1rem;font-size:2rem;font-weight:600;width:100%;border:1px solid #000;outline:0;background-repeat:no-repeat;user-select:none}.wf-search .wf-keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.wf-search .wf-keyboard .keyboard-row{margin:auto;display:flex}.wf-search .wf-keyboard .keyboard-key{text-align:center;width:4ch;height:4ch;line-height:1.5;overflow:hidden;user-select:none}.wf-search .wf-keyboard .keyboard-key:last-child{margin-right:0}.wf-search .wf-keyboard .keyboard-key:active{background-color:#00f}.wf-search .wf-keyboard .keyboard-key2x{width:8ch}.wf-search .wf-keyboard .keyboard-key3x{width:12ch}.wf-search .wf-keyboard .keyboard-key_spacebar{width:24ch}",
+  inject("data-v-7d533c1e_0", {
+    source: ".wf-search .wf-close{position:absolute;top:0;right:.5rem;width:10rem;background-color:rgba(255,255,255,.7);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' enable-background='new 0 0 20 20' viewBox='0 0 20 20' y='0px' x='0px' id='Cross' version='1.1'%3E%3Cmetadata id='metadata9'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs7'%3E%3ClinearGradient spreadMethod='pad' gradientUnits='userSpaceOnUse' y2='29.3118' x2='11.0536' y1='16.0077' x1='24.5509' id='paint1_linear' gradientTransform='translate(-6.9097825,12.894087)'%3E%3Cstop id='stop16' stop-color='%23FF4C54' /%3E%3Cstop id='stop18' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='34.9828' x2='34.294201' y1='14.605' x1='13.6189' id='paint0_linear'%3E%3Cstop id='stop11' stop-color='%23FF4C54' /%3E%3Cstop id='stop13' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(1.9229845,0,0,1.9229845,-9.2288833,-9.2308069)' gradientUnits='userSpaceOnUse' y2='14.322534' x2='6.3946652' y1='7.6276183' x1='12.290775' id='linearGradient4161' xlink:href='%23paint0_linear' /%3E%3C/defs%3E%3Cpath style='fill:url(%23linearGradient4161);fill-opacity:1' id='path3' d='m 18.362098,19.32359 c -0.90188,0.90188 -2.363348,0.90188 -3.263305,0 l -5.097832,-5.826643 -5.0978311,5.82472 c -0.9018797,0.90188 -2.3633479,0.90188 -3.2633047,0 -0.90187984,-0.90188 -0.90187984,-2.363347 0,-3.263304 L 6.9434164,10.000961 1.6379022,3.9397144 c -0.90187974,-0.9018798 -0.90187974,-2.361425 0,-3.26330476 0.9018798,-0.9018797 2.3614249,-0.9018797 3.2633048,0 l 5.099754,5.82856596 5.097832,-5.82856596 c 0.90188,-0.9018797 2.361425,-0.9018797 3.263305,0 0.901879,0.90187976 0.901879,2.36334796 0,3.26330476 l -5.30359,6.0612466 5.30359,6.057402 c 0.901879,0.90188 0.901879,2.363347 0,3.265227 z' /%3E%3C/svg%3E\")}.wf-search .results{overflow:hidden}.wf-search .wf-search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.wf-search .wf-search-input-container input{margin:auto;display:block;padding:1rem;font-size:2rem;font-weight:600;width:100%;border:1px solid #000;outline:0;background-repeat:no-repeat;user-select:none}.wf-search .wf-keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.wf-search .wf-keyboard .keyboard-row{margin:auto;display:flex}.wf-search .wf-keyboard .keyboard-key{text-align:center;width:4ch;height:4ch;line-height:1.5;overflow:hidden;user-select:none}.wf-search .wf-keyboard .keyboard-key:last-child{margin-right:0}.wf-search .wf-keyboard .keyboard-key:active{background-color:#00f}.wf-search .wf-keyboard .keyboard-key2x{width:8ch}.wf-search .wf-keyboard .keyboard-key3x{width:12ch}.wf-search .wf-keyboard .keyboard-key_spacebar{width:24ch}",
     map: undefined,
     media: undefined
   });
@@ -5925,7 +5929,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 +6251,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 };