@3dwayfinder/wayfinder-vue-components 1.0.86 → 1.0.90

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

@@ -1888,11 +1888,37 @@ var script$d = {
     showPOIs: {
       type: Boolean,
       default: false
+    },
+    showPOILogo: {
+      type: Boolean,
+      default: false
+    },
+    showPOIName: {
+      type: Boolean,
+      default: true
+    },
+    showPOIPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showPOIDescription: {
+      type: Boolean,
+      default: false
+    },
+    showPOIRoomID: {
+      type: Boolean,
+      default: false
+    },
+    showPOIFloor: {
+      type: Boolean,
+      default: false
     }
   },
 
   data() {
-    return {};
+    return {
+      current: null
+    };
   },
 
   computed: { ...mapState(['poiGroups', 'currentGroup', 'language']),
@@ -1926,9 +1952,20 @@ var script$d = {
     }
 
   },
+  watch: {
+    currentGroup: function () {
+      this.current = this.currentGroup;
+    }
+  },
   methods: {
     onClick(group) {
       return () => {
+        if (this.current == group) {
+          this.current = null;
+        } else {
+          this.current = group;
+        }
+
         this.$emit('clicked', group);
       };
     },
@@ -1940,7 +1977,7 @@ var script$d = {
     },
 
     reset() {
-      this.$store.dispatch('SET_CURRENT_GROUP', false);
+      this.$store.dispatch('SET_CURRENT_GROUP', null);
     },
 
     subGroups(subGroups) {
@@ -1982,7 +2019,7 @@ var __vue_render__$d = function () {
       key: topic.id,
       staticClass: "item list-item",
       class: {
-        "active": _vm.currentGroup && topic.id == _vm.currentGroup.id
+        "active": _vm.current && topic.id == _vm.current.id
       }
     }, [_c('div', {
       directives: [{
@@ -1993,37 +2030,41 @@ var __vue_render__$d = function () {
         arg: "tap"
       }],
       staticClass: "item-content"
-    }, [_c('label', {
-      staticClass: "name",
-      domProps: {
-        "innerHTML": _vm._s(topic.getName(_vm.language))
-      }
-    }), _vm._v(" "), _vm.showPOICount ? _c('label', {
-      staticClass: "count"
-    }, [_vm._v(_vm._s(topic.pois.length))]) : _vm._e()]), _vm._v(" "), topic.childGroups.length > 0 && _vm.showSubGroups ? _c('ul', {
+    }, [_vm._t("default", function () {
+      return [_c('label', {
+        staticClass: "name",
+        domProps: {
+          "innerHTML": _vm._s(topic.getName(_vm.language))
+        }
+      }), _vm._v(" "), _vm.showPOICount ? _c('label', {
+        staticClass: "count"
+      }, [_vm._v(_vm._s(topic.pois.length))]) : _vm._e()];
+    })], 2), _vm._v(" "), topic.childGroups.length > 0 && _vm.showSubGroups ? _c('ul', {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: _vm.currentGroup && topic.id == _vm.currentGroup.id,
-        expression: "currentGroup && topic.id == currentGroup.id"
+        value: _vm.current && topic.id == _vm.current.id,
+        expression: "current && topic.id == current.id"
       }]
     }, _vm._l(_vm.subGroups(topic.childGroups), function (subtopic) {
       return _c('li', {
         key: subtopic.id
-      }, [_c('label', {
-        staticClass: "name",
-        domProps: {
-          "innerHTML": _vm._s(subtopic.getName(_vm.language))
-        }
-      }), _vm._v(" "), _vm.showPOICount ? _c('label', {
-        staticClass: "count"
-      }, [_vm._v(_vm._s(subtopic.pois.length))]) : _vm._e()]);
+      }, [_vm._t("subgroup", function () {
+        return [_c('label', {
+          staticClass: "name",
+          domProps: {
+            "innerHTML": _vm._s(subtopic.getName(_vm.language))
+          }
+        }), _vm._v(" "), _vm.showPOICount ? _c('label', {
+          staticClass: "count"
+        }, [_vm._v(_vm._s(subtopic.pois.length))]) : _vm._e()];
+      })], 2);
     }), 0) : _vm._e(), _vm._v(" "), topic.pois.length > 0 && _vm.showPOIs ? _c('ul', {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: _vm.currentGroup && topic.id == _vm.currentGroup.id,
-        expression: "currentGroup && topic.id == currentGroup.id"
+        value: _vm.current && topic.id == _vm.current.id,
+        expression: "current && topic.id == current.id"
       }],
       staticClass: "list sublist"
     }, _vm._l(topic.pois, function (poi) {
@@ -2037,12 +2078,21 @@ var __vue_render__$d = function () {
         }],
         key: poi.id,
         staticClass: "item list-item"
-      }, [_c('label', {
-        staticClass: "name",
-        domProps: {
-          "innerHTML": _vm._s(poi.getName(_vm.language))
-        }
-      })]);
+      }, [_vm._t("poi", function () {
+        return [_c('POI', {
+          attrs: {
+            "poi": poi,
+            "showLogo": _vm.showPOILogo,
+            "showName": _vm.showPOIName,
+            "showPathButton": _vm.showPOIPathButton,
+            "showDescription": _vm.showPOIDescription,
+            "showRoomID": _vm.showPOIRoomID,
+            "showFloor": _vm.showPOIFloor
+          }
+        })];
+      }, {
+        "poi": poi
+      })], 2);
     }), 0) : _vm._e()]);
   }), 0)]);
 };
@@ -2052,8 +2102,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-66d31749_0", {
-    source: ".az-menu[data-v-66d31749]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-66d31749]{list-style:none}.az-menu ul[data-v-66d31749]{margin:0;padding:0}",
+  inject("data-v-746c33b6_0", {
+    source: ".az-menu[data-v-746c33b6]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-746c33b6]{list-style:none}.az-menu ul[data-v-746c33b6]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2061,7 +2111,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-66d31749";
+const __vue_scope_id__$d = "data-v-746c33b6";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -2949,99 +2999,406 @@ const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$6
 }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
 
-/*!
- * better-scroll / core
- * (c) 2016-2019 ustbhuangyi
- * Released under the MIT License.
- */
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+//
+//
+//
+//
+//
+//
+//
+//
+var script$5 = {
+  name: 'Tabs',
+  props: {
+    activeTab: '',
+    animate: {
+      type: String,
+      default: "none"
+    }
+  },
+  data: () => ({
+    tabs: [],
+    activeTabIndex: 0,
+    currentTab: null
+  }),
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+  created() {
+    this.tabs = this.$children;
+  },
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-/* global Reflect, Promise */
+  mounted() {
+    if (this.$props.activeTab) {
+      this.activate(this.$props.activeTab);
+    } else {
+      console.log('no active tab');
+    }
+  },
 
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
+  watch: {
+    activeTab: function (newVal) {
+      // watch it
+      if (newVal) {
+        this.activate(newVal);
+      }
+    }
+  },
+  methods: {
+    activate() {
+      this.currentTab = null;
+
+      for (var tab in this.tabs) {
+        if (this.tabs[tab].name == this.$props.activeTab) {
+          this.tabs[tab].isActive = true;
+          this.$emit('tabChanged', this.tabs[tab]);
+          this.currentTab = this.tabs[tab];
+          this.activeTabIndex = tab;
+        } else {
+          this.tabs[tab].isActive = false;
+        }
+      }
+    }
+
+  }
 };
 
-function __extends(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
+/* script */
+const __vue_script__$5 = script$5;
+/* template */
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+var __vue_render__$5 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    ref: "tabs",
+    staticClass: "wf-component tabs",
+    class: ['tabs-' + _vm.activeTab, 'tabs-index-' + _vm.activeTabIndex, 'tabs-animate-' + _vm.animate]
+  }, [_c('div', {
+    staticClass: "tabs-content"
+  }, [_vm._t("default")], 2)]);
 };
 
-function warn$2(msg) {
-    console.error("[BScroll warn]: " + msg);
-}
+var __vue_staticRenderFns__$5 = [];
+/* style */
 
-// ssr support
-var inBrowser$2 = typeof window !== 'undefined';
-var ua$2 = inBrowser$2 && navigator.userAgent.toLowerCase();
-ua$2 && /wechatdevtools/.test(ua$2);
-var isAndroid = ua$2 && ua$2.indexOf('android') > 0;
+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}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
 
-function getNow() {
-    return window.performance && window.performance.now
-        ? window.performance.now() + window.performance.timing.navigationStart
-        : +new Date();
-}
-function extend$1(target) {
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        rest[_i - 1] = arguments[_i];
-    }
-    for (var i = 0; i < rest.length; i++) {
-        var source = rest[i];
-        for (var key in source) {
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function isUndef(v) {
-    return v === undefined || v === null;
-}
 
-var elementStyle$2 = (inBrowser$2 &&
-    document.createElement('div').style);
-var vendor$2 = (function () {
-    if (!inBrowser$2) {
-        return false;
+const __vue_scope_id__$5 = "data-v-38607192";
+/* module identifier */
+
+const __vue_module_identifier__$5 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$5 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
+
+//
+//
+//
+//
+//
+//
+var script$4 = {
+  name: 'Tab',
+  props: {
+    name: ''
+  },
+  data: () => ({
+    isActive: false,
+    isVisible: true
+  }),
+
+  created() {},
+
+  methods: {}
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+/* template */
+
+var __vue_render__$4 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('section', {
+    staticClass: "wf-component tab",
+    class: {
+      'active': _vm.isActive
     }
-    var transformNames = {
-        webkit: 'webkitTransform',
-        Moz: 'MozTransform',
-        O: 'OTransform',
-        ms: 'msTransform',
-        standard: 'transform'
-    };
-    for (var key in transformNames) {
-        if (elementStyle$2[transformNames[key]] !== undefined) {
-            return key;
+  }, [_vm._t("default")], 2);
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+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}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$4 = "data-v-d4663578";
+/* module identifier */
+
+const __vue_module_identifier__$4 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$4 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
+
+//
+var script$3 = {
+  name: 'Tabs',
+  computed: { ...mapState(['currentTab', 'searchVisible', 'mobile', 'landscape', 'shortcuts', 'language'])
+  },
+
+  data() {
+    return {
+      toilet: false,
+      toiletsIcon: false
+    };
+  },
+
+  methods: {
+    switchTab(tab) {
+      this.$emit('switchTab', tab);
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "wf-component tab-buttons"
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.mobile && !_vm.landscape,
+      expression: "mobile && !landscape"
+    }],
+    staticClass: "item tab-map",
+    class: {
+      active: _vm.currentTab == 'map'
+    },
+    attrs: {
+      "data-translation-element": "map"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.switchTab('map');
+      }
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "item tab-topics",
+    class: {
+      active: _vm.currentTab == 'groups' || _vm.currentTab == 'group-pois'
+    },
+    attrs: {
+      "data-translation-element": "topics"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.switchTab('groups');
+      }
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "item tab-az",
+    class: {
+      active: _vm.currentTab == 'az'
+    },
+    attrs: {
+      "data-translation-element": "az"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.switchTab('az');
+      }
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "item tab-search",
+    class: {
+      active: _vm.currentTab == 'search'
+    },
+    attrs: {
+      "data-translation-element": "search"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.switchTab('search');
+      }
+    }
+  })]);
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
+
+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}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$3 = "data-v-d346ebf2";
+/* module identifier */
+
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$3 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
+
+/*!
+ * better-scroll / core
+ * (c) 2016-2019 ustbhuangyi
+ * Released under the MIT License.
+ */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function warn$2(msg) {
+    console.error("[BScroll warn]: " + msg);
+}
+
+// ssr support
+var inBrowser$2 = typeof window !== 'undefined';
+var ua$2 = inBrowser$2 && navigator.userAgent.toLowerCase();
+ua$2 && /wechatdevtools/.test(ua$2);
+var isAndroid = ua$2 && ua$2.indexOf('android') > 0;
+
+function getNow() {
+    return window.performance && window.performance.now
+        ? window.performance.now() + window.performance.timing.navigationStart
+        : +new Date();
+}
+function extend$1(target) {
+    var rest = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        rest[_i - 1] = arguments[_i];
+    }
+    for (var i = 0; i < rest.length; i++) {
+        var source = rest[i];
+        for (var key in source) {
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function isUndef(v) {
+    return v === undefined || v === null;
+}
+
+var elementStyle$2 = (inBrowser$2 &&
+    document.createElement('div').style);
+var vendor$2 = (function () {
+    if (!inBrowser$2) {
+        return false;
+    }
+    var transformNames = {
+        webkit: 'webkitTransform',
+        Moz: 'MozTransform',
+        O: 'OTransform',
+        ms: 'msTransform',
+        standard: 'transform'
+    };
+    for (var key in transformNames) {
+        if (elementStyle$2[transformNames[key]] !== undefined) {
+            return key;
         }
     }
     return false;
@@ -6008,354 +6365,6 @@ var MouseWheel = /** @class */ (function () {
     return MouseWheel;
 }());
 
-//
-BScroll.use(ScrollBar);
-BScroll.use(MouseWheel);
-var script$5 = {
-  name: 'Tabs',
-  props: {
-    activeTab: ''
-  },
-  data: () => ({
-    tabs: [],
-    activeTabIndex: 0,
-    currentTab: null,
-    scroll: null,
-    scrollOptions: {
-      scrollbar: {
-        fade: false,
-        interactive: true
-      },
-      click: true,
-      mouseWheel: {
-        speed: 20,
-        invert: false
-      }
-    }
-  }),
-
-  created() {
-    this.tabs = this.$children;
-  },
-
-  updated() {
-    this.$nextTick(() => {
-      if (this.scroll && this.currentTab != null) {
-        this.scroll.refresh();
-      }
-    });
-  },
-
-  mounted() {
-    if (this.$props.activeTab) {
-      this.activate(this.$props.activeTab);
-    } else {
-      console.log('no active tab');
-    }
-
-    this.$nextTick(() => {
-      if (this.currentTab != null) {
-        this.scroll = new BScroll(this.$refs.tabs, this.scrollOptions);
-      }
-    });
-  },
-
-  watch: {
-    activeTab: function (newVal) {
-      // watch it
-      if (newVal) {
-        this.activate(newVal);
-      }
-    }
-  },
-  methods: {
-    activate() {
-      this.currentTab = null;
-
-      for (var tab in this.tabs) {
-        console.log('tab', tab);
-
-        if (this.tabs[tab].name == this.$props.activeTab) {
-          this.tabs[tab].isActive = true;
-          this.$emit('tabChanged', this.tabs[tab]);
-          this.currentTab = this.tabs[tab];
-          this.activeTabIndex = tab;
-        } else {
-          this.tabs[tab].isActive = false;
-        }
-      }
-
-      if (this.$props.activeTab !== "search") {
-        this.makeScroll();
-      }
-    },
-
-    makeScroll() {
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          if (this.scroll) {
-            this.scroll.destroy();
-            this.scroll = null;
-          }
-
-          if (this.currentTab != null) {
-            this.scroll = new BScroll(this.$refs.tabs, this.scrollOptions);
-          }
-        });
-      });
-    },
-
-    move() {//console.log('move');
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$5 = script$5;
-/* template */
-
-var __vue_render__$5 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    ref: "tabs",
-    staticClass: "wf-component tabs",
-    class: ['tabs-' + _vm.activeTab, 'tabs-index-' + _vm.activeTabIndex]
-  }, [_c('div', {
-    staticClass: "tabs-content"
-  }, [_vm._t("default")], 2)]);
-};
-
-var __vue_staticRenderFns__$5 = [];
-/* style */
-
-const __vue_inject_styles__$5 = function (inject) {
-  if (!inject) return;
-  inject("data-v-31904bda_0", {
-    source: ".tabs[data-v-31904bda]{overflow:hidden;position:relative;width:100%;height:100%}.tabs-content[data-v-31904bda]{height:100%;width:auto;display:flex;flex-direction:row;margin-left:0;transform:translateX(0);transition:transform .5s ease-in-out}.tabs-index-1 .tabs-content[data-v-31904bda]{transform:translateX(-100%)}.tabs-index-2 .tabs-content[data-v-31904bda]{transform:translateX(-200%)}.tabs-index-3 .tabs-content[data-v-31904bda]{transform:translateX(-300%)}.tabs-index-4 .tabs-content[data-v-31904bda]{transform:translateX(-400%)}.tabs-index-5 .tabs-content[data-v-31904bda]{transform:translateX(-500%)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$5 = "data-v-31904bda";
-/* module identifier */
-
-const __vue_module_identifier__$5 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$5 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
-
-//
-//
-//
-//
-//
-//
-var script$4 = {
-  name: 'Tab',
-  props: {
-    name: ''
-  },
-  data: () => ({
-    isActive: false,
-    isVisible: true
-  }),
-
-  created() {},
-
-  methods: {}
-};
-
-/* script */
-const __vue_script__$4 = script$4;
-/* template */
-
-var __vue_render__$4 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('section', {
-    staticClass: "wf-component tab",
-    class: {
-      'active': _vm.isActive
-    }
-  }, [_vm._t("default")], 2);
-};
-
-var __vue_staticRenderFns__$4 = [];
-/* style */
-
-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}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$4 = "data-v-d4663578";
-/* module identifier */
-
-const __vue_module_identifier__$4 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$4 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
-
-//
-var script$3 = {
-  name: 'Tabs',
-  computed: { ...mapState(['currentTab', 'searchVisible', 'mobile', 'landscape', 'shortcuts', 'language'])
-  },
-
-  data() {
-    return {
-      toilet: false,
-      toiletsIcon: false
-    };
-  },
-
-  methods: {
-    switchTab(tab) {
-      this.$emit('switchTab', tab);
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$3 = script$3;
-/* template */
-
-var __vue_render__$3 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    staticClass: "wf-component tab-buttons"
-  }, [_c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.mobile && !_vm.landscape,
-      expression: "mobile && !landscape"
-    }],
-    staticClass: "item tab-map",
-    class: {
-      active: _vm.currentTab == 'map'
-    },
-    attrs: {
-      "data-translation-element": "map"
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.switchTab('map');
-      }
-    }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-topics",
-    class: {
-      active: _vm.currentTab == 'groups' || _vm.currentTab == 'group-pois'
-    },
-    attrs: {
-      "data-translation-element": "topics"
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.switchTab('groups');
-      }
-    }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-az",
-    class: {
-      active: _vm.currentTab == 'az'
-    },
-    attrs: {
-      "data-translation-element": "az"
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.switchTab('az');
-      }
-    }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "item tab-search",
-    class: {
-      active: _vm.currentTab == 'search'
-    },
-    attrs: {
-      "data-translation-element": "search"
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.switchTab('search');
-      }
-    }
-  })]);
-};
-
-var __vue_staticRenderFns__$3 = [];
-/* style */
-
-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}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$3 = "data-v-d346ebf2";
-/* module identifier */
-
-const __vue_module_identifier__$3 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$3 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
-
 //
 BScroll.use(ScrollBar);
 BScroll.use(MouseWheel);
@@ -6835,8 +6844,8 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-22dc94ab_0", {
-    source: ".wf-browser iframe{width:100%;height:100%;border:none}",
+  inject("data-v-3de4e776_0", {
+    source: ".wf-browser,.wf-browser iframe{width:100%;height:100%;border:none}",
     map: undefined,
     media: undefined
   });