@3dwayfinder/wayfinder-vue-components 1.24.2 → 1.24.4

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

@@ -27,7 +27,7 @@ const urls$1 = {
     snapshot: "../../../"
   }
 };
-var script$E = {
+var script$F = {
   data() {
     return {
       lastClick: false,
@@ -43,6 +43,7 @@ var script$E = {
     };
     this.$wayfinder.events.on("data-loaded", () => {
       this.maxInActivity = this.$wayfinder.settings.getInt("kiosk.max-inactivity", 30);
+      this.loadColors();
     });
     this.lastClick = setTimeout(() => {
       // Start screensaver
@@ -92,6 +93,50 @@ var script$E = {
         s.onload = callback;
         s.src = url;
       }
+    },
+    loadColors() {
+      try {
+        const wf = this.$wayfinder;
+        if (!wf) {
+          console.warn('Wayfinder instance not found, using default settings');
+          return;
+        }
+        const getColor = (key, fallback) => {
+          try {
+            const color = wf.settings.getColor(key);
+            if (color && typeof color.toHex === 'function') {
+              return color.toHex();
+            }
+            const strColor = wf.settings[key];
+            if (strColor && typeof strColor === 'string' && strColor.startsWith('#')) {
+              return strColor;
+            }
+            return fallback;
+          } catch (e) {
+            return fallback;
+          }
+        };
+        this.applyColorSettings({
+          'primary': getColor('template.color.primary', '#143c34'),
+          'primary-content': getColor('template.color.primary-content', '#FFFFFF'),
+          'secondary': getColor('template.color.secondary', '#333333'),
+          'secondary-content': getColor('template.color.secondary-content', '#FFFFFF'),
+          'accent': getColor('template.color.accent', '#FFFFFF'),
+          'accent-content': getColor('template.color.accent-content', '#333333'),
+          'base-100': getColor('template.color.base-100', '#FFFFFF'),
+          'base-200': getColor('template.color.base-200', '#f4f4f4'),
+          'base-content': getColor('template.color.base-content', '#333333')
+        });
+      } catch (error) {
+        console.error('Error loading Wayfinder settings:', error);
+        console.warn('Using default settings');
+      }
+    },
+    applyColorSettings(colors) {
+      const root = document.documentElement;
+      Object.keys(colors).forEach(colorKey => {
+        root.style.setProperty(`--color-${colorKey}`, colors[colorKey]);
+      });
     }
   }
 };
@@ -172,10 +217,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$E = script$E;
+const __vue_script__$F = script$F;
 
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -193,27 +238,27 @@ var __vue_render__$E = function () {
     }
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$E = [];
+var __vue_staticRenderFns__$F = [];
 
 /* style */
-const __vue_inject_styles__$E = undefined;
+const __vue_inject_styles__$F = undefined;
 /* scoped */
-const __vue_scope_id__$E = undefined;
+const __vue_scope_id__$F = undefined;
 /* module identifier */
-const __vue_module_identifier__$E = undefined;
+const __vue_module_identifier__$F = undefined;
 /* functional template */
-const __vue_is_functional_template__$E = false;
+const __vue_is_functional_template__$F = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$16 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$E,
-  staticRenderFns: __vue_staticRenderFns__$E
-}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
-var __vue_component__$17 = __vue_component__$16;
+const __vue_component__$18 = /*#__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);
+var __vue_component__$19 = __vue_component__$18;
 
 /*!
  * vuex v3.6.2
@@ -1032,7 +1077,7 @@ function getModuleByNamespace (store, helper, namespace) {
 }
 
 //
-var script$D = {
+var script$E = {
   name: "POI",
   computed: {
     ...mapState('wf', ['language']),
@@ -1251,10 +1296,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$D = script$D;
+const __vue_script__$E = script$E;
 
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1336,10 +1381,10 @@ var __vue_render__$D = function () {
     }
   })], 1) : _vm._e()], 1) : _vm._e();
 };
-var __vue_staticRenderFns__$D = [];
+var __vue_staticRenderFns__$E = [];
 
 /* style */
-const __vue_inject_styles__$D = function (inject) {
+const __vue_inject_styles__$E = function (inject) {
   if (!inject) return;
   inject("data-v-3cefa387_0", {
     source: ".layout-view[data-v-3cefa387]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-3cefa387]{padding:1rem}.poi-info h2[data-v-3cefa387]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-3cefa387]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-3cefa387]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-3cefa387]{background-size:cover}.show-path[data-v-3cefa387]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-3cefa387]{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-3cefa387]{line-height:1.2}.poi-contact .address[data-v-3cefa387]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-3cefa387]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-3cefa387]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-3cefa387]:before{mix-blend-mode:initial;color:#fff}",
@@ -1348,24 +1393,24 @@ const __vue_inject_styles__$D = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$D = "data-v-3cefa387";
+const __vue_scope_id__$E = "data-v-3cefa387";
 /* module identifier */
-const __vue_module_identifier__$D = undefined;
+const __vue_module_identifier__$E = undefined;
 /* functional template */
-const __vue_is_functional_template__$D = false;
+const __vue_is_functional_template__$E = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$15 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$D,
-  staticRenderFns: __vue_staticRenderFns__$D
-}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
-var POI = __vue_component__$15;
+const __vue_component__$17 = /*#__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);
+var POI = __vue_component__$17;
 
 //
 var wayfinder;
-var script$C = {
+var script$D = {
   name: 'Map',
   components: {
     POI
@@ -1589,8 +1634,13 @@ var script$C = {
       Vue$1.prototype.$wayfinder.translator.translate();
     },
     updateBuilding() {
+      this.updateStoreGetter("wf/xBuildings", this.$store.state);
       this.updateStoreGetter("wf/xBuilding", this.$store.state);
       this.updateStoreGetter("wf/xFloors", this.$store.state);
+      if (Vue$1.prototype.$wayfinder && typeof Vue$1.prototype.$wayfinder.getCurrentBuilding === "function") {
+        const building = Vue$1.prototype.$wayfinder.getCurrentBuilding();
+        this.$store.dispatch('wf/SET_CURRENT_BUILDING', building && typeof building.copy === "function" ? building.copy() : building);
+      }
     },
     updateStoreGetter(key, state) {
       if (this.$store._wrappedGetters[key]) {
@@ -1689,10 +1739,10 @@ var script$C = {
 };
 
 /* script */
-const __vue_script__$C = script$C;
+const __vue_script__$D = script$D;
 
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$D = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1755,35 +1805,35 @@ var __vue_render__$C = function () {
     staticClass: "wf-pin-down"
   }) : _vm._e()])]);
 };
-var __vue_staticRenderFns__$C = [];
+var __vue_staticRenderFns__$D = [];
 
 /* style */
-const __vue_inject_styles__$C = function (inject) {
+const __vue_inject_styles__$D = function (inject) {
   if (!inject) return;
-  inject("data-v-73ea309f_0", {
-    source: ".wf-map-container[data-v-73ea309f]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-73ea309f]{width:100%;height:100%;position:relative}.wf-map-container .wf-map-path-text[data-v-73ea309f]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}#wf-poi-popup[data-v-73ea309f]{position:absolute;top:0;left:0;z-index:10;width:15.5rem;height:auto;background-color:#fff;text-align:center;transform-origin:bottom;animation-duration:.5s;animation-iteration-count:2;cursor:pointer}.wf-poi-popup-content[data-v-73ea309f]{display:flex;flex-direction:column;justify-content:stretch;height:100%}.wf-poi-popup-content>label[data-v-73ea309f]{flex-grow:1;font-size:1.6rem;margin-top:.6rem;text-align:center;line-height:1.2;font-weight:600;margin-bottom:1.6rem}.wf-pin-down[data-v-73ea309f]{background-color:#fff;width:1rem;height:1rem;position:absolute;bottom:-.5rem;border-radius:1rem 0 0 0;transform:rotate(45deg);left:50%;margin-left:-.75rem}.wf-pin-left .wf-pin-down[data-v-73ea309f]{left:1rem}.wf-pin-right .wf-pin-down[data-v-73ea309f]{right:1rem;left:auto}.wf-pin-up .wf-poi-popup-content[data-v-73ea309f]{margin-bottom:0}.wf-pin-up .wf-pin-down[data-v-73ea309f]{top:-.5rem;bottom:auto;transform:rotate(-45deg)}",
+  inject("data-v-1840d308_0", {
+    source: ".wf-map-container[data-v-1840d308]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-1840d308]{width:100%;height:100%;position:relative}.wf-map-container .wf-map-path-text[data-v-1840d308]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}#wf-poi-popup[data-v-1840d308]{position:absolute;top:0;left:0;z-index:10;width:15.5rem;height:auto;background-color:#fff;text-align:center;transform-origin:bottom;animation-duration:.5s;animation-iteration-count:2;cursor:pointer}.wf-poi-popup-content[data-v-1840d308]{display:flex;flex-direction:column;justify-content:stretch;height:100%}.wf-poi-popup-content>label[data-v-1840d308]{flex-grow:1;font-size:1.6rem;margin-top:.6rem;text-align:center;line-height:1.2;font-weight:600;margin-bottom:1.6rem}.wf-pin-down[data-v-1840d308]{background-color:#fff;width:1rem;height:1rem;position:absolute;bottom:-.5rem;border-radius:1rem 0 0 0;transform:rotate(45deg);left:50%;margin-left:-.75rem}.wf-pin-left .wf-pin-down[data-v-1840d308]{left:1rem}.wf-pin-right .wf-pin-down[data-v-1840d308]{right:1rem;left:auto}.wf-pin-up .wf-poi-popup-content[data-v-1840d308]{margin-bottom:0}.wf-pin-up .wf-pin-down[data-v-1840d308]{top:-.5rem;bottom:auto;transform:rotate(-45deg)}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$C = "data-v-73ea309f";
+const __vue_scope_id__$D = "data-v-1840d308";
 /* module identifier */
-const __vue_module_identifier__$C = undefined;
+const __vue_module_identifier__$D = undefined;
 /* functional template */
-const __vue_is_functional_template__$C = false;
+const __vue_is_functional_template__$D = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$13 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$C,
-  staticRenderFns: __vue_staticRenderFns__$C
-}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
-var __vue_component__$14 = __vue_component__$13;
+const __vue_component__$15 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$D,
+  staticRenderFns: __vue_staticRenderFns__$D
+}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
+var __vue_component__$16 = __vue_component__$15;
 
 //
-var script$B = {
+var script$C = {
   name: 'AZMenu',
   components: {
     POI
@@ -1851,10 +1901,10 @@ var script$B = {
 };
 
 /* script */
-const __vue_script__$B = script$B;
+const __vue_script__$C = script$C;
 
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$C = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1894,10 +1944,10 @@ var __vue_render__$B = function () {
     })], 2);
   }), 0)]);
 };
-var __vue_staticRenderFns__$B = [];
+var __vue_staticRenderFns__$C = [];
 
 /* style */
-const __vue_inject_styles__$B = function (inject) {
+const __vue_inject_styles__$C = function (inject) {
   if (!inject) return;
   inject("data-v-5be407de_0", {
     source: ".wf-list-item[data-v-5be407de]{list-style:none}",
@@ -1906,23 +1956,23 @@ const __vue_inject_styles__$B = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$B = "data-v-5be407de";
+const __vue_scope_id__$C = "data-v-5be407de";
 /* module identifier */
-const __vue_module_identifier__$B = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
-const __vue_is_functional_template__$B = false;
+const __vue_is_functional_template__$C = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$B,
-  staticRenderFns: __vue_staticRenderFns__$B
-}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, createInjector, undefined, undefined);
-var __vue_component__$12 = __vue_component__$11;
+const __vue_component__$13 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$C,
+  staticRenderFns: __vue_staticRenderFns__$C
+}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
+var __vue_component__$14 = __vue_component__$13;
 
 //
-var script$A = {
+var script$B = {
   name: 'FlagsMenu',
   computed: {
     ...mapState('wf', ['languages', 'language', 'reset']),
@@ -1983,10 +2033,10 @@ var script$A = {
 };
 
 /* script */
-const __vue_script__$A = script$A;
+const __vue_script__$B = script$B;
 
 /* template */
-var __vue_render__$A = function () {
+var __vue_render__$B = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2018,10 +2068,10 @@ var __vue_render__$A = function () {
     }) : _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)]) : _vm._e();
 };
-var __vue_staticRenderFns__$A = [];
+var __vue_staticRenderFns__$B = [];
 
 /* style */
-const __vue_inject_styles__$A = function (inject) {
+const __vue_inject_styles__$B = function (inject) {
   if (!inject) return;
   inject("data-v-5af9b578_0", {
     source: ".wf-languages-container.wf-active[data-v-5af9b578]{height:fit-content;z-index:10}.wf-languages-container.wf-active .wf-languages-container-select[data-v-5af9b578]{visibility:initial;opacity:1}.wf-languages-container .wf-languages-container-select[data-v-5af9b578]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.wf-languages-container .language .wf-flag[data-v-5af9b578]{width:190%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-container .language .wf-active[data-v-5af9b578]{height:3.5rem;margin-bottom:1rem}.wf-languages-container .language .display[data-v-5af9b578]{height:3.5rem;margin-bottom:1.5rem}",
@@ -2030,23 +2080,23 @@ const __vue_inject_styles__$A = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$A = "data-v-5af9b578";
+const __vue_scope_id__$B = "data-v-5af9b578";
 /* module identifier */
-const __vue_module_identifier__$A = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
-const __vue_is_functional_template__$A = false;
+const __vue_is_functional_template__$B = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$A,
-  staticRenderFns: __vue_staticRenderFns__$A
-}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
-var __vue_component__$10 = __vue_component__$$;
+const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$B,
+  staticRenderFns: __vue_staticRenderFns__$B
+}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, createInjector, undefined, undefined);
+var __vue_component__$12 = __vue_component__$11;
 
 //
-var script$z = {
+var script$A = {
   name: 'LanguagesMenu',
   computed: {
     ...mapState('wf', ['languages', 'language', 'reset']),
@@ -2115,10 +2165,10 @@ var script$z = {
 };
 
 /* script */
-const __vue_script__$z = script$z;
+const __vue_script__$A = script$A;
 
 /* template */
-var __vue_render__$z = function () {
+var __vue_render__$A = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2158,10 +2208,10 @@ var __vue_render__$z = function () {
     }) : _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__$z = [];
+var __vue_staticRenderFns__$A = [];
 
 /* style */
-const __vue_inject_styles__$z = function (inject) {
+const __vue_inject_styles__$A = function (inject) {
   if (!inject) return;
   inject("data-v-317032ae_0", {
     source: ".wf-languages-menu.active[data-v-317032ae]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-317032ae]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-317032ae]{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-317032ae]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-317032ae]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-317032ae]{height:3.5rem;margin-bottom:1.5rem}",
@@ -2170,23 +2220,23 @@ const __vue_inject_styles__$z = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$z = "data-v-317032ae";
+const __vue_scope_id__$A = "data-v-317032ae";
 /* module identifier */
-const __vue_module_identifier__$z = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
-const __vue_is_functional_template__$z = false;
+const __vue_is_functional_template__$A = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$z,
-  staticRenderFns: __vue_staticRenderFns__$z
-}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
-var __vue_component__$_ = __vue_component__$Z;
+const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
+}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
+var __vue_component__$10 = __vue_component__$$;
 
 //
-var script$y = {
+var script$z = {
   name: "Group",
   computed: {
     ...mapState('wf', ['language'])
@@ -2224,10 +2274,10 @@ var script$y = {
 };
 
 /* script */
-const __vue_script__$y = script$y;
+const __vue_script__$z = script$z;
 
 /* template */
-var __vue_render__$y = function () {
+var __vue_render__$z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2253,30 +2303,30 @@ var __vue_render__$y = function () {
     }
   }) : _vm._e()]) : _vm._e();
 };
-var __vue_staticRenderFns__$y = [];
+var __vue_staticRenderFns__$z = [];
 
 /* style */
-const __vue_inject_styles__$y = undefined;
+const __vue_inject_styles__$z = undefined;
 /* scoped */
-const __vue_scope_id__$y = "data-v-0818f727";
+const __vue_scope_id__$z = "data-v-0818f727";
 /* module identifier */
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$z = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$y,
-  staticRenderFns: __vue_staticRenderFns__$y
-}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
-var Group = __vue_component__$Y;
+const __vue_component__$_ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, undefined, undefined, undefined);
+var Group = __vue_component__$_;
 
 //
-var script$x = {
+var script$y = {
   name: 'SubGroupMenu',
   components: {
     Group,
@@ -2476,10 +2526,10 @@ var script$x = {
 };
 
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$y = script$y;
 
 /* template */
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2587,10 +2637,10 @@ var __vue_render__$x = function () {
     })], 2);
   }), 0) : _vm._e()], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$y = [];
 
 /* style */
-const __vue_inject_styles__$x = function (inject) {
+const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
   inject("data-v-7a60dcc9_0", {
     source: ".wf-groups-menu .wf-list-item[data-v-7a60dcc9]{list-style:none}.wf-groups-menu .wf-list[data-v-7a60dcc9]{margin:0;padding:0}",
@@ -2599,23 +2649,23 @@ const __vue_inject_styles__$x = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$x = "data-v-7a60dcc9";
+const __vue_scope_id__$y = "data-v-7a60dcc9";
 /* module identifier */
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$y = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$X = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
-var SubGroupMenu = __vue_component__$X;
+const __vue_component__$Z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
+var SubGroupMenu = __vue_component__$Z;
 
 //
-var script$w = {
+var script$x = {
   name: 'GroupsMenu',
   components: {
     Group,
@@ -2824,10 +2874,10 @@ var script$w = {
 };
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$x = script$x;
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2933,10 +2983,10 @@ var __vue_render__$w = function () {
     }), 0) : _vm._e()]);
   }), _vm._v(" "), _vm._t("append")], 2)]);
 };
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$x = [];
 
 /* style */
-const __vue_inject_styles__$w = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
   inject("data-v-3046866c_0", {
     source: ".wf-groups-menu .wf-list-item[data-v-3046866c]{list-style:none}.wf-groups-menu .wf-list[data-v-3046866c]{margin:0;padding:0}",
@@ -2945,23 +2995,23 @@ const __vue_inject_styles__$w = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$w = "data-v-3046866c";
+const __vue_scope_id__$x = "data-v-3046866c";
 /* module identifier */
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$V = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
-var __vue_component__$W = __vue_component__$V;
+const __vue_component__$X = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
+var __vue_component__$Y = __vue_component__$X;
 
 //
-var script$v = {
+var script$w = {
   name: 'GroupPOIsMenu',
   props: {
     group: {
@@ -3059,10 +3109,10 @@ var script$v = {
 };
 
 /* script */
-const __vue_script__$v = script$v;
+const __vue_script__$w = script$w;
 
 /* template */
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -3111,10 +3161,10 @@ var __vue_render__$v = function () {
     })], 2);
   })], 2)]);
 };
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$w = [];
 
 /* style */
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-503d8018_0", {
     source: ".wf-group-pois-menu[data-v-503d8018]{overflow:hidden;user-select:none}.wf-group-pois-menu .wf-list[data-v-503d8018]{margin:0;padding:0}.wf-group-pois-menu .list-item[data-v-503d8018]{list-style:none;padding:1em}",
@@ -3123,23 +3173,23 @@ const __vue_inject_styles__$v = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$v = "data-v-503d8018";
+const __vue_scope_id__$w = "data-v-503d8018";
 /* module identifier */
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$T = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
-var __vue_component__$U = __vue_component__$T;
+const __vue_component__$V = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+var __vue_component__$W = __vue_component__$V;
 
 //
-var script$u = {
+var script$v = {
   name: 'BuildingLogo',
   computed: {
     ...mapState('wf', ['building'])
@@ -3154,10 +3204,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$u = script$u;
+const __vue_script__$v = script$v;
 
 /* template */
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -3168,10 +3218,10 @@ var __vue_render__$u = function () {
     }
   });
 };
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$v = [];
 
 /* style */
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-38faefb4_0", {
     source: ".wf-building-logo[data-v-38faefb4]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
@@ -3180,923 +3230,1152 @@ const __vue_inject_styles__$u = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$u = "data-v-38faefb4";
+const __vue_scope_id__$v = "data-v-38faefb4";
 /* module identifier */
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$R = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
-var __vue_component__$S = __vue_component__$R;
+const __vue_component__$T = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+var __vue_component__$U = __vue_component__$T;
 
 //
-var script$t = {
-  name: 'YAH',
-  props: {
-    showLabel: {
-      type: Boolean,
-      default: true
-    }
-  },
+//
+//
+//
+//
+
+//import Icons from '../assets/icons.svg';
+var script$u = {
+  props: ["name", "width", "height"],
   computed: {
-    //yahLogo
-    ...mapState('wf', ['yahLogo', 'language'])
-  },
-  methods: {
-    onClicked() {
-      this.$wayfinder.showKiosk();
+    iconName() {
+      return "#icon-" + this.name;
     }
   }
 };
 
 /* script */
-const __vue_script__$t = script$t;
+const __vue_script__$u = script$u;
 
 /* template */
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('button', {
-    staticClass: "wf-component wf-yah",
-    on: {
-      "click": function ($event) {
-        return _vm.onClicked();
-      }
-    }
-  }, [_c('i', {
+  return _c('svg', {
     staticClass: "wf-icon",
-    style: {
-      'background-image': _vm.yahLogo
+    class: ["wf-icon-" + this.name],
+    attrs: {
+      "viewbox": "0 0 32 32"
     }
-  }), _vm._v(" "), _vm.showLabel ? _c('label', {
+  }, [_c('use', {
     attrs: {
-      "data-translation-element": "yah"
+      "xlink:href": _vm.iconName
     }
-  }, [_vm._v("YAH")]) : _vm._e()]);
+  })]);
 };
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$u = [];
 
 /* style */
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
-  inject("data-v-16e4e341_0", {
-    source: ".wf-yah[data-v-16e4e341]{text-align:center;border:none;outline:0}.wf-icon[data-v-16e4e341]{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iMTI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogPG1ldGFkYXRhPgogIDxyZGY6UkRGPgogICA8Y2M6V29yayByZGY6YWJvdXQ9IiI+CiAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4KICAgIDxkYzp0aXRsZS8+CiAgIDwvY2M6V29yaz4KICA8L3JkZjpSREY+CiA8L21ldGFkYXRhPgogPHBhdGggZD0ibTQ2Ljk3NyAxMjYuNjRjLTAuMjgzMDMtMC42ODc1LTYuMTYzMS02LjQzNzctMTAuMzc0LTExLjY2My0yNC45NDctMzMuMTIyLTUyLjc2MS02My44OTgtMjAuMjgzLTEwMS4zIDE0LjM4MS0xMy44OTQgMzIuMTEzLTE0LjY4NiA1MC4zNDMtOC4yMTAxIDUxLjMzIDI5LjcwMiAxNC4xNjYgNzguMTU1LTEwLjIzNSAxMTAuMDFsLTkuNDUwMSAxMS4xNjN6bTE1LjQ0LTUwLjc3MWMzNC4yMzctMjQuNDg1IDcuNzY4LTcxLjYzMy0yOS44NDgtNTUuOTU5LTEwLjk4NCA1Ljg1NjktMTYuNDM0IDE2LjA0OC0xNi42MjUgMjguMDY4LTAuNTI0NSAxMS42OTMgNS42ODU0IDIxLjQ3MSAxNS41MjYgMjcuNDYxIDcuMDU1NSAzLjg0MDEgMTAuMTU3IDQuNTMzNyAxOC4xNDYgNC4wNTc3IDUuMTc3Ni0wLjMwODUyIDguMTYxMS0xLjE1MzggMTIuODAxLTMuNjI3MXoiIGZpbGw9IiNjNjQyNDIiIGZpbGwtb3BhY2l0eT0iLjk4ODI0Ii8+CiA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguODc4MjkgMCAwIDEuMDUxOSAuNTU0NzQgLTYuOTk1MykiIGQ9Im00MS42ODIgODkuODkxYTUxLjIyMyA0MS43NTQgMCAxIDEgMS4yNzY2IDAuMjA4MDkiIGZpbGw9IiNjNjQyNDIiIGZpbGwtb3BhY2l0eT0iLjk4ODI0Ii8+CiA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNjQ1MzUpIiBkPSJtNDMuNjMxIDY5LjEyOWEyNi4wMTEgMjAuOTkxIDAgMSAxIDAuNjQ4MjYgMC4xMDQ2MSIgZmlsbC1vcGFjaXR5PSIwIiBvcGFjaXR5PSIuMzQwMTYiLz4KIDxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKC42NDUzNSkiIGQ9Im0zMS44OTIgMTE0LjI4YTE2LjY1NiAxMS43NSAwIDEgMSAwLjQxNTExIDAuMDU4NiIgZmlsbC1vcGFjaXR5PSIwIi8+CiA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguOTcwMiAwIDAgMS4wMjcyIC00LjA1ODggLTUuNzUwNCkiIGQ9Im00NS41MjEgODQuODI0YTM0LjQ1MyAzMy41NCAwIDEgMSAwLjg1ODY2IDAuMTY3MTYiIGZpbGw9IiNiNzJjMmMiLz4KIDxwYXRoIHRyYW5zZm9ybT0ibWF0cml4KC42NDYzIDAgMCAuNjE2ODEgNS4xMjYxIDQuOTAxNCkiIGQ9Im01Ny4wNzkgMTA0LjYxYTM0LjIwMyAzNi42MjMgMCAxIDEgMC44NTI0NCAwLjE4MjUyIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=)}",
+  inject("data-v-6281073a_0", {
+    source: "svg[data-v-6281073a]{min-height:1rem;display:inline-block}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$t = "data-v-16e4e341";
+const __vue_scope_id__$u = "data-v-6281073a";
 /* module identifier */
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$u = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
-var YAH = __vue_component__$Q;
+const __vue_component__$S = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+var WFIcon = __vue_component__$S;
 
 //
-var script$s = {
-  name: 'ShortcutsMenu',
+var script$t = {
+  name: 'DropDown',
   components: {
-    YAH
+    WFIcon
   },
   props: {
-    showLabel: {
-      type: Boolean,
-      default: true
+    options: {
+      type: Array,
+      default: () => []
     },
-    showPath: {
-      type: Boolean,
-      default: true
+    value: {
+      default: null
     },
-    showIcon: {
-      type: Boolean,
-      default: true
+    placeholder: {
+      type: String,
+      default: 'Select option'
     },
-    highlight: {
-      type: Boolean,
-      default: true
+    minSearchChars: {
+      type: Number,
+      default: 2
     },
-    dehighlightOverlay: {
+    debounceMs: {
+      type: Number,
+      default: 200
+    },
+    labelKey: {
+      type: String,
+      default: 'label'
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    disabledKey: {
+      type: String,
+      default: 'disabled'
+    },
+    noResultsText: {
+      type: String,
+      default: 'No results'
+    },
+    clearSearchOnSelect: {
       type: Boolean,
       default: false
+    },
+    dropdownIcon: {
+      type: String,
+      default: 'arrow-down'
+    },
+    clearIcon: {
+      type: String,
+      default: 'clear'
     }
   },
+  data() {
+    return {
+      isOpen: false,
+      query: '',
+      deferredQuery: '',
+      debounceTimer: null,
+      internalSelectedOption: null
+    };
+  },
   computed: {
-    ...mapState('wf', ['shortcuts', 'language', 'landscape', 'mobile']),
-    count() {
-      return this.shortcuts.length;
+    normalizedOptions() {
+      return this.options.map((option, index) => {
+        if (option !== null && typeof option === 'object' && !Array.isArray(option)) {
+          const label = option[this.labelKey];
+          const value = Object.prototype.hasOwnProperty.call(option, this.valueKey) ? option[this.valueKey] : option;
+          return {
+            key: `${index}-${String(value)}`,
+            label: label == null ? '' : String(label),
+            value,
+            raw: option,
+            disabled: Boolean(option[this.disabledKey])
+          };
+        }
+        return {
+          key: `${index}-${String(option)}`,
+          label: option == null ? '' : String(option),
+          value: option,
+          raw: option,
+          disabled: false
+        };
+      });
     },
-    hasClickedListener() {
-      return !!(this.$listeners && this.$listeners.clicked);
+    filteredOptions() {
+      const normalizedQuery = this.deferredQuery.trim().toLowerCase();
+      if (!normalizedQuery.length) {
+        return this.normalizedOptions;
+      }
+      if (normalizedQuery.length < this.safeMinSearchChars) {
+        return [];
+      }
+      return this.normalizedOptions.filter(option => {
+        console.log('normalizedOptions', option.label, option.label.toLowerCase().indexOf(normalizedQuery), normalizedQuery);
+        return option.label.toLowerCase().indexOf(normalizedQuery) !== -1;
+      });
+    },
+    selectedOption() {
+      return this.normalizedOptions.find(option => this.isSameValue(option.value, this.value)) || null;
+    },
+    effectiveSelectedOption() {
+      return this.selectedOption || this.internalSelectedOption;
+    },
+    hasSelection() {
+      return !!this.effectiveSelectedOption;
+    },
+    currentIconName() {
+      return this.hasSelection ? this.clearIcon : this.dropdownIcon;
+    },
+    shouldShowNoResults() {
+      if (!this.query.trim().length) {
+        return false;
+      }
+      return this.deferredQuery.trim().length >= this.safeMinSearchChars;
+    },
+    safeMinSearchChars() {
+      return Math.max(0, this.minSearchChars);
     }
   },
+  watch: {
+    value: {
+      immediate: true,
+      handler() {
+        this.syncQueryWithValue();
+      }
+    },
+    options() {
+      this.syncQueryWithValue();
+    }
+  },
+  mounted() {
+    document.addEventListener('click', this.onDocumentClick);
+  },
+  beforeDestroy() {
+    document.removeEventListener('click', this.onDocumentClick);
+    this.clearDebounceTimer();
+  },
   methods: {
-    showShortcut(shortcut) {
-      var nearest = this.$wayfinder.getNearestPOI(this.$wayfinder.getKiosk(), shortcut.pois);
-      if (this.hasClickedListener) {
-        this.$emit("clicked", nearest, shortcut);
-      } else {
-        if (this.showPath && typeof nearest === 'object' && nearest != null) {
-          this.$wayfinder.showPath(nearest.node, nearest);
-        }
-        if (this.highlight) {
-          this.$wayfinder.clearDisplaying();
-          this.$wayfinder.setDisplaying(shortcut.pois);
-        }
-        if (this.dehighlightOverlay && this.$wayfinder.setDehighlightOverlay) {
-          this.$wayfinder.setDehighlightOverlay(true);
-        }
-        this.$wayfinder.update();
+    onInput(event) {
+      this.query = event.target.value;
+      this.isOpen = true;
+      this.deferQueryUpdate();
+    },
+    deferQueryUpdate() {
+      this.clearDebounceTimer();
+      this.debounceTimer = window.setTimeout(() => {
+        this.deferredQuery = this.query;
+      }, this.debounceMs);
+    },
+    clearDebounceTimer() {
+      if (this.debounceTimer) {
+        clearTimeout(this.debounceTimer);
+        this.debounceTimer = null;
       }
     },
-    clear() {
-      if (this.dehighlightOverlay && this.$wayfinder.setDehighlightOverlay) {
-        this.$wayfinder.setDehighlightOverlay(false);
+    onTriggerClick() {
+      if (this.hasSelection) {
+        this.clearSelection();
+        return;
       }
-      if (this.highlight) {
-        this.$wayfinder.clearHighlights();
+      if (this.isOpen) {
+        this.closeDropdown();
+      } else {
+        this.openDropdown();
+        if (this.$refs.input) {
+          this.$refs.input.focus();
+        }
       }
-      this.$wayfinder.update();
     },
-    getImage(id) {
-      return WayfinderAPI.getURL("images", "thumbnail", [id]);
-    }
-  }
-};
-
-/* script */
-const __vue_script__$s = script$s;
-
-/* template */
-var __vue_render__$s = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "wf-component wf-shortcuts-menu"
-  }, [_c('div', {
-    staticClass: "wf-list",
-    class: ['wf-list-count-' + _vm.count]
-  }, _vm._l(_vm.shortcuts, function (shortcut) {
-    return _c('button', {
-      key: shortcut.getID(),
-      staticClass: "wf-list-item wf-shortcut",
-      class: ["wf-shortcut-" + shortcut.getID()],
-      on: {
-        "click": function ($event) {
-          return _vm.showShortcut(shortcut);
-        }
-      }
-    }, [_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__$s = [];
-
-/* style */
-const __vue_inject_styles__$s = function (inject) {
-  if (!inject) return;
-  inject("data-v-322579a5_0", {
-    source: ".shortcuts-container[data-v-322579a5]{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-322579a5]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$s = "data-v-322579a5";
-/* module identifier */
-const __vue_module_identifier__$s = undefined;
-/* functional template */
-const __vue_is_functional_template__$s = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$O = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
-var __vue_component__$P = __vue_component__$O;
-
-//
-//
-//
-//
-//
-//
-
-let timer = null;
-var script$r = {
-  data: () => ({
-    direction: 0,
-    zooming: false
-  }),
-  methods: {
-    touchStart(dir) {
-      return () => {
-        this.start(dir);
-      };
+    openDropdown() {
+      this.isOpen = true;
+      this.deferredQuery = '';
     },
-    touchStop() {
-      return () => {
-        this.stop();
-      };
+    closeDropdown() {
+      this.isOpen = false;
+      this.syncQueryWithValue();
     },
-    start(dir) {
-      this.direction = dir;
-      this.zooming = true;
-      this.zoom();
+    selectOption(option) {
+      if (option.disabled) {
+        return;
+      }
+      this.internalSelectedOption = option;
+      this.$emit('input', option.value);
+      this.$emit('select', option.raw);
+      this.$emit('selected', option.raw);
+      if (this.clearSearchOnSelect) {
+        this.query = '';
+        this.deferredQuery = '';
+      } else {
+        this.query = option.label;
+        this.deferredQuery = option.label;
+      }
+      this.isOpen = false;
     },
-    stop() {
-      this.direction = 0;
-      this.zooming = false;
-      clearTimeout(timer);
+    clearSelection() {
+      this.internalSelectedOption = null;
+      this.query = '';
+      this.deferredQuery = '';
+      this.isOpen = false;
+      this.$emit('input', null);
+      this.$emit('clear');
     },
-    zoom() {
-      if (this.direction > 0) {
-        this.$wayfinder.zoomIn();
-      } else {
-        this.$wayfinder.zoomOut();
+    syncQueryWithValue() {
+      if (this.isOpen && this.query !== '') {
+        return;
       }
-      if (this.zooming) {
-        timer = setTimeout(() => {
-          this.zoom();
-        }, 50);
+      const selectedOption = this.effectiveSelectedOption;
+      const nextQuery = selectedOption ? selectedOption.label : '';
+      this.query = nextQuery;
+      this.deferredQuery = nextQuery;
+    },
+    onDocumentClick(event) {
+      if (!this.$refs.root || this.$refs.root.contains(event.target)) {
+        return;
       }
+      this.closeDropdown();
+    },
+    isSameValue(left, right) {
+      return left === right;
     }
   }
 };
 
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$t = script$t;
 
 /* template */
-var __vue_render__$r = function () {
+var __vue_render__$t = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-component wf-zoommenu"
+    ref: "root",
+    staticClass: "wf-component wf-dropdown"
   }, [_c('div', {
-    directives: [{
-      name: "touch",
-      rawName: "v-touch:start",
-      value: _vm.touchStart(1),
-      expression: "touchStart(1)",
-      arg: "start"
-    }, {
-      name: "touch",
-      rawName: "v-touch:end",
-      value: _vm.touchStop(),
-      expression: "touchStop()",
-      arg: "end"
-    }],
-    staticClass: "wf-item wf-zoom-in",
+    staticClass: "wf-dropdown-input"
+  }, [_c('input', {
+    ref: "input",
+    attrs: {
+      "placeholder": _vm.placeholder
+    },
+    domProps: {
+      "value": _vm.query
+    },
     on: {
-      "mousedown": function ($event) {
-        return _vm.start(1);
-      },
-      "mouseleave": function ($event) {
-        return _vm.stop();
-      },
-      "mouseup": function ($event) {
-        return _vm.stop();
+      "focus": _vm.openDropdown,
+      "input": _vm.onInput,
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+          return null;
+        }
+        return _vm.closeDropdown.apply(null, arguments);
       }
     }
-  }, [_vm._v("+")]), _vm._v(" "), _c('div', {
-    directives: [{
-      name: "touch",
-      rawName: "v-touch:start",
-      value: _vm.touchStart(-1),
-      expression: "touchStart(-1)",
-      arg: "start"
-    }, {
-      name: "touch",
-      rawName: "v-touch:end",
-      value: _vm.touchStop(),
-      expression: "touchStop()",
-      arg: "end"
-    }],
-    staticClass: "wf-item wf-zoom-out",
+  }), _vm._v(" "), _c('button', {
+    staticClass: "wf-dropdown-trigger",
+    attrs: {
+      "type": "button"
+    },
     on: {
-      "mousedown": function ($event) {
-        return _vm.start(-1);
-      },
-      "mouseleave": function ($event) {
-        return _vm.stop();
-      },
-      "mouseup": function ($event) {
-        return _vm.stop();
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.onTriggerClick.apply(null, arguments);
       }
     }
-  }, [_vm._v("-")])]);
+  }, [_c('WFIcon', {
+    attrs: {
+      "name": _vm.currentIconName
+    }
+  })], 1)]), _vm._v(" "), _vm.isOpen ? _c('div', {
+    staticClass: "wf-dropdown-menu"
+  }, [_vm.filteredOptions.length ? _c('ul', {
+    staticClass: "wf-dropdown-list"
+  }, _vm._l(_vm.filteredOptions, function (option) {
+    return _c('li', {
+      key: option.key,
+      staticClass: "wf-dropdown-item",
+      class: {
+        'wf-disabled': option.disabled
+      },
+      on: {
+        "mousedown": function ($event) {
+          $event.preventDefault();
+          return _vm.selectOption(option);
+        }
+      }
+    }, [_vm._v("\n\t\t\t\t" + _vm._s(option.label) + "\n\t\t\t")]);
+  }), 0) : _vm.shouldShowNoResults ? _c('div', {
+    staticClass: "wf-dropdown-empty"
+  }, [_vm._v("\n\t\t\t" + _vm._s(_vm.noResultsText) + "\n\t\t")]) : _vm._e()]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$t = [];
 
 /* style */
-const __vue_inject_styles__$r = function (inject) {
+const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
-  inject("data-v-260dca50_0", {
-    source: ".wf-zoommenu[data-v-260dca50]{user-select:none}",
+  inject("data-v-586c7832_0", {
+    source: ".wf-dropdown[data-v-586c7832]{position:relative;width:100%}.wf-dropdown-input input[data-v-586c7832]{box-sizing:border-box;width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #c7ccd4;border-radius:.375rem;outline:0}.wf-dropdown-trigger[data-v-586c7832]{position:absolute;top:50%;right:.75rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:0 0;cursor:pointer;transform:translateY(-50%)}.wf-dropdown-trigger .wf-icon[data-v-586c7832]{width:1rem;height:1rem}.wf-dropdown-menu[data-v-586c7832]{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:10;max-height:16rem;overflow-y:auto;background:#fff;border:1px solid #c7ccd4;border-radius:.375rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.12)}.wf-dropdown-list[data-v-586c7832]{margin:0;padding:.25rem 0;list-style:none}.wf-dropdown-item[data-v-586c7832]{padding:.75rem 1rem;cursor:pointer}.wf-dropdown-item[data-v-586c7832]:hover{background:#f2f5f8}.wf-dropdown-empty[data-v-586c7832]{padding:.75rem 1rem;color:#667085}.wf-disabled[data-v-586c7832]{cursor:default;opacity:.5}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$r = "data-v-260dca50";
+const __vue_scope_id__$t = "data-v-586c7832";
 /* module identifier */
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$t = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$M = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
-var __vue_component__$N = __vue_component__$M;
+const __vue_component__$R = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+var WFDropDown = __vue_component__$R;
 
 //
-var script$q = {
-  name: 'MapFloors',
-  props: {
-    showPOICount: {
-      type: Boolean,
-      default: false
+var script$s = {
+  name: 'BuildingSelect',
+  components: {
+    WFDropDown
+  },
+  props: {
+    placeholder: {
+      type: String,
+      default: 'Select building'
     },
-    currentFloor: {
-      type: Object,
-      default: null
+    minSearchChars: {
+      type: Number,
+      default: 0
     },
-    hideWhenSingleFloor: {
+    debounceMs: {
+      type: Number,
+      default: 200
+    },
+    noResultsText: {
+      type: String,
+      default: 'No buildings found'
+    },
+    hideWhenSingleBuilding: {
       type: Boolean,
       default: true
     }
   },
-  data() {
-    return {
-      count: 0
-    };
-  },
-  watch: {
-    floors() {
-      console.log('floors', this.floors);
-    }
-  },
   computed: {
-    ...mapState('wf', ['floors', 'language']),
-    filteredFloors() {
-      let arr = []; // Copy arr for sorting
-      let floor;
-      let floors = this.floors;
-      for (let i in floors) {
-        floor = floors[i];
-        if (floor && floor.showInMenu && floor.getName(this.language)) {
-          arr.push(floor);
-        }
+    ...mapState('wf', ['buildings', 'building', 'currentBuilding', 'language']),
+    buildingOptions() {
+      return this.normalizedBuildings.map(building => {
+        return {
+          id: this.getBuildingId(building),
+          label: this.getBuildingName(building),
+          raw: building
+        };
+      }).filter(option => {
+        return option.id !== null && option.id !== undefined && option.label;
+      });
+    },
+    normalizedBuildings() {
+      if (Array.isArray(this.buildings)) {
+        return this.buildings;
+      }
+      if (this.buildings && typeof this.buildings === 'object') {
+        return Object.keys(this.buildings).map(key => {
+          const building = this.buildings[key];
+          if (building && typeof building === 'object' && building.id === undefined) {
+            return Object.assign({
+              id: key
+            }, building);
+          }
+          return building;
+        });
       }
-      this.count = arr.length;
-      return arr;
+      return [];
+    },
+    selectedBuilding() {
+      return this.building || this.currentBuilding;
+    },
+    selectedBuildingId() {
+      return this.selectedBuilding ? this.getBuildingId(this.selectedBuilding) : null;
     },
     hasClickedListener() {
       return !!(this.$listeners && this.$listeners.clicked);
     }
   },
   methods: {
-    changeFloor(floor) {
+    changeBuilding(option) {
+      const building = option.raw || option;
+      this.$emit('selected', building);
+      this.$emit('select', building);
       if (this.hasClickedListener) {
-        this.$emit("clicked", floor);
-      } else {
-        console.log("changeFloor", floor);
-        this.$wayfinder.showFloor(floor);
+        this.$emit('clicked', building);
+        return;
+      }
+      this.showBuilding(building);
+    },
+    clearBuilding() {
+      this.$emit('clear');
+    },
+    showBuilding(building) {
+      if (!this.$wayfinder || !building) {
+        return;
       }
+      this.$wayfinder.setCurrentBuilding(building.id);
+    },
+    getLiveBuilding(building) {
+      const id = this.getBuildingId(building);
+      if (!this.$wayfinder || typeof this.$wayfinder.getBuildings !== 'function') {
+        return building;
+      }
+      const buildings = this.$wayfinder.getBuildings();
+      if (Array.isArray(buildings)) {
+        return buildings.find(item => this.getBuildingId(item) == id) || building;
+      }
+      if (buildings && typeof buildings === 'object') {
+        return buildings[id] || building;
+      }
+      return building;
+    },
+    getBuildingId(building) {
+      if (!building || typeof building !== 'object') {
+        return building;
+      }
+      return building.id !== undefined ? building.id : building.key;
+    },
+    getBuildingName(building) {
+      if (!building || typeof building !== 'object') {
+        return building == null ? '' : String(building);
+      }
+      if (typeof building.getName === 'function') {
+        return building.getName(this.language) || building.name || '';
+      }
+      if (building.names && this.language && building.names[this.language]) {
+        return building.names[this.language];
+      }
+      if (building.name) {
+        return building.name;
+      }
+      return String(this.getBuildingId(building) || '');
     }
   }
 };
 
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$s = script$s;
 
 /* template */
-var __vue_render__$q = function () {
+var __vue_render__$s = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-component wf-floors-menu"
-  }, [_c('ul', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !(_vm.hideWhenSingleFloor && _vm.floors.length <= 1),
-      expression: "!(hideWhenSingleFloor && floors.length <= 1)"
+      value: !(_vm.hideWhenSingleBuilding && _vm.buildingOptions.length <= 1),
+      expression: "!(hideWhenSingleBuilding && buildingOptions.length <= 1)"
     }],
-    staticClass: "wf-list",
-    class: ['wf-list-count-' + _vm.count]
-  }, _vm._l(_vm.filteredFloors, function (floor) {
-    return _c('li', {
-      key: floor.id,
-      staticClass: "wf-list-item",
-      class: ["wf-lang-" + _vm.language, "wf-floor-" + floor.index, {
-        "wf-active": _vm.currentFloor && floor.id == _vm.currentFloor.id
-      }],
-      on: {
-        "click": function ($event) {
-          return _vm.changeFloor(floor);
-        }
-      }
-    }, [_c('label', {
-      staticClass: "wf-title"
-    }, [_vm._v(_vm._s(floor.getName(_vm.language)))]), _vm._v(" "), _vm.showPOICount ? _c('label', {
-      staticClass: "wf-count"
-    }, [_vm._v(_vm._s(floor.pois.length))]) : _vm._e()]);
-  }), 0)]);
+    staticClass: "wf-component wf-building-select"
+  }, [_c('WFDropDown', {
+    attrs: {
+      "options": _vm.buildingOptions,
+      "value": _vm.selectedBuildingId,
+      "placeholder": _vm.placeholder,
+      "min-search-chars": _vm.minSearchChars,
+      "debounce-ms": _vm.debounceMs,
+      "no-results-text": _vm.noResultsText,
+      "valueKey": "id"
+    },
+    on: {
+      "select": _vm.changeBuilding,
+      "clear": _vm.clearBuilding
+    }
+  })], 1);
 };
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$s = [];
 
 /* style */
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
-  inject("data-v-72c3d430_0", {
-    source: ".wf-floors-menu .wf-list-item[data-v-72c3d430]{text-overflow:ellipsis;list-style:none}",
+  inject("data-v-ad92b954_0", {
+    source: ".wf-building-select[data-v-ad92b954]{width:100%}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$q = "data-v-72c3d430";
+const __vue_scope_id__$s = "data-v-ad92b954";
 /* module identifier */
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$s = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$K = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
-var __vue_component__$L = __vue_component__$K;
+const __vue_component__$P = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+var __vue_component__$Q = __vue_component__$P;
 
 //
-var script$p = {
-  name: 'FilteredMenu',
-  components: {
-    POI
-  },
-  data() {
-    return {
-      sortedPOIs: [],
-      count: 0
-    };
-  },
+var script$r = {
+  name: 'YAH',
   props: {
-    showLogo: {
-      type: Boolean,
-      default: false
-    },
-    showName: {
+    showLabel: {
       type: Boolean,
       default: true
-    },
-    showPathButton: {
-      type: Boolean,
-      default: false
-    },
-    showDescription: {
-      type: Boolean,
-      default: false
-    },
-    showRoomID: {
-      type: Boolean,
-      default: false
-    },
-    showFloor: {
-      type: Boolean,
-      default: false
-    },
-    currentPOI: {
-      type: Object,
-      default: null
     }
   },
   computed: {
-    ...mapState('wf', ['filteredPOIs', 'language'])
-  },
-  watch: {
-    filteredPOIs: function (val) {
-      let arr = val.slice().filter(poi => {
-        return poi && poi.getShowInMenu();
-      }); // Copy and filter array
-      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;
-        }
-      });
-      this.count = arr.length;
-      this.sortedPOIs = arr;
-    }
+    //yahLogo
+    ...mapState('wf', ['yahLogo', 'language'])
   },
   methods: {
-    onClick(poi) {
-      return () => {
-        this.$emit('clicked', poi);
-        this.$wayfinder.statistics.onClick(poi.id, "menu");
-      };
+    onClicked() {
+      this.$wayfinder.showKiosk();
     }
   }
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$r = script$r;
 
 /* template */
-var __vue_render__$p = function () {
+var __vue_render__$r = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "wf-component wf-filteredmenu"
-  }, [_c('ul', {
-    staticClass: "wf-list",
-    class: ['wf-list-count-' + _vm.count]
-  }, _vm._l(_vm.sortedPOIs, function (poiitem) {
-    return _c('li', {
-      directives: [{
-        name: "touch",
-        rawName: "v-touch:tap",
-        value: _vm.onClick(poiitem),
-        expression: "onClick(poiitem)",
-        arg: "tap"
-      }],
-      key: poiitem.id,
-      staticClass: "wf-list-item",
-      class: {
-        "wf-active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.onClick(poiitem);
-        }
+  return _c('button', {
+    staticClass: "wf-component wf-yah",
+    on: {
+      "click": function ($event) {
+        return _vm.onClicked();
       }
-    }, [_vm._t("default", function () {
-      return [_c('POI', {
-        attrs: {
-          "poi": poiitem,
-          "showLogo": _vm.showLogo,
-          "showName": _vm.showName,
-          "showPathButton": _vm.showPathButton,
-          "showDescription": _vm.showDescription,
-          "showRoomID": _vm.showRoomID,
-          "showFloor": _vm.showFloor
-        }
-      })];
-    }, {
-      "poi": poiitem
-    })], 2);
-  }), 0)]);
+    }
+  }, [_c('i', {
+    staticClass: "wf-icon",
+    style: {
+      'background-image': _vm.yahLogo
+    }
+  }), _vm._v(" "), _vm.showLabel ? _c('label', {
+    attrs: {
+      "data-translation-element": "yah"
+    }
+  }, [_vm._v("YAH")]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$r = [];
 
 /* style */
-const __vue_inject_styles__$p = undefined;
-/* scoped */
-const __vue_scope_id__$p = "data-v-257460c1";
-/* module identifier */
-const __vue_module_identifier__$p = undefined;
-/* functional template */
-const __vue_is_functional_template__$p = false;
-/* style inject */
-
+const __vue_inject_styles__$r = function (inject) {
+  if (!inject) return;
+  inject("data-v-16e4e341_0", {
+    source: ".wf-yah[data-v-16e4e341]{text-align:center;border:none;outline:0}.wf-icon[data-v-16e4e341]{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iMTI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogPG1ldGFkYXRhPgogIDxyZGY6UkRGPgogICA8Y2M6V29yayByZGY6YWJvdXQ9IiI+CiAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4KICAgIDxkYzp0aXRsZS8+CiAgIDwvY2M6V29yaz4KICA8L3JkZjpSREY+CiA8L21ldGFkYXRhPgogPHBhdGggZD0ibTQ2Ljk3NyAxMjYuNjRjLTAuMjgzMDMtMC42ODc1LTYuMTYzMS02LjQzNzctMTAuMzc0LTExLjY2My0yNC45NDctMzMuMTIyLTUyLjc2MS02My44OTgtMjAuMjgzLTEwMS4zIDE0LjM4MS0xMy44OTQgMzIuMTEzLTE0LjY4NiA1MC4zNDMtOC4yMTAxIDUxLjMzIDI5LjcwMiAxNC4xNjYgNzguMTU1LTEwLjIzNSAxMTAuMDFsLTkuNDUwMSAxMS4xNjN6bTE1LjQ0LTUwLjc3MWMzNC4yMzctMjQuNDg1IDcuNzY4LTcxLjYzMy0yOS44NDgtNTUuOTU5LTEwLjk4NCA1Ljg1NjktMTYuNDM0IDE2LjA0OC0xNi42MjUgMjguMDY4LTAuNTI0NSAxMS42OTMgNS42ODU0IDIxLjQ3MSAxNS41MjYgMjcuNDYxIDcuMDU1NSAzLjg0MDEgMTAuMTU3IDQuNTMzNyAxOC4xNDYgNC4wNTc3IDUuMTc3Ni0wLjMwODUyIDguMTYxMS0xLjE1MzggMTIuODAxLTMuNjI3MXoiIGZpbGw9IiNjNjQyNDIiIGZpbGwtb3BhY2l0eT0iLjk4ODI0Ii8+CiA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguODc4MjkgMCAwIDEuMDUxOSAuNTU0NzQgLTYuOTk1MykiIGQ9Im00MS42ODIgODkuODkxYTUxLjIyMyA0MS43NTQgMCAxIDEgMS4yNzY2IDAuMjA4MDkiIGZpbGw9IiNjNjQyNDIiIGZpbGwtb3BhY2l0eT0iLjk4ODI0Ii8+CiA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNjQ1MzUpIiBkPSJtNDMuNjMxIDY5LjEyOWEyNi4wMTEgMjAuOTkxIDAgMSAxIDAuNjQ4MjYgMC4xMDQ2MSIgZmlsbC1vcGFjaXR5PSIwIiBvcGFjaXR5PSIuMzQwMTYiLz4KIDxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKC42NDUzNSkiIGQ9Im0zMS44OTIgMTE0LjI4YTE2LjY1NiAxMS43NSAwIDEgMSAwLjQxNTExIDAuMDU4NiIgZmlsbC1vcGFjaXR5PSIwIi8+CiA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguOTcwMiAwIDAgMS4wMjcyIC00LjA1ODggLTUuNzUwNCkiIGQ9Im00NS41MjEgODQuODI0YTM0LjQ1MyAzMy41NCAwIDEgMSAwLjg1ODY2IDAuMTY3MTYiIGZpbGw9IiNiNzJjMmMiLz4KIDxwYXRoIHRyYW5zZm9ybT0ibWF0cml4KC42NDYzIDAgMCAuNjE2ODEgNS4xMjYxIDQuOTAxNCkiIGQ9Im01Ny4wNzkgMTA0LjYxYTM0LjIwMyAzNi42MjMgMCAxIDEgMC44NTI0NCAwLjE4MjUyIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$r = "data-v-16e4e341";
+/* module identifier */
+const __vue_module_identifier__$r = undefined;
+/* functional template */
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$I = /*#__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, undefined, undefined, undefined);
-var __vue_component__$J = __vue_component__$I;
+const __vue_component__$O = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
+var YAH = __vue_component__$O;
 
 //
-var script$o = {
-  name: 'POIAdvertisements',
+var script$q = {
+  name: 'ShortcutsMenu',
+  components: {
+    YAH
+  },
   props: {
-    ads: {
-      type: Array,
-      default: []
+    showLabel: {
+      type: Boolean,
+      default: true
+    },
+    showPath: {
+      type: Boolean,
+      default: true
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    },
+    highlight: {
+      type: Boolean,
+      default: true
+    },
+    dehighlightOverlay: {
+      type: Boolean,
+      default: false
     }
   },
-  data() {
-    return {};
+  computed: {
+    ...mapState('wf', ['shortcuts', 'language', 'landscape', 'mobile']),
+    count() {
+      return this.shortcuts.length;
+    },
+    hasClickedListener() {
+      return !!(this.$listeners && this.$listeners.clicked);
+    }
   },
-  computed: {},
   methods: {
-    clicked(ad) {
-      this.$emit('clicked', ad);
+    showShortcut(shortcut) {
+      var nearest = this.$wayfinder.getNearestPOI(this.$wayfinder.getKiosk(), shortcut.pois);
+      if (this.hasClickedListener) {
+        this.$emit("clicked", nearest, shortcut);
+      } else {
+        if (this.showPath && typeof nearest === 'object' && nearest != null) {
+          this.$wayfinder.showPath(nearest.node, nearest);
+        }
+        if (this.highlight) {
+          this.$wayfinder.clearDisplaying();
+          this.$wayfinder.setDisplaying(shortcut.pois);
+        }
+        if (this.dehighlightOverlay && this.$wayfinder.setDehighlightOverlay) {
+          this.$wayfinder.setDehighlightOverlay(true);
+        }
+        this.$wayfinder.update();
+      }
+    },
+    clear() {
+      if (this.dehighlightOverlay && this.$wayfinder.setDehighlightOverlay) {
+        this.$wayfinder.setDehighlightOverlay(false);
+      }
+      if (this.highlight) {
+        this.$wayfinder.clearHighlights();
+      }
+      this.$wayfinder.update();
+    },
+    getImage(id) {
+      return WayfinderAPI.getURL("images", "thumbnail", [id]);
     }
   }
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$q = script$q;
 
 /* template */
-var __vue_render__$o = function () {
+var __vue_render__$q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-component wf-poi-advertisements"
-  }, _vm._l(_vm.ads, function (ad) {
-    return _c('WFPOIAdvertisement', {
-      key: ad.id,
-      attrs: {
-        "ad": ad
-      },
+    staticClass: "wf-component wf-shortcuts-menu"
+  }, [_c('div', {
+    staticClass: "wf-list",
+    class: ['wf-list-count-' + _vm.count]
+  }, _vm._l(_vm.shortcuts, function (shortcut) {
+    return _c('button', {
+      key: shortcut.getID(),
+      staticClass: "wf-list-item wf-shortcut",
+      class: ["wf-shortcut-" + shortcut.getID()],
       on: {
-        "clicked": _vm.clicked
+        "click": function ($event) {
+          return _vm.showShortcut(shortcut);
+        }
       }
-    });
-  }), 1);
+    }, [_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__$o = [];
+var __vue_staticRenderFns__$q = [];
 
 /* style */
-const __vue_inject_styles__$o = undefined;
+const __vue_inject_styles__$q = function (inject) {
+  if (!inject) return;
+  inject("data-v-322579a5_0", {
+    source: ".shortcuts-container[data-v-322579a5]{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-322579a5]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
-const __vue_scope_id__$o = "data-v-45b241cc";
+const __vue_scope_id__$q = "data-v-322579a5";
 /* module identifier */
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
-const __vue_is_functional_template__$o = false;
-/* style inject */
-
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$G = /*#__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, undefined, undefined, undefined);
-var __vue_component__$H = __vue_component__$G;
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-	  path: basedir,
-	  exports: {},
-	  require: function (path, base) {
-      return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
-    }
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var osk_common = createCommonjsModule(function (module) {
-module.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s});},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0});},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)i.d(s,n,function(e){return t[e]}.bind(null,n));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){i.r(e);class s{constructor(t){this.keyboard=t,this.actions={backspace:function(t,e){e.selectionStart>0&&e.selectionStart==e.selectionEnd?(e.selectionStart--,e.changeValue("")):e.changeValue("");},change_keyset:function(t,e){void 0!==t.action[1]&&(e.keyset=t.action[1],e.clear(),e.construct());},change_layout:function(t,e){void 0!==t.action[1]&&(e.layoutName=t.action[1],e.clear(),e.construct());},submit:function(t,e){void 0!==t.action[1]&&(e.pushtoOutput(),e.clear());}};}activate(t){"function"==typeof this.actions[t.action[0]]&&this.actions[t.action[0]](t,this.keyboard);}addAction(t,e){this.actions[t]=e;}}class n{constructor(t,e,i){this.layouts={},this.layoutName=void 0===i?"en":i,this.keyset="default",this.container=!1,this.containerListenerAdded=!1,this.setContainer(e),this.selectionStart=0,this.selectionEnd=0,this.output=!1,this.outputIsInputField=!0,this.outputSelectionEnabled=!1,this.value="",this.events={change:[],layout:[],ready:[]},this.actions=new s(this),this.cbOnChange=!1,this.setOutput(t),this.setDefaultLayout(),this.construct();}on(t,e){"object"!=typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e);}trigger(){let t=Array.prototype.slice.call(arguments);if(t.length>0){let e=t[0];if(t.shift(),this.events[e]){let i;for(let s=0,n=this.events[e].length;s<n;s++)"function"==typeof(i=this.events[e][s])&&i.apply(this,t);}}}addLayout(t,e){this.layouts[t]=e;}changeLayout(t,e){this.layoutName=t,this.keyset=e||"default",this.clear(),this.construct(),this.trigger("layout",this.layoutName,this.keyset);}setContainer(t){switch(typeof t){case"undefined":this.container=document.createElement("div"),this.container.classList.add("keyboard"),document.body.appendChild(this.container);break;case"string":this.container=document.getElementById(t);break;default:this.container=t;}}setOutput(t){if(!t)return void console.warn("Input field not given",t);let e;if("string"==typeof t){if(e=document.getElementById(t),this.output=e,!this.output)return void console.warn("Input field not found",t)}else e=t,this.output=t;"input"!==this.getFieldType(this.output)&&(this.outputIsInputField=!1);let i=this.getFieldValue(e);this.value=i,this.selectionEnd=i.length,this.output&&(this.output.addEventListener("focus",()=>{this.updateFromOutput();}),this.output.addEventListener("keyup",()=>{this.updateFromOutput(),this.trigger("change",this.value);}),this.output.addEventListener("mouseup",()=>{this.updateFromOutput();}),this.output.addEventListener("input",()=>{this.updateFromOutput();}));}setOutputSelection(t){this.outputSelectionEnabled=t;}getFieldValue(t){if(!t)return "";switch(this.getFieldType(t)){case"input":return t.value;case"textarea":return t.innerText;default:return ""}}updateFromOutput(){this.value=this.getFieldValue(this.output),this.getCaretPosition();}clear(){if(this.container)for(;this.container.firstChild;)this.container.removeChild(this.container.firstChild);}clearValue(){this.value="",this.selectionStart=0,this.selectionEnd=0,this.pushtoOutput();}getCurrentKeyset(){try{return this.layouts[this.layoutName].keys[this.keyset]}catch(t){return console.warn("Error! Probably no keyboard layout added!"),this.layouts.en.keys.default}}construct(){this.clear();let t="",e=this.getCurrentKeyset();for(let i in e){t+="<div class='keyboard-row keyboard-row-"+i+"'>";for(let s in e[i]){let n=e[i][s];switch(typeof n){case"string":t+="<div class='keyboard-key "+n+"' row='"+i+"' index='"+s+"'>"+n+"</div>";break;case"object":let e="";n.cls&&(e=n.cls),t+="<div class='keyboard-key keyboard-"+e+" "+n.key+"' object='' row='"+i+"' index='"+s+"'>"+n.key+"</div>";}}t+="</div>";}this.container.insertAdjacentHTML("beforeend",t),this.containerListenerAdded||(this.container.addEventListener("mousedown",t=>{this.getCaretPosition(),this.keyPressed(t.target),t.stopPropagation(),t.preventDefault();}),this.container.addEventListener("mouseup",t=>{this.keyReleased(t.target),t.stopPropagation();}),this.containerListenerAdded=!0,this.container.onselectstart=function(){return !1},this.container.onmousedown=function(){return !1}),this.rescale();}rescale(){if(!this.container)return;let t,e,i=0;for(let s=0;s<this.container.children.length;s++){let n=(t=this.container.children[s]).offsetHeight-t.clientHeight,o=t.offsetWidth-t.clientWidth;for(let i=0;i<t.children.length;i++){o+=((e=t.children[i]).offsetWidth<this.container.offsetWidth?e.offsetWidth:this.container.offsetWidth)+1,n=Math.max(n,this.container.offsetHeight);}t.width=o,t.height=n,i+=n;}this.container.height=i,this.trigger("ready");}keyPressed(t){t.classList.add("keyboard-key-pressed");let e=this.getCurrentKeyset()[t.getAttribute("row")];if(!e)return;let i=e[t.getAttribute("index")];switch(typeof i){case"string":this.changeValue(i);break;case"object":void 0===i.action?this.changeValue(i.key):this.actions.activate(i);}this.pushtoOutput();}changeValue(t){let e=this.value.substring(0,this.selectionStart),i=this.value.substring(this.selectionEnd,this.value.length);this.value=""+e+t+i,this.selectionStart+=t.length,this.selectionEnd=this.selectionStart;}pushtoOutput(){if(this.output){this.outputIsInputField?(this.output.value=this.value,this.output.selectionStart=this.selectionStart,this.output.selectionEnd=this.selectionEnd):this.output.innerHTML=this.value;let t=new Event("change"),e=new Event("keyup");this.output.dispatchEvent(t),this.output.dispatchEvent(e),this.trigger("change",this.value);}}getFieldType(t){return t&&t.tagName?t.tagName.toLowerCase():"nan"}getCaretPosition(){this.output&&this.outputIsInputField&&this.outputSelectionEnabled&&(this.selectionStart=this.output.selectionStart,this.selectionEnd=this.output.selectionEnd);}keyReleased(t){t.classList.remove("keyboard-key-pressed");}width(){return -1}height(){return -1}setDefaultLayout(){this.layouts.en={name:"English",keyboard:"US International",local_name:"English",lang:"en",keys:{default:[["1","2","3","4","5","6","7","8","9","0",{key:"&#171; Bksp",action:["backspace"],cls:"key2x"}],["q","w","e","r","t","y","u","i","o","p","\\"],["a","s","d","f","g","h","j","k","l",{key:"Enter",action:["submit"],cls:"key3x"}],[{key:"Shift",action:["change_keyset","shift"],cls:"key2x"},"z","x","c","v","b","n","m"],[{key:" ",cls:"key_spacebar"}]],shift:[["~","!","@","#","$","%","^","&","*","(",")",{key:"&#171; Bksp",action:"backspace",cls:"key2x"}],["Q","W","E","R","T","Y","U","I","O","P","{","}"],["A","S","D","F","G","H","J","K","L",{key:"Enter",action:["submit"],cls:"key3x"}],[{key:"Shift",action:["change_keyset","default"],cls:"key2x active"},"Z","X","C","V","B","N","M","<",">","?"],[{key:" ",cls:"key_spacebar"}]]}};}}i.d(e,"OSK",function(){return n}),i.d(e,"OSKActions",function(){return s});}]).OSK;
-});
+const __vue_component__$M = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+var __vue_component__$N = __vue_component__$M;
 
 //
-var script$n = {
-  name: 'Search',
-  components: {
-    OSK: osk_common,
-    POI
-  },
-  computed: {
-    ...mapState('wf', ['language', 'reset']),
-    hasClearListener() {
-      return !!(this.$listeners && this.$listeners.clear);
-    }
-  },
-  props: {
-    limit: {
-      type: Number,
-      default: -1
-    },
-    showCloseButton: {
-      type: Boolean,
-      default: false
-    },
-    showClearButton: {
-      type: Boolean,
-      default: false
-    },
-    showOutputField: {
-      type: Boolean,
-      default: true
-    },
-    showKeyboard: {
-      type: Boolean,
-      default: true
-    },
-    showNoResultsText: {
-      type: Boolean,
-      default: true
-    },
-    noResultsText: {
-      type: String,
-      default: "No results"
-    },
-    showLogo: {
-      type: Boolean,
-      default: false
-    },
-    showName: {
-      type: Boolean,
-      default: true
+//
+//
+//
+//
+//
+
+let timer = null;
+var script$p = {
+  data: () => ({
+    direction: 0,
+    zooming: false
+  }),
+  methods: {
+    touchStart(dir) {
+      return () => {
+        this.start(dir);
+      };
     },
-    showPathButton: {
-      type: Boolean,
-      default: false
+    touchStop() {
+      return () => {
+        this.stop();
+      };
     },
-    showDescription: {
-      type: Boolean,
-      default: false
+    start(dir) {
+      this.direction = dir;
+      this.zooming = true;
+      this.zoom();
     },
-    showRoomID: {
-      type: Boolean,
-      default: false
+    stop() {
+      this.direction = 0;
+      this.zooming = false;
+      clearTimeout(timer);
     },
-    showFloor: {
+    zoom() {
+      if (this.direction > 0) {
+        this.$wayfinder.zoomIn();
+      } else {
+        this.$wayfinder.zoomOut();
+      }
+      if (this.zooming) {
+        timer = setTimeout(() => {
+          this.zoom();
+        }, 50);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$p = script$p;
+
+/* template */
+var __vue_render__$p = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "wf-component wf-zoommenu"
+  }, [_c('div', {
+    directives: [{
+      name: "touch",
+      rawName: "v-touch:start",
+      value: _vm.touchStart(1),
+      expression: "touchStart(1)",
+      arg: "start"
+    }, {
+      name: "touch",
+      rawName: "v-touch:end",
+      value: _vm.touchStop(),
+      expression: "touchStop()",
+      arg: "end"
+    }],
+    staticClass: "wf-item wf-zoom-in",
+    on: {
+      "mousedown": function ($event) {
+        return _vm.start(1);
+      },
+      "mouseleave": function ($event) {
+        return _vm.stop();
+      },
+      "mouseup": function ($event) {
+        return _vm.stop();
+      }
+    }
+  }, [_vm._v("+")]), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "touch",
+      rawName: "v-touch:start",
+      value: _vm.touchStart(-1),
+      expression: "touchStart(-1)",
+      arg: "start"
+    }, {
+      name: "touch",
+      rawName: "v-touch:end",
+      value: _vm.touchStop(),
+      expression: "touchStop()",
+      arg: "end"
+    }],
+    staticClass: "wf-item wf-zoom-out",
+    on: {
+      "mousedown": function ($event) {
+        return _vm.start(-1);
+      },
+      "mouseleave": function ($event) {
+        return _vm.stop();
+      },
+      "mouseup": function ($event) {
+        return _vm.stop();
+      }
+    }
+  }, [_vm._v("-")])]);
+};
+var __vue_staticRenderFns__$p = [];
+
+/* style */
+const __vue_inject_styles__$p = function (inject) {
+  if (!inject) return;
+  inject("data-v-260dca50_0", {
+    source: ".wf-zoommenu[data-v-260dca50]{user-select:none}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$p = "data-v-260dca50";
+/* module identifier */
+const __vue_module_identifier__$p = undefined;
+/* functional template */
+const __vue_is_functional_template__$p = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$K = /*#__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);
+var __vue_component__$L = __vue_component__$K;
+
+//
+var script$o = {
+  name: 'MapFloors',
+  props: {
+    showPOICount: {
       type: Boolean,
       default: false
     },
-    currentPOI: {
+    currentFloor: {
       type: Object,
       default: null
+    },
+    hideWhenSingleFloor: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
     return {
-      results: [],
-      poi: {},
-      keyboard: false,
-      inputId: "",
-      keyboardContainerId: ""
+      count: 0
     };
   },
-  mounted() {
-    let now = Date.now();
-    this.inputId = 'wf-search-input-' + now;
-    this.keyboardContainerId = 'wf-keyboard-container-' + now;
-    // Lets wait when the ID's are mapped
-    this.$nextTick(() => {
-      this.keyboard = new osk_common(this.inputId, this.keyboardContainerId);
-      this.keyboard.on('change', keyword => {
-        let results = this.$wayfinder.search.search(keyword);
-        results = results.filter(poi => {
-          return poi.getShowInMenu();
-        });
-        if (this.limit > 0) {
-          results = results.slice(0, this.limit);
-        } else {
-          results = results.slice();
-        }
-        let resultArr = Object.values(results).map(poi => {
-          return this.$store.getters["wf/freezePOI"](poi);
-        });
-        this.results = resultArr;
-        if (keyword.length > 1) {
-          if (Object.values(this.results).length > 0) {
-            this.$wayfinder.statistics.onSearch(keyword, "successful");
-          } else {
-            this.$wayfinder.statistics.onSearch(keyword, "unsuccessful");
-          }
-        }
-      });
-      this.keyboard.addLayout('en', {
-        "name": "English",
-        "keyboard": "US International",
-        "local_name": "English",
-        "lang": "en",
-        "keys": {
-          "default": [["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", {
-            "key": "Delete",
-            "action": ["backspace"],
-            "cls": "key2x"
-          }], ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"], ["a", "s", "d", "f", "g", "h", "j", "k", "l"], ["z", "x", "c", "v", "b", "n", "m"], [{
-            "key": " ",
-            "cls": "key_spacebar"
-          }]]
-        }
-      });
-      this.keyboard.changeLayout(this.language);
-    });
-  },
   watch: {
-    searchVisible(current) {
-      if (current && this.$refs.searchInput) {
-        this.$refs.searchInput.focus();
+    floors() {
+      console.log('floors', this.floors);
+    }
+  },
+  computed: {
+    ...mapState('wf', ['floors', 'language']),
+    filteredFloors() {
+      let arr = []; // Copy arr for sorting
+      let floor;
+      let floors = this.floors;
+      for (let i in floors) {
+        floor = floors[i];
+        if (floor && floor.showInMenu && floor.getName(this.language)) {
+          arr.push(floor);
+        }
       }
+      this.count = arr.length;
+      return arr;
     },
-    reset() {
-      this.resetValues();
-    },
-    language(lang) {
-      if (this.keyboard) {
-        this.keyboard.changeLayout(lang);
-      }
+    hasClickedListener() {
+      return !!(this.$listeners && this.$listeners.clicked);
     }
   },
   methods: {
-    onClick(poi) {
-      this.$emit('clicked', poi);
-      this.$wayfinder.statistics.onClick(poi.id, "menu");
-    },
-    close() {
-      this.$emit('close');
-      this.resetValues();
-    },
-    clear() {
-      this.$emit('clear');
-      if (!this.hasClearListener) {
-        this.resetValues();
-      }
-    },
-    resetValues() {
-      this.results = [];
-      if (this.keyboard) {
-        this.keyboard.changeLayout(this.language);
-        this.keyboard.clearValue();
+    changeFloor(floor) {
+      if (this.hasClickedListener) {
+        this.$emit("clicked", floor);
+      } else {
+        console.log("changeFloor", floor);
+        this.$wayfinder.showFloor(floor);
       }
-    },
-    setOutput(output) {
-      this.keyboard.setOutput(output);
-    },
-    addLayout(lang, layout) {
-      this.keyboard.addLayout(lang, layout);
-    },
-    changeLayout(lang) {
-      this.keyboard.changeLayout(lang);
     }
   }
 };
 
 /* 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;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-component wf-search"
-  }, [_vm.showCloseButton ? _c('div', {
-    staticClass: "wf-close",
-    on: {
-      "click": function ($event) {
-        return _vm.close($event);
-      }
-    }
-  }, [_c('WFTranslate', {
-    attrs: {
-      "k": "close"
-    }
-  }, [_vm._v("Close")])], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "wf-search-container"
-  }, [_c('div', {
-    staticClass: "wf-search-results",
-    class: {
-      "wf-no-results": _vm.results.length == 0
-    }
-  }, [_c('transition-group', {
+    staticClass: "wf-component wf-floors-menu"
+  }, [_c('ul', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !(_vm.hideWhenSingleFloor && _vm.floors.length <= 1),
+      expression: "!(hideWhenSingleFloor && floors.length <= 1)"
+    }],
     staticClass: "wf-list",
-    attrs: {
-      "name": "list",
-      "tag": "ul"
+    class: ['wf-list-count-' + _vm.count]
+  }, _vm._l(_vm.filteredFloors, function (floor) {
+    return _c('li', {
+      key: floor.id,
+      staticClass: "wf-list-item",
+      class: ["wf-lang-" + _vm.language, "wf-floor-" + floor.index, {
+        "wf-active": _vm.currentFloor && floor.id == _vm.currentFloor.id
+      }],
+      on: {
+        "click": function ($event) {
+          return _vm.changeFloor(floor);
+        }
+      }
+    }, [_c('label', {
+      staticClass: "wf-title"
+    }, [_vm._v(_vm._s(floor.getName(_vm.language)))]), _vm._v(" "), _vm.showPOICount ? _c('label', {
+      staticClass: "wf-count"
+    }, [_vm._v(_vm._s(floor.pois.length))]) : _vm._e()]);
+  }), 0)]);
+};
+var __vue_staticRenderFns__$o = [];
+
+/* style */
+const __vue_inject_styles__$o = function (inject) {
+  if (!inject) return;
+  inject("data-v-72c3d430_0", {
+    source: ".wf-floors-menu .wf-list-item[data-v-72c3d430]{text-overflow:ellipsis;list-style:none}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$o = "data-v-72c3d430";
+/* module identifier */
+const __vue_module_identifier__$o = undefined;
+/* functional template */
+const __vue_is_functional_template__$o = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$I = /*#__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 __vue_component__$J = __vue_component__$I;
+
+//
+var script$n = {
+  name: 'FilteredMenu',
+  components: {
+    POI
+  },
+  data() {
+    return {
+      sortedPOIs: [],
+      count: 0
+    };
+  },
+  props: {
+    showLogo: {
+      type: Boolean,
+      default: false
+    },
+    showName: {
+      type: Boolean,
+      default: true
+    },
+    showPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showDescription: {
+      type: Boolean,
+      default: false
+    },
+    showRoomID: {
+      type: Boolean,
+      default: false
+    },
+    showFloor: {
+      type: Boolean,
+      default: false
+    },
+    currentPOI: {
+      type: Object,
+      default: null
     }
-  }, _vm._l(_vm.results, function (poiitem) {
+  },
+  computed: {
+    ...mapState('wf', ['filteredPOIs', 'language'])
+  },
+  watch: {
+    filteredPOIs: function (val) {
+      let arr = val.slice().filter(poi => {
+        return poi && poi.getShowInMenu();
+      }); // Copy and filter array
+      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;
+        }
+      });
+      this.count = arr.length;
+      this.sortedPOIs = arr;
+    }
+  },
+  methods: {
+    onClick(poi) {
+      return () => {
+        if (poi) {
+          this.$emit('clicked', poi);
+          this.$wayfinder.statistics.onClick(poi.id, "menu");
+        } else {
+          console.warn("No POI");
+        }
+      };
+    }
+  }
+};
+
+/* script */
+const __vue_script__$n = script$n;
+
+/* template */
+var __vue_render__$n = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "wf-component wf-filteredmenu"
+  }, [_c('ul', {
+    staticClass: "wf-list",
+    class: ['wf-list-count-' + _vm.count]
+  }, _vm._l(_vm.sortedPOIs, function (poiitem) {
     return _c('li', {
+      directives: [{
+        name: "touch",
+        rawName: "v-touch:tap",
+        value: _vm.onClick(poiitem),
+        expression: "onClick(poiitem)",
+        arg: "tap"
+      }],
       key: poiitem.id,
       staticClass: "wf-list-item",
       class: {
@@ -4122,90 +4401,48 @@ var __vue_render__$n = function () {
     }, {
       "poi": poiitem
     })], 2);
-  }), 0), _vm._v(" "), _c('span', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.showNoResultsText && _vm.results.length == 0,
-      expression: "showNoResultsText && results.length == 0"
-    }],
-    staticClass: "wf-search-no-results-text"
-  }, [_c('WFTranslate', {
-    attrs: {
-      "k": "no-search-results"
-    }
-  }, [_vm._v("No results")])], 1)], 1), _vm._v(" "), _vm.showOutputField ? _c('div', {
-    staticClass: "wf-search-input-container"
-  }, [_c('input', {
-    ref: "searchInput",
-    attrs: {
-      "id": _vm.inputId
-    }
-  }), _vm._v(" "), _vm.showClearButton ? _c('div', {
-    staticClass: "wf-search-clear",
-    on: {
-      "click": function ($event) {
-        return _vm.clear($event);
-      }
-    }
-  }, [_c('WFIcon', {
-    attrs: {
-      "name": "clear"
-    }
-  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.showKeyboard,
-      expression: "showKeyboard"
-    }],
-    staticClass: "wf-keyboard",
-    attrs: {
-      "id": _vm.keyboardContainerId
-    }
-  })])]);
+  }), 0)]);
 };
 var __vue_staticRenderFns__$n = [];
 
 /* style */
-const __vue_inject_styles__$n = function (inject) {
-  if (!inject) return;
-  inject("data-v-527d8fee_0", {
-    source: ".wf-search .wf-close{position:absolute;top:0;right:.5rem;width:10rem;background-color:rgba(255,255,255,.7);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' enable-background='new 0 0 20 20' viewBox='0 0 20 20' y='0px' x='0px' id='Cross' version='1.1'%3E%3Cmetadata id='metadata9'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs7'%3E%3ClinearGradient spreadMethod='pad' gradientUnits='userSpaceOnUse' y2='29.3118' x2='11.0536' y1='16.0077' x1='24.5509' id='paint1_linear' gradientTransform='translate(-6.9097825,12.894087)'%3E%3Cstop id='stop16' stop-color='%23FF4C54' /%3E%3Cstop id='stop18' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='34.9828' x2='34.294201' y1='14.605' x1='13.6189' id='paint0_linear'%3E%3Cstop id='stop11' stop-color='%23FF4C54' /%3E%3Cstop id='stop13' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(1.9229845,0,0,1.9229845,-9.2288833,-9.2308069)' gradientUnits='userSpaceOnUse' y2='14.322534' x2='6.3946652' y1='7.6276183' x1='12.290775' id='linearGradient4161' xlink:href='%23paint0_linear' /%3E%3C/defs%3E%3Cpath style='fill:url(%23linearGradient4161);fill-opacity:1' id='path3' d='m 18.362098,19.32359 c -0.90188,0.90188 -2.363348,0.90188 -3.263305,0 l -5.097832,-5.826643 -5.0978311,5.82472 c -0.9018797,0.90188 -2.3633479,0.90188 -3.2633047,0 -0.90187984,-0.90188 -0.90187984,-2.363347 0,-3.263304 L 6.9434164,10.000961 1.6379022,3.9397144 c -0.90187974,-0.9018798 -0.90187974,-2.361425 0,-3.26330476 0.9018798,-0.9018797 2.3614249,-0.9018797 3.2633048,0 l 5.099754,5.82856596 5.097832,-5.82856596 c 0.90188,-0.9018797 2.361425,-0.9018797 3.263305,0 0.901879,0.90187976 0.901879,2.36334796 0,3.26330476 l -5.30359,6.0612466 5.30359,6.057402 c 0.901879,0.90188 0.901879,2.363347 0,3.265227 z' /%3E%3C/svg%3E\")}.wf-search .results{overflow:hidden}.wf-search .wf-search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.wf-search .wf-search-input-container input{margin:auto;display:block;padding:1rem;font-size:2rem;font-weight:600;width:100%;border:1px solid #000;outline:0;background-repeat:no-repeat;user-select:none}.wf-search .wf-keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.wf-search .wf-keyboard .keyboard-row{margin:auto;display:flex}.wf-search .wf-keyboard .keyboard-key{text-align:center;width:4ch;height:4ch;line-height:1.5;overflow:hidden;user-select:none}.wf-search .wf-keyboard .keyboard-key:last-child{margin-right:0}.wf-search .wf-keyboard .keyboard-key:active{background-color:#00f}.wf-search .wf-keyboard .keyboard-key2x{width:8ch}.wf-search .wf-keyboard .keyboard-key3x{width:12ch}.wf-search .wf-keyboard .keyboard-key_spacebar{width:24ch}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__$n = undefined;
 /* scoped */
-const __vue_scope_id__$n = undefined;
+const __vue_scope_id__$n = "data-v-760e1796";
 /* module identifier */
 const __vue_module_identifier__$n = undefined;
 /* functional template */
 const __vue_is_functional_template__$n = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+const __vue_component__$G = /*#__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 __vue_component__$F = __vue_component__$E;
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
+var __vue_component__$H = __vue_component__$G;
 
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 var script$m = {
-  name: 'Loading'
+  name: 'POIAdvertisements',
+  props: {
+    ads: {
+      type: Array,
+      default: []
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    clicked(ad) {
+      this.$emit('clicked', ad);
+    }
+  }
 };
 
 /* script */
@@ -4213,79 +4450,236 @@ const __vue_script__$m = script$m;
 
 /* template */
 var __vue_render__$m = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  _vm._self._c || _h;
-  return _vm._m(0);
-};
-var __vue_staticRenderFns__$m = [function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "loading"
-  }, [_c('div', {
-    staticClass: "lds-ellipsis"
-  }, [_c('div'), _vm._v(" "), _c('div'), _vm._v(" "), _c('div'), _vm._v(" "), _c('div')])]);
-}];
+    staticClass: "wf-component wf-poi-advertisements"
+  }, _vm._l(_vm.ads, function (ad) {
+    return _c('WFPOIAdvertisement', {
+      key: ad.id,
+      attrs: {
+        "ad": ad
+      },
+      on: {
+        "clicked": _vm.clicked
+      }
+    });
+  }), 1);
+};
+var __vue_staticRenderFns__$m = [];
 
 /* style */
-const __vue_inject_styles__$m = function (inject) {
-  if (!inject) return;
-  inject("data-v-7e3728f4_0", {
-    source: ".loading[data-v-7e3728f4]{width:100%;height:100vh;position:absolute;top:0;bottom:0;display:flex;z-index:100;justify-content:center;align-items:center;background-color:#fff}.lds-ellipsis[data-v-7e3728f4]{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div[data-v-7e3728f4]{position:absolute;display:inline-block;top:33px;width:13px;height:13px;border-radius:50%;background:#333;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div[data-v-7e3728f4]:nth-child(1){left:8px;animation:lds-ellipsis1-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(2){left:8px;animation:lds-ellipsis2-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(3){left:32px;animation:lds-ellipsis2-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(4){left:56px;animation:lds-ellipsis3-data-v-7e3728f4 .6s infinite}@keyframes lds-ellipsis1-data-v-7e3728f4{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3-data-v-7e3728f4{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2-data-v-7e3728f4{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__$m = undefined;
 /* scoped */
-const __vue_scope_id__$m = "data-v-7e3728f4";
+const __vue_scope_id__$m = "data-v-45b241cc";
 /* module identifier */
 const __vue_module_identifier__$m = undefined;
 /* functional template */
 const __vue_is_functional_template__$m = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+const __vue_component__$E = /*#__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 __vue_component__$D = __vue_component__$C;
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
+var __vue_component__$F = __vue_component__$E;
 
-//
-//
-//
-//
-//
-//
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+	  path: basedir,
+	  exports: {},
+	  require: function (path, base) {
+      return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+    }
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var osk_common = createCommonjsModule(function (module) {
+module.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s});},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0});},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)i.d(s,n,function(e){return t[e]}.bind(null,n));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){i.r(e);class s{constructor(t){this.keyboard=t,this.actions={backspace:function(t,e){e.selectionStart>0&&e.selectionStart==e.selectionEnd?(e.selectionStart--,e.changeValue("")):e.changeValue("");},change_keyset:function(t,e){void 0!==t.action[1]&&(e.keyset=t.action[1],e.clear(),e.construct());},change_layout:function(t,e){void 0!==t.action[1]&&(e.layoutName=t.action[1],e.clear(),e.construct());},submit:function(t,e){void 0!==t.action[1]&&(e.pushtoOutput(),e.clear());}};}activate(t){"function"==typeof this.actions[t.action[0]]&&this.actions[t.action[0]](t,this.keyboard);}addAction(t,e){this.actions[t]=e;}}class n{constructor(t,e,i){this.layouts={},this.layoutName=void 0===i?"en":i,this.keyset="default",this.container=!1,this.containerListenerAdded=!1,this.setContainer(e),this.selectionStart=0,this.selectionEnd=0,this.output=!1,this.outputIsInputField=!0,this.outputSelectionEnabled=!1,this.value="",this.events={change:[],layout:[],ready:[]},this.actions=new s(this),this.cbOnChange=!1,this.setOutput(t),this.setDefaultLayout(),this.construct();}on(t,e){"object"!=typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e);}trigger(){let t=Array.prototype.slice.call(arguments);if(t.length>0){let e=t[0];if(t.shift(),this.events[e]){let i;for(let s=0,n=this.events[e].length;s<n;s++)"function"==typeof(i=this.events[e][s])&&i.apply(this,t);}}}addLayout(t,e){this.layouts[t]=e;}changeLayout(t,e){this.layoutName=t,this.keyset=e||"default",this.clear(),this.construct(),this.trigger("layout",this.layoutName,this.keyset);}setContainer(t){switch(typeof t){case"undefined":this.container=document.createElement("div"),this.container.classList.add("keyboard"),document.body.appendChild(this.container);break;case"string":this.container=document.getElementById(t);break;default:this.container=t;}}setOutput(t){if(!t)return void console.warn("Input field not given",t);let e;if("string"==typeof t){if(e=document.getElementById(t),this.output=e,!this.output)return void console.warn("Input field not found",t)}else e=t,this.output=t;"input"!==this.getFieldType(this.output)&&(this.outputIsInputField=!1);let i=this.getFieldValue(e);this.value=i,this.selectionEnd=i.length,this.output&&(this.output.addEventListener("focus",()=>{this.updateFromOutput();}),this.output.addEventListener("keyup",()=>{this.updateFromOutput(),this.trigger("change",this.value);}),this.output.addEventListener("mouseup",()=>{this.updateFromOutput();}),this.output.addEventListener("input",()=>{this.updateFromOutput();}));}setOutputSelection(t){this.outputSelectionEnabled=t;}getFieldValue(t){if(!t)return "";switch(this.getFieldType(t)){case"input":return t.value;case"textarea":return t.innerText;default:return ""}}updateFromOutput(){this.value=this.getFieldValue(this.output),this.getCaretPosition();}clear(){if(this.container)for(;this.container.firstChild;)this.container.removeChild(this.container.firstChild);}clearValue(){this.value="",this.selectionStart=0,this.selectionEnd=0,this.pushtoOutput();}getCurrentKeyset(){try{return this.layouts[this.layoutName].keys[this.keyset]}catch(t){return console.warn("Error! Probably no keyboard layout added!"),this.layouts.en.keys.default}}construct(){this.clear();let t="",e=this.getCurrentKeyset();for(let i in e){t+="<div class='keyboard-row keyboard-row-"+i+"'>";for(let s in e[i]){let n=e[i][s];switch(typeof n){case"string":t+="<div class='keyboard-key "+n+"' row='"+i+"' index='"+s+"'>"+n+"</div>";break;case"object":let e="";n.cls&&(e=n.cls),t+="<div class='keyboard-key keyboard-"+e+" "+n.key+"' object='' row='"+i+"' index='"+s+"'>"+n.key+"</div>";}}t+="</div>";}this.container.insertAdjacentHTML("beforeend",t),this.containerListenerAdded||(this.container.addEventListener("mousedown",t=>{this.getCaretPosition(),this.keyPressed(t.target),t.stopPropagation(),t.preventDefault();}),this.container.addEventListener("mouseup",t=>{this.keyReleased(t.target),t.stopPropagation();}),this.containerListenerAdded=!0,this.container.onselectstart=function(){return !1},this.container.onmousedown=function(){return !1}),this.rescale();}rescale(){if(!this.container)return;let t,e,i=0;for(let s=0;s<this.container.children.length;s++){let n=(t=this.container.children[s]).offsetHeight-t.clientHeight,o=t.offsetWidth-t.clientWidth;for(let i=0;i<t.children.length;i++){o+=((e=t.children[i]).offsetWidth<this.container.offsetWidth?e.offsetWidth:this.container.offsetWidth)+1,n=Math.max(n,this.container.offsetHeight);}t.width=o,t.height=n,i+=n;}this.container.height=i,this.trigger("ready");}keyPressed(t){t.classList.add("keyboard-key-pressed");let e=this.getCurrentKeyset()[t.getAttribute("row")];if(!e)return;let i=e[t.getAttribute("index")];switch(typeof i){case"string":this.changeValue(i);break;case"object":void 0===i.action?this.changeValue(i.key):this.actions.activate(i);}this.pushtoOutput();}changeValue(t){let e=this.value.substring(0,this.selectionStart),i=this.value.substring(this.selectionEnd,this.value.length);this.value=""+e+t+i,this.selectionStart+=t.length,this.selectionEnd=this.selectionStart;}pushtoOutput(){if(this.output){this.outputIsInputField?(this.output.value=this.value,this.output.selectionStart=this.selectionStart,this.output.selectionEnd=this.selectionEnd):this.output.innerHTML=this.value;let t=new Event("change"),e=new Event("keyup");this.output.dispatchEvent(t),this.output.dispatchEvent(e),this.trigger("change",this.value);}}getFieldType(t){return t&&t.tagName?t.tagName.toLowerCase():"nan"}getCaretPosition(){this.output&&this.outputIsInputField&&this.outputSelectionEnabled&&(this.selectionStart=this.output.selectionStart,this.selectionEnd=this.output.selectionEnd);}keyReleased(t){t.classList.remove("keyboard-key-pressed");}width(){return -1}height(){return -1}setDefaultLayout(){this.layouts.en={name:"English",keyboard:"US International",local_name:"English",lang:"en",keys:{default:[["1","2","3","4","5","6","7","8","9","0",{key:"&#171; Bksp",action:["backspace"],cls:"key2x"}],["q","w","e","r","t","y","u","i","o","p","\\"],["a","s","d","f","g","h","j","k","l",{key:"Enter",action:["submit"],cls:"key3x"}],[{key:"Shift",action:["change_keyset","shift"],cls:"key2x"},"z","x","c","v","b","n","m"],[{key:" ",cls:"key_spacebar"}]],shift:[["~","!","@","#","$","%","^","&","*","(",")",{key:"&#171; Bksp",action:"backspace",cls:"key2x"}],["Q","W","E","R","T","Y","U","I","O","P","{","}"],["A","S","D","F","G","H","J","K","L",{key:"Enter",action:["submit"],cls:"key3x"}],[{key:"Shift",action:["change_keyset","default"],cls:"key2x active"},"Z","X","C","V","B","N","M","<",">","?"],[{key:" ",cls:"key_spacebar"}]]}};}}i.d(e,"OSK",function(){return n}),i.d(e,"OSKActions",function(){return s});}]).OSK;
+});
 
+//
 var script$l = {
-  name: "Clock",
+  name: 'Search',
+  components: {
+    OSK: osk_common,
+    POI
+  },
+  computed: {
+    ...mapState('wf', ['language', 'reset']),
+    hasClearListener() {
+      return !!(this.$listeners && this.$listeners.clear);
+    }
+  },
+  props: {
+    limit: {
+      type: Number,
+      default: -1
+    },
+    showCloseButton: {
+      type: Boolean,
+      default: false
+    },
+    showClearButton: {
+      type: Boolean,
+      default: false
+    },
+    showOutputField: {
+      type: Boolean,
+      default: true
+    },
+    showKeyboard: {
+      type: Boolean,
+      default: true
+    },
+    showNoResultsText: {
+      type: Boolean,
+      default: true
+    },
+    noResultsText: {
+      type: String,
+      default: "No results"
+    },
+    showLogo: {
+      type: Boolean,
+      default: false
+    },
+    showName: {
+      type: Boolean,
+      default: true
+    },
+    showPathButton: {
+      type: Boolean,
+      default: false
+    },
+    showDescription: {
+      type: Boolean,
+      default: false
+    },
+    showRoomID: {
+      type: Boolean,
+      default: false
+    },
+    showFloor: {
+      type: Boolean,
+      default: false
+    },
+    currentPOI: {
+      type: Object,
+      default: null
+    }
+  },
   data() {
     return {
-      time: new Date()
+      results: [],
+      poi: {},
+      keyboard: false,
+      inputId: "",
+      keyboardContainerId: ""
     };
   },
   mounted() {
-    setTimeout(this.addTime, 500);
+    let now = Date.now();
+    this.inputId = 'wf-search-input-' + now;
+    this.keyboardContainerId = 'wf-keyboard-container-' + now;
+    // Lets wait when the ID's are mapped
+    this.$nextTick(() => {
+      this.keyboard = new osk_common(this.inputId, this.keyboardContainerId);
+      this.keyboard.on('change', keyword => {
+        let results = this.$wayfinder.search.search(keyword);
+        results = results.filter(poi => {
+          return poi.getShowInMenu();
+        });
+        if (this.limit > 0) {
+          results = results.slice(0, this.limit);
+        } else {
+          results = results.slice();
+        }
+        let resultArr = Object.values(results).map(poi => {
+          return this.$store.getters["wf/freezePOI"](poi);
+        });
+        this.results = resultArr;
+        if (keyword.length > 1) {
+          if (Object.values(this.results).length > 0) {
+            this.$wayfinder.statistics.onSearch(keyword, "successful");
+          } else {
+            this.$wayfinder.statistics.onSearch(keyword, "unsuccessful");
+          }
+        }
+      });
+      this.keyboard.addLayout('en', {
+        "name": "English",
+        "keyboard": "US International",
+        "local_name": "English",
+        "lang": "en",
+        "keys": {
+          "default": [["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", {
+            "key": "Delete",
+            "action": ["backspace"],
+            "cls": "key2x"
+          }], ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"], ["a", "s", "d", "f", "g", "h", "j", "k", "l"], ["z", "x", "c", "v", "b", "n", "m"], [{
+            "key": " ",
+            "cls": "key_spacebar"
+          }]]
+        }
+      });
+      this.keyboard.changeLayout(this.language);
+    });
   },
-  computed: {
-    hours() {
-      return (this.time.getHours() < 10 ? "0" : "") + this.time.getHours();
+  watch: {
+    searchVisible(current) {
+      if (current && this.$refs.searchInput) {
+        this.$refs.searchInput.focus();
+      }
     },
-    minutes() {
-      return (this.time.getMinutes() < 10 ? "0" : "") + this.time.getMinutes();
+    reset() {
+      this.resetValues();
     },
-    seconds() {
-      return (this.time.getSeconds() < 10 ? "0" : "") + this.time.getSeconds();
+    language(lang) {
+      if (this.keyboard) {
+        this.keyboard.changeLayout(lang);
+      }
     }
   },
   methods: {
-    addTime() {
-      this.time = new Date();
-      setTimeout(this.addTime, 500);
+    onClick(poi) {
+      this.$emit('clicked', poi);
+      this.$wayfinder.statistics.onClick(poi.id, "menu");
+    },
+    close() {
+      this.$emit('close');
+      this.resetValues();
+    },
+    clear() {
+      this.$emit('clear');
+      if (!this.hasClearListener) {
+        this.resetValues();
+      }
+    },
+    resetValues() {
+      this.results = [];
+      if (this.keyboard) {
+        this.keyboard.changeLayout(this.language);
+        this.keyboard.clearValue();
+      }
+    },
+    setOutput(output) {
+      this.keyboard.setOutput(output);
+    },
+    addLayout(lang, layout) {
+      this.keyboard.addLayout(lang, layout);
+    },
+    changeLayout(lang) {
+      this.keyboard.changeLayout(lang);
     }
   }
 };
@@ -4299,113 +4693,142 @@ var __vue_render__$l = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-clock"
-  }, [_c('div', [_c('span', {
-    staticClass: "wf-clock-hours"
-  }, [_vm._v(_vm._s(_vm.hours))]), _c('span', {
-    staticClass: "wf-clock-sp"
-  }, [_vm._v(":")]), _c('span', {
-    staticClass: "wf-clock-minutes"
-  }, [_vm._v(_vm._s(_vm.minutes))])])]);
-};
-var __vue_staticRenderFns__$l = [];
-
-/* style */
-const __vue_inject_styles__$l = undefined;
-/* scoped */
-const __vue_scope_id__$l = undefined;
-/* module identifier */
-const __vue_module_identifier__$l = undefined;
-/* functional template */
-const __vue_is_functional_template__$l = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$A = /*#__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, undefined, undefined, undefined);
-var __vue_component__$B = __vue_component__$A;
-
-//
-function loadScript$1(url, callback) {
-  var s = document.createElement('script');
-  s.type = 'text/javascript';
-  s.async = true;
-  var x = document.getElementsByTagName('head')[0];
-  x.appendChild(s);
-  if (typeof callback == "function") {
-    s.onload = callback;
-    s.src = url;
-  }
-}
-var script$k = {
-  name: "Date",
-  props: {
-    format: {
-      type: String,
-      default: "DD.MM"
+    staticClass: "wf-component wf-search"
+  }, [_vm.showCloseButton ? _c('div', {
+    staticClass: "wf-close",
+    on: {
+      "click": function ($event) {
+        return _vm.close($event);
+      }
     }
-  },
-  data() {
-    return {
-      time: new Date(),
-      locales: {}
-    };
-  },
-  mounted() {
-    setTimeout(this.addDate, 1000);
-    if (typeof dayjs === "undefined") {
-      console.warn("WFDate dayjs is not loaded");
+  }, [_c('WFTranslate', {
+    attrs: {
+      "k": "close"
     }
-    this.loadLocale(this.language);
-  },
-  computed: {
-    ...mapState('wf', ['language']),
-    datestr() {
-      //console.log('datestr', this.time, typeof dayjs, this.language !== '' ? this.language : 'en')
-      if (typeof dayjs === "object") {
-        return dayjs(this.time).format(this.format);
-      } else {
-        return this.time.toLocaleString(this.language !== '' ? this.language : 'en', {
-          "dateStyle": "long"
-        });
-      }
+  }, [_vm._v("Close")])], 1) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "wf-search-container"
+  }, [_c('div', {
+    staticClass: "wf-search-results",
+    class: {
+      "wf-no-results": _vm.results.length == 0
     }
-  },
-  watch: {
-    language() {
-      this.time = new Date();
-      if (typeof dayjs === "object") {
-        if (!this.locales[this.language]) {
-          this.loadLocale(this.language);
+  }, [_c('transition-group', {
+    staticClass: "wf-list",
+    attrs: {
+      "name": "list",
+      "tag": "ul"
+    }
+  }, _vm._l(_vm.results, function (poiitem) {
+    return _c('li', {
+      key: poiitem.id,
+      staticClass: "wf-list-item",
+      class: {
+        "wf-active": _vm.currentPOI && poiitem.id == _vm.currentPOI.id
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.onClick(poiitem);
         }
-        dayjs.locale(this.language);
       }
+    }, [_vm._t("default", function () {
+      return [_c('POI', {
+        attrs: {
+          "poi": poiitem,
+          "showLogo": _vm.showLogo,
+          "showName": _vm.showName,
+          "showPathButton": _vm.showPathButton,
+          "showDescription": _vm.showDescription,
+          "showRoomID": _vm.showRoomID,
+          "showFloor": _vm.showFloor
+        }
+      })];
+    }, {
+      "poi": poiitem
+    })], 2);
+  }), 0), _vm._v(" "), _c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showNoResultsText && _vm.results.length == 0,
+      expression: "showNoResultsText && results.length == 0"
+    }],
+    staticClass: "wf-search-no-results-text"
+  }, [_c('WFTranslate', {
+    attrs: {
+      "k": "no-search-results"
     }
-  },
-  methods: {
-    addDate() {
-      this.time = new Date();
-      setTimeout(this.addDate, 60 * 1000);
-    },
-    loadLocale(locale) {
-      if (this.$wayfinder) {
-        loadScript$1(this.$wayfinder.options.assetsLocation + "/dayjs/locale/" + locale + ".js", a => {
-          this.locales[locale] = true;
-          if (this.language == locale && typeof dayjs !== "undefined") {
-            //console.log('locale.set', locale, this.language, "dayjs", typeof dayjs)
-            dayjs.locale(this.language !== '' ? this.language : 'en');
-          }
-        });
-      } else {
-        console.warn('wayfinder not present');
+  }, [_vm._v("No results")])], 1)], 1), _vm._v(" "), _vm.showOutputField ? _c('div', {
+    staticClass: "wf-search-input-container"
+  }, [_c('input', {
+    ref: "searchInput",
+    attrs: {
+      "id": _vm.inputId
+    }
+  }), _vm._v(" "), _vm.showClearButton ? _c('div', {
+    staticClass: "wf-search-clear",
+    on: {
+      "click": function ($event) {
+        return _vm.clear($event);
       }
     }
-  }
+  }, [_c('WFIcon', {
+    attrs: {
+      "name": "clear"
+    }
+  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showKeyboard,
+      expression: "showKeyboard"
+    }],
+    staticClass: "wf-keyboard",
+    attrs: {
+      "id": _vm.keyboardContainerId
+    }
+  })])]);
+};
+var __vue_staticRenderFns__$l = [];
+
+/* style */
+const __vue_inject_styles__$l = function (inject) {
+  if (!inject) return;
+  inject("data-v-527d8fee_0", {
+    source: ".wf-search .wf-close{position:absolute;top:0;right:.5rem;width:10rem;background-color:rgba(255,255,255,.7);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' enable-background='new 0 0 20 20' viewBox='0 0 20 20' y='0px' x='0px' id='Cross' version='1.1'%3E%3Cmetadata id='metadata9'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs7'%3E%3ClinearGradient spreadMethod='pad' gradientUnits='userSpaceOnUse' y2='29.3118' x2='11.0536' y1='16.0077' x1='24.5509' id='paint1_linear' gradientTransform='translate(-6.9097825,12.894087)'%3E%3Cstop id='stop16' stop-color='%23FF4C54' /%3E%3Cstop id='stop18' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='34.9828' x2='34.294201' y1='14.605' x1='13.6189' id='paint0_linear'%3E%3Cstop id='stop11' stop-color='%23FF4C54' /%3E%3Cstop id='stop13' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(1.9229845,0,0,1.9229845,-9.2288833,-9.2308069)' gradientUnits='userSpaceOnUse' y2='14.322534' x2='6.3946652' y1='7.6276183' x1='12.290775' id='linearGradient4161' xlink:href='%23paint0_linear' /%3E%3C/defs%3E%3Cpath style='fill:url(%23linearGradient4161);fill-opacity:1' id='path3' d='m 18.362098,19.32359 c -0.90188,0.90188 -2.363348,0.90188 -3.263305,0 l -5.097832,-5.826643 -5.0978311,5.82472 c -0.9018797,0.90188 -2.3633479,0.90188 -3.2633047,0 -0.90187984,-0.90188 -0.90187984,-2.363347 0,-3.263304 L 6.9434164,10.000961 1.6379022,3.9397144 c -0.90187974,-0.9018798 -0.90187974,-2.361425 0,-3.26330476 0.9018798,-0.9018797 2.3614249,-0.9018797 3.2633048,0 l 5.099754,5.82856596 5.097832,-5.82856596 c 0.90188,-0.9018797 2.361425,-0.9018797 3.263305,0 0.901879,0.90187976 0.901879,2.36334796 0,3.26330476 l -5.30359,6.0612466 5.30359,6.057402 c 0.901879,0.90188 0.901879,2.363347 0,3.265227 z' /%3E%3C/svg%3E\")}.wf-search .results{overflow:hidden}.wf-search .wf-search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.wf-search .wf-search-input-container input{margin:auto;display:block;padding:1rem;font-size:2rem;font-weight:600;width:100%;border:1px solid #000;outline:0;background-repeat:no-repeat;user-select:none}.wf-search .wf-keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.wf-search .wf-keyboard .keyboard-row{margin:auto;display:flex}.wf-search .wf-keyboard .keyboard-key{text-align:center;width:4ch;height:4ch;line-height:1.5;overflow:hidden;user-select:none}.wf-search .wf-keyboard .keyboard-key:last-child{margin-right:0}.wf-search .wf-keyboard .keyboard-key:active{background-color:#00f}.wf-search .wf-keyboard .keyboard-key2x{width:8ch}.wf-search .wf-keyboard .keyboard-key3x{width:12ch}.wf-search .wf-keyboard .keyboard-key_spacebar{width:24ch}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$l = undefined;
+/* module identifier */
+const __vue_module_identifier__$l = undefined;
+/* functional template */
+const __vue_is_functional_template__$l = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$C = /*#__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 __vue_component__$D = __vue_component__$C;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$k = {
+  name: 'Loading'
 };
 
 /* script */
@@ -4413,34 +4836,46 @@ const __vue_script__$k = script$k;
 
 /* template */
 var __vue_render__$k = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  _vm._self._c || _h;
+  return _vm._m(0);
+};
+var __vue_staticRenderFns__$k = [function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    staticClass: "wf-date"
-  }, [_vm._v("\n  " + _vm._s(_vm.datestr) + "\n")]);
-};
-var __vue_staticRenderFns__$k = [];
+    staticClass: "loading"
+  }, [_c('div', {
+    staticClass: "lds-ellipsis"
+  }, [_c('div'), _vm._v(" "), _c('div'), _vm._v(" "), _c('div'), _vm._v(" "), _c('div')])]);
+}];
 
 /* style */
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$k = function (inject) {
+  if (!inject) return;
+  inject("data-v-7e3728f4_0", {
+    source: ".loading[data-v-7e3728f4]{width:100%;height:100vh;position:absolute;top:0;bottom:0;display:flex;z-index:100;justify-content:center;align-items:center;background-color:#fff}.lds-ellipsis[data-v-7e3728f4]{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div[data-v-7e3728f4]{position:absolute;display:inline-block;top:33px;width:13px;height:13px;border-radius:50%;background:#333;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div[data-v-7e3728f4]:nth-child(1){left:8px;animation:lds-ellipsis1-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(2){left:8px;animation:lds-ellipsis2-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(3){left:32px;animation:lds-ellipsis2-data-v-7e3728f4 .6s infinite}.lds-ellipsis div[data-v-7e3728f4]:nth-child(4){left:56px;animation:lds-ellipsis3-data-v-7e3728f4 .6s infinite}@keyframes lds-ellipsis1-data-v-7e3728f4{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3-data-v-7e3728f4{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2-data-v-7e3728f4{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$k = "data-v-7e3728f4";
 /* 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__$y = /*#__PURE__*/normalizeComponent({
+const __vue_component__$A = /*#__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 __vue_component__$z = __vue_component__$y;
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+var __vue_component__$B = __vue_component__$A;
 
 //
 //
@@ -4448,53 +4883,241 @@ var __vue_component__$z = __vue_component__$y;
 //
 //
 //
-//
-//
 
 var script$j = {
-  name: 'Tabs',
-  props: {
-    activeTab: '',
-    animate: {
-      type: String,
-      default: "none"
-    }
-  },
-  data: () => ({
-    tabs: [],
-    activeTabIndex: 0,
-    currentTab: null
-  }),
-  created() {
-    this.tabs = this.$children;
+  name: "Clock",
+  data() {
+    return {
+      time: new Date()
+    };
   },
   mounted() {
-    if (this.$props.activeTab) {
-      this.activate(this.$props.activeTab);
-    } else {
-      console.log('no active tab');
-    }
+    setTimeout(this.addTime, 500);
   },
-  watch: {
-    activeTab: function () {
-      // watch it
-      this.activate();
+  computed: {
+    hours() {
+      return (this.time.getHours() < 10 ? "0" : "") + this.time.getHours();
+    },
+    minutes() {
+      return (this.time.getMinutes() < 10 ? "0" : "") + this.time.getMinutes();
+    },
+    seconds() {
+      return (this.time.getSeconds() < 10 ? "0" : "") + this.time.getSeconds();
     }
   },
   methods: {
-    activate() {
-      //console.log('tabs.activate', this.activeTab, this.$props.activeTab)
-      this.currentTab = null;
-      let activeTab = 0;
-      for (var tab in this.tabs) {
-        if (this.tabs[tab].name == this.$props.activeTab) {
-          this.tabs[tab].isActive = true;
-          this.tabs[tab].isVisible = true;
-          this.$emit('tabChanged', this.tabs[tab]);
-          this.currentTab = this.tabs[tab];
-          this.activeTabIndex = tab;
-          activeTab = tab;
-          //this.tabs[tab].style.display = "block";
+    addTime() {
+      this.time = new Date();
+      setTimeout(this.addTime, 500);
+    }
+  }
+};
+
+/* 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-clock"
+  }, [_c('div', [_c('span', {
+    staticClass: "wf-clock-hours"
+  }, [_vm._v(_vm._s(_vm.hours))]), _c('span', {
+    staticClass: "wf-clock-sp"
+  }, [_vm._v(":")]), _c('span', {
+    staticClass: "wf-clock-minutes"
+  }, [_vm._v(_vm._s(_vm.minutes))])])]);
+};
+var __vue_staticRenderFns__$j = [];
+
+/* style */
+const __vue_inject_styles__$j = undefined;
+/* scoped */
+const __vue_scope_id__$j = undefined;
+/* 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 */
+
+const __vue_component__$y = /*#__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);
+var __vue_component__$z = __vue_component__$y;
+
+//
+function loadScript$1(url, callback) {
+  var s = document.createElement('script');
+  s.type = 'text/javascript';
+  s.async = true;
+  var x = document.getElementsByTagName('head')[0];
+  x.appendChild(s);
+  if (typeof callback == "function") {
+    s.onload = callback;
+    s.src = url;
+  }
+}
+var script$i = {
+  name: "Date",
+  props: {
+    format: {
+      type: String,
+      default: "DD.MM"
+    }
+  },
+  data() {
+    return {
+      time: new Date(),
+      locales: {}
+    };
+  },
+  mounted() {
+    setTimeout(this.addDate, 1000);
+    if (typeof dayjs === "undefined") {
+      console.warn("WFDate dayjs is not loaded");
+    }
+    this.loadLocale(this.language);
+  },
+  computed: {
+    ...mapState('wf', ['language']),
+    datestr() {
+      //console.log('datestr', this.time, typeof dayjs, this.language !== '' ? this.language : 'en')
+      if (typeof dayjs === "object") {
+        return dayjs(this.time).format(this.format);
+      } else {
+        return this.time.toLocaleString(this.language !== '' ? this.language : 'en', {
+          "dateStyle": "long"
+        });
+      }
+    }
+  },
+  watch: {
+    language() {
+      this.time = new Date();
+      if (typeof dayjs === "object") {
+        if (!this.locales[this.language]) {
+          this.loadLocale(this.language);
+        }
+        dayjs.locale(this.language);
+      }
+    }
+  },
+  methods: {
+    addDate() {
+      this.time = new Date();
+      setTimeout(this.addDate, 60 * 1000);
+    },
+    loadLocale(locale) {
+      if (this.$wayfinder) {
+        loadScript$1(this.$wayfinder.options.assetsLocation + "/dayjs/locale/" + locale + ".js", a => {
+          this.locales[locale] = true;
+          if (this.language == locale && typeof dayjs !== "undefined") {
+            //console.log('locale.set', locale, this.language, "dayjs", typeof dayjs)
+            dayjs.locale(this.language !== '' ? this.language : 'en');
+          }
+        });
+      } else {
+        console.warn('wayfinder not present');
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$i = script$i;
+
+/* template */
+var __vue_render__$i = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "wf-date"
+  }, [_vm._v("\n  " + _vm._s(_vm.datestr) + "\n")]);
+};
+var __vue_staticRenderFns__$i = [];
+
+/* style */
+const __vue_inject_styles__$i = undefined;
+/* scoped */
+const __vue_scope_id__$i = undefined;
+/* module identifier */
+const __vue_module_identifier__$i = undefined;
+/* functional template */
+const __vue_is_functional_template__$i = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$w = /*#__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, undefined, undefined, undefined);
+var __vue_component__$x = __vue_component__$w;
+
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$h = {
+  name: 'Tabs',
+  props: {
+    activeTab: '',
+    animate: {
+      type: String,
+      default: "none"
+    }
+  },
+  data: () => ({
+    tabs: [],
+    activeTabIndex: 0,
+    currentTab: null
+  }),
+  created() {
+    this.tabs = this.$children;
+  },
+  mounted() {
+    if (this.$props.activeTab) {
+      this.activate(this.$props.activeTab);
+    } else {
+      console.log('no active tab');
+    }
+  },
+  watch: {
+    activeTab: function () {
+      // watch it
+      this.activate();
+    }
+  },
+  methods: {
+    activate() {
+      //console.log('tabs.activate', this.activeTab, this.$props.activeTab)
+      this.currentTab = null;
+      let activeTab = 0;
+      for (var tab in this.tabs) {
+        if (this.tabs[tab].name == this.$props.activeTab) {
+          this.tabs[tab].isActive = true;
+          this.tabs[tab].isVisible = true;
+          this.$emit('tabChanged', this.tabs[tab]);
+          this.currentTab = this.tabs[tab];
+          this.activeTabIndex = tab;
+          activeTab = tab;
+          //this.tabs[tab].style.display = "block";
           this.$nextTick(() => {
             this.slide(activeTab);
           });
@@ -4515,10 +5138,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$h = script$h;
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$h = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4531,10 +5154,10 @@ var __vue_render__$j = function () {
     staticClass: "wf-tabs-content"
   }, [_vm._t("default")], 2)]);
 };
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$h = [];
 
 /* style */
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-fc7bd0f2_0", {
     source: ".wf-tabs[data-v-fc7bd0f2]{overflow:hidden;position:relative;width:100%;height:100%}.wf-tabs-content[data-v-fc7bd0f2]{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-fc7bd0f2]{flex-direction:column}.wf-tab[data-v-fc7bd0f2]{opacity:0;transition:opacity .3s ease-out .5s}.wf-tabs-animate-none .wf-tab[data-v-fc7bd0f2]{transition:none!important}.wf-tab.wf-active[data-v-fc7bd0f2]{opacity:1;transition:opacity .3s ease-in}.wf-tabs.wf-tabs-animate-horizontal .wf-tabs-content[data-v-fc7bd0f2],.wf-tabs.wf-tabs-animate-vertical .wf-tabs-content[data-v-fc7bd0f2]{transition:transform .5s ease-in-out .2s}",
@@ -4543,20 +5166,20 @@ const __vue_inject_styles__$j = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$j = "data-v-fc7bd0f2";
+const __vue_scope_id__$h = "data-v-fc7bd0f2";
 /* module identifier */
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__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 __vue_component__$x = __vue_component__$w;
+const __vue_component__$u = /*#__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);
+var __vue_component__$v = __vue_component__$u;
 
 //
 //
@@ -4565,7 +5188,7 @@ var __vue_component__$x = __vue_component__$w;
 //
 //
 
-var script$i = {
+var script$g = {
   name: 'Tab',
   props: {
     name: ''
@@ -4579,10 +5202,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$g = script$g;
 
 /* template */
-var __vue_render__$i = function () {
+var __vue_render__$g = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4593,10 +5216,10 @@ var __vue_render__$i = function () {
     }
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$g = [];
 
 /* style */
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-b8114d98_0", {
     source: ".wf-tab[data-v-b8114d98]{overflow:hidden;flex-grow:1;flex-shrink:0;width:100%}",
@@ -4605,23 +5228,23 @@ const __vue_inject_styles__$i = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$i = "data-v-b8114d98";
+const __vue_scope_id__$g = "data-v-b8114d98";
 /* module identifier */
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__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 __vue_component__$v = __vue_component__$u;
+const __vue_component__$s = /*#__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 __vue_component__$t = __vue_component__$s;
 
 //
-var script$h = {
+var script$f = {
   name: 'Tabs',
   computed: {
     ...mapState('wf', ['currentTab', 'searchVisible', 'mobile', 'landscape', 'shortcuts', 'language'])
@@ -4640,10 +5263,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$f = script$f;
 
 /* template */
-var __vue_render__$h = function () {
+var __vue_render__$f = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4709,10 +5332,10 @@ var __vue_render__$h = function () {
     }
   })]);
 };
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$f = [];
 
 /* style */
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
   inject("data-v-5229b2f8_0", {
     source: ".wf-tab-buttons[data-v-5229b2f8]{display:flex;align-content:stretch;justify-content:space-between}.wf-tab-buttons .wf-item[data-v-5229b2f8]{background-size:auto 30%;background-repeat:no-repeat}",
@@ -4721,27 +5344,27 @@ const __vue_inject_styles__$h = function (inject) {
   });
 };
 /* scoped */
-const __vue_scope_id__$h = "data-v-5229b2f8";
+const __vue_scope_id__$f = "data-v-5229b2f8";
 /* module identifier */
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__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);
-var __vue_component__$t = __vue_component__$s;
+const __vue_component__$q = /*#__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 __vue_component__$r = __vue_component__$q;
 
 var scrollarea_common = createCommonjsModule(function (module) {
 module.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s});},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0});},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)i.d(s,n,function(e){return t[e]}.bind(null,n));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=1)}([function(t,e){t.exports={create:function(){return [0,0]},clone:function(t){var e=new Array(2);return e[0]=t[0],e[1]=t[1],e},fromValues:function(t,e){var i=new Array(2);return i[0]=t,i[1]=e,i},copy:function(t,e){return t[0]=e[0],t[1]=e[1],t},set:function(t,e,i){return t[0]=e,t[1]=i,t},add:function(t,e,i){return t[0]=e[0]+i[0],t[1]=e[1]+i[1],t},sub:function(t,e,i){return t[0]=e[0]-i[0],t[1]=e[1]-i[1],t},mul:function(t,e,i){return t[0]=e[0]*i[0],t[1]=e[1]*i[1],t},div:function(t,e,i){return t[0]=e[0]/i[0],t[1]=e[1]/i[1],t},min:function(t,e,i){return t[0]=Math.min(e[0],i[0]),t[1]=Math.min(e[1],i[1]),t},max:function(t,e,i){return t[0]=Math.max(e[0],i[0]),t[1]=Math.max(e[1],i[1]),t},scale:function(t,e,i){return t[0]=e[0]*i,t[1]=e[1]*i,t},dist:function(t,e){var i=e[0]-t[0],s=e[1]-t[1];return Math.sqrt(i*i+s*s)},sqrDist:function(t,e){var i=e[0]-t[0],s=e[1]-t[1];return i*i+s*s},len:function(t){var e=t[0],i=t[1];return Math.sqrt(e*e+i*i)},length:function(t){var e=t[0],i=t[1];return Math.sqrt(e*e+i*i)},sqrLen:function(t){var e=t[0],i=t[1];return e*e+i*i},negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},normalize:function(t,e){var i=e[0],s=e[1],n=i*i+s*s;return n>0&&(n=1/Math.sqrt(n),t[0]=e[0]*n,t[1]=e[1]*n),t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},cross:function(t,e,i){var s=e[0]*i[1]-e[1]*i[0];return t[0]=t[1]=0,t[2]=s,t},lerp:function(t,e,i,s){var n=e[0],o=e[1];return t[0]=n+s*(i[0]-n),t[1]=o+s*(i[1]-o),t},transformMat2:function(t,e,i){var s=e[0],n=e[1];return t[0]=s*i[0]+n*i[1],t[1]=s*i[2]+n*i[3],t},str:function(t){return "this("+t[0]+", "+t[1]+")"}};},function(t,e,i){i.r(e),i.d(e,"ScrollArea",(function(){return r}));var s=i(0),n=i.n(s);class o{constructor(t,e){this.position=n.a.create(),this.contentSize=t,this.viewSize=e,this.contentViewRatio=n.a.div(n.a.create(),this.getViewSize(),this.getContentSize()),this._maxPosition=n.a.create(),this._minPosition=n.a.create(),this._vec2cache=n.a.create();}getViewPosition(){return this.position}getContentPosition(){return this.position}clampPosition(){n.a.max(this._maxPosition,this.getViewSize(),this.getContentSize()),n.a.min(this._minPosition,this.getViewSize(),this.getContentSize()),n.a.sub(this._maxPosition,this._maxPosition,this._minPosition),this.getContentSize()[0]<=this.getViewSize()[0]&&(this._maxPosition[0]=0),this.getContentSize()[1]<=this.getViewSize()[1]&&(this._maxPosition[1]=0),this.position=this.clamp(this.position,n.a.create(),this._maxPosition);}setViewPosition(t){!isNaN(parseFloat(t[0]))&&isFinite(t[0])&&!isNaN(parseFloat(t[1]))&&isFinite(t[1])&&(this.position=t,this.clampPosition());}move(t){t&&this.setViewPosition(n.a.sub(t,this.getViewPosition(),t));}setViewSize(t,e){n.a.set(this.viewSize,t,e),n.a.div(this.contentViewRatio,this.getViewSize(),this.getContentSize()),this.clampPosition();}setContentSize(t,e){n.a.set(this.contentSize,t,e),n.a.div(this.contentViewRatio,this.getViewSize(),this.getContentSize()),this.clampPosition();}isContentLonger(){return this.viewSize[1]<this.contentSize[1]}isContentWider(){return this.viewSize[0]<this.contentSize[0]}getContentSize(){return this.contentSize}getViewSize(){return this.viewSize}clamp(t,e,i){var s=n.a.clone(t);return n.a.max(s,s,e),n.a.min(s,s,i),s}getPercentagePosition(){return n.a.div(n.a.create(),this.position,this.viewSize)}getRelativePosition(){return n.a.sub(this._vec2cache,this.getViewSize(),this.getContentSize()),0!==n.a.len(this._vec2cache)&&n.a.div(this._vec2cache,this.getViewPosition(),n.a.sub(this._vec2cache,this.getViewSize(),this.getContentSize())),this._vec2cache}getContentViewRatio(){return this.contentViewRatio}}class a{constructor(t,e){this.options=e||{},this.vertical="vertical"==this.getOption("direction"),this.position=0,this.mouseDelta=n.a.create(),this.onScroll=!1,this.parentElement=t,this.element=document.createElement("div"),this.element.classList.add("sa-scrollbar"),this.element.classList.add("sa-scrollbar-position-"+this.getOption("scollbarPosition")),this.element.style.position="absolute",this.element.style.right="0",this.element.style.bottom="0",this.vertical?this.element.style.top="0":this.element.style.left="0",this.bar=document.createElement("div"),this.bar.style.minWidth="1px",this.bar.classList.add("sa-bar"),this.element.appendChild(this.bar),t.appendChild(this.element),this.element.addEventListener("click",t=>{var e=this.element.getBoundingClientRect();this.clickToPosition(t.clientX-e.left,t.clientY-e.top),t.stopPropagation(),t.preventDefault();}),this.view=new o(n.a.fromValues(this.element.clientWidth,this.element.clientHeight),n.a.fromValues(this.bar.clientWidth,this.bar.clientHeight));}getOption(t){return this.options[t]}attachEvents(t){t.addEventListener("mousedown",t=>{this.mousedown=!0,t.stopPropagation(),t.preventDefault();}),window.addEventListener("mousemove",t=>{if(this.mousedown){var e=n.a.fromValues(t.movementX,t.movementY);this.deltaMove=e,this.lastTime=Date.now(),this.getOption("reverse"),this.scroll(e);}}),window.addEventListener("mouseup",t=>{this.mousedown=!1;}),t.addEventListener("touchstart",t=>{t.touches&&t.touches.length>0&&(this.lastTouch=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY));},!1),window.addEventListener("touchend",t=>{this.lastTouch=null;},!1),window.addEventListener("touchcancel",t=>{this.lastTouch=null;},!1),window.addEventListener("touchmove",t=>{if(t.touches&&t.touches.length>0){if(this.lastTouch){var e=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);this.getOption("reverse")?this.scroll(n.a.sub(e,this.lastTouch,e)):this.scroll(n.a.sub(e,e,this.lastTouch));}this.lastTouch=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);}},!1);}scroll(t){var e=this;window.requestAnimationFrame((function(){e.view.move(t),t=n.a.clone(e.view.getContentPosition()),e.setPosition(t),e.updateCallback&&"function"==typeof e.updateCallback&&e.updateCallback(me);}));}clickToPosition(t,e){this.view.getViewSize()[0],this.element.clientWidth,this.view.getViewSize()[1],this.element.clientHeight;}setPosition(t){var e=1;this.getOption("swapContainers")&&(e=-1),this.bar.style.transform="translate("+t[0]*e+"px,"+t[1]*e+"px)",this.scrolling=!1;}clear(){this.position=0,this.setPosition(0);}getBarLength(){return this.vertical?parseInt(Math.ceil(this.bar.clientHeight)):parseInt(Math.ceil(this.bar.clientWidth))}getViewLength(){return this.vertical?this.view.getViewSize()[1]:this.view.getViewSize()[0]}getContentLength(){return this.vertical?this.view.getContentSize()[1]:this.view.getContentSize()[0]}setContentPosition(t){var e=n.a.create(),i=t.getContentViewRatio()[this.vertical?1:0];n.a.scale(e,t.getContentPosition(),i),this.view.setViewPosition(e),this.setPosition(this.view.getContentPosition());}getPercentage(){return n.a.len(this.view.getViewPosition())/this.getViewLength()}resizeContent(t){t?(this.vertical?(this.bar.style.height=Math.floor(t.getViewSize()[1]*t.getContentViewRatio()[1])+"px",this.element.style.height=t.getViewSize()[1]+"px",this.element.style.visibility=t.isContentLonger()?"visible":"hidden"):(this.bar.style.width=Math.floor(t.getViewSize()[0]*t.getContentViewRatio()[0])+"px",this.element.style.width=t.getViewSize()[0]+"px",this.element.style.visibility=t.isContentWider()?"visible":"hidden"),this.resize()):console.warn("View undefined");}resize(){this.getOption("swapContainers")?(this.view.setViewSize(parseInt(this.element.clientWidth),parseInt(this.element.clientHeight)),this.view.setContentSize(parseInt(this.bar.clientWidth),parseInt(this.bar.clientHeight))):(this.view.setViewSize(parseInt(this.bar.clientWidth),parseInt(this.bar.clientHeight)),this.view.setContentSize(parseInt(this.element.clientWidth),parseInt(this.element.clientHeight)));}}class r{constructor(t,e,i){this.container=null,this.content=null,this.logContainer=null,this.options={smooth:!0,reverse:!1,swapContainers:!1,updateInterval:10,wheelSpeed:50,scollbarPosition:"right",direction:"vertical"},void 0!==i&&i&&(this.options=this.chooseOptions(this.options,i)),this.setContainer(t),this.events={change:[],layout:[],ready:[]},this.lastTouch=null,this.deltaMove=n.a.create(),this.lastMouse=n.a.create(),this.mouseCache=n.a.create(),this.lastTime=0,this.deltaTime=0,this.smoothDistance=null,this.timeout=null,this.smoothCoeficent=n.a.fromValues(11,11),this.positionClassNames=["sa-on-left","sa-on-right","sa-on-top","sa-on-bottom"],this.mousedown=!1,this.touchstart=!1,this.mousestart=!1,this._vec2cache=n.a.create();this.container;if(this.getOption("swapContainers")?this.view=new o(n.a.fromValues(this.container.clientWidth,this.container.clientHeight),n.a.fromValues(this.content.clientWidth,this.content.clientHeight)):(this.content,this.view=new o(n.a.fromValues(this.content.clientWidth,this.content.clientHeight),n.a.fromValues(this.container.clientWidth,this.container.clientHeight))),this.container.style.position="relative",this.container.style.overflow="hidden",this.container.style.userSelect="none",this.container.style.webkitUserSelect="none",this.attachEvents(this.container),this.scrollbarV=new a(this.container,{direction:"vertical",scollbarPosition:"right",reverse:this.options.reverse,swapContainers:this.options.swapContainers}),this.scrollbarH=new a(this.container,{direction:"horizontal",scollbarPosition:"bottom",reverse:this.options.reverse}),"undefined"!=typeof ResizeObserver&&this.container){var s=this,r=0;this.resizeObserver=new ResizeObserver((function(){r&&clearTimeout(r),r=setTimeout((function(){s.resize();}),300);})),this.resizeObserver.observe(this.container),this.resizeObserver.observe(this.content);}this.checkContentPosition();}calcVelocity(t){this.lastTime&&(this.deltaTime=(this.deltaTime+(Date.now()-this.lastTime))/2),n.a.scale(this.deltaMove,n.a.add(this.deltaMove,this.deltaMove,t),.5),this.lastTime=Date.now();}attachEvents(t){t.addEventListener("mousewheel",t=>{var e=0;t.originalEvent&&(t=t.originalEvent),e="wheelDelta"in t?t.wheelDelta<0?-1:1:t.deltaY>0||t.deltaY<0?1:-1,this.scroll(n.a.fromValues(0,this.getOption("wheelSpeed")*e));}),t.addEventListener("mousedown",t=>{n.a.set(this.lastMouse,t.screenX,t.screenY),n.a.set(this.deltaMove,0,0),this.lastTime=Date.now(),this.mousestart=setTimeout(()=>{this.mousedown=!0;},120);}),window.addEventListener("mousemove",t=>{this.mousedown&&(n.a.sub(this.mouseCache,n.a.fromValues(t.screenX,t.screenY),this.lastMouse),n.a.set(this.lastMouse,t.screenX,t.screenY),this.calcVelocity(this.mouseCache),this.getOption("reverse"),this.scroll(this.mouseCache.slice()));}),window.addEventListener("mouseup",t=>{this.onEndDrag(this.deltaMove,this.deltaTime),this.mousedown=!1,clearTimeout(this.mousestart);}),t.addEventListener("touchstart",t=>{t.touches&&t.touches.length>0&&(this.mousedown=!0,this.lastTouch=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY),this.lastTime=Date.now());},!1),window.addEventListener("touchend",t=>{this.onEndDrag(n.a.negate(this.deltaMove,this.deltaMove),Date.now()-this.lastTime),this.lastTouch=null,this.mousedown=!1;},!1),window.addEventListener("touchcancel",t=>{this.onEndDrag(n.a.negate(this.deltaMove,this.deltaMove),Date.now()-this.lastTime),this.lastTouch=null,this.mousedown=!1;},!1),window.addEventListener("touchmove",t=>{if(t.touches&&t.touches.length>0&&this.mousedown){if(this.lastTouch){var e=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);this.getOption("reverse")?this.scroll(n.a.sub(e,this.lastTouch,e)):this.scroll(n.a.sub(e,e,this.lastTouch));}this.lastTouch=n.a.fromValues(t.touches[0].screenX,t.touches[0].screenY),this.lastTime=Date.now();}},!1);}onEndDrag(t,e){if(!(e<=0)){var i=n.a.len(t)/e;if(this.getOption("smooth")&&i>.3){var s=n.a.create();n.a.scale(s,t,i),this.getOption("reverse");var o=this;this.stop();var a=n.a.create(),r=function(){n.a.div(a,s,o.smoothCoeficent),n.a.sqrLen(a)>3?(n.a.sub(s,s,a),window.requestAnimationFrame(r),o.scroll(a)):o.scrolling=!1;};this.timeout=window.requestAnimationFrame(r);}else this.scrolling=!1;}}stop(){this.scrolling=!1;}resize(){this.getOption("swapContainers")?(this.view.setViewSize(parseInt(Math.ceil(this.content.clientWidth)),parseInt(Math.ceil(this.content.clientHeight))),this.view.setContentSize(parseInt(this.container.clientWidth),parseInt(Math.ceilthis.container.clientHeight))):(this.view.setViewSize(parseInt(this.container.clientWidth),parseInt(this.container.clientHeight)),this.view.setContentSize(parseInt(Math.ceil(this.content.clientWidth)),parseInt(Math.ceil(this.content.clientHeight)))),this.checkIfScrollIsNeeded(),this.scrollbarV&&this.scrollbarV.resizeContent(this.view),this.scrollbarH&&this.scrollbarH.resizeContent(this.view);}reset(){this.scrollToSection(0,0,!1),this.scrollToSection(0,1,!1);}checkIfScrollIsNeeded(){this.view.isContentLonger()?this.container.classList.add("sa-content-longer"):this.container.classList.remove("sa-content-longer"),this.view.isContentWider()?this.container.classList.add("sa-content-wider"):this.container.classList.remove("sa-content-wider");}chooseOptions(t,e){for(var i in e)t[i]&&(t[i]=e[i]);return t}setContainer(t){switch(typeof t){case"undefined":this.container=document.createElement("div"),document.body.appendChild(this.container);break;case"string":this.container=document.getElementById(t);break;default:this.container=t;}this.container&&(this.content=this.container.firstElementChild);}getOption(t){return this.options[t]}on(t,e){"object"!=typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e);}trigger(){let t=Array.prototype.slice.call(arguments);if(t.length>0){let e=t[0];if(t.shift(),this.events[e]){let i;for(let s=0,n=this.events[e].length;s<n;s++)i=this.events[e][s],"function"==typeof i&&i.apply(this,t);}}}scroll(t){var e=this;Math.abs(n.a.len(t))>=0&&window.requestAnimationFrame((function(){e.view.move(t);var i=n.a.clone(e.view.getContentPosition());e.setContentOffset(i),e.scrollbarV.setContentPosition(e.view),e.scrollbarH.setContentPosition(e.view),e.updateCallback&&"function"==typeof e.updateCallback&&e.updateCallback(me);}));}smoothScroll(t,e){if(!(e<=0)){var i=n.a.create(),s=n.a.clone(t),o=e,a=Date.now(),r=0,h=this,l=function(){o=Date.now()-a,r=1-Math.pow(1-Math.min(1,o/e),3),n.a.scale(i,s,r),n.a.sub(s,s,i),o<e?(window.requestAnimationFrame(l),n.a.len(s)>0?h.scroll(i):h.scroll(n.a.sub(i,i,s))):(n.a.len(s)>0&&h.scroll(s),h.scrolling=!1);};this.timeout=window.requestAnimationFrame(l);}}setContentOffset(t){var e=-1;this.getOption("swapContainers")&&(e=1),this.content.style.transform="translate("+t[0]*e+"px,"+t[1]*e+"px)",this.scrolling=!1,this.checkContentPosition();}checkContentPosition(){var t=this.view.getRelativePosition(),e=[];0===t[0]&&e.push("sa-on-left"),0===t[1]&&e.push("sa-on-top"),1===Math.abs(t[0])&&e.push("sa-on-right"),1===Math.abs(t[1])&&e.push("sa-on-bottom"),e!==this.positionClassNames&&(this.container.classList.remove(...this.positionClassNames),e&&e.length>0&&this.container.classList.add(...e),this.positionClassNames=e);}scrollToSection(t,e,i,s){let o=n.a.mul(n.a.create(),this.view.getContentSize(),this.view.getContentViewRatio()),a=n.a.scale(n.a.create(),o,t);const r=s||1;0==e?a[1]=0:a[0]=0;let h=n.a.sub(n.a.create(),this.view.getContentPosition(),a);if(i){let t=n.a.len(h)*r;this.smoothScroll(h,t);}else this.scroll(h,h);}log(t){if(this.logContainer){let e=document.createElement("p"),i=document.createTextNode(t);e.appendChild(i),this.logContainer.appendChild(e),this.logContainer.children.length>10&&this.logContainer.removeChild(this.logContainer.getElementsByTagName("p")[0]);}}setLogContainer(t){this.logContainer=t;}}}]).ScrollArea;
 });
 
 //
-var script$g = {
+var script$e = {
   name: 'ScrollableArea',
   props: {
     enable: {
@@ -4795,10 +5418,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$e = script$e;
 
 /* template */
-var __vue_render__$g = function () {
+var __vue_render__$e = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4810,30 +5433,30 @@ var __vue_render__$g = function () {
     }
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$e = [];
 
 /* style */
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$e = undefined;
 /* scoped */
-const __vue_scope_id__$g = "data-v-6310fbf1";
+const __vue_scope_id__$e = "data-v-6310fbf1";
 /* module identifier */
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
-var __vue_component__$r = __vue_component__$q;
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+var __vue_component__$p = __vue_component__$o;
 
 //
-var script$f = {
+var script$d = {
   name: 'Banner',
   props: {
     template: String,
@@ -5084,10 +5707,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$d = script$d;
 
 /* template */
-var __vue_render__$f = function () {
+var __vue_render__$d = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -5160,461 +5783,124 @@ var __vue_render__$f = function () {
     })], 2);
   }), 0);
 };
-var __vue_staticRenderFns__$f = [];
-
-/* style */
-const __vue_inject_styles__$f = function (inject) {
-  if (!inject) return;
-  inject("data-v-6ac4a309_0", {
-    source: ".wf-banner[data-v-6ac4a309]{position:relative;width:100%;height:100%}.wf-banner .wf-frame[data-v-6ac4a309]{width:100%;height:100%;position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;left:0;top:0;opacity:0;transition:opacity .5s ease-in-out}.wf-banner .wf-frame .wf-frame-container[data-v-6ac4a309]{position:absolute}.wf-banner .wf-frame .wf-frame-container img[data-v-6ac4a309]{object-fit:cover;width:100%;height:100%}.wf-banner .wf-frame.wf-active[data-v-6ac4a309]{opacity:1;transition:opacity .5s ease-in-out}.wf-banner .wf-frame video[data-v-6ac4a309]{position:relative;top:50%;transform:translateY(-50%)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$f = "data-v-6ac4a309";
-/* 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__$o = /*#__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 __vue_component__$p = __vue_component__$o;
-
-//
-var script$e = {
-  name: 'AlphabetMenu',
-  props: {
-    pois: {
-      type: Array,
-      default: []
-    },
-    overrideChar: {
-      type: String,
-      default: ""
-    },
-    showInMenu: {
-      type: Boolean,
-      default: true
-    },
-    group: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      currentChar: "",
-      alphabet: [],
-      poisWithChar: {},
-      groupChars: [],
-      groupLabel: ""
-    };
-  },
-  computed: {
-    //yahLogo
-    ...mapState('wf', ['language'])
-  },
-  watch: {
-    pois() {
-      this.makeGrouping();
-      this.generate();
-    },
-    overrideChar() {
-      if (this.overrideChar && this.overrideChar !== "") {
-        this.currentChar = this.overrideChar;
-      }
-    },
-    group() {
-      this.makeGrouping();
-    }
-  },
-  methods: {
-    onAZ(letter) {
-      this.currentChar = letter;
-      this.$emit("clicked", letter, this.poisWithChar[letter]);
-    },
-    makeGrouping() {
-      if (this.group) {
-        this.groupChars = this.group.toLowerCase().split("");
-        if (this.groupChars.length > 1) {
-          this.groupLabel = this.groupChars[0] + " - " + this.groupChars[this.groupChars.length - 1];
-        } else {
-          this.groupLabel = this.groupChars[0];
-        }
-        this.generate();
-      }
-    },
-    generate() {
-      let letters = [];
-      this.poisWithChar = [];
-      let poi, char;
-      for (let p in this.pois) {
-        poi = this.pois[p];
-        if ((!this.showInMenu || poi.getShowInMenu()) && poi.getName(this.language) && poi.getName(this.language).length > 0) {
-          char = poi.getName(this.language)[0].toLowerCase();
-          if (this.groupChars.indexOf(char) > -1) {
-            if (letters.indexOf(this.groupLabel) == -1) {
-              letters.push(this.groupLabel);
-              this.poisWithChar[this.groupLabel] = [];
-            }
-            this.poisWithChar[this.groupLabel].push(poi);
-          } else {
-            if (letters.indexOf(char) == -1) {
-              letters.push(char);
-            }
-            if (!this.poisWithChar[char]) {
-              this.poisWithChar[char] = [];
-            }
-            this.poisWithChar[char].push(poi);
-          }
-        }
-      }
-      letters.sort();
-      this.alphabet = letters;
-    }
-  }
-};
-
-/* 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 _c('ul', {
-    staticClass: "wf-component wf-alphabet-menu"
-  }, _vm._l(_vm.alphabet, function (l) {
-    return _c('li', {
-      key: l,
-      class: [_vm.currentChar == l ? 'wf-active' : '', 'wf-char-' + l],
-      on: {
-        "click": function ($event) {
-          return _vm.onAZ(l);
-        }
-      }
-    }, [_vm._v(_vm._s(l))]);
-  }), 0);
-};
-var __vue_staticRenderFns__$e = [];
-
-/* style */
-const __vue_inject_styles__$e = function (inject) {
-  if (!inject) return;
-  inject("data-v-58de4247_0", {
-    source: ".wf-alphabet-menu{list-style:none;padding:0;margin:0}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$e = undefined;
-/* module identifier */
-const __vue_module_identifier__$e = undefined;
-/* functional template */
-const __vue_is_functional_template__$e = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$m = /*#__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);
-var __vue_component__$n = __vue_component__$m;
-
-//
-//
-//
-//
-//
-
-//import Icons from '../assets/icons.svg';
-var script$d = {
-  props: ["name", "width", "height"],
-  computed: {
-    iconName() {
-      return "#icon-" + this.name;
-    }
-  }
-};
-
-/* script */
-const __vue_script__$d = script$d;
-
-/* template */
-var __vue_render__$d = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('svg', {
-    staticClass: "wf-icon",
-    class: ["wf-icon-" + this.name],
-    attrs: {
-      "viewbox": "0 0 32 32"
-    }
-  }, [_c('use', {
-    attrs: {
-      "xlink:href": _vm.iconName
-    }
-  })]);
-};
 var __vue_staticRenderFns__$d = [];
 
 /* style */
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-6281073a_0", {
-    source: "svg[data-v-6281073a]{min-height:1rem;display:inline-block}",
+  inject("data-v-6ac4a309_0", {
+    source: ".wf-banner[data-v-6ac4a309]{position:relative;width:100%;height:100%}.wf-banner .wf-frame[data-v-6ac4a309]{width:100%;height:100%;position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;left:0;top:0;opacity:0;transition:opacity .5s ease-in-out}.wf-banner .wf-frame .wf-frame-container[data-v-6ac4a309]{position:absolute}.wf-banner .wf-frame .wf-frame-container img[data-v-6ac4a309]{object-fit:cover;width:100%;height:100%}.wf-banner .wf-frame.wf-active[data-v-6ac4a309]{opacity:1;transition:opacity .5s ease-in-out}.wf-banner .wf-frame video[data-v-6ac4a309]{position:relative;top:50%;transform:translateY(-50%)}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$d = "data-v-6281073a";
+const __vue_scope_id__$d = "data-v-6ac4a309";
 /* module identifier */
 const __vue_module_identifier__$d = undefined;
-/* functional template */
-const __vue_is_functional_template__$d = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
-var WFIcon = __vue_component__$l;
-
-//
-var script$c = {
-  name: 'DropDown',
-  components: {
-    WFIcon
-  },
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      default: null
-    },
-    placeholder: {
-      type: String,
-      default: 'Select option'
-    },
-    minSearchChars: {
-      type: Number,
-      default: 2
-    },
-    debounceMs: {
-      type: Number,
-      default: 200
-    },
-    labelKey: {
-      type: String,
-      default: 'label'
-    },
-    valueKey: {
-      type: String,
-      default: 'value'
-    },
-    disabledKey: {
-      type: String,
-      default: 'disabled'
-    },
-    noResultsText: {
-      type: String,
-      default: 'No results'
-    },
-    clearSearchOnSelect: {
-      type: Boolean,
-      default: false
-    },
-    dropdownIcon: {
-      type: String,
-      default: 'arrow-down'
-    },
-    clearIcon: {
-      type: String,
-      default: 'clear'
-    }
-  },
-  data() {
-    return {
-      isOpen: false,
-      query: '',
-      deferredQuery: '',
-      debounceTimer: null,
-      internalSelectedOption: null
-    };
-  },
-  computed: {
-    normalizedOptions() {
-      return this.options.map((option, index) => {
-        if (option !== null && typeof option === 'object' && !Array.isArray(option)) {
-          const label = option[this.labelKey];
-          const value = Object.prototype.hasOwnProperty.call(option, this.valueKey) ? option[this.valueKey] : option;
-          return {
-            key: `${index}-${String(value)}`,
-            label: label == null ? '' : String(label),
-            value,
-            raw: option,
-            disabled: Boolean(option[this.disabledKey])
-          };
-        }
-        return {
-          key: `${index}-${String(option)}`,
-          label: option == null ? '' : String(option),
-          value: option,
-          raw: option,
-          disabled: false
-        };
-      });
-    },
-    filteredOptions() {
-      const normalizedQuery = this.deferredQuery.trim().toLowerCase();
-      if (!normalizedQuery.length) {
-        return this.normalizedOptions;
-      }
-      if (normalizedQuery.length < this.safeMinSearchChars) {
-        return [];
-      }
-      return this.normalizedOptions.filter(option => {
-        return option.label.toLowerCase().indexOf(normalizedQuery) !== -1;
-      });
-    },
-    selectedOption() {
-      return this.normalizedOptions.find(option => this.isSameValue(option.value, this.value)) || null;
-    },
-    effectiveSelectedOption() {
-      return this.selectedOption || this.internalSelectedOption;
-    },
-    hasSelection() {
-      return !!this.effectiveSelectedOption;
+/* functional template */
+const __vue_is_functional_template__$d = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+var __vue_component__$n = __vue_component__$m;
+
+//
+var script$c = {
+  name: 'AlphabetMenu',
+  props: {
+    pois: {
+      type: Array,
+      default: []
     },
-    currentIconName() {
-      return this.hasSelection ? this.clearIcon : this.dropdownIcon;
+    overrideChar: {
+      type: String,
+      default: ""
     },
-    shouldShowNoResults() {
-      if (!this.query.trim().length) {
-        return false;
-      }
-      return this.deferredQuery.trim().length >= this.safeMinSearchChars;
+    showInMenu: {
+      type: Boolean,
+      default: true
     },
-    safeMinSearchChars() {
-      return Math.max(0, this.minSearchChars);
+    group: {
+      type: String,
+      default: ""
     }
   },
+  data() {
+    return {
+      currentChar: "",
+      alphabet: [],
+      poisWithChar: {},
+      groupChars: [],
+      groupLabel: ""
+    };
+  },
+  computed: {
+    //yahLogo
+    ...mapState('wf', ['language'])
+  },
   watch: {
-    value: {
-      immediate: true,
-      handler() {
-        this.syncQueryWithValue();
+    pois() {
+      this.makeGrouping();
+      this.generate();
+    },
+    overrideChar() {
+      if (this.overrideChar && this.overrideChar !== "") {
+        this.currentChar = this.overrideChar;
       }
     },
-    options() {
-      this.syncQueryWithValue();
+    group() {
+      this.makeGrouping();
     }
   },
-  mounted() {
-    document.addEventListener('click', this.onDocumentClick);
-  },
-  beforeDestroy() {
-    document.removeEventListener('click', this.onDocumentClick);
-    this.clearDebounceTimer();
-  },
   methods: {
-    onInput(event) {
-      this.query = event.target.value;
-      this.isOpen = true;
-      this.deferQueryUpdate();
-    },
-    deferQueryUpdate() {
-      this.clearDebounceTimer();
-      this.debounceTimer = window.setTimeout(() => {
-        this.deferredQuery = this.query;
-      }, this.debounceMs);
-    },
-    clearDebounceTimer() {
-      if (this.debounceTimer) {
-        clearTimeout(this.debounceTimer);
-        this.debounceTimer = null;
-      }
+    onAZ(letter) {
+      this.currentChar = letter;
+      this.$emit("clicked", letter, this.poisWithChar[letter]);
     },
-    onTriggerClick() {
-      if (this.hasSelection) {
-        this.clearSelection();
-        return;
-      }
-      if (this.isOpen) {
-        this.closeDropdown();
-      } else {
-        this.openDropdown();
-        if (this.$refs.input) {
-          this.$refs.input.focus();
+    makeGrouping() {
+      if (this.group) {
+        this.groupChars = this.group.toLowerCase().split("");
+        if (this.groupChars.length > 1) {
+          this.groupLabel = this.groupChars[0] + " - " + this.groupChars[this.groupChars.length - 1];
+        } else {
+          this.groupLabel = this.groupChars[0];
         }
+        this.generate();
       }
     },
-    openDropdown() {
-      this.isOpen = true;
-      this.deferredQuery = this.query;
-    },
-    closeDropdown() {
-      this.isOpen = false;
-      this.syncQueryWithValue();
-    },
-    selectOption(option) {
-      if (option.disabled) {
-        return;
-      }
-      this.internalSelectedOption = option;
-      this.$emit('input', option.value);
-      this.$emit('select', option.raw);
-      this.$emit('selected', option.raw);
-      if (this.clearSearchOnSelect) {
-        this.query = '';
-        this.deferredQuery = '';
-      } else {
-        this.query = option.label;
-        this.deferredQuery = option.label;
-      }
-      this.isOpen = false;
-    },
-    clearSelection() {
-      this.internalSelectedOption = null;
-      this.query = '';
-      this.deferredQuery = '';
-      this.isOpen = false;
-      this.$emit('input', null);
-      this.$emit('clear');
-    },
-    syncQueryWithValue() {
-      if (this.isOpen && this.query !== '') {
-        return;
-      }
-      const selectedOption = this.effectiveSelectedOption;
-      const nextQuery = selectedOption ? selectedOption.label : '';
-      this.query = nextQuery;
-      this.deferredQuery = nextQuery;
-    },
-    onDocumentClick(event) {
-      if (!this.$refs.root || this.$refs.root.contains(event.target)) {
-        return;
+    generate() {
+      let letters = [];
+      this.poisWithChar = [];
+      let poi, char;
+      for (let p in this.pois) {
+        poi = this.pois[p];
+        if ((!this.showInMenu || poi.getShowInMenu()) && poi.getName(this.language) && poi.getName(this.language).length > 0) {
+          char = poi.getName(this.language)[0].toLowerCase();
+          if (this.groupChars.indexOf(char) > -1) {
+            if (letters.indexOf(this.groupLabel) == -1) {
+              letters.push(this.groupLabel);
+              this.poisWithChar[this.groupLabel] = [];
+            }
+            this.poisWithChar[this.groupLabel].push(poi);
+          } else {
+            if (letters.indexOf(char) == -1) {
+              letters.push(char);
+            }
+            if (!this.poisWithChar[char]) {
+              this.poisWithChar[char] = [];
+            }
+            this.poisWithChar[char].push(poi);
+          }
+        }
       }
-      this.closeDropdown();
-    },
-    isSameValue(left, right) {
-      return left === right;
+      letters.sort();
+      this.alphabet = letters;
     }
   }
 };
@@ -5627,79 +5913,33 @@ var __vue_render__$c = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    staticClass: "wf-component wf-dropdown"
-  }, [_c('div', {
-    staticClass: "wf-dropdown-input"
-  }, [_c('input', {
-    ref: "input",
-    attrs: {
-      "placeholder": _vm.placeholder
-    },
-    domProps: {
-      "value": _vm.query
-    },
-    on: {
-      "focus": _vm.openDropdown,
-      "input": _vm.onInput,
-      "keydown": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
-          return null;
-        }
-        return _vm.closeDropdown.apply(null, arguments);
-      }
-    }
-  }), _vm._v(" "), _c('button', {
-    staticClass: "wf-dropdown-trigger",
-    attrs: {
-      "type": "button"
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.onTriggerClick.apply(null, arguments);
-      }
-    }
-  }, [_c('WFIcon', {
-    attrs: {
-      "name": _vm.currentIconName
-    }
-  })], 1)]), _vm._v(" "), _vm.isOpen ? _c('div', {
-    staticClass: "wf-dropdown-menu"
-  }, [_vm.filteredOptions.length ? _c('ul', {
-    staticClass: "wf-dropdown-list"
-  }, _vm._l(_vm.filteredOptions, function (option) {
+  return _c('ul', {
+    staticClass: "wf-component wf-alphabet-menu"
+  }, _vm._l(_vm.alphabet, function (l) {
     return _c('li', {
-      key: option.key,
-      staticClass: "wf-dropdown-item",
-      class: {
-        'wf-disabled': option.disabled
-      },
+      key: l,
+      class: [_vm.currentChar == l ? 'wf-active' : '', 'wf-char-' + l],
       on: {
-        "mousedown": function ($event) {
-          $event.preventDefault();
-          return _vm.selectOption(option);
+        "click": function ($event) {
+          return _vm.onAZ(l);
         }
       }
-    }, [_vm._v("\n\t\t\t\t" + _vm._s(option.label) + "\n\t\t\t")]);
-  }), 0) : _vm.shouldShowNoResults ? _c('div', {
-    staticClass: "wf-dropdown-empty"
-  }, [_vm._v("\n\t\t\t" + _vm._s(_vm.noResultsText) + "\n\t\t")]) : _vm._e()]) : _vm._e()]);
+    }, [_vm._v(_vm._s(l))]);
+  }), 0);
 };
 var __vue_staticRenderFns__$c = [];
 
 /* style */
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-617e64af_0", {
-    source: ".wf-dropdown[data-v-617e64af]{position:relative;width:100%}.wf-dropdown-input input[data-v-617e64af]{box-sizing:border-box;width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #c7ccd4;border-radius:.375rem;outline:0}.wf-dropdown-trigger[data-v-617e64af]{position:absolute;top:50%;right:.75rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:0 0;cursor:pointer;transform:translateY(-50%)}.wf-dropdown-trigger .wf-icon[data-v-617e64af]{width:1rem;height:1rem}.wf-dropdown-menu[data-v-617e64af]{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:10;max-height:16rem;overflow-y:auto;background:#fff;border:1px solid #c7ccd4;border-radius:.375rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.12)}.wf-dropdown-list[data-v-617e64af]{margin:0;padding:.25rem 0;list-style:none}.wf-dropdown-item[data-v-617e64af]{padding:.75rem 1rem;cursor:pointer}.wf-dropdown-item[data-v-617e64af]:hover{background:#f2f5f8}.wf-dropdown-empty[data-v-617e64af]{padding:.75rem 1rem;color:#667085}.wf-disabled[data-v-617e64af]{cursor:default;opacity:.5}",
+  inject("data-v-58de4247_0", {
+    source: ".wf-alphabet-menu{list-style:none;padding:0;margin:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$c = "data-v-617e64af";
+const __vue_scope_id__$c = undefined;
 /* module identifier */
 const __vue_module_identifier__$c = undefined;
 /* functional template */
@@ -5712,7 +5952,7 @@ const __vue_component__$k = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$c,
   staticRenderFns: __vue_staticRenderFns__$c
 }, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
-var WFDropDown = __vue_component__$k;
+var __vue_component__$l = __vue_component__$k;
 
 //
 var script$b = {
@@ -7429,30 +7669,31 @@ function loadWayfinder(type, env, version, callback) {
 var components = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	loadWayfinder: loadWayfinder,
-	WFApp: __vue_component__$17,
-	WFMap: __vue_component__$14,
-	WFAZMenu: __vue_component__$12,
-	WFFlagsMenu: __vue_component__$10,
-	WFLanguagesMenu: __vue_component__$_,
-	WFGroupsMenu: __vue_component__$W,
+	WFApp: __vue_component__$19,
+	WFMap: __vue_component__$16,
+	WFAZMenu: __vue_component__$14,
+	WFFlagsMenu: __vue_component__$12,
+	WFLanguagesMenu: __vue_component__$10,
+	WFGroupsMenu: __vue_component__$Y,
 	WFSubGroupMenu: SubGroupMenu,
-	WFGroupPOIsMenu: __vue_component__$U,
-	WFBuildingLogo: __vue_component__$S,
-	WFShortcutsMenu: __vue_component__$P,
-	WFZoomMenu: __vue_component__$N,
-	WFFloorsMenu: __vue_component__$L,
-	WFFilteredMenu: __vue_component__$J,
-	WFPOIAdvertisements: __vue_component__$H,
-	WFSearch: __vue_component__$F,
-	WFLoading: __vue_component__$D,
-	WFClock: __vue_component__$B,
-	WFDate: __vue_component__$z,
-	WFTabs: __vue_component__$x,
-	WFTab: __vue_component__$v,
-	WFTabButtons: __vue_component__$t,
-	WFScrollableArea: __vue_component__$r,
-	WFBanner: __vue_component__$p,
-	WFAlphabet: __vue_component__$n,
+	WFGroupPOIsMenu: __vue_component__$W,
+	WFBuildingLogo: __vue_component__$U,
+	WFBuildingSelect: __vue_component__$Q,
+	WFShortcutsMenu: __vue_component__$N,
+	WFZoomMenu: __vue_component__$L,
+	WFFloorsMenu: __vue_component__$J,
+	WFFilteredMenu: __vue_component__$H,
+	WFPOIAdvertisements: __vue_component__$F,
+	WFSearch: __vue_component__$D,
+	WFLoading: __vue_component__$B,
+	WFClock: __vue_component__$z,
+	WFDate: __vue_component__$x,
+	WFTabs: __vue_component__$v,
+	WFTab: __vue_component__$t,
+	WFTabButtons: __vue_component__$r,
+	WFScrollableArea: __vue_component__$p,
+	WFBanner: __vue_component__$n,
+	WFAlphabet: __vue_component__$l,
 	WFDropDown: WFDropDown,
 	WFPOI: POI,
 	WFPOIAdvertisement: __vue_component__$j,
@@ -7617,17 +7858,27 @@ var store = {
       return state.shortcuts;
     },
     xBuildings: state => {
+      if (typeof Vue$1.prototype.$wayfinder === 'undefined' || typeof Vue$1.prototype.$wayfinder.getBuildings !== 'function') {
+        return state.buildings;
+      }
       let buildings = Vue$1.prototype.$wayfinder.getBuildings();
       let _buildings = {};
-      Object.keys(Vue$1.prototype.$wayfinder.getBuildings()).forEach(b => {
-        _buildings[b] = buildings[b].copy();
-      });
+      if (Array.isArray(buildings)) {
+        _buildings = buildings.map(b => {
+          return typeof b.copy === 'function' ? b.copy() : b;
+        });
+      } else {
+        Object.keys(buildings).forEach(b => {
+          _buildings[b] = typeof buildings[b].copy === 'function' ? buildings[b].copy() : buildings[b];
+        });
+      }
       state.buildings = _buildings;
+      return state.buildings;
     },
     xBuilding: state => {
-      if (Vue$1.prototype.$wayfinder !== 'undefined') {
+      if (typeof Vue$1.prototype.$wayfinder !== 'undefined' && typeof Vue$1.prototype.$wayfinder.getCurrentBuilding === 'function') {
         let _building = Vue$1.prototype.$wayfinder.getCurrentBuilding();
-        state.building = _building.copy();
+        state.building = _building && typeof _building.copy === 'function' ? _building.copy() : _building;
       }
       return state.building;
     },
@@ -7796,7 +8047,7 @@ var store = {
       context.commit('SET_CURRENT_FLOOR', Object.freeze(floor));
     },
     SET_CURRENT_BUILDING: (context, building) => {
-      context.commit('SET_CURRENT_BUILDING', Object.freeze(building));
+      context.commit('SET_CURRENT_BUILDING', building ? Object.freeze(building) : null);
     },
     SET_FILTERED_POIS: (context, pois) => {
       pois = pois.map(p => {
@@ -7854,4 +8105,4 @@ const install = function installWayfinderVueComponents(Vue, store, mapType, proj
   });
 };
 
-export { __vue_component__$12 as WFAZMenu, __vue_component__$n as WFAlphabet, __vue_component__$17 as WFApp, __vue_component__$p as WFBanner, __vue_component__$5 as WFBrowser, __vue_component__$S as WFBuildingLogo, __vue_component__$B as WFClock, __vue_component__$z as WFDate, WFDropDown, __vue_component__$J as WFFilteredMenu, __vue_component__$10 as WFFlagsMenu, __vue_component__$L as WFFloorsMenu, Group as WFGroup, __vue_component__$U as WFGroupPOIsMenu, __vue_component__$W as WFGroupsMenu, WFIcon, __vue_component__$_ as WFLanguagesMenu, __vue_component__$D as WFLoading, __vue_component__$14 as WFMap, __vue_component__$7 as WFMenu, POI as WFPOI, __vue_component__$j as WFPOIAdvertisement, __vue_component__$H as WFPOIAdvertisements, Page as WFPage, __vue_component__$e as WFPageContent, __vue_component__$9 as WFPageMenu, __vue_component__$3 as WFPath2Text, __vue_component__$1 as WFRouteChooser, __vue_component__$r as WFScrollableArea, __vue_component__$F as WFSearch, __vue_component__$P as WFShortcutsMenu, SubGroupMenu as WFSubGroupMenu, __vue_component__$v as WFTab, __vue_component__$t as WFTabButtons, __vue_component__$x as WFTabs, __vue_component__$c as WFTranslate, YAH as WFYAH, __vue_component__$N as WFZoomMenu, install as default, loadWayfinder };
+export { __vue_component__$14 as WFAZMenu, __vue_component__$l as WFAlphabet, __vue_component__$19 as WFApp, __vue_component__$n as WFBanner, __vue_component__$5 as WFBrowser, __vue_component__$U as WFBuildingLogo, __vue_component__$Q as WFBuildingSelect, __vue_component__$z as WFClock, __vue_component__$x as WFDate, WFDropDown, __vue_component__$H as WFFilteredMenu, __vue_component__$12 as WFFlagsMenu, __vue_component__$J as WFFloorsMenu, Group as WFGroup, __vue_component__$W as WFGroupPOIsMenu, __vue_component__$Y as WFGroupsMenu, WFIcon, __vue_component__$10 as WFLanguagesMenu, __vue_component__$B as WFLoading, __vue_component__$16 as WFMap, __vue_component__$7 as WFMenu, POI as WFPOI, __vue_component__$j as WFPOIAdvertisement, __vue_component__$F as WFPOIAdvertisements, Page as WFPage, __vue_component__$e as WFPageContent, __vue_component__$9 as WFPageMenu, __vue_component__$3 as WFPath2Text, __vue_component__$1 as WFRouteChooser, __vue_component__$p as WFScrollableArea, __vue_component__$D as WFSearch, __vue_component__$N as WFShortcutsMenu, SubGroupMenu as WFSubGroupMenu, __vue_component__$t as WFTab, __vue_component__$r as WFTabButtons, __vue_component__$v as WFTabs, __vue_component__$c as WFTranslate, YAH as WFYAH, __vue_component__$L as WFZoomMenu, install as default, loadWayfinder };