@3dwayfinder/wayfinder-vue-components 1.2.9 → 1.2.12

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

@@ -2,7 +2,7 @@ import Vue$1 from 'vue';
 
 //
 var wayfinder$1;
-var script$o = {
+var script$p = {
   name: 'Map',
   props: {
     project: {
@@ -281,10 +281,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -314,10 +314,10 @@ var __vue_render__$o = function () {
   }, [_vm._v(_vm._s(_vm.pathText))])]);
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-00d2773a_0", {
     source: ".wf-map-container[data-v-00d2773a]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-00d2773a]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-00d2773a]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}",
@@ -328,21 +328,21 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-00d2773a";
+const __vue_scope_id__$p = "data-v-00d2773a";
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
 /*!
  * vuex v3.6.2
@@ -1161,7 +1161,7 @@ function getModuleByNamespace (store, helper, namespace) {
 }
 
 //
-var script$n = {
+var script$o = {
   name: "POI",
   computed: { ...mapState('wf', ['language']),
 
@@ -1260,10 +1260,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1314,10 +1314,10 @@ var __vue_render__$n = function () {
   }) : _vm._e()]) : _vm._e();
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-658b6c14_0", {
     source: ".layout-view[data-v-658b6c14]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-658b6c14]{padding:1rem}.poi-info h2[data-v-658b6c14]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-658b6c14]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-658b6c14]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-658b6c14]{background-size:cover}.show-path[data-v-658b6c14]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-658b6c14]{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-658b6c14]{line-height:1.2}.poi-contact .address[data-v-658b6c14]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-658b6c14]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-658b6c14]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-658b6c14]:before{mix-blend-mode:initial;color:#fff}",
@@ -1328,27 +1328,27 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-658b6c14";
+const __vue_scope_id__$o = "data-v-658b6c14";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
 //
-var script$m = {
+var script$n = {
   name: 'AZMenu',
   components: {
-    POI: __vue_component__$n
+    POI: __vue_component__$o
   },
   props: {
     showLogo: {
@@ -1418,10 +1418,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1470,10 +1470,10 @@ var __vue_render__$m = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
   inject("data-v-17afa634_0", {
     source: ".wf-list-item[data-v-17afa634]{list-style:none}",
@@ -1484,24 +1484,24 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-17afa634";
+const __vue_scope_id__$n = "data-v-17afa634";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
 
 //
-var script$l = {
+var script$m = {
   name: 'FlagsMenu',
   computed: { ...mapState('wf', ['languages', 'language', 'reset']),
 
@@ -1550,10 +1550,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1589,10 +1589,10 @@ var __vue_render__$l = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$l = function (inject) {
+const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
   inject("data-v-64144cc4_0", {
     source: ".languages-container.active[data-v-64144cc4]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-64144cc4]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-64144cc4]{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-64144cc4]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-64144cc4]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-64144cc4]{height:3.5rem;margin-bottom:1.5rem}",
@@ -1603,24 +1603,24 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = "data-v-64144cc4";
+const __vue_scope_id__$m = "data-v-64144cc4";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
 //
-var script$k = {
+var script$l = {
   name: 'LanguagesMenu',
   computed: { ...mapState('wf', ['languages', 'language', 'reset']),
 
@@ -1680,10 +1680,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1726,10 +1726,10 @@ var __vue_render__$k = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$k = function (inject) {
+const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
   inject("data-v-2b86d0a6_0", {
     source: ".wf-languages-menu.active[data-v-2b86d0a6]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-2b86d0a6]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-2b86d0a6]{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-2b86d0a6]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-2b86d0a6]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-2b86d0a6]{height:3.5rem;margin-bottom:1.5rem}",
@@ -1740,24 +1740,24 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-2b86d0a6";
+const __vue_scope_id__$l = "data-v-2b86d0a6";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$l = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
 
 //
-var script$j = {
+var script$k = {
   name: "Group",
   computed: { ...mapState('wf', ['language'])
   },
@@ -1792,10 +1792,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1820,21 +1820,321 @@ var __vue_render__$j = function () {
   }) : _vm._e()]) : _vm._e();
 };
 
+var __vue_staticRenderFns__$k = [];
+/* style */
+
+const __vue_inject_styles__$k = undefined;
+/* scoped */
+
+const __vue_scope_id__$k = "data-v-077cd362";
+/* module identifier */
+
+const __vue_module_identifier__$k = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$k = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+
+//
+var script$j = {
+  name: 'GroupsMenu',
+  components: {
+    Group: __vue_component__$k,
+    POI: __vue_component__$o
+  },
+  props: {
+    parent: {
+      type: Number,
+      default: -1
+    },
+    showPOICount: {
+      type: Boolean,
+      default: false
+    },
+    az: {
+      type: Boolean,
+      default: false
+    },
+    order: {
+      type: Boolean,
+      default: false
+    },
+    showIcon: {
+      type: Boolean,
+      default: false
+    },
+    showSubGroups: {
+      type: Boolean,
+      default: true
+    },
+    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
+    },
+    openGroup: {
+      type: Boolean,
+      default: true
+    },
+    sortPOIs: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data() {
+    return {
+      current: null,
+      count: 0
+    };
+  },
+
+  computed: { ...mapState('wf', ['poiGroups', 'currentGroup', 'language']),
+
+    sortedGroups() {
+      let arr = []; // Copy arr for sorting
+
+      let topic;
+      let groups = this.poiGroups;
+
+      for (let i in groups) {
+        topic = groups[i];
+
+        if (topic && topic.getShowInMenu() && topic.getName(this.language)) {
+          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);
+          }
+        }
+      }
+
+      if (this.az) {
+        arr = arr.sort((a, b) => {
+          if (a && a.getName(this.language) && b && b.getName(this.language)) {
+            return a.getName(this.language).localeCompare(b.getName(this.language), this.language, {
+              sensitivity: 'accent'
+            });
+          } else {
+            return 0;
+          }
+        });
+      } else if (this.order) {
+        arr = arr.sort((a, b) => {
+          if (a && b) {
+            return a.order - b.order;
+          }
+
+          return 0;
+        });
+      }
+
+      this.count = arr.length;
+      return arr;
+    }
+
+  },
+  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);
+      };
+    },
+
+    onPOICLick(poi) {
+      return () => {
+        console.log('onPOICLick01', poi);
+        this.$emit('poiClicked', poi);
+      };
+    },
+
+    reset() {
+      this.$store.dispatch('wf/SET_CURRENT_GROUP', null);
+    },
+
+    subGroups(subGroups) {
+      if (subGroups) {
+        let groups = [];
+
+        let _g;
+
+        for (let g in subGroups) {
+          _g = parseInt(subGroups[g]);
+
+          if (this.poiGroups[_g] && this.poiGroups[_g].getShowInMenu()) {
+            groups.push(this.poiGroups[_g]);
+          }
+        }
+
+        return groups;
+      } else {
+        return [];
+      }
+    },
+
+    sortedPOIs(pois) {
+      let arr = pois.slice().filter(poi => {
+        return poi && poi.getShowInMenu();
+      }); // Copy and filter array
+
+      if (!this.sortPOIs) return arr;
+      arr = arr.sort((a, b) => {
+        if (a.getName(this.language) && b.getName(this.language)) {
+          return a.getName(this.language).localeCompare(b.getName(this.language));
+        } else {
+          return 0;
+        }
+      });
+      return arr;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$j = script$j;
+/* template */
+
+var __vue_render__$j = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "wf-component wf-groups-menu"
+  }, [_c('ul', {
+    staticClass: "wf-list",
+    class: ['wf-list-count-' + _vm.count]
+  }, _vm._l(_vm.sortedGroups, function (topic) {
+    return _c('li', {
+      key: topic.id,
+      staticClass: "wf-list-item",
+      class: {
+        "active": _vm.current && topic.id == _vm.current.id
+      }
+    }, [_c('div', {
+      directives: [{
+        name: "touch",
+        rawName: "v-touch:tap",
+        value: _vm.onClick(topic),
+        expression: "onClick(topic)",
+        arg: "tap"
+      }],
+      staticClass: "wf-item-content"
+    }, [_vm._t("default", function () {
+      return [_c('Group', {
+        attrs: {
+          "group": topic,
+          "showIcon": _vm.showIcon,
+          "showPOICount": _vm.showPOICount
+        }
+      })];
+    }, {
+      "group": topic
+    })], 2), _vm._v(" "), topic.pois.length > 0 && _vm.showPOIs ? _c('ul', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: _vm.current && topic.id == _vm.current.id,
+        expression: "current && topic.id == current.id"
+      }],
+      staticClass: "wf-list wf-sublist"
+    }, _vm._l(_vm.sortedPOIs(topic.pois), function (poi) {
+      return _c('li', {
+        directives: [{
+          name: "touch",
+          rawName: "v-touch:tap",
+          value: _vm.onPOICLick(poi),
+          expression: "onPOICLick(poi)",
+          arg: "tap"
+        }],
+        key: poi.id,
+        staticClass: "wf-list-item"
+      }, [_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)]);
+};
+
 var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$j = undefined;
+const __vue_inject_styles__$j = function (inject) {
+  if (!inject) return;
+  inject("data-v-0287fc8b_0", {
+    source: ".wf-groups-menu .wf-list-item[data-v-0287fc8b]{list-style:none}.wf-groups-menu .wf-list[data-v-0287fc8b]{margin:0;padding:0}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-const __vue_scope_id__$j = "data-v-077cd362";
+
+const __vue_scope_id__$j = "data-v-0287fc8b";
 /* module identifier */
 
 const __vue_module_identifier__$j = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$j = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -1842,14 +2142,15 @@ const __vue_is_functional_template__$j = false;
 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, undefined, undefined, undefined);
+}, __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$i = {
   name: 'GroupsMenu',
   components: {
-    Group: __vue_component__$j,
-    POI: __vue_component__$n
+    Group: __vue_component__$k,
+    POI: __vue_component__$o,
+    SubGroupMenu: __vue_component__$j
   },
   props: {
     parent: {
@@ -1990,6 +2291,10 @@ var script$i = {
       };
     },
 
+    onSubPOICLick(poi) {
+      this.$emit('poiClicked', poi);
+    },
+
     reset() {
       this.$store.dispatch('wf/SET_CURRENT_GROUP', null);
     },
@@ -1998,9 +2303,13 @@ var script$i = {
       if (subGroups) {
         let groups = [];
 
+        let _g;
+
         for (let g in subGroups) {
-          if (this.poiGroups[g] && this.poiGroups[g].getShowInMenu()) {
-            groups.push(this.poiGroups[g]);
+          _g = parseInt(subGroups[g]);
+
+          if (this.poiGroups[_g] && this.poiGroups[_g].getShowInMenu()) {
+            groups.push(this.poiGroups[_g]);
           }
         }
 
@@ -2071,28 +2380,27 @@ var __vue_render__$i = function () {
       })];
     }, {
       "group": topic
-    })], 2), _vm._v(" "), topic.childGroups.length > 0 && _vm.showSubGroups ? _c('ul', {
+    })], 2), _vm._v(" "), _c('ul', {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: _vm.current && topic.id == _vm.current.id,
-        expression: "current && topic.id == current.id"
+        value: _vm.current && topic.id == _vm.current.id && _vm.subGroups(topic.childGroups).length > 0,
+        expression: "current && topic.id == current.id && subGroups(topic.childGroups).length > 0"
       }]
-    }, _vm._l(_vm.subGroups(topic.childGroups), function (subtopic) {
-      return _c('li', {
-        key: subtopic.id
-      }, [_vm._t("subgroup", function () {
-        return [_c('Group', {
-          attrs: {
-            "group": subtopic,
-            "showIcon": _vm.showIcon,
-            "showPOICount": _vm.showPOICount
-          }
-        })];
-      }, {
-        "group": subtopic
-      })], 2);
-    }), 0) : _vm._e(), _vm._v(" "), topic.pois.length > 0 && _vm.showPOIs ? _c('ul', {
+    }, [_c('SubGroupMenu', {
+      attrs: {
+        "parent": parseInt(topic.id),
+        "showPOICount": _vm.showPOICount,
+        "az": _vm.az,
+        "order": _vm.order,
+        "showIcon": _vm.showIcon,
+        "showPOIs": _vm.showPOIs,
+        "sortPOIs": _vm.sortPOIs
+      },
+      on: {
+        "poiClicked": _vm.onSubPOICLick
+      }
+    })], 1), _vm._v(" "), topic.pois.length > 0 && _vm.showPOIs ? _c('ul', {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -2135,8 +2443,8 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-13cecfd9_0", {
-    source: ".wf-groups-menu .wf-list-item[data-v-13cecfd9]{list-style:none}.wf-groups-menu .wf-list[data-v-13cecfd9]{margin:0;padding:0}",
+  inject("data-v-0b585be8_0", {
+    source: ".wf-groups-menu .wf-list-item[data-v-0b585be8]{list-style:none}.wf-groups-menu .wf-list[data-v-0b585be8]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2144,7 +2452,7 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-13cecfd9";
+const __vue_scope_id__$i = "data-v-0b585be8";
 /* module identifier */
 
 const __vue_module_identifier__$i = undefined;
@@ -2795,7 +3103,7 @@ const __vue_component__$c = /*#__PURE__*/normalizeComponent({
 var script$b = {
   name: 'FilteredMenu',
   components: {
-    POI: __vue_component__$n
+    POI: __vue_component__$o
   },
 
   data() {
@@ -2965,7 +3273,7 @@ var script$a = {
   name: 'Search',
   components: {
     OSK: osk_common,
-    POI: __vue_component__$n
+    POI: __vue_component__$o
   },
   computed: { ...mapState('wf', ['language', 'reset'])
   },
@@ -4118,14 +4426,18 @@ var script$3 = {
     overrideChar: {
       type: String,
       default: ""
+    },
+    showInMenu: {
+      type: Boolean,
+      default: true
     }
   },
 
   data() {
     return {
-      active: "topics",
       currentChar: "",
-      alphabet: []
+      alphabet: [],
+      poisWithChar: {}
     };
   },
 
@@ -4140,12 +4452,18 @@ var script$3 = {
       for (let p in this.pois) {
         poi = this.pois[p];
 
-        if (poi.getShowInMenu() && poi.getName(this.language) && poi.getName(this.language).length > 0) {
+        if ((!this.showInMenu || poi.getShowInMenu()) && poi.getName(this.language) && poi.getName(this.language).length > 0) {
           char = poi.getName(this.language)[0].toLowerCase();
 
           if (letters.indexOf(char) == -1) {
             letters.push(char);
           }
+
+          if (!this.poisWithChar[char]) {
+            this.poisWithChar[char] = [];
+          }
+
+          this.poisWithChar[char].push(poi);
         }
       }
 
@@ -4161,9 +4479,9 @@ var script$3 = {
 
   },
   methods: {
-    onAZ(letter, pois) {
+    onAZ(letter) {
       this.currentChar = letter;
-      this.$emit("clicked", letter, pois);
+      this.$emit("clicked", letter, this.poisWithChar[letter]);
     }
 
   }
@@ -4182,13 +4500,13 @@ var __vue_render__$3 = function () {
 
   return _c('ul', {
     staticClass: "wf-component wf-alphabet-menu"
-  }, _vm._l(_vm.alphabet, function (l, pois) {
+  }, _vm._l(_vm.alphabet, function (l) {
     return _c('li', {
       key: l,
       class: [_vm.currentChar == l ? 'wf-active' : ''],
       on: {
         "click": function ($event) {
-          return _vm.onAZ(l, pois);
+          return _vm.onAZ(l);
         }
       }
     }, [_vm._v(_vm._s(l))]);
@@ -4200,7 +4518,7 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-68d3e64c_0", {
+  inject("data-v-54232f30_0", {
     source: ".wf-alphabet-menu{list-style:none;padding:0;margin:0}",
     map: undefined,
     media: undefined
@@ -4531,10 +4849,10 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 
 var components = /*#__PURE__*/Object.freeze({
 	__proto__: null,
-	WFMap: __vue_component__$o,
-	WFAZMenu: __vue_component__$m,
-	WFFlagsMenu: __vue_component__$l,
-	WFLanguagesMenu: __vue_component__$k,
+	WFMap: __vue_component__$p,
+	WFAZMenu: __vue_component__$n,
+	WFFlagsMenu: __vue_component__$m,
+	WFLanguagesMenu: __vue_component__$l,
 	WFGroupsMenu: __vue_component__$i,
 	WFGroupPOIsMenu: __vue_component__$h,
 	WFBuildingLogo: __vue_component__$g,
@@ -4550,7 +4868,7 @@ var components = /*#__PURE__*/Object.freeze({
 	WFBanner: __vue_component__$5,
 	WFPageMenu: __vue_component__$4,
 	WFAlphabet: __vue_component__$3,
-	WFPOI: __vue_component__$n,
+	WFPOI: __vue_component__$o,
 	WFPage: __vue_component__$1,
 	WFYAH: __vue_component__$f,
 	WFBrowser: __vue_component__
@@ -4681,7 +4999,6 @@ var store = {
       state.filteredPOIs = pois;
     },
     SET_PAGES: (state, pages) => {
-      console.log('SET_PAGES', pages);
       state.pages = pages;
     },
     RESET: (state, pois) => {
@@ -4721,8 +5038,6 @@ var store = {
     },
     LOAD_PAGES: context => {
       Logistics.getJSON(WayfinderAPI.getURL("pages", "getAll", []), null, function (data) {
-        console.log('data', data.data);
-
         if (data && data.data) {
           context.commit('SET_PAGES', Object.freeze(data.data));
         }
@@ -4761,4 +5076,4 @@ const install = function installWayfinderVueComponents(Vue, store) {
 }; // Create module definition for Vue.use()
 
 export default install;
-export { __vue_component__$m as WFAZMenu, __vue_component__$3 as WFAlphabet, __vue_component__$5 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$g as WFBuildingLogo, __vue_component__$b as WFFilteredMenu, __vue_component__$l as WFFlagsMenu, __vue_component__$c as WFFloorsMenu, __vue_component__$h as WFGroupPOIsMenu, __vue_component__$i as WFGroupsMenu, __vue_component__$k as WFLanguagesMenu, __vue_component__$o as WFMap, __vue_component__$n as WFPOI, __vue_component__$1 as WFPage, __vue_component__$4 as WFPageMenu, __vue_component__$6 as WFScrollableArea, __vue_component__$a as WFSearch, __vue_component__$e as WFShortcutsMenu, __vue_component__$8 as WFTab, __vue_component__$7 as WFTabButtons, __vue_component__$9 as WFTabs, __vue_component__$f as WFYAH, __vue_component__$d as WFZoomMenu };
+export { __vue_component__$n as WFAZMenu, __vue_component__$3 as WFAlphabet, __vue_component__$5 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$g as WFBuildingLogo, __vue_component__$b as WFFilteredMenu, __vue_component__$m as WFFlagsMenu, __vue_component__$c as WFFloorsMenu, __vue_component__$h as WFGroupPOIsMenu, __vue_component__$i as WFGroupsMenu, __vue_component__$l as WFLanguagesMenu, __vue_component__$p as WFMap, __vue_component__$o as WFPOI, __vue_component__$1 as WFPage, __vue_component__$4 as WFPageMenu, __vue_component__$6 as WFScrollableArea, __vue_component__$a as WFSearch, __vue_component__$e as WFShortcutsMenu, __vue_component__$8 as WFTab, __vue_component__$7 as WFTabButtons, __vue_component__$9 as WFTabs, __vue_component__$f as WFYAH, __vue_component__$d as WFZoomMenu };