@3dwayfinder/wayfinder-vue-components 1.0.96 → 1.0.100

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

@@ -1075,7 +1075,7 @@ var index = {
 
 //
 var wayfinder$1;
-var script$h = {
+var script$j = {
   name: 'Map',
   props: {
     project: {
@@ -1352,10 +1352,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1385,10 +1385,10 @@ var __vue_render__$h = function () {
   }, [_vm._v(_vm._s(_vm.pathText))])]);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$h = 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}",
@@ -1399,24 +1399,24 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-56a8b7f2";
+const __vue_scope_id__$j = "data-v-56a8b7f2";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$j = 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__$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$g = {
+var script$i = {
   name: "POI",
   computed: { ...mapState(['language'])
   },
@@ -1525,10 +1525,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1536,15 +1536,15 @@ var __vue_render__$g = 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__$g = 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__$g = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$g = 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__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-12662bbb";
+const __vue_scope_id__$i = "data-v-214375a4";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$i = false;
 /* 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, 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$f = {
+var script$h = {
   name: 'AZMenu',
   components: {
-    POI: __vue_component__$g
+    POI: __vue_component__$i
   },
   props: {
     showLogo: {
@@ -1679,10 +1675,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1730,32 +1726,32 @@ var __vue_render__$f = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = "data-v-d48c542c";
+const __vue_scope_id__$h = "data-v-d48c542c";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$h = 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__$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$e = {
+var script$g = {
   name: 'FlagsMenu',
   computed: { ...mapState(['languages', 'language', 'reset'])
   },
@@ -1799,10 +1795,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1810,7 +1806,7 @@ var __vue_render__$e = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component languages-container",
+    staticClass: "wf-component wf-languages-container",
     class: {
       'active': _vm.active
     }
@@ -1839,13 +1835,145 @@ var __vue_render__$e = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$g = [];
+/* style */
+
+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}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$g = "data-v-a003406a";
+/* module identifier */
+
+const __vue_module_identifier__$g = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$g = false;
+/* 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, createInjector, undefined, undefined);
+
+//
+var script$f = {
+  name: 'LanguagesMenu',
+  computed: { ...mapState(['languages', 'language', 'reset'])
+  },
+  props: {
+    showTitle: {
+      type: Boolean,
+      default: false
+    },
+    showFlag: {
+      type: Boolean,
+      default: true
+    },
+    labelType: {
+      type: String,
+      default: "none"
+    },
+    hideActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: "Select language"
+    }
+  },
+
+  data() {
+    return {
+      active: false
+    };
+  },
+
+  methods: {
+    changeLanguage(language) {
+      if (this.$listeners && this.$listeners.changeLanguage) {
+        this.$emit("change", language);
+      } else {
+        this.$wayfinder.setLanguage(language.name);
+      }
+    },
+
+    getFlagImage(id) {
+      return WayfinderAPI.getURL("images", "thumbnail", [id]);
+    }
+
+  },
+  watch: {
+    reset: function () {
+      this.active = false;
+    }
+  }
+};
+
+/* 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 _c('div', {
+    staticClass: "wf-component wf-languages-menu",
+    class: {
+      'wf-active': _vm.active
+    }
+  }, [_vm.showTitle ? _c('div', {
+    staticClass: "wf-languages-title"
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "wf-list"
+  }, _vm._l(_vm.languages, function (lang, index) {
+    return _c('div', {
+      directives: [{
+        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(), {
+        "wf-active": lang.getName() == _vm.language,
+        "wf-display": _vm.active
+      }],
+      on: {
+        "click": function ($event) {
+          return _vm.changeLanguage(lang);
+        }
+      }
+    }, [_vm.showFlag ? _c('div', {
+      staticClass: "wf-lang-flag",
+      style: {
+        backgroundImage: 'url(' + _vm.getFlagImage(lang.flagImage) + ')'
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.labelType == 'code' ? _c('label', [_vm._v(_vm._s(lang.getName()))]) : _vm._e(), _vm._v(" "), _vm.labelType == 'native' ? _c('label', [_vm._v(_vm._s(lang.getNativeName()))]) : _vm._e()]);
+  }), 0)]);
+};
+
+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-b70751ee_0", {
-    source: ".languages-container.active[data-v-b70751ee]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-b70751ee]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-b70751ee]{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-b70751ee]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-b70751ee]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-b70751ee]{height:3.5rem;margin-bottom:1.5rem}",
+  inject("data-v-7efb50aa_0", {
+    source: ".wf-languages-menu.active[data-v-7efb50aa]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-7efb50aa]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-7efb50aa]{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-7efb50aa]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-7efb50aa]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-7efb50aa]{height:3.5rem;margin-bottom:1.5rem}",
     map: undefined,
     media: undefined
   });
@@ -1853,13 +1981,101 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-b70751ee";
+const __vue_scope_id__$f = "data-v-7efb50aa";
+/* 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 */
@@ -1867,11 +2083,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,
@@ -1885,6 +2104,10 @@ var script$d = {
       type: Boolean,
       default: false
     },
+    showIcon: {
+      type: Boolean,
+      default: false
+    },
     showSubGroups: {
       type: Boolean,
       default: true
@@ -1937,7 +2160,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);
           }
         }
@@ -2018,13 +2243,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
       }
@@ -2036,16 +2261,13 @@ 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
         }
-      }), _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', {
@@ -2059,14 +2281,11 @@ 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
           }
-        }), _vm._v(" "), _vm.showPOICount ? _c('label', {
-          staticClass: "count"
-        }, [_vm._v(_vm._s(subtopic.pois.length))]) : _vm._e()];
+        })];
       }, {
         "group": subtopic
       })], 2);
@@ -2077,7 +2296,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: [{
@@ -2088,7 +2307,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: {
@@ -2113,8 +2332,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-4879a687_0", {
+    source: ".az-menu[data-v-4879a687]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-4879a687]{list-style:none}.az-menu ul[data-v-4879a687]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2122,7 +2341,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-616120b3";
+const __vue_scope_id__$d = "data-v-4879a687";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -2228,7 +2447,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
     },
@@ -2248,8 +2467,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
   });
@@ -2257,7 +2476,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;
@@ -2288,6 +2507,10 @@ var script$a = {
       type: Boolean,
       default: true
     },
+    showIcon: {
+      type: Boolean,
+      default: true
+    },
     highlight: {
       type: Boolean,
       default: true
@@ -2359,22 +2582,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 = [];
@@ -2382,8 +2609,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
   });
@@ -2391,7 +2618,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,7 +2799,7 @@ const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
 var script$7 = {
   name: 'FilteredMenu',
   components: {
-    POI: __vue_component__$g
+    POI: __vue_component__$i
   },
 
   data() {
@@ -2739,7 +2966,7 @@ var script$6 = {
   name: 'Search',
   components: {
     OSK: osk_common,
-    POI: __vue_component__$g
+    POI: __vue_component__$i
   },
   computed: { ...mapState(['language', 'reset'])
   },
@@ -3063,6 +3290,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;
         }
@@ -3085,10 +3318,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)]);
 };
 
@@ -3097,8 +3331,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
   });
@@ -3106,7 +3340,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;
@@ -3155,7 +3389,7 @@ 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
     }
@@ -3167,8 +3401,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-24cedf0d_0", {
+    source: ".wf-tab[data-v-24cedf0d]{overflow:hidden;flex-grow:1;flex-shrink:0}",
     map: undefined,
     media: undefined
   });
@@ -3176,7 +3410,7 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-d4663578";
+const __vue_scope_id__$4 = "data-v-24cedf0d";
 /* module identifier */
 
 const __vue_module_identifier__$4 = undefined;
@@ -3921,9 +4155,10 @@ var store = new index.Store({
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  WFMap: __vue_component__$h,
-  WFAZMenu: __vue_component__$f,
-  WFFlagsMenu: __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,
@@ -3936,7 +4171,7 @@ var components = /*#__PURE__*/Object.freeze({
   WFTabButtons: __vue_component__$3,
   WFScrollableArea: __vue_component__$2,
   WFBanner: __vue_component__$1,
-  WFPOI: __vue_component__$g,
+  WFPOI: __vue_component__$i,
   WFYAH: __vue_component__$b,
   WFBrowser: __vue_component__,
   WFStore: store
@@ -3951,4 +4186,4 @@ const install = function installWayfinderVueComponents(Vue) {
 }; // Create module definition for Vue.use()
 
 export default install;
-export { __vue_component__$f as WFAZMenu, __vue_component__$1 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$c as WFBuildingLogo, __vue_component__$7 as WFFilteredMenu, __vue_component__$e as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$h as WFMap, __vue_component__$g 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 };