@3dwayfinder/wayfinder-vue-components 1.0.98 → 1.0.102

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

@@ -1075,7 +1075,7 @@ var index = {
 
 //
 var wayfinder$1;
-var script$i = {
+var script$j = {
   name: 'Map',
   props: {
     project: {
@@ -1352,10 +1352,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1369,7 +1369,7 @@ var __vue_render__$i = function () {
       value: _vm.visibilityChanged,
       expression: "visibilityChanged"
     }],
-    staticClass: "wf-component map-container"
+    staticClass: "wf-component wf-map-container"
   }, [_c('canvas', {
     attrs: {
       "id": "map"
@@ -1381,17 +1381,17 @@ var __vue_render__$i = function () {
       value: _vm.showPathText,
       expression: "showPathText"
     }],
-    staticClass: "map-path-text"
+    staticClass: "wf-map-path-text"
   }, [_vm._v(_vm._s(_vm.pathText))])]);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
-  inject("data-v-56a8b7f2_0", {
-    source: ".map-container[data-v-56a8b7f2]{position:relative;width:100%;height:100%}.map-container canvas[data-v-56a8b7f2]{width:100%;height:100%}.map-container .map-path-text[data-v-56a8b7f2]{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-56a8b7f2]{position:absolute;bottom:-1px;width:100%;height:9rem}.currentFloor[data-v-56a8b7f2]{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-5b108f00_0", {
+    source: ".wf-map-container[data-v-5b108f00]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-5b108f00]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-5b108f00]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}",
     map: undefined,
     media: undefined
   });
@@ -1399,24 +1399,24 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-56a8b7f2";
+const __vue_scope_id__$j = "data-v-5b108f00";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
 //
-var script$h = {
+var script$i = {
   name: "POI",
   computed: { ...mapState(['language'])
   },
@@ -1525,10 +1525,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1536,15 +1536,15 @@ var __vue_render__$h = function () {
   var _c = _vm._self._c || _h;
 
   return _vm.poi ? _c('div', {
-    staticClass: "poi"
+    staticClass: "wf-poi"
   }, [_vm.showLogo ? _c('div', {
-    staticClass: "poi-image",
+    staticClass: "wf-poi-image",
     class: [_vm.isImage()],
     style: {
       'background-image': _vm.getImage()
     }
   }) : _vm._e(), _vm._v(" "), _vm.showName ? _c('div', {
-    staticClass: "poi-name",
+    staticClass: "wf-poi-name",
     domProps: {
       "innerHTML": _vm._s(_vm.poi.getName(_vm.language) || 'POI')
     }
@@ -1556,40 +1556,36 @@ var __vue_render__$h = function () {
       expression: "showPath",
       arg: "tap"
     }],
-    staticClass: "show-path"
-  }, [_c('button', {
-    staticClass: "button secondary round button-small"
-  }, [_c('span', {
+    staticClass: "wf-show-path"
+  }, [_c('button', [_c('label', {
     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",
+  }, [_vm._v(_vm._s(_vm.show_path))]), _vm._v(" "), _c('i')])]) : _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: "poi-description",
+    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: "poi-floor",
+    staticClass: "wf-poi-floor",
     domProps: {
       "innerHTML": _vm._s(_vm.poi.getFloor().getName(_vm.language) || '')
     }
   }) : _vm._e()]) : _vm._e();
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = 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-214375a4_0", {
+    source: ".layout-view[data-v-214375a4]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-214375a4]{padding:1rem}.poi-info h2[data-v-214375a4]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-214375a4]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-214375a4]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-214375a4]{background-size:cover}.show-path[data-v-214375a4]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-214375a4]{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-214375a4]{line-height:1.2}.poi-contact .address[data-v-214375a4]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-214375a4]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-214375a4]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-214375a4]:before{mix-blend-mode:initial;color:#fff}",
     map: undefined,
     media: undefined
   });
@@ -1597,27 +1593,27 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-12662bbb";
+const __vue_scope_id__$i = "data-v-214375a4";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
 //
-var script$g = {
+var script$h = {
   name: 'AZMenu',
   components: {
-    POI: __vue_component__$h
+    POI: __vue_component__$i
   },
   props: {
     showLogo: {
@@ -1679,10 +1675,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1690,9 +1686,9 @@ var __vue_render__$g = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component az-menu"
+    staticClass: "wf-component wf-az-menu"
   }, [_c('ul', {
-    staticClass: "list"
+    staticClass: "wf-list"
   }, _vm._l(_vm.sortedPOIs, function (poiitem) {
     return _c('li', {
       directives: [{
@@ -1703,9 +1699,9 @@ var __vue_render__$g = function () {
         arg: "tap"
       }],
       key: poiitem.id,
-      staticClass: "item list-item",
+      staticClass: "wf-list-item",
       class: {
-        "active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
+        "wf-active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
       },
       on: {
         "click": function ($event) {
@@ -1730,32 +1726,32 @@ var __vue_render__$g = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$g = "data-v-d48c542c";
+const __vue_scope_id__$h = "data-v-7c938cb4";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
 //
-var script$f = {
+var script$g = {
   name: 'FlagsMenu',
   computed: { ...mapState(['languages', 'language', 'reset'])
   },
@@ -1799,10 +1795,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1839,10 +1835,10 @@ var __vue_render__$f = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-a003406a_0", {
     source: ".languages-container.active[data-v-a003406a]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-a003406a]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-a003406a]{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-a003406a]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-a003406a]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-a003406a]{height:3.5rem;margin-bottom:1.5rem}",
@@ -1853,24 +1849,24 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-a003406a";
+const __vue_scope_id__$g = "data-v-a003406a";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = 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);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
 //
-var script$e = {
+var script$f = {
   name: 'LanguagesMenu',
   computed: { ...mapState(['languages', 'language', 'reset'])
   },
@@ -1925,10 +1921,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1942,18 +1938,19 @@ var __vue_render__$e = function () {
     }
   }, [_vm.showTitle ? _c('div', {
     staticClass: "wf-languages-title"
-  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _c('ul', {
     staticClass: "wf-list"
-  }, _vm._l(_vm.languages, function (lang, index) {
-    return _c('div', {
+  }, _vm._l(_vm.languages, function (lang) {
+    return _c('li', {
       directives: [{
-        name: "hide",
-        rawName: "v-hide",
-        value: _vm.hideActive && lang.getName() == _vm.language,
-        expression: "hideActive && lang.getName() == language"
+        name: "show",
+        rawName: "v-show",
+        value: !(_vm.hideActive && lang.getName() == _vm.language),
+        expression: "!(hideActive && lang.getName() == language)"
       }],
-      key: index,
-      class: ["wf-item", "wf-language", "wf-lang-" + lang.getName(), {
+      key: lang.getName(),
+      staticClass: "wf-list-item wf-language",
+      class: ["wf-lang-" + lang.getName(), {
         "wf-active": lang.getName() == _vm.language,
         "wf-display": _vm.active
       }],
@@ -1971,13 +1968,13 @@ var __vue_render__$e = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-70997818_0", {
-    source: ".wf-languages-menu.active[data-v-70997818]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-70997818]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-70997818]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden}.wf-languages-menu .wf-language .wf-lang-flag[data-v-70997818]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-70997818]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-70997818]{height:3.5rem;margin-bottom:1.5rem}",
+  inject("data-v-f14ff294_0", {
+    source: ".wf-languages-menu.active[data-v-f14ff294]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-f14ff294]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-f14ff294]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden}.wf-languages-menu .wf-language .wf-lang-flag[data-v-f14ff294]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-f14ff294]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-f14ff294]{height:3.5rem;margin-bottom:1.5rem}",
     map: undefined,
     media: undefined
   });
@@ -1985,13 +1982,101 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-70997818";
+const __vue_scope_id__$f = "data-v-f14ff294";
+/* 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: "Group",
+  computed: { ...mapState(['language'])
+  },
+  props: {
+    group: {
+      type: Object,
+      default: null
+    },
+    showIcon: {
+      type: Boolean,
+      default: false
+    },
+    showPOICount: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    language() {
+      if (wayfinder) {
+        this.show_path = this.$wayfinder.translator.get('show_path');
+      }
+    }
+
+  },
+  methods: {
+    hasImage() {
+      if (this.group.getIconUrl()) return "wf-has-icon";else return "wf-icon-none";
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$e = script$e;
+/* template */
+
+var __vue_render__$e = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _vm.group ? _c('div', {
+    staticClass: "wf-group",
+    class: [_vm.hasImage()]
+  }, [_c('label', {
+    staticClass: "wf-name",
+    domProps: {
+      "innerHTML": _vm._s(_vm.group.getName(_vm.language))
+    }
+  }), _vm._v(" "), _vm.showPOICount ? _c('label', {
+    staticClass: "wf-poi-count"
+  }, [_vm._v(_vm._s(_vm.group.pois.length))]) : _vm._e(), _vm._v(" "), _vm.showIcon ? _c('img', {
+    staticClass: "wf-group-icon",
+    attrs: {
+      "src": _vm.group.getIconUrl()
+    }
+  }) : _vm._e()]) : _vm._e();
+};
+
+var __vue_staticRenderFns__$e = [];
+/* style */
+
+const __vue_inject_styles__$e = undefined;
+/* scoped */
+
+const __vue_scope_id__$e = "data-v-5936e154";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$e = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -1999,11 +2084,14 @@ const __vue_is_functional_template__$e = false;
 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);
+}, __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$d = {
   name: 'GroupsMenu',
+  components: {
+    Group: __vue_component__$e
+  },
   props: {
     parent: {
       type: Number,
@@ -2017,6 +2105,10 @@ var script$d = {
       type: Boolean,
       default: false
     },
+    showIcon: {
+      type: Boolean,
+      default: false
+    },
     showSubGroups: {
       type: Boolean,
       default: true
@@ -2069,7 +2161,9 @@ var script$d = {
         topic = groups[i];
 
         if (topic && topic.getShowInMenu() && topic.getName(this.language)) {
-          if (!(this.parent > -1 && parseInt(topic.parent_id) !== this.parent)) {
+          if (this.parent > -1 && parseInt(topic.parent_id) !== this.parent) {
+            arr.push(topic);
+          } else if (this.parent === -1 && topic.parent_id === null) {
             arr.push(topic);
           }
         }
@@ -2150,13 +2244,13 @@ var __vue_render__$d = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component topics-menu"
+    staticClass: "wf-component wf-groups-menu"
   }, [_c('ul', {
-    staticClass: "list"
+    staticClass: "wf-list"
   }, _vm._l(_vm.sortedGroups, function (topic) {
     return _c('li', {
       key: topic.id,
-      staticClass: "item list-item",
+      staticClass: "wf-list-item",
       class: {
         "active": _vm.current && topic.id == _vm.current.id
       }
@@ -2168,16 +2262,15 @@ var __vue_render__$d = function () {
         expression: "onClick(topic)",
         arg: "tap"
       }],
-      staticClass: "item-content"
+      staticClass: "wf-item-content"
     }, [_vm._t("default", function () {
-      return [_c('label', {
-        staticClass: "name",
-        domProps: {
-          "innerHTML": _vm._s(topic.getName(_vm.language))
+      return [_c('Group', {
+        attrs: {
+          "group": topic,
+          "showIcon": _vm.showIcon,
+          "showPOICount": _vm.showPOICount
         }
-      }), _vm._v(" "), _vm.showPOICount ? _c('label', {
-        staticClass: "count"
-      }, [_vm._v(_vm._s(topic.pois.length))]) : _vm._e()];
+      })];
     }, {
       "group": topic
     })], 2), _vm._v(" "), topic.childGroups.length > 0 && _vm.showSubGroups ? _c('ul', {
@@ -2191,14 +2284,13 @@ var __vue_render__$d = function () {
       return _c('li', {
         key: subtopic.id
       }, [_vm._t("subgroup", function () {
-        return [_c('label', {
-          staticClass: "name",
-          domProps: {
-            "innerHTML": _vm._s(subtopic.getName(_vm.language))
+        return [_c('Group', {
+          attrs: {
+            "group": subtopic,
+            "showIcon": _vm.showIcon,
+            "showPOICount": _vm.showPOICount
           }
-        }), _vm._v(" "), _vm.showPOICount ? _c('label', {
-          staticClass: "count"
-        }, [_vm._v(_vm._s(subtopic.pois.length))]) : _vm._e()];
+        })];
       }, {
         "group": subtopic
       })], 2);
@@ -2209,7 +2301,7 @@ var __vue_render__$d = function () {
         value: _vm.current && topic.id == _vm.current.id,
         expression: "current && topic.id == current.id"
       }],
-      staticClass: "list sublist"
+      staticClass: "wf-list wf-sublist"
     }, _vm._l(topic.pois, function (poi) {
       return _c('li', {
         directives: [{
@@ -2220,7 +2312,7 @@ var __vue_render__$d = function () {
           arg: "tap"
         }],
         key: poi.id,
-        staticClass: "item list-item"
+        staticClass: "wf-list-item"
       }, [_vm._t("poi", function () {
         return [_c('POI', {
           attrs: {
@@ -2245,8 +2337,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-616120b3_0", {
-    source: ".az-menu[data-v-616120b3]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-616120b3]{list-style:none}.az-menu ul[data-v-616120b3]{margin:0;padding:0}",
+  inject("data-v-41c6aaed_0", {
+    source: ".wf-groups-menu .wf-list-item[data-v-41c6aaed]{list-style:none}.wf-groups-menu .wf-list[data-v-41c6aaed]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2254,7 +2346,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-616120b3";
+const __vue_scope_id__$d = "data-v-41c6aaed";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -2297,7 +2389,7 @@ var __vue_render__$c = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component building-logo",
+    staticClass: "wf-component wf-building-logo",
     style: {
       'background-image': _vm.getLogo()
     }
@@ -2309,8 +2401,8 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-4fadd21f_0", {
-    source: ".building-logo[data-v-4fadd21f]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
+  inject("data-v-507451fe_0", {
+    source: ".wf-building-logo[data-v-507451fe]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
     map: undefined,
     media: undefined
   });
@@ -2318,7 +2410,7 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-4fadd21f";
+const __vue_scope_id__$c = "data-v-507451fe";
 /* module identifier */
 
 const __vue_module_identifier__$c = undefined;
@@ -2360,7 +2452,7 @@ var __vue_render__$b = function () {
   var _c = _vm._self._c || _h;
 
   return _c('button', {
-    staticClass: "wf-component yah-logo",
+    staticClass: "wf-component wf-yah-logo",
     style: {
       'background-image': _vm.yahLogo
     },
@@ -2380,8 +2472,8 @@ var __vue_staticRenderFns__$b = [];
 
 const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
-  inject("data-v-26eb7692_0", {
-    source: ".yah-logo[data-v-26eb7692]{background-repeat:no-repeat;font-weight:600;text-align:center;margin-right:.5rem;text-transform:uppercase;border:none;outline:0}",
+  inject("data-v-18d52e4c_0", {
+    source: ".wf-yah-logo[data-v-18d52e4c]{background-repeat:no-repeat;font-weight:600;text-align:center;margin-right:.5rem;text-transform:uppercase;border:none;outline:0}",
     map: undefined,
     media: undefined
   });
@@ -2389,7 +2481,7 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-26eb7692";
+const __vue_scope_id__$b = "data-v-18d52e4c";
 /* module identifier */
 
 const __vue_module_identifier__$b = undefined;
@@ -2420,6 +2512,10 @@ var script$a = {
       type: Boolean,
       default: true
     },
+    showIcon: {
+      type: Boolean,
+      default: true
+    },
     highlight: {
       type: Boolean,
       default: true
@@ -2491,22 +2587,26 @@ var __vue_render__$a = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component shortcuts-container"
-  }, _vm._l(_vm.sortedShortcuts, function (shortcut, index) {
-    return _c('div', {
-      key: index,
-      staticClass: "item shortcut",
-      class: ["shortcut-" + shortcut.getID()],
-      style: {
-        backgroundImage: 'url(' + _vm.getImage(shortcut.imageID) + ')'
-      },
+    staticClass: "wf-component wf-shortcuts-menu"
+  }, [_c('ul', {
+    staticClass: "wf-list"
+  }, _vm._l(_vm.sortedShortcuts, function (shortcut) {
+    return _c('li', {
+      key: shortcut.getID(),
+      staticClass: "wf-list-item wf-shortcut",
+      class: ["wf-shortcut-" + shortcut.getID()],
       on: {
         "click": function ($event) {
           return _vm.showShortcut(shortcut);
         }
       }
-    }, [_vm.showLabel ? _c('label', [_vm._v(_vm._s(shortcut.getName(_vm.language)))]) : _vm._e()]);
-  }), 0);
+    }, [_vm.showIcon ? _c('img', {
+      staticClass: "wf-icon",
+      attrs: {
+        "src": _vm.getImage(shortcut.imageID)
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.showLabel ? _c('label', [_vm._v(_vm._s(shortcut.getName(_vm.language)))]) : _vm._e()]);
+  }), 0)]);
 };
 
 var __vue_staticRenderFns__$a = [];
@@ -2514,8 +2614,8 @@ var __vue_staticRenderFns__$a = [];
 
 const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-0b5a8169_0", {
-    source: ".shortcuts-container[data-v-0b5a8169]{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-0b5a8169]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
+  inject("data-v-2f7d8e9c_0", {
+    source: ".shortcuts-container[data-v-2f7d8e9c]{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-2f7d8e9c]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
     map: undefined,
     media: undefined
   });
@@ -2523,7 +2623,7 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-0b5a8169";
+const __vue_scope_id__$a = "data-v-2f7d8e9c";
 /* module identifier */
 
 const __vue_module_identifier__$a = undefined;
@@ -2572,14 +2672,14 @@ var __vue_render__$9 = function () {
   return _c('div', {
     staticClass: "wf-component wf-zoommenu"
   }, [_c('div', {
-    staticClass: "item in",
+    staticClass: "wf-item wf-zoom-in",
     on: {
       "click": function ($event) {
         return _vm.zoomIn();
       }
     }
   }, [_vm._v("+")]), _vm._v(" "), _c('div', {
-    staticClass: "item out",
+    staticClass: "wf-item wf-zoom-out",
     on: {
       "click": function ($event) {
         return _vm.zoomOut();
@@ -2623,9 +2723,31 @@ var script$8 = {
     currentFloor: {
       type: Object,
       default: null
+    },
+    hideWhenSingleFloor: {
+      type: Boolean,
+      default: true
     }
   },
-  computed: { ...mapState(['floors', 'language'])
+  computed: { ...mapState(['floors', 'language']),
+
+    filteredFloors() {
+      let arr = []; // Copy arr for sorting
+
+      let floor;
+      let floors = this.floors;
+
+      for (let i in floors) {
+        floor = floors[i];
+
+        if (floor && floor.getShowInMenu() && floor.getName(this.language)) {
+          arr.push(floor);
+        }
+      }
+
+      return arr;
+    }
+
   },
   methods: {
     changeFloor(floor) {
@@ -2647,14 +2769,23 @@ var __vue_render__$8 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component map-floors-container"
-  }, [_c('div', {
-    staticClass: "map-floors list"
-  }, _vm._l(_vm.floors, function (floor) {
-    return floor.showInMenu ? _c('div', {
+    staticClass: "wf-component wf-map-floors-menu",
+    class: {
+      'wf-single-floor': _vm.hideWhenSingleFloor && _vm.floors.length === 0
+    }
+  }, [_c('ul', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !(_vm.hideWhenSingleFloor && _vm.floors.length === 0),
+      expression: "!(hideWhenSingleFloor && floors.length === 0)"
+    }],
+    staticClass: "wf-list"
+  }, _vm._l(_vm.filteredFloors, function (floor) {
+    return _c('li', {
       key: floor.id,
-      staticClass: "item list-item",
-      class: ["lang-" + _vm.language, "floor-" + floor.index, {
+      staticClass: "wf-list-item",
+      class: ["wf-lang-" + _vm.language, "wf-floor-" + floor.index, {
         active: floor == _vm.currentFloor
       }],
       on: {
@@ -2663,10 +2794,10 @@ var __vue_render__$8 = function () {
         }
       }
     }, [_c('label', {
-      staticClass: "title"
+      staticClass: "wf-title"
     }, [_vm._v(_vm._s(floor.getName(_vm.language)))]), _vm._v(" "), _vm.showPOICount ? _c('label', {
-      staticClass: "count"
-    }, [_vm._v(_vm._s(floor.pois.length))]) : _vm._e()]) : _vm._e();
+      staticClass: "wf-count"
+    }, [_vm._v(_vm._s(floor.pois.length))]) : _vm._e()]);
   }), 0)]);
 };
 
@@ -2675,8 +2806,8 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$8 = function (inject) {
   if (!inject) return;
-  inject("data-v-4bf7ed4e_0", {
-    source: ".map-floors[data-v-4bf7ed4e]{display:flex;flex-direction:column;justify-content:flex-end}.map-floors .item[data-v-4bf7ed4e]{border:none;text-overflow:ellipsis;position:relative;text-align:center;margin-left:auto;overflow:hidden}",
+  inject("data-v-72f67260_0", {
+    source: ".wf-map-floors-menu .wf-list[data-v-72f67260]{display:flex;flex-direction:column;justify-content:flex-end}.wf-map-floors-menu .wf-list .wf-list-item[data-v-72f67260]{text-overflow:ellipsis;position:relative;text-align:center;margin-left:auto;overflow:hidden}",
     map: undefined,
     media: undefined
   });
@@ -2684,7 +2815,7 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = "data-v-4bf7ed4e";
+const __vue_scope_id__$8 = "data-v-72f67260";
 /* module identifier */
 
 const __vue_module_identifier__$8 = undefined;
@@ -2704,7 +2835,7 @@ const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
 var script$7 = {
   name: 'FilteredMenu',
   components: {
-    POI: __vue_component__$h
+    POI: __vue_component__$i
   },
 
   data() {
@@ -2784,9 +2915,9 @@ var __vue_render__$7 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component filteredmenu"
+    staticClass: "wf-component wf-filteredmenu"
   }, [_c('ul', {
-    staticClass: "list"
+    staticClass: "wf-list"
   }, _vm._l(_vm.sortedPOIs, function (poiitem) {
     return _c('li', {
       directives: [{
@@ -2797,7 +2928,7 @@ var __vue_render__$7 = function () {
         arg: "tap"
       }],
       key: poiitem.id,
-      staticClass: "item list-item",
+      staticClass: "wf-list-item",
       class: {
         "active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
       },
@@ -2830,7 +2961,7 @@ var __vue_staticRenderFns__$7 = [];
 const __vue_inject_styles__$7 = undefined;
 /* scoped */
 
-const __vue_scope_id__$7 = "data-v-b89df004";
+const __vue_scope_id__$7 = "data-v-1901cf5f";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;
@@ -2871,7 +3002,7 @@ var script$6 = {
   name: 'Search',
   components: {
     OSK: osk_common,
-    POI: __vue_component__$h
+    POI: __vue_component__$i
   },
   computed: { ...mapState(['language', 'reset'])
   },
@@ -2939,9 +3070,9 @@ var script$6 = {
   },
 
   mounted() {
-    this.keyboard = new osk_common('search-input', 'keyboard-container');
+    this.keyboard = new osk_common('wf-search-input', 'keyboard-container');
     this.keyboard.on('change', keyword => {
-      let results = this.$wayfinder.search.search(keyword);
+      let results = this.$wayfinder.wf - search.wf - search(keyword);
 
       if (this.limit > 0) {
         results = results.slice(0, this.limit);
@@ -3039,9 +3170,9 @@ var __vue_render__$6 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component search"
+    staticClass: "wf-component wf-search"
   }, [_vm.showCloseButton ? _c('div', {
-    staticClass: "tab-button close",
+    staticClass: "wf-close",
     attrs: {
       "data-translation-element": "close"
     },
@@ -3051,14 +3182,14 @@ var __vue_render__$6 = function () {
       }
     }
   }, [_vm._v("Close")]) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "search-container"
+    staticClass: "wf-search-container"
   }, [_c('div', {
-    staticClass: "results",
+    staticClass: "wf-search-results",
     class: {
-      "no-results": _vm.results.length == 0
+      "wf-no-results": _vm.results.length == 0
     }
   }, [_c('transition-group', {
-    staticClass: "list",
+    staticClass: "wf-list",
     attrs: {
       "name": "list",
       "tag": "ul"
@@ -3066,9 +3197,9 @@ var __vue_render__$6 = function () {
   }, _vm._l(_vm.results, function (poiitem) {
     return poiitem && poiitem.getShowInMenu() ? _c('li', {
       key: poiitem.id,
-      staticClass: "list-item",
+      staticClass: "wf-list-item",
       class: {
-        "active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
+        "wf-active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
       },
       on: {
         "click": function ($event) {
@@ -3098,16 +3229,16 @@ var __vue_render__$6 = function () {
       expression: "showNoResultsText && results.length == 0"
     }]
   }, [_vm._v(_vm._s(_vm.noResultsText))])], 1), _vm._v(" "), _vm.showOutputField ? _c('div', {
-    staticClass: "search-input-container"
+    staticClass: "wf-search-input-container"
   }, [_c('input', {
     ref: "searchInput",
     attrs: {
-      "id": "search-input"
+      "id": "wf-search-input"
     }
   })]) : _vm._e(), _vm._v(" "), _vm.showKeyboard ? _c('div', {
-    staticClass: "keyboard",
+    staticClass: "wf-keyboard",
     attrs: {
-      "id": "keyboard-container"
+      "id": "wf-keyboard-container"
     }
   }) : _vm._e()])]);
 };
@@ -3117,8 +3248,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$6 = function (inject) {
   if (!inject) return;
-  inject("data-v-793ef32f_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}",
+  inject("data-v-29ef805e_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}.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:4rem;height:4rem;font-size:1.8rem;line-height:4rem;overflow:hidden;user-select:none;margin-right:.5rem;margin-bottom:.5rem}.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:8rem}.wf-search .wf-keyboard .keyboard-key3x{width:12rem}.wf-search .wf-keyboard .keyboard-key_spacebar{width:24rem}",
     map: undefined,
     media: undefined
   });
@@ -3195,6 +3326,12 @@ var script$5 = {
           this.$emit('tabChanged', this.tabs[tab]);
           this.currentTab = this.tabs[tab];
           this.activeTabIndex = tab;
+
+          if (this.animate === "vertical") {
+            this.$refs.slide.style.transform = "translateX(0) translateY(-" + tab * 100 + "%)";
+          } else {
+            this.$refs.slide.style.transform = "translateY(0) translateX(-" + tab * 100 + "%)";
+          }
         } else {
           this.tabs[tab].isActive = false;
         }
@@ -3217,10 +3354,11 @@ var __vue_render__$5 = function () {
 
   return _c('div', {
     ref: "tabs",
-    staticClass: "wf-component tabs",
-    class: ['tabs-' + _vm.activeTab, 'tabs-index-' + _vm.activeTabIndex, 'tabs-animate-' + _vm.animate]
+    staticClass: "wf-component wf-tabs",
+    class: ['wf-tabs-' + _vm.activeTab, 'wf-tabs-index-' + _vm.activeTabIndex, 'wf-tabs-animate-' + _vm.animate]
   }, [_c('div', {
-    staticClass: "tabs-content"
+    ref: "slide",
+    staticClass: "wf-tabs-content"
   }, [_vm._t("default")], 2)]);
 };
 
@@ -3229,8 +3367,8 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-38607192_0", {
-    source: ".tabs[data-v-38607192]{overflow:hidden;position:relative;width:100%;height:100%}.tabs-content[data-v-38607192]{height:100%;width:auto;display:flex;flex-direction:row;margin-left:0;transform:translateX(0) translateY(0)}.tabs.tabs-animate-vertical .tabs-content[data-v-38607192]{flex-direction:column}.tab[data-v-38607192]{opacity:0;transition:opacity .3s ease-out .5s}.tab.active[data-v-38607192]{opacity:1;transition:opacity .3s ease-in}.tabs.tabs-animate-horisontal .tabs-content[data-v-38607192],.tabs.tabs-animate-vertical .tabs-content[data-v-38607192]{transition:transform .5s ease-in-out .2s}.tabs-index-1 .tabs-content[data-v-38607192]{transform:translateX(-100%)}.tabs-index-2 .tabs-content[data-v-38607192]{transform:translateX(-200%)}.tabs-index-3 .tabs-content[data-v-38607192]{transform:translateX(-300%)}.tabs-index-4 .tabs-content[data-v-38607192]{transform:translateX(-400%)}.tabs-index-5 .tabs-content[data-v-38607192]{transform:translateX(-500%)}.tabs.tabs-animate-vertical.tabs-index-1 .tabs-content[data-v-38607192]{transform:translateX(0) translateY(-100%)!important}.tabs.tabs-animate-vertical.tabs-index-2 .tabs-content[data-v-38607192]{transform:translateX(0) translateY(-200%)!important}.tabs.tabs-animate-vertical.tabs-index-3 .tabs-content[data-v-38607192]{transform:translateX(0) translateY(-300%)!important}.tabs.tabs-animate-vertical.tabs-index-4 .tabs-content[data-v-38607192]{transform:translateX(0) translateY(-400%)!important}.tabs.tabs-animate-vertical.tabs-index-5 .tabs-content[data-v-38607192]{transform:translateX(0) translateY(-500%)!important}",
+  inject("data-v-7eaad22c_0", {
+    source: ".wf-tabs[data-v-7eaad22c]{overflow:hidden;position:relative;width:100%;height:100%}.wf-tabs-content[data-v-7eaad22c]{height:100%;width:auto;display:flex;flex-direction:row;margin-left:0;transform:translateX(0) translateY(0)}.wf-tabs.wf-tabs-animate-vertical .wf-tabs-content[data-v-7eaad22c]{flex-direction:column}.wf-tab[data-v-7eaad22c]{opacity:0;transition:opacity .3s ease-out .5s}.wf-tab.wf-active[data-v-7eaad22c]{opacity:1;transition:opacity .3s ease-in}.wf-tabs.wf-tabs-animate-horizontal .wf-tabs-content[data-v-7eaad22c],.wf-tabs.wf-tabs-animate-vertical .wf-tabs-content[data-v-7eaad22c]{transition:transform .5s ease-in-out .2s}",
     map: undefined,
     media: undefined
   });
@@ -3238,7 +3376,7 @@ const __vue_inject_styles__$5 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$5 = "data-v-38607192";
+const __vue_scope_id__$5 = "data-v-7eaad22c";
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -3287,9 +3425,9 @@ var __vue_render__$4 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('section', {
-    staticClass: "wf-component tab",
+    staticClass: "wf-component wf-tab",
     class: {
-      'active': _vm.isActive
+      'wf-active': _vm.isActive
     }
   }, [_vm._t("default")], 2);
 };
@@ -3299,8 +3437,8 @@ var __vue_staticRenderFns__$4 = [];
 
 const __vue_inject_styles__$4 = function (inject) {
   if (!inject) return;
-  inject("data-v-d4663578_0", {
-    source: ".tab[data-v-d4663578]{width:100%;height:100%;overflow:hidden;flex-grow:1;flex-shrink:0}",
+  inject("data-v-5dac46ae_0", {
+    source: ".wf-tab[data-v-5dac46ae]{overflow:hidden;flex-grow:1;flex-shrink:0}",
     map: undefined,
     media: undefined
   });
@@ -3308,7 +3446,7 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-d4663578";
+const __vue_scope_id__$4 = "data-v-5dac46ae";
 /* module identifier */
 
 const __vue_module_identifier__$4 = undefined;
@@ -3357,7 +3495,7 @@ var __vue_render__$3 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component tab-buttons"
+    staticClass: "wf-component wf-tab-buttons"
   }, [_c('div', {
     directives: [{
       name: "show",
@@ -3365,7 +3503,7 @@ var __vue_render__$3 = function () {
       value: _vm.mobile && !_vm.landscape,
       expression: "mobile && !landscape"
     }],
-    staticClass: "item tab-map",
+    staticClass: "wf-item tab-map",
     class: {
       active: _vm.currentTab == 'map'
     },
@@ -3378,7 +3516,7 @@ var __vue_render__$3 = function () {
       }
     }
   }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-topics",
+    staticClass: "wf-item tab-topics",
     class: {
       active: _vm.currentTab == 'groups' || _vm.currentTab == 'group-pois'
     },
@@ -3391,7 +3529,7 @@ var __vue_render__$3 = function () {
       }
     }
   }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-az",
+    staticClass: "wf-item tab-az",
     class: {
       active: _vm.currentTab == 'az'
     },
@@ -3404,7 +3542,7 @@ var __vue_render__$3 = function () {
       }
     }
   }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-search",
+    staticClass: "wf-item tab-search",
     class: {
       active: _vm.currentTab == 'search'
     },
@@ -3424,8 +3562,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-d346ebf2_0", {
-    source: ".tab-buttons[data-v-d346ebf2]{display:flex;align-content:stretch;justify-content:space-between}.tab-buttons .item[data-v-d346ebf2]{background-size:auto 30%;background-repeat:no-repeat}",
+  inject("data-v-5924577d_0", {
+    source: ".wf-tab-buttons[data-v-5924577d]{display:flex;align-content:stretch;justify-content:space-between}.wf-tab-buttons .wf-item[data-v-5924577d]{background-size:auto 30%;background-repeat:no-repeat}",
     map: undefined,
     media: undefined
   });
@@ -3433,7 +3571,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-d346ebf2";
+const __vue_scope_id__$3 = "data-v-5924577d";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -3719,18 +3857,18 @@ var __vue_render__$1 = function () {
       expression: "visibilityChanged"
     }],
     ref: "frames",
-    staticClass: "wf-component banner-set"
+    staticClass: "wf-component wf-banner"
   }, _vm._l(_vm.frames, function (frame, index) {
     return _c('div', {
       key: frame.id,
-      staticClass: "frame",
+      staticClass: "wf-frame",
       class: [{
         active: index == _vm.current
       }, _vm.frameKeywords]
     }, _vm._l(frame.containers, function (container) {
       return _c('div', {
         key: container.id,
-        staticClass: "container",
+        staticClass: "wf-frame-container",
         style: {
           left: container.left + '%',
           top: container.top + '%',
@@ -3750,7 +3888,7 @@ var __vue_render__$1 = function () {
           value: _vm.displayQR,
           expression: "displayQR"
         }],
-        staticClass: "qr",
+        staticClass: "wf-qr",
         domProps: {
           "innerHTML": _vm._s(_vm.qr)
         }
@@ -3774,8 +3912,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-10759b66_0", {
-    source: ".banner-set[data-v-10759b66]{position:relative;width:100%;height:100%}.banner-set .frame[data-v-10759b66]{width:100%;height:100%;position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;left:0;top:0;opacity:0;transition:opacity .5s ease-in-out}.banner-set .frame .container[data-v-10759b66]{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.banner-set .frame.active[data-v-10759b66]{opacity:1;transition:opacity .5s ease-in-out}.banner-set .frame video[data-v-10759b66]{position:relative;top:50%;transform:translateY(-50%)}",
+  inject("data-v-4984fa2a_0", {
+    source: ".wf-banner[data-v-4984fa2a]{position:relative;width:100%;height:100%}.wf-banner .frame[data-v-4984fa2a]{width:100%;height:100%;position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;left:0;top:0;opacity:0;transition:opacity .5s ease-in-out}.wf-banner .wf-frame .wf-frame-container[data-v-4984fa2a]{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wf-banner .wf-frame.wf-active[data-v-4984fa2a]{opacity:1;transition:opacity .5s ease-in-out}.wf-banner .wf-frame video[data-v-4984fa2a]{position:relative;top:50%;transform:translateY(-50%)}",
     map: undefined,
     media: undefined
   });
@@ -3783,7 +3921,7 @@ const __vue_inject_styles__$1 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1 = "data-v-10759b66";
+const __vue_scope_id__$1 = "data-v-4984fa2a";
 /* module identifier */
 
 const __vue_module_identifier__$1 = undefined;
@@ -4053,10 +4191,10 @@ var store = new index.Store({
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  WFMap: __vue_component__$i,
-  WFAZMenu: __vue_component__$g,
-  WFFlagsMenu: __vue_component__$f,
-  WFLanguagesMenu: __vue_component__$e,
+  WFMap: __vue_component__$j,
+  WFAZMenu: __vue_component__$h,
+  WFFlagsMenu: __vue_component__$g,
+  WFLanguagesMenu: __vue_component__$f,
   WFGroupsMenu: __vue_component__$d,
   WFBuildingLogo: __vue_component__$c,
   WFShortcutsMenu: __vue_component__$a,
@@ -4069,7 +4207,7 @@ var components = /*#__PURE__*/Object.freeze({
   WFTabButtons: __vue_component__$3,
   WFScrollableArea: __vue_component__$2,
   WFBanner: __vue_component__$1,
-  WFPOI: __vue_component__$h,
+  WFPOI: __vue_component__$i,
   WFYAH: __vue_component__$b,
   WFBrowser: __vue_component__,
   WFStore: store
@@ -4084,4 +4222,4 @@ const install = function installWayfinderVueComponents(Vue) {
 }; // Create module definition for Vue.use()
 
 export default install;
-export { __vue_component__$g as WFAZMenu, __vue_component__$1 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$c as WFBuildingLogo, __vue_component__$7 as WFFilteredMenu, __vue_component__$f as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$e as WFLanguagesMenu, __vue_component__$i as WFMap, __vue_component__$h as WFPOI, __vue_component__$2 as WFScrollableArea, __vue_component__$6 as WFSearch, __vue_component__$a as WFShortcutsMenu, store as WFStore, __vue_component__$4 as WFTab, __vue_component__$3 as WFTabButtons, __vue_component__$5 as WFTabs, __vue_component__$b as WFYAH, __vue_component__$9 as WFZoomMenu };
+export { __vue_component__$h as WFAZMenu, __vue_component__$1 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$c as WFBuildingLogo, __vue_component__$7 as WFFilteredMenu, __vue_component__$g as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$f as WFLanguagesMenu, __vue_component__$j as WFMap, __vue_component__$i as WFPOI, __vue_component__$2 as WFScrollableArea, __vue_component__$6 as WFSearch, __vue_component__$a as WFShortcutsMenu, store as WFStore, __vue_component__$4 as WFTab, __vue_component__$3 as WFTabButtons, __vue_component__$5 as WFTabs, __vue_component__$b as WFYAH, __vue_component__$9 as WFZoomMenu };