@3dwayfinder/wayfinder-vue-components 1.0.66 → 1.0.70

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

@@ -1128,6 +1128,9 @@ var script$g = {
           scope.$emit('loaded');
         }
       });
+      wayfinder$1.events.on("map-ready", function () {
+        wayfinder$1.resize();
+      });
       wayfinder$1.events.on('language-change', () => {
         this.update(wayfinder$1);
       });
@@ -1375,8 +1378,8 @@ var __vue_staticRenderFns__$g = [];
 
 const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
-  inject("data-v-596e4441_0", {
-    source: ".map-container[data-v-596e4441]{position:relative;width:100%;height:100%}.map-container canvas[data-v-596e4441]{width:100%;height:100%}.map-container .map-path-text[data-v-596e4441]{margin-top:50%;width:20rem;text-align:center;background-color:#fff;position:absolute;bottom:15%;margin:auto;left:50%;margin-left:-10rem;padding:.5rem;font-size:2rem;font-weight:600;text-transform:uppercase}.map-container .map-shadow[data-v-596e4441]{position:absolute;bottom:-1px;width:100%;height:9rem}.currentFloor[data-v-596e4441]{color:#fff;font-size:9rem;position:absolute;font-weight:800;text-shadow:.1rem .1rem .3rem #666;text-align:center;width:8rem;top:0;right:1rem}",
+  inject("data-v-03b6737b_0", {
+    source: ".map-container[data-v-03b6737b]{position:relative;width:100%;height:100%}.map-container canvas[data-v-03b6737b]{width:100%;height:100%}.map-container .map-path-text[data-v-03b6737b]{margin-top:50%;width:20rem;text-align:center;background-color:#fff;position:absolute;bottom:15%;margin:auto;left:50%;margin-left:-10rem;padding:.5rem;font-size:2rem;font-weight:600;text-transform:uppercase}.map-container .map-shadow[data-v-03b6737b]{position:absolute;bottom:-1px;width:100%;height:9rem}.currentFloor[data-v-03b6737b]{color:#fff;font-size:9rem;position:absolute;font-weight:800;text-shadow:.1rem .1rem .3rem #666;text-align:center;width:8rem;top:0;right:1rem}",
     map: undefined,
     media: undefined
   });
@@ -1384,7 +1387,7 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-596e4441";
+const __vue_scope_id__$g = "data-v-03b6737b";
 /* module identifier */
 
 const __vue_module_identifier__$g = undefined;
@@ -1402,16 +1405,208 @@ const __vue_component__$g = /*#__PURE__*/normalizeComponent({
 
 //
 var script$f = {
-  name: 'AZMenu',
+  name: "POI",
+  computed: { ...mapState(['language'])
+  },
+  props: {
+    poi: {
+      type: Object,
+      default: null
+    },
+    showLogo: {
+      type: Boolean,
+      default: false
+    },
+    showName: {
+      type: Boolean,
+      default: true
+    },
+    showPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showDescription: {
+      type: Boolean,
+      default: false
+    },
+    showRoomID: {
+      type: Boolean,
+      default: false
+    },
+    showFloor: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    language() {
+      if (wayfinder) {
+        this.show_path = this.$wayfinder.translator.get('show_path');
+      }
+    }
+
+  },
+  methods: {
+    update(id) {
+      /* global wayfinder window */
+      if (wayfinder.pois[id]) {
+        this.poi = Object.freeze(wayfinder.pois[id]);
+        this.language = wayfinder.getLanguage();
+        this.$emit('titleChanged', this.poi.getName(wayfinder.getLanguage()));
+        this.description = this.poi.getDescription(wayfinder.getLanguage()) ? this.poi.getDescription(wayfinder.getLanguage()) : '';
 
-  mounted() {},
+        if (this.poi.shop_logo) {
+          var scope = this;
+          window.requestAnimationFrame(function () {
+            scope.$app.getImage(scope.poi.shop_logo).then(function (image) {
+              scope.logo = image.url;
+            });
+          });
+        }
+      }
+    },
 
-  data() {
+    showPath() {
+      if (this.poi) {
+        this.$emit('showPath', this.poi);
+      }
+    },
+
+    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 false;
+      }
+    },
+
+    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 {
-      height: '100rem'
+      show_path: 'Show Path'
     };
-  },
+  }
+};
+
+/* script */
+const __vue_script__$f = script$f;
+/* template */
+
+var __vue_render__$f = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _vm.poi ? _c('div', {
+    staticClass: "poi"
+  }, [_vm.showLogo ? _c('div', {
+    staticClass: "poi-image",
+    class: [_vm.isImage()],
+    style: {
+      'background-image': _vm.getImage()
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showName ? _c('div', {
+    staticClass: "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: "show-path"
+  }, [_c('button', {
+    staticClass: "button secondary round button-small"
+  }, [_c('span', {
+    attrs: {
+      "data-translation-element": "show_path"
+    }
+  }, [_vm._v(_vm._s(_vm.show_path))]), _vm._v(" "), _c('i', {
+    staticClass: "icon icon-pin"
+  })])]) : _vm._e(), _vm._v(" "), _vm.showDescription ? _c('div', {
+    staticClass: "poi-description",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.getDescription(_vm.language) || '')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showRoomID ? _c('div', {
+    staticClass: "poi-description",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.room_id || '')
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showFloor && _vm.poi.getFloor() ? _c('div', {
+    staticClass: "poi-floor",
+    domProps: {
+      "innerHTML": _vm._s(_vm.poi.getFloor().getName(_vm.language) || '')
+    }
+  }) : _vm._e()]) : _vm._e();
+};
+
+var __vue_staticRenderFns__$f = [];
+/* style */
 
+const __vue_inject_styles__$f = function (inject) {
+  if (!inject) return;
+  inject("data-v-12662bbb_0", {
+    source: ".layout-view[data-v-12662bbb]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-12662bbb]{padding:1rem}.poi-info h2[data-v-12662bbb]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-12662bbb]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-12662bbb]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-12662bbb]{background-size:cover}.show-path[data-v-12662bbb]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-12662bbb]{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-12662bbb]{line-height:1.2}.poi-contact .address[data-v-12662bbb]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-12662bbb]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-12662bbb]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-12662bbb]:before{mix-blend-mode:initial;color:#fff}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$f = "data-v-12662bbb";
+/* module identifier */
+
+const __vue_module_identifier__$f = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$f = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+
+//
+var script$e = {
+  name: 'AZMenu',
+  components: {
+    POI: __vue_component__$f
+  },
   computed: { ...mapState(['pois', 'language', 'currentPOI']),
 
     sortedPOIs() {
@@ -1430,27 +1625,6 @@ var script$f = {
     }
 
   },
-
-  updated() {
-    var _height = 0;
-
-    var _poi;
-
-    for (var f in this.floors) {
-      _height += 2.5;
-
-      for (var p in this.floors[f].pois) {
-        _poi = this.floors[f].pois[p];
-
-        if (_poi && _poi.showInMenu) {
-          _height += 2;
-        }
-      }
-    }
-
-    this.height = _height + 'rem';
-  },
-
   methods: {
     onClick(poi) {
       return () => {
@@ -1463,10 +1637,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1477,58 +1651,69 @@ var __vue_render__$f = function () {
     staticClass: "az-menu"
   }, [_c('ul', {
     staticClass: "list"
-  }, _vm._l(_vm.sortedPOIs, function (poi, index) {
-    return poi && poi.getShowInMenu() ? _c('li', {
+  }, _vm._l(_vm.sortedPOIs, function (poiitem) {
+    return _c('li', {
       directives: [{
         name: "touch",
         rawName: "v-touch:tap",
-        value: _vm.onClick(poi),
-        expression: "onClick(poi)",
+        value: _vm.onClick(poiitem),
+        expression: "onClick(poiitem)",
         arg: "tap"
       }],
-      key: index,
+      key: poiitem.id,
       staticClass: "item list-item",
       class: {
-        "active": _vm.currentPOI && poi.id == _vm.currentPOI.id
-      },
-      domProps: {
-        "innerHTML": _vm._s(poi.getName(_vm.language))
+        "active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
       },
       on: {
         "click": function ($event) {
-          return _vm.onClick(poi);
+          return _vm.onClick(poiitem);
         }
       }
-    }) : _vm._e();
+    }, [_vm._t("default", function () {
+      return [_c('POI', {
+        attrs: {
+          "poi": poiitem,
+          "showLogo": _vm.showLogo,
+          "showName": _vm.showName,
+          "showPathButton": _vm.showPathButton,
+          "showDescription": _vm.showDescription,
+          "showRoomID": _vm.showRoomID,
+          "showFloor": _vm.showFloor
+        }
+      })];
+    }, {
+      "poi": poiitem
+    })], 2);
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$e = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = "data-v-b580d49e";
+const __vue_scope_id__$e = "data-v-60058fca";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
 //
-var script$e = {
+var script$d = {
   name: 'FlagsMenu',
   computed: { ...mapState(['languages', 'language', 'reset'])
   },
@@ -1571,10 +1756,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1611,10 +1796,10 @@ var __vue_render__$e = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
   inject("data-v-7fd08900_0", {
     source: ".languages-container.active[data-v-7fd08900]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-7fd08900]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-7fd08900]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.languages-container .language .flag[data-v-7fd08900]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-7fd08900]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-7fd08900]{height:3.5rem;margin-bottom:1.5rem}",
@@ -1625,24 +1810,24 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-7fd08900";
+const __vue_scope_id__$d = "data-v-7fd08900";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
 //
-var script$d = {
+var script$c = {
   name: 'GroupsMenu',
   props: {
     showPOICount: {
@@ -1668,7 +1853,6 @@ var script$d = {
 
       for (let i in this.poiGroups) {
         topic = this.poiGroups[i];
-        console.log('topic', topic);
 
         if (topic && topic.getShowInMenu() && topic.getName(this.language)) {
           arr.push(topic);
@@ -1706,10 +1890,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$c = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1745,13 +1929,13 @@ var __vue_render__$d = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-48573c70_0", {
-    source: ".az-menu[data-v-48573c70]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-48573c70]{list-style:none}.az-menu ul[data-v-48573c70]{margin:0;padding:0}",
+  inject("data-v-891e32da_0", {
+    source: ".az-menu[data-v-891e32da]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-891e32da]{list-style:none}.az-menu ul[data-v-891e32da]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -1759,24 +1943,24 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-48573c70";
+const __vue_scope_id__$c = "data-v-891e32da";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
 //
-var script$c = {
+var script$b = {
   name: 'BuildingLogo',
   computed: { ...mapState(['building'])
   },
@@ -1791,10 +1975,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1809,10 +1993,10 @@ var __vue_render__$c = function () {
   });
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
   inject("data-v-992e7498_0", {
     source: ".building-logo[data-v-992e7498]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
@@ -1823,24 +2007,24 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-992e7498";
+const __vue_scope_id__$b = "data-v-992e7498";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$b = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$b = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
 //
-var script$b = {
+var script$a = {
   name: 'BuildingLogo',
   computed: { //yahLogo
     ...mapState(['yahLogo', 'language'])
@@ -1854,10 +2038,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1880,10 +2064,10 @@ var __vue_render__$b = function () {
   }, [_vm._v("\n\tYAH\n")]);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$b = function (inject) {
+const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
   inject("data-v-2724c4e6_0", {
     source: ".yah-logo[data-v-2724c4e6]{background-repeat:no-repeat;font-weight:600;text-align:center;margin-right:.5rem;text-transform:uppercase;border:none;outline:0}",
@@ -1894,27 +2078,27 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-2724c4e6";
+const __vue_scope_id__$a = "data-v-2724c4e6";
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$a = false;
 /* style inject SSR */
 
-/* style inject shadow dom */
-
-const __vue_component__$b = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
-
+/* style inject shadow dom */
+
+const __vue_component__$a = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+
 //
-var script$a = {
+var script$9 = {
   name: 'ShortcutsMenu',
   components: {
-    YAH: __vue_component__$b
+    YAH: __vue_component__$a
   },
   props: {
     showLabel: {
@@ -1985,10 +2169,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2014,10 +2198,10 @@ var __vue_render__$a = function () {
   }), 0);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
   inject("data-v-0f461fc8_0", {
     source: ".shortcuts-container[data-v-0f461fc8]{display:flex;flex-wrap:wrap-reverse;align-content:stretch;justify-content:space-between;margin-bottom:.1rem;flex-direction:row}.shortcuts-container.map-shortcuts[data-v-0f461fc8]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
@@ -2028,21 +2212,21 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-0f461fc8";
+const __vue_scope_id__$9 = "data-v-0f461fc8";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$a = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
 //
 //
@@ -2050,7 +2234,7 @@ const __vue_component__$a = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$9 = {
+var script$8 = {
   methods: {
     zoomIn() {
       this.$wayfinder.zoomIn();
@@ -2064,10 +2248,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2093,32 +2277,32 @@ var __vue_render__$9 = function () {
   }, [_vm._v("-")])]);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$9 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
 
-const __vue_scope_id__$9 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
 //
-var script$8 = {
+var script$7 = {
   name: 'MapFloors',
   props: {
     showPOICount: {
@@ -2141,10 +2325,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2175,211 +2359,13 @@ var __vue_render__$8 = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$8 = [];
-/* style */
-
-const __vue_inject_styles__$8 = function (inject) {
-  if (!inject) return;
-  inject("data-v-59428f73_0", {
-    source: ".map-floors[data-v-59428f73]{display:flex;flex-direction:column;justify-content:flex-end}.map-floors .item[data-v-59428f73]{border:none;text-overflow:ellipsis;position:relative;text-align:center;margin-left:auto;overflow:hidden}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$8 = "data-v-59428f73";
-/* module identifier */
-
-const __vue_module_identifier__$8 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$8 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
-
-//
-var script$7 = {
-  name: "POI",
-  computed: { ...mapState(['language'])
-  },
-  props: {
-    poi: {
-      type: Object,
-      default: null
-    },
-    showLogo: {
-      type: Boolean,
-      default: false
-    },
-    showName: {
-      type: Boolean,
-      default: true
-    },
-    showPathButton: {
-      type: Boolean,
-      default: false
-    },
-    showDescription: {
-      type: Boolean,
-      default: false
-    },
-    showRoomID: {
-      type: Boolean,
-      default: false
-    },
-    showFloor: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {
-    language() {
-      if (wayfinder) {
-        this.show_path = this.$wayfinder.translator.get('show_path');
-      }
-    }
-
-  },
-  methods: {
-    update(id) {
-      /* global wayfinder window */
-      if (wayfinder.pois[id]) {
-        this.poi = Object.freeze(wayfinder.pois[id]);
-        this.language = wayfinder.getLanguage();
-        this.$emit('titleChanged', this.poi.getName(wayfinder.getLanguage()));
-        this.description = this.poi.getDescription(wayfinder.getLanguage()) ? this.poi.getDescription(wayfinder.getLanguage()) : '';
-
-        if (this.poi.shop_logo) {
-          var scope = this;
-          window.requestAnimationFrame(function () {
-            scope.$app.getImage(scope.poi.shop_logo).then(function (image) {
-              scope.logo = image.url;
-            });
-          });
-        }
-      }
-    },
-
-    showPath() {
-      if (this.poi) {
-        this.$emit('showPath', this.poi);
-      }
-    },
-
-    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 false;
-      }
-    },
-
-    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'
-    };
-  }
-};
-
-/* script */
-const __vue_script__$7 = script$7;
-/* template */
-
-var __vue_render__$7 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _vm.poi ? _c('div', {
-    staticClass: "poi"
-  }, [_vm.showLogo ? _c('div', {
-    staticClass: "poi-image",
-    class: [_vm.isImage()],
-    style: {
-      'background-image': _vm.getImage()
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showName ? _c('div', {
-    staticClass: "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: "show-path"
-  }, [_c('button', {
-    staticClass: "button secondary round button-small"
-  }, [_c('span', {
-    attrs: {
-      "data-translation-element": "show_path"
-    }
-  }, [_vm._v(_vm._s(_vm.show_path))]), _vm._v(" "), _c('i', {
-    staticClass: "icon icon-pin"
-  })])]) : _vm._e(), _vm._v(" "), _vm.showDescription ? _c('div', {
-    staticClass: "poi-description",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.getDescription(_vm.language) || '')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showRoomID ? _c('div', {
-    staticClass: "poi-description",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.room_id || '')
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.showFloor && _vm.poi.getFloor() ? _c('div', {
-    staticClass: "poi-floor",
-    domProps: {
-      "innerHTML": _vm._s(_vm.poi.getFloor().getName(_vm.language) || '')
-    }
-  }) : _vm._e()]) : _vm._e();
-};
-
 var __vue_staticRenderFns__$7 = [];
 /* style */
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-12662bbb_0", {
-    source: ".layout-view[data-v-12662bbb]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-12662bbb]{padding:1rem}.poi-info h2[data-v-12662bbb]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-12662bbb]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-12662bbb]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-12662bbb]{background-size:cover}.show-path[data-v-12662bbb]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-12662bbb]{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-12662bbb]{line-height:1.2}.poi-contact .address[data-v-12662bbb]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-12662bbb]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-12662bbb]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-12662bbb]:before{mix-blend-mode:initial;color:#fff}",
+  inject("data-v-59428f73_0", {
+    source: ".map-floors[data-v-59428f73]{display:flex;flex-direction:column;justify-content:flex-end}.map-floors .item[data-v-59428f73]{border:none;text-overflow:ellipsis;position:relative;text-align:center;margin-left:auto;overflow:hidden}",
     map: undefined,
     media: undefined
   });
@@ -2387,7 +2373,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-12662bbb";
+const __vue_scope_id__$7 = "data-v-59428f73";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;
@@ -2407,7 +2393,7 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 var script$6 = {
   name: 'FilteredMenu',
   components: {
-    POI: __vue_component__$7
+    POI: __vue_component__$f
   },
 
   data() {
@@ -2574,7 +2560,7 @@ var script$5 = {
   name: 'Search',
   components: {
     OSK: osk_common,
-    POI: __vue_component__$7
+    POI: __vue_component__$f
   },
   computed: { ...mapState(['language', 'reset'])
   },
@@ -2653,7 +2639,7 @@ var script$5 = {
       this.results = Object.freeze(Object.assign({}, results));
 
       if (keyword.length > 1) {
-        if (this.results.length > 0) {
+        if (Object.values(this.results).length > 0) {
           this.$wayfinder.statistics.onSearch(keyword, "successful");
         } else {
           this.$wayfinder.statistics.onSearch(keyword, "unsuccessful");
@@ -2820,7 +2806,7 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-3968698c_0", {
+  inject("data-v-7d8eb55c_0", {
     source: ".search .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:cc='http://creativecommons.org/ns%23' 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\")}.search .results{overflow:hidden}.search .search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1rem}.search .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}.search .keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.search .keyboard .keyboard-row{margin:auto;display:flex}.search .keyboard .keyboard-key{text-align:center;width:4rem;height:4rem;font-size:1.8rem;line-height:4rem;overflow:hidden;user-select:none;margin-right:.5rem;margin-bottom:.5rem}.search .keyboard .keyboard-key:last-child{margin-right:0}.search .keyboard .keyboard-key:active{background-color:#00f}.search .keyboard .keyboard-key2x{width:8rem}.search .keyboard .keyboard-key3x{width:12rem}.search .keyboard .keyboard-key_spacebar{width:24rem}",
     map: undefined,
     media: undefined
@@ -6358,6 +6344,14 @@ var script$1 = {
           this.scroll = new BScroll(this.$refs.area, this.scrollOptions);
         });
       });
+    },
+
+    reset() {
+      this.$nextTick(() => {
+        if (this.scroll) {
+          this.scroll.refresh();
+        }
+      });
     }
 
   }
@@ -6385,8 +6379,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-ebb7a286_0", {
-    source: ".scrollable[data-v-ebb7a286]{overflow:hidden;width:100%;height:100%}",
+  inject("data-v-741c56d1_0", {
+    source: ".scrollable[data-v-741c56d1]{overflow:hidden;width:100%;height:100%}",
     map: undefined,
     media: undefined
   });
@@ -6394,7 +6388,7 @@ const __vue_inject_styles__$1 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1 = "data-v-ebb7a286";
+const __vue_scope_id__$1 = "data-v-741c56d1";
 /* module identifier */
 
 const __vue_module_identifier__$1 = undefined;
@@ -6823,13 +6817,13 @@ var store = new index.Store({
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   WFMap: __vue_component__$g,
-  WFAZMenu: __vue_component__$f,
-  WFFlagsMenu: __vue_component__$e,
-  WFGroupsMenu: __vue_component__$d,
-  WFBuildingLogo: __vue_component__$c,
-  WFShortcutsMenu: __vue_component__$a,
-  WFZoomMenu: __vue_component__$9,
-  WFFloorsMenu: __vue_component__$8,
+  WFAZMenu: __vue_component__$e,
+  WFFlagsMenu: __vue_component__$d,
+  WFGroupsMenu: __vue_component__$c,
+  WFBuildingLogo: __vue_component__$b,
+  WFShortcutsMenu: __vue_component__$9,
+  WFZoomMenu: __vue_component__$8,
+  WFFloorsMenu: __vue_component__$7,
   WFFilteredMenu: __vue_component__$6,
   WFSearch: __vue_component__$5,
   WFTabs: __vue_component__$4,
@@ -6837,7 +6831,7 @@ var components = /*#__PURE__*/Object.freeze({
   WFTabButtons: __vue_component__$2,
   WFScrollableArea: __vue_component__$1,
   WFBanner: __vue_component__,
-  WFPOI: __vue_component__$7,
+  WFPOI: __vue_component__$f,
   WFStore: store
 });
 
@@ -6850,4 +6844,4 @@ const install = function installWayfinderVueComponents(Vue) {
 }; // Create module definition for Vue.use()
 
 export default install;
-export { __vue_component__$f as WFAZMenu, __vue_component__ as WFBanner, __vue_component__$c as WFBuildingLogo, __vue_component__$6 as WFFilteredMenu, __vue_component__$e as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$g as WFMap, __vue_component__$7 as WFPOI, __vue_component__$1 as WFScrollableArea, __vue_component__$5 as WFSearch, __vue_component__$a as WFShortcutsMenu, store as WFStore, __vue_component__$3 as WFTab, __vue_component__$2 as WFTabButtons, __vue_component__$4 as WFTabs, __vue_component__$9 as WFZoomMenu };
+export { __vue_component__$e as WFAZMenu, __vue_component__ as WFBanner, __vue_component__$b as WFBuildingLogo, __vue_component__$6 as WFFilteredMenu, __vue_component__$d as WFFlagsMenu, __vue_component__$7 as WFFloorsMenu, __vue_component__$c as WFGroupsMenu, __vue_component__$g as WFMap, __vue_component__$f as WFPOI, __vue_component__$1 as WFScrollableArea, __vue_component__$5 as WFSearch, __vue_component__$9 as WFShortcutsMenu, store as WFStore, __vue_component__$3 as WFTab, __vue_component__$2 as WFTabButtons, __vue_component__$4 as WFTabs, __vue_component__$8 as WFZoomMenu };