@3dwayfinder/wayfinder-vue-components 1.2.1 → 1.2.4

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

@@ -1,244 +1,588 @@
 import Vue$1 from 'vue';
 
-/*!
- * vuex v3.6.2
- * (c) 2021 Evan You
- * @license MIT
- */
-function applyMixin (Vue) {
-  var version = Number(Vue.version.split('.')[0]);
-
-  if (version >= 2) {
-    Vue.mixin({ beforeCreate: vuexInit });
-  } else {
-    // override init and inject vuex init procedure
-    // for 1.x backwards compatibility.
-    var _init = Vue.prototype._init;
-    Vue.prototype._init = function (options) {
-      if ( options === void 0 ) options = {};
-
-      options.init = options.init
-        ? [vuexInit].concat(options.init)
-        : vuexInit;
-      _init.call(this, options);
-    };
-  }
-
-  /**
-   * Vuex init hook, injected into each instances init hooks list.
-   */
-
-  function vuexInit () {
-    var options = this.$options;
-    // store injection
-    if (options.store) {
-      this.$store = typeof options.store === 'function'
-        ? options.store()
-        : options.store;
-    } else if (options.parent && options.parent.$store) {
-      this.$store = options.parent.$store;
+//
+var wayfinder$1;
+var script$m = {
+  name: 'Map',
+  props: {
+    project: {
+      type: String
+    },
+    api: {
+      type: String,
+      default: "//api.3dwayfinder.com/"
+    },
+    assets: {
+      type: String,
+      default: "//static.3dwayfinder.com/shared/"
     }
-  }
-}
-
-var target = typeof window !== 'undefined'
-  ? window
-  : typeof global !== 'undefined'
-    ? global
-    : {};
-var devtoolHook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-
-function devtoolPlugin (store) {
-  if (!devtoolHook) { return }
-
-  store._devtoolHook = devtoolHook;
-
-  devtoolHook.emit('vuex:init', store);
-
-  devtoolHook.on('vuex:travel-to-state', function (targetState) {
-    store.replaceState(targetState);
-  });
+  },
 
-  store.subscribe(function (mutation, state) {
-    devtoolHook.emit('vuex:mutation', mutation, state);
-  }, { prepend: true });
+  mounted() {
+    this.load();
+  },
 
-  store.subscribeAction(function (action, state) {
-    devtoolHook.emit('vuex:action', action, state);
-  }, { prepend: true });
-}
+  methods: {
+    load() {
+      //if (typeof Wayfinder2D !== "undefined" || typeof Wayfinder2D !== "undefined")
+      //	throw new Error("Wayfinder not loaded");
+      // wayfinder = new Wayfinder3D();
+      if (typeof this.$WF_MAP_TYPE !== "undefined" && this.$WF_MAP_TYPE == "2d") {
+        wayfinder$1 = new Wayfinder2D();
+      } else {
+        wayfinder$1 = new Wayfinder3D();
+      } // WayfinderAPI.LOCATION = 'http://localhost:8080/api/';
 
-/**
- * forEach for object
- */
-function forEachValue (obj, fn) {
-  Object.keys(obj).forEach(function (key) { return fn(obj[key], key); });
-}
 
-function isObject (obj) {
-  return obj !== null && typeof obj === 'object'
-}
+      Vue$1.prototype.$wayfinder = wayfinder$1;
+      Vue$1.directive('wf-translate', {
+        bind: function (el, binding, vnode) {
+          if (wayfinder$1) {
+            var key = typeof binding.value == "string" ? binding.value : binding.expression;
+            el.setAttribute("data-translation-element", key);
+            wayfinder$1.translator.translateElement(key, el);
+          }
+        }
+      });
+      WayfinderAPI.LOCATION = this.api;
+      wayfinder$1.options.assetsLocation = this.assets;
+      console.log('this.project', this.project);
 
-function isPromise (val) {
-  return val && typeof val.then === 'function'
-}
+      if (this.project) {
+        wayfinder$1.options.project = this.project;
+      }
 
-function partial (fn, arg) {
-  return function () {
-    return fn(arg)
-  }
-}
+      wayfinder$1.open();
+      var scope = this;
+      var pathTextTime = wayfinder$1.settings.getInt('path.message.duration', 5) * 1000;
+      wayfinder$1.events.on("data-loaded", function () {
+        console.log('data-loaded', scope.loaded, scope.$store);
 
-// Base data struct for store's module, package with some attribute and method
-var Module = function Module (rawModule, runtime) {
-  this.runtime = runtime;
-  // Store some children item
-  this._children = Object.create(null);
-  // Store the origin module object which passed by programmer
-  this._rawModule = rawModule;
-  var rawState = rawModule.state;
+        if (!scope.loaded) {
+          // update getters
+          scope.$store.dispatch('wf/SET_CURRENT_FLOOR', wayfinder$1.getCurrentFloor());
+          scope.$store.dispatch('wf/SET_INACTIVITY_TIME', wayfinder$1.settings.getInt('kiosk.max-inactivity', 30));
+          scope.update(wayfinder$1);
+          scope.$store.dispatch('wf/SET_INACTIVITY_TIME', wayfinder$1.settings.getInt('kiosk.max-inactivity', 30));
+          scope.$emit('loaded');
+        }
+      });
+      wayfinder$1.events.on("map-ready", function () {
+        wayfinder$1.resize();
+      });
+      wayfinder$1.events.on('language-change', () => {
+        this.update(wayfinder$1);
+      });
+      wayfinder$1.events.on("floor-change-before", (currentFloor, nextFloor, destinationFloor) => {
+        this.pathText = wayfinder$1.translator.get("go_to_floor", [currentFloor.getName(wayfinder$1.getLanguage()), destinationFloor.getName(wayfinder$1.getLanguage()), nextFloor.getName(wayfinder$1.getLanguage())]);
+        this.showPathText = true;
+      });
+      wayfinder$1.events.on("floor-change", floor => {
+        // console.log('cbOnFloorChange', floor, wayfinder.settings.getInt('path.message.duration', 1))
+        if (floor) {
+          this.$store.dispatch('wf/SET_CURRENT_FLOOR', floor);
+          this.$emit('onTouch');
+        }
 
-  // Store the origin module's state
-  this.state = (typeof rawState === 'function' ? rawState() : rawState) || {};
-};
+        if (this.showPathText) {
+          setTimeout(() => {
+            this.showPathText = false;
+          }, pathTextTime);
+        }
+      });
+      wayfinder$1.events.on("map-click", poi => {
+        if (poi) {
+          this.$emit('poiClicked', poi, true);
+          wayfinder$1.statistics.onClick(poi.id, "map");
+        }
+      });
+      wayfinder$1.events.on("map-touch", () => {
+        this.$emit('onTouch');
+      });
+      window.addEventListener('resize', () => {
+        if (wayfinder$1) {
+          wayfinder$1.resize();
+        }
+      });
+    },
 
-var prototypeAccessors = { namespaced: { configurable: true } };
+    update() {
+      for (var i in this.$store._wrappedGetters) {
+        if (i.indexOf("wf") === 0) {
+          this.$store._wrappedGetters[i](this.$store.state);
+        }
+      }
 
-prototypeAccessors.namespaced.get = function () {
-  return !!this._rawModule.namespaced
-};
+      Vue$1.prototype.$wayfinder.update();
+      Vue$1.prototype.$wayfinder.resize();
+      Vue$1.prototype.$wayfinder.translator.translate();
+    },
 
-Module.prototype.addChild = function addChild (key, module) {
-  this._children[key] = module;
-};
+    reset() {
+      wayfinder$1.restoreDefaultState();
+    },
 
-Module.prototype.removeChild = function removeChild (key) {
-  delete this._children[key];
-};
+    start() {
+      wayfinder$1.run();
+      wayfinder$1.statistics.onSessionStart();
+    },
 
-Module.prototype.getChild = function getChild (key) {
-  return this._children[key]
-};
+    pause() {
+      wayfinder$1.pause();
+      wayfinder$1.statistics.onSessionEnd();
+    },
 
-Module.prototype.hasChild = function hasChild (key) {
-  return key in this._children
-};
+    run() {
+      wayfinder$1.run();
+    },
 
-Module.prototype.update = function update (rawModule) {
-  this._rawModule.namespaced = rawModule.namespaced;
-  if (rawModule.actions) {
-    this._rawModule.actions = rawModule.actions;
-  }
-  if (rawModule.mutations) {
-    this._rawModule.mutations = rawModule.mutations;
-  }
-  if (rawModule.getters) {
-    this._rawModule.getters = rawModule.getters;
-  }
-};
+    visibilityChanged(visible) {
+      Vue$1.prototype.$wayfinder.resize();
+    }
 
-Module.prototype.forEachChild = function forEachChild (fn) {
-  forEachValue(this._children, fn);
-};
+  },
 
-Module.prototype.forEachGetter = function forEachGetter (fn) {
-  if (this._rawModule.getters) {
-    forEachValue(this._rawModule.getters, fn);
+  data() {
+    return {
+      loaded: false,
+      showPathText: false,
+      pathText: ''
+    };
   }
-};
 
-Module.prototype.forEachAction = function forEachAction (fn) {
-  if (this._rawModule.actions) {
-    forEachValue(this._rawModule.actions, fn);
-  }
 };
 
-Module.prototype.forEachMutation = function forEachMutation (fn) {
-  if (this._rawModule.mutations) {
-    forEachValue(this._rawModule.mutations, fn);
-  }
-};
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+        createInjectorSSR = createInjector;
+        createInjector = shadowMode;
+        shadowMode = false;
+    }
+    // Vue.extend constructor export interop.
+    const options = typeof script === 'function' ? script.options : script;
+    // render functions
+    if (template && template.render) {
+        options.render = template.render;
+        options.staticRenderFns = template.staticRenderFns;
+        options._compiled = true;
+        // functional template
+        if (isFunctionalTemplate) {
+            options.functional = true;
+        }
+    }
+    // scopedId
+    if (scopeId) {
+        options._scopeId = scopeId;
+    }
+    let hook;
+    if (moduleIdentifier) {
+        // server build
+        hook = function (context) {
+            // 2.3 injection
+            context =
+                context || // cached call
+                    (this.$vnode && this.$vnode.ssrContext) || // stateful
+                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+            // 2.2 with runInNewContext: true
+            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                context = __VUE_SSR_CONTEXT__;
+            }
+            // inject component styles
+            if (style) {
+                style.call(this, createInjectorSSR(context));
+            }
+            // register component module identifier for async chunk inference
+            if (context && context._registeredComponents) {
+                context._registeredComponents.add(moduleIdentifier);
+            }
+        };
+        // used by ssr in case component is cached and beforeCreate
+        // never gets called
+        options._ssrRegister = hook;
+    }
+    else if (style) {
+        hook = shadowMode
+            ? function (context) {
+                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+            }
+            : function (context) {
+                style.call(this, createInjector(context));
+            };
+    }
+    if (hook) {
+        if (options.functional) {
+            // register for functional component in vue file
+            const originalRender = options.render;
+            options.render = function renderWithStyleInjection(h, context) {
+                hook.call(context);
+                return originalRender(h, context);
+            };
+        }
+        else {
+            // inject component registration as beforeCreate hook
+            const existing = options.beforeCreate;
+            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+    }
+    return script;
+}
 
-Object.defineProperties( Module.prototype, prototypeAccessors );
+const isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        let code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                style.element.setAttribute('media', css.media);
+            if (HEAD === undefined) {
+                HEAD = document.head || document.getElementsByTagName('head')[0];
+            }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            const index = style.ids.size - 1;
+            const textNode = document.createTextNode(code);
+            const nodes = style.element.childNodes;
+            if (nodes[index])
+                style.element.removeChild(nodes[index]);
+            if (nodes.length)
+                style.element.insertBefore(textNode, nodes[index]);
+            else
+                style.element.appendChild(textNode);
+        }
+    }
+}
 
-var ModuleCollection = function ModuleCollection (rawRootModule) {
-  // register root module (Vuex.Store options)
-  this.register([], rawRootModule, false);
-};
+/* script */
+const __vue_script__$m = script$m;
+/* template */
 
-ModuleCollection.prototype.get = function get (path) {
-  return path.reduce(function (module, key) {
-    return module.getChild(key)
-  }, this.root)
-};
+var __vue_render__$m = function () {
+  var _vm = this;
 
-ModuleCollection.prototype.getNamespace = function getNamespace (path) {
-  var module = this.root;
-  return path.reduce(function (namespace, key) {
-    module = module.getChild(key);
-    return namespace + (module.namespaced ? key + '/' : '')
-  }, '')
-};
+  var _h = _vm.$createElement;
 
-ModuleCollection.prototype.update = function update$1 (rawRootModule) {
-  update([], this.root, rawRootModule);
-};
+  var _c = _vm._self._c || _h;
 
-ModuleCollection.prototype.register = function register (path, rawModule, runtime) {
-    var this$1$1 = this;
-    if ( runtime === void 0 ) runtime = true;
+  return _c('div', {
+    directives: [{
+      name: "observe-visibility",
+      rawName: "v-observe-visibility",
+      value: _vm.visibilityChanged,
+      expression: "visibilityChanged"
+    }],
+    staticClass: "wf-component wf-map-container"
+  }, [_c('canvas', {
+    attrs: {
+      "id": "map"
+    }
+  }), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showPathText,
+      expression: "showPathText"
+    }],
+    staticClass: "wf-map-path-text"
+  }, [_vm._v(_vm._s(_vm.pathText))])]);
+};
 
-  var newModule = new Module(rawModule, runtime);
-  if (path.length === 0) {
-    this.root = newModule;
-  } else {
-    var parent = this.get(path.slice(0, -1));
-    parent.addChild(path[path.length - 1], newModule);
-  }
+var __vue_staticRenderFns__$m = [];
+/* style */
 
-  // register nested modules
-  if (rawModule.modules) {
-    forEachValue(rawModule.modules, function (rawChildModule, key) {
-      this$1$1.register(path.concat(key), rawChildModule, runtime);
-    });
-  }
+const __vue_inject_styles__$m = function (inject) {
+  if (!inject) return;
+  inject("data-v-00d2773a_0", {
+    source: ".wf-map-container[data-v-00d2773a]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-00d2773a]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-00d2773a]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}",
+    map: undefined,
+    media: undefined
+  });
 };
+/* scoped */
 
-ModuleCollection.prototype.unregister = function unregister (path) {
-  var parent = this.get(path.slice(0, -1));
-  var key = path[path.length - 1];
-  var child = parent.getChild(key);
-
-  if (!child) {
-    return
-  }
 
-  if (!child.runtime) {
-    return
-  }
+const __vue_scope_id__$m = "data-v-00d2773a";
+/* module identifier */
 
-  parent.removeChild(key);
-};
+const __vue_module_identifier__$m = undefined;
+/* functional template */
 
-ModuleCollection.prototype.isRegistered = function isRegistered (path) {
-  var parent = this.get(path.slice(0, -1));
-  var key = path[path.length - 1];
+const __vue_is_functional_template__$m = false;
+/* style inject SSR */
 
-  if (parent) {
-    return parent.hasChild(key)
-  }
+/* style inject shadow dom */
 
-  return false
-};
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
-function update (path, targetModule, newModule) {
+/*!
+ * vuex v3.6.2
+ * (c) 2021 Evan You
+ * @license MIT
+ */
+function applyMixin (Vue) {
+  var version = Number(Vue.version.split('.')[0]);
 
-  // update target module
-  targetModule.update(newModule);
+  if (version >= 2) {
+    Vue.mixin({ beforeCreate: vuexInit });
+  } else {
+    // override init and inject vuex init procedure
+    // for 1.x backwards compatibility.
+    var _init = Vue.prototype._init;
+    Vue.prototype._init = function (options) {
+      if ( options === void 0 ) options = {};
 
-  // update nested modules
-  if (newModule.modules) {
-    for (var key in newModule.modules) {
+      options.init = options.init
+        ? [vuexInit].concat(options.init)
+        : vuexInit;
+      _init.call(this, options);
+    };
+  }
+
+  /**
+   * Vuex init hook, injected into each instances init hooks list.
+   */
+
+  function vuexInit () {
+    var options = this.$options;
+    // store injection
+    if (options.store) {
+      this.$store = typeof options.store === 'function'
+        ? options.store()
+        : options.store;
+    } else if (options.parent && options.parent.$store) {
+      this.$store = options.parent.$store;
+    }
+  }
+}
+
+var target = typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+    ? global
+    : {};
+var devtoolHook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+
+function devtoolPlugin (store) {
+  if (!devtoolHook) { return }
+
+  store._devtoolHook = devtoolHook;
+
+  devtoolHook.emit('vuex:init', store);
+
+  devtoolHook.on('vuex:travel-to-state', function (targetState) {
+    store.replaceState(targetState);
+  });
+
+  store.subscribe(function (mutation, state) {
+    devtoolHook.emit('vuex:mutation', mutation, state);
+  }, { prepend: true });
+
+  store.subscribeAction(function (action, state) {
+    devtoolHook.emit('vuex:action', action, state);
+  }, { prepend: true });
+}
+
+/**
+ * forEach for object
+ */
+function forEachValue (obj, fn) {
+  Object.keys(obj).forEach(function (key) { return fn(obj[key], key); });
+}
+
+function isObject (obj) {
+  return obj !== null && typeof obj === 'object'
+}
+
+function isPromise (val) {
+  return val && typeof val.then === 'function'
+}
+
+function partial (fn, arg) {
+  return function () {
+    return fn(arg)
+  }
+}
+
+// Base data struct for store's module, package with some attribute and method
+var Module = function Module (rawModule, runtime) {
+  this.runtime = runtime;
+  // Store some children item
+  this._children = Object.create(null);
+  // Store the origin module object which passed by programmer
+  this._rawModule = rawModule;
+  var rawState = rawModule.state;
+
+  // Store the origin module's state
+  this.state = (typeof rawState === 'function' ? rawState() : rawState) || {};
+};
+
+var prototypeAccessors = { namespaced: { configurable: true } };
+
+prototypeAccessors.namespaced.get = function () {
+  return !!this._rawModule.namespaced
+};
+
+Module.prototype.addChild = function addChild (key, module) {
+  this._children[key] = module;
+};
+
+Module.prototype.removeChild = function removeChild (key) {
+  delete this._children[key];
+};
+
+Module.prototype.getChild = function getChild (key) {
+  return this._children[key]
+};
+
+Module.prototype.hasChild = function hasChild (key) {
+  return key in this._children
+};
+
+Module.prototype.update = function update (rawModule) {
+  this._rawModule.namespaced = rawModule.namespaced;
+  if (rawModule.actions) {
+    this._rawModule.actions = rawModule.actions;
+  }
+  if (rawModule.mutations) {
+    this._rawModule.mutations = rawModule.mutations;
+  }
+  if (rawModule.getters) {
+    this._rawModule.getters = rawModule.getters;
+  }
+};
+
+Module.prototype.forEachChild = function forEachChild (fn) {
+  forEachValue(this._children, fn);
+};
+
+Module.prototype.forEachGetter = function forEachGetter (fn) {
+  if (this._rawModule.getters) {
+    forEachValue(this._rawModule.getters, fn);
+  }
+};
+
+Module.prototype.forEachAction = function forEachAction (fn) {
+  if (this._rawModule.actions) {
+    forEachValue(this._rawModule.actions, fn);
+  }
+};
+
+Module.prototype.forEachMutation = function forEachMutation (fn) {
+  if (this._rawModule.mutations) {
+    forEachValue(this._rawModule.mutations, fn);
+  }
+};
+
+Object.defineProperties( Module.prototype, prototypeAccessors );
+
+var ModuleCollection = function ModuleCollection (rawRootModule) {
+  // register root module (Vuex.Store options)
+  this.register([], rawRootModule, false);
+};
+
+ModuleCollection.prototype.get = function get (path) {
+  return path.reduce(function (module, key) {
+    return module.getChild(key)
+  }, this.root)
+};
+
+ModuleCollection.prototype.getNamespace = function getNamespace (path) {
+  var module = this.root;
+  return path.reduce(function (namespace, key) {
+    module = module.getChild(key);
+    return namespace + (module.namespaced ? key + '/' : '')
+  }, '')
+};
+
+ModuleCollection.prototype.update = function update$1 (rawRootModule) {
+  update([], this.root, rawRootModule);
+};
+
+ModuleCollection.prototype.register = function register (path, rawModule, runtime) {
+    var this$1$1 = this;
+    if ( runtime === void 0 ) runtime = true;
+
+  var newModule = new Module(rawModule, runtime);
+  if (path.length === 0) {
+    this.root = newModule;
+  } else {
+    var parent = this.get(path.slice(0, -1));
+    parent.addChild(path[path.length - 1], newModule);
+  }
+
+  // register nested modules
+  if (rawModule.modules) {
+    forEachValue(rawModule.modules, function (rawChildModule, key) {
+      this$1$1.register(path.concat(key), rawChildModule, runtime);
+    });
+  }
+};
+
+ModuleCollection.prototype.unregister = function unregister (path) {
+  var parent = this.get(path.slice(0, -1));
+  var key = path[path.length - 1];
+  var child = parent.getChild(key);
+
+  if (!child) {
+    return
+  }
+
+  if (!child.runtime) {
+    return
+  }
+
+  parent.removeChild(key);
+};
+
+ModuleCollection.prototype.isRegistered = function isRegistered (path) {
+  var parent = this.get(path.slice(0, -1));
+  var key = path[path.length - 1];
+
+  if (parent) {
+    return parent.hasChild(key)
+  }
+
+  return false
+};
+
+function update (path, targetModule, newModule) {
+
+  // update target module
+  targetModule.update(newModule);
+
+  // update nested modules
+  if (newModule.modules) {
+    for (var key in newModule.modules) {
       if (!targetModule.getChild(key)) {
         return
       }
@@ -605,565 +949,221 @@ function makeLocalContext (store, namespace, path) {
       var args = unifyObjectStyle(_type, _payload, _options);
       var payload = args.payload;
       var options = args.options;
-      var type = args.type;
-
-      if (!options || !options.root) {
-        type = namespace + type;
-      }
-
-      store.commit(type, payload, options);
-    }
-  };
-
-  // getters and state object must be gotten lazily
-  // because they will be changed by vm update
-  Object.defineProperties(local, {
-    getters: {
-      get: noNamespace
-        ? function () { return store.getters; }
-        : function () { return makeLocalGetters(store, namespace); }
-    },
-    state: {
-      get: function () { return getNestedState(store.state, path); }
-    }
-  });
-
-  return local
-}
-
-function makeLocalGetters (store, namespace) {
-  if (!store._makeLocalGettersCache[namespace]) {
-    var gettersProxy = {};
-    var splitPos = namespace.length;
-    Object.keys(store.getters).forEach(function (type) {
-      // skip if the target getter is not match this namespace
-      if (type.slice(0, splitPos) !== namespace) { return }
-
-      // extract local getter type
-      var localType = type.slice(splitPos);
-
-      // Add a port to the getters proxy.
-      // Define as getter property because
-      // we do not want to evaluate the getters in this time.
-      Object.defineProperty(gettersProxy, localType, {
-        get: function () { return store.getters[type]; },
-        enumerable: true
-      });
-    });
-    store._makeLocalGettersCache[namespace] = gettersProxy;
-  }
-
-  return store._makeLocalGettersCache[namespace]
-}
-
-function registerMutation (store, type, handler, local) {
-  var entry = store._mutations[type] || (store._mutations[type] = []);
-  entry.push(function wrappedMutationHandler (payload) {
-    handler.call(store, local.state, payload);
-  });
-}
-
-function registerAction (store, type, handler, local) {
-  var entry = store._actions[type] || (store._actions[type] = []);
-  entry.push(function wrappedActionHandler (payload) {
-    var res = handler.call(store, {
-      dispatch: local.dispatch,
-      commit: local.commit,
-      getters: local.getters,
-      state: local.state,
-      rootGetters: store.getters,
-      rootState: store.state
-    }, payload);
-    if (!isPromise(res)) {
-      res = Promise.resolve(res);
-    }
-    if (store._devtoolHook) {
-      return res.catch(function (err) {
-        store._devtoolHook.emit('vuex:error', err);
-        throw err
-      })
-    } else {
-      return res
-    }
-  });
-}
-
-function registerGetter (store, type, rawGetter, local) {
-  if (store._wrappedGetters[type]) {
-    return
-  }
-  store._wrappedGetters[type] = function wrappedGetter (store) {
-    return rawGetter(
-      local.state, // local state
-      local.getters, // local getters
-      store.state, // root state
-      store.getters // root getters
-    )
-  };
-}
-
-function enableStrictMode (store) {
-  store._vm.$watch(function () { return this._data.$$state }, function () {
-  }, { deep: true, sync: true });
-}
-
-function getNestedState (state, path) {
-  return path.reduce(function (state, key) { return state[key]; }, state)
-}
-
-function unifyObjectStyle (type, payload, options) {
-  if (isObject(type) && type.type) {
-    options = payload;
-    payload = type;
-    type = type.type;
-  }
-
-  return { type: type, payload: payload, options: options }
-}
-
-function install$1 (_Vue) {
-  if (Vue && _Vue === Vue) {
-    return
-  }
-  Vue = _Vue;
-  applyMixin(Vue);
-}
-
-/**
- * Reduce the code which written in Vue.js for getting the state.
- * @param {String} [namespace] - Module's namespace
- * @param {Object|Array} states # Object's item can be a function which accept state and getters for param, you can do something for state and getters in it.
- * @param {Object}
- */
-var mapState = normalizeNamespace(function (namespace, states) {
-  var res = {};
-  normalizeMap(states).forEach(function (ref) {
-    var key = ref.key;
-    var val = ref.val;
-
-    res[key] = function mappedState () {
-      var state = this.$store.state;
-      var getters = this.$store.getters;
-      if (namespace) {
-        var module = getModuleByNamespace(this.$store, 'mapState', namespace);
-        if (!module) {
-          return
-        }
-        state = module.context.state;
-        getters = module.context.getters;
-      }
-      return typeof val === 'function'
-        ? val.call(this, state, getters)
-        : state[val]
-    };
-    // mark vuex getter for devtools
-    res[key].vuex = true;
-  });
-  return res
-});
-
-/**
- * Normalize the map
- * normalizeMap([1, 2, 3]) => [ { key: 1, val: 1 }, { key: 2, val: 2 }, { key: 3, val: 3 } ]
- * normalizeMap({a: 1, b: 2, c: 3}) => [ { key: 'a', val: 1 }, { key: 'b', val: 2 }, { key: 'c', val: 3 } ]
- * @param {Array|Object} map
- * @return {Object}
- */
-function normalizeMap (map) {
-  if (!isValidMap(map)) {
-    return []
-  }
-  return Array.isArray(map)
-    ? map.map(function (key) { return ({ key: key, val: key }); })
-    : Object.keys(map).map(function (key) { return ({ key: key, val: map[key] }); })
-}
-
-/**
- * Validate whether given map is valid or not
- * @param {*} map
- * @return {Boolean}
- */
-function isValidMap (map) {
-  return Array.isArray(map) || isObject(map)
-}
-
-/**
- * Return a function expect two param contains namespace and map. it will normalize the namespace and then the param's function will handle the new namespace and the map.
- * @param {Function} fn
- * @return {Function}
- */
-function normalizeNamespace (fn) {
-  return function (namespace, map) {
-    if (typeof namespace !== 'string') {
-      map = namespace;
-      namespace = '';
-    } else if (namespace.charAt(namespace.length - 1) !== '/') {
-      namespace += '/';
-    }
-    return fn(namespace, map)
-  }
-}
-
-/**
- * Search a special module from store by namespace. if module not exist, print error message.
- * @param {Object} store
- * @param {String} helper
- * @param {String} namespace
- * @return {Object}
- */
-function getModuleByNamespace (store, helper, namespace) {
-  var module = store._modulesNamespaceMap[namespace];
-  return module
-}
-
-//
-var wayfinder$1;
-var script$m = {
-  name: 'Map',
-  props: {
-    project: {
-      type: String
-    },
-    api: {
-      type: String,
-      default: "//api.3dwayfinder.com/"
-    },
-    assets: {
-      type: String,
-      default: "//static.3dwayfinder.com/shared/"
-    }
-  },
-
-  mounted() {
-    this.load();
-  },
-
-  methods: {
-    load() {
-      //if (typeof Wayfinder2D !== "undefined" || typeof Wayfinder2D !== "undefined")
-      //	throw new Error("Wayfinder not loaded");
-      // wayfinder = new Wayfinder3D();
-      if (typeof this.$WF_MAP_TYPE !== "undefined" && this.$WF_MAP_TYPE == "2d") {
-        wayfinder$1 = new Wayfinder2D();
-      } else {
-        wayfinder$1 = new Wayfinder3D();
-      } // WayfinderAPI.LOCATION = 'http://localhost:8080/api/';
-
-
-      Vue$1.prototype.$wayfinder = wayfinder$1;
-      Vue$1.directive('wf-translate', {
-        bind: function (el, binding, vnode) {
-          if (wayfinder$1) {
-            var key = typeof binding.value == "string" ? binding.value : binding.expression;
-            el.setAttribute("data-translation-element", key);
-            wayfinder$1.translator.translateElement(key, el);
-          }
-        }
-      });
-      WayfinderAPI.LOCATION = this.api;
-      wayfinder$1.options.assetsLocation = this.assets;
-      console.log('this.project', this.project);
-
-      if (this.project) {
-        wayfinder$1.options.project = this.project;
-      }
-
-      wayfinder$1.open();
-      var scope = this;
-      var pathTextTime = wayfinder$1.settings.getInt('path.message.duration', 5) * 1000;
-      wayfinder$1.events.on("data-loaded", function () {
-        console.log('data-loaded', scope.loaded, scope.$store);
-
-        if (!scope.loaded) {
-          // update getters
-          scope.$store.dispatch('wayfinder/SET_CURRENT_FLOOR', wayfinder$1.getCurrentFloor());
-          scope.$store.dispatch('wayfinder/SET_INACTIVITY_TIME', wayfinder$1.settings.getInt('kiosk.max-inactivity', 30));
-          scope.update(wayfinder$1);
-          scope.$store.dispatch('wayfinder/SET_INACTIVITY_TIME', wayfinder$1.settings.getInt('kiosk.max-inactivity', 30));
-          scope.$emit('loaded');
-        }
-      });
-      wayfinder$1.events.on("map-ready", function () {
-        wayfinder$1.resize();
-      });
-      wayfinder$1.events.on('language-change', () => {
-        this.update(wayfinder$1);
-      });
-      wayfinder$1.events.on("floor-change-before", (currentFloor, nextFloor, destinationFloor) => {
-        this.pathText = wayfinder$1.translator.get("go_to_floor", [currentFloor.getName(wayfinder$1.getLanguage()), destinationFloor.getName(wayfinder$1.getLanguage()), nextFloor.getName(wayfinder$1.getLanguage())]);
-        this.showPathText = true;
-      });
-      wayfinder$1.events.on("floor-change", floor => {
-        // console.log('cbOnFloorChange', floor, wayfinder.settings.getInt('path.message.duration', 1))
-        if (floor) {
-          this.$store.dispatch('wayfinder/SET_CURRENT_FLOOR', floor);
-          this.$emit('onTouch');
-        }
-
-        if (this.showPathText) {
-          setTimeout(() => {
-            this.showPathText = false;
-          }, pathTextTime);
-        }
-      });
-      wayfinder$1.events.on("map-click", poi => {
-        if (poi) {
-          this.$emit('poiClicked', poi, true);
-          wayfinder$1.statistics.onClick(poi.id, "map");
-        }
-      });
-      wayfinder$1.events.on("map-touch", () => {
-        this.$emit('onTouch');
-      });
-      window.addEventListener('resize', () => {
-        if (wayfinder$1) {
-          wayfinder$1.resize();
-        }
-      });
-    },
-
-    update() {
-      for (var i in this.$store._wrappedGetters) {
-        if (i.indexOf("wayfinder") === 0) {
-          this.$store._wrappedGetters[i](this.$store.state);
-        }
-      }
-
-      Vue$1.prototype.$wayfinder.update();
-      Vue$1.prototype.$wayfinder.resize();
-      Vue$1.prototype.$wayfinder.translator.translate();
-    },
-
-    reset() {
-      wayfinder$1.restoreDefaultState();
-    },
-
-    start() {
-      wayfinder$1.run();
-      wayfinder$1.statistics.onSessionStart();
-    },
-
-    pause() {
-      wayfinder$1.pause();
-      wayfinder$1.statistics.onSessionEnd();
-    },
-
-    run() {
-      wayfinder$1.run();
-    },
-
-    visibilityChanged(visible) {
-      Vue$1.prototype.$wayfinder.resize();
-    }
-
-  },
-
-  data() {
-    return {
-      loaded: false,
-      showPathText: false,
-      pathText: ''
-    };
-  }
-
-};
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
+      var type = args.type;
+
+      if (!options || !options.root) {
+        type = namespace + type;
+      }
+
+      store.commit(type, payload, options);
+    }
+  };
+
+  // getters and state object must be gotten lazily
+  // because they will be changed by vm update
+  Object.defineProperties(local, {
+    getters: {
+      get: noNamespace
+        ? function () { return store.getters; }
+        : function () { return makeLocalGetters(store, namespace); }
+    },
+    state: {
+      get: function () { return getNestedState(store.state, path); }
+    }
+  });
+
+  return local
 }
 
-/* script */
-const __vue_script__$m = script$m;
-/* template */
+function makeLocalGetters (store, namespace) {
+  if (!store._makeLocalGettersCache[namespace]) {
+    var gettersProxy = {};
+    var splitPos = namespace.length;
+    Object.keys(store.getters).forEach(function (type) {
+      // skip if the target getter is not match this namespace
+      if (type.slice(0, splitPos) !== namespace) { return }
 
-var __vue_render__$m = function () {
-  var _vm = this;
+      // extract local getter type
+      var localType = type.slice(splitPos);
 
-  var _h = _vm.$createElement;
+      // Add a port to the getters proxy.
+      // Define as getter property because
+      // we do not want to evaluate the getters in this time.
+      Object.defineProperty(gettersProxy, localType, {
+        get: function () { return store.getters[type]; },
+        enumerable: true
+      });
+    });
+    store._makeLocalGettersCache[namespace] = gettersProxy;
+  }
 
-  var _c = _vm._self._c || _h;
+  return store._makeLocalGettersCache[namespace]
+}
 
-  return _c('div', {
-    directives: [{
-      name: "observe-visibility",
-      rawName: "v-observe-visibility",
-      value: _vm.visibilityChanged,
-      expression: "visibilityChanged"
-    }],
-    staticClass: "wf-component wf-map-container"
-  }, [_c('canvas', {
-    attrs: {
-      "id": "map"
+function registerMutation (store, type, handler, local) {
+  var entry = store._mutations[type] || (store._mutations[type] = []);
+  entry.push(function wrappedMutationHandler (payload) {
+    handler.call(store, local.state, payload);
+  });
+}
+
+function registerAction (store, type, handler, local) {
+  var entry = store._actions[type] || (store._actions[type] = []);
+  entry.push(function wrappedActionHandler (payload) {
+    var res = handler.call(store, {
+      dispatch: local.dispatch,
+      commit: local.commit,
+      getters: local.getters,
+      state: local.state,
+      rootGetters: store.getters,
+      rootState: store.state
+    }, payload);
+    if (!isPromise(res)) {
+      res = Promise.resolve(res);
     }
-  }), _vm._v(" "), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.showPathText,
-      expression: "showPathText"
-    }],
-    staticClass: "wf-map-path-text"
-  }, [_vm._v(_vm._s(_vm.pathText))])]);
-};
+    if (store._devtoolHook) {
+      return res.catch(function (err) {
+        store._devtoolHook.emit('vuex:error', err);
+        throw err
+      })
+    } else {
+      return res
+    }
+  });
+}
 
-var __vue_staticRenderFns__$m = [];
-/* style */
+function registerGetter (store, type, rawGetter, local) {
+  if (store._wrappedGetters[type]) {
+    return
+  }
+  store._wrappedGetters[type] = function wrappedGetter (store) {
+    return rawGetter(
+      local.state, // local state
+      local.getters, // local getters
+      store.state, // root state
+      store.getters // root getters
+    )
+  };
+}
 
-const __vue_inject_styles__$m = function (inject) {
-  if (!inject) return;
-  inject("data-v-2ef09e1e_0", {
-    source: ".wf-map-container[data-v-2ef09e1e]{position:relative;width:100%;height:100%}.wf-map-container canvas[data-v-2ef09e1e]{width:100%;height:100%}.wf-map-container .wf-map-path-text[data-v-2ef09e1e]{width:30ch;text-align:center;background-color:#fff;position:absolute;bottom:25%;margin:auto;left:50%;margin-left:-15ch;padding:.5em}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
+function enableStrictMode (store) {
+  store._vm.$watch(function () { return this._data.$$state }, function () {
+  }, { deep: true, sync: true });
+}
 
+function getNestedState (state, path) {
+  return path.reduce(function (state, key) { return state[key]; }, state)
+}
 
-const __vue_scope_id__$m = "data-v-2ef09e1e";
-/* module identifier */
+function unifyObjectStyle (type, payload, options) {
+  if (isObject(type) && type.type) {
+    options = payload;
+    payload = type;
+    type = type.type;
+  }
 
-const __vue_module_identifier__$m = undefined;
-/* functional template */
+  return { type: type, payload: payload, options: options }
+}
 
-const __vue_is_functional_template__$m = false;
-/* style inject SSR */
+function install$1 (_Vue) {
+  if (Vue && _Vue === Vue) {
+    return
+  }
+  Vue = _Vue;
+  applyMixin(Vue);
+}
 
-/* style inject shadow dom */
+/**
+ * Reduce the code which written in Vue.js for getting the state.
+ * @param {String} [namespace] - Module's namespace
+ * @param {Object|Array} states # Object's item can be a function which accept state and getters for param, you can do something for state and getters in it.
+ * @param {Object}
+ */
+var mapState = normalizeNamespace(function (namespace, states) {
+  var res = {};
+  normalizeMap(states).forEach(function (ref) {
+    var key = ref.key;
+    var val = ref.val;
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+    res[key] = function mappedState () {
+      var state = this.$store.state;
+      var getters = this.$store.getters;
+      if (namespace) {
+        var module = getModuleByNamespace(this.$store, 'mapState', namespace);
+        if (!module) {
+          return
+        }
+        state = module.context.state;
+        getters = module.context.getters;
+      }
+      return typeof val === 'function'
+        ? val.call(this, state, getters)
+        : state[val]
+    };
+    // mark vuex getter for devtools
+    res[key].vuex = true;
+  });
+  return res
+});
+
+/**
+ * Normalize the map
+ * normalizeMap([1, 2, 3]) => [ { key: 1, val: 1 }, { key: 2, val: 2 }, { key: 3, val: 3 } ]
+ * normalizeMap({a: 1, b: 2, c: 3}) => [ { key: 'a', val: 1 }, { key: 'b', val: 2 }, { key: 'c', val: 3 } ]
+ * @param {Array|Object} map
+ * @return {Object}
+ */
+function normalizeMap (map) {
+  if (!isValidMap(map)) {
+    return []
+  }
+  return Array.isArray(map)
+    ? map.map(function (key) { return ({ key: key, val: key }); })
+    : Object.keys(map).map(function (key) { return ({ key: key, val: map[key] }); })
+}
+
+/**
+ * Validate whether given map is valid or not
+ * @param {*} map
+ * @return {Boolean}
+ */
+function isValidMap (map) {
+  return Array.isArray(map) || isObject(map)
+}
+
+/**
+ * Return a function expect two param contains namespace and map. it will normalize the namespace and then the param's function will handle the new namespace and the map.
+ * @param {Function} fn
+ * @return {Function}
+ */
+function normalizeNamespace (fn) {
+  return function (namespace, map) {
+    if (typeof namespace !== 'string') {
+      map = namespace;
+      namespace = '';
+    } else if (namespace.charAt(namespace.length - 1) !== '/') {
+      namespace += '/';
+    }
+    return fn(namespace, map)
+  }
+}
+
+/**
+ * Search a special module from store by namespace. if module not exist, print error message.
+ * @param {Object} store
+ * @param {String} helper
+ * @param {String} namespace
+ * @return {Object}
+ */
+function getModuleByNamespace (store, helper, namespace) {
+  var module = store._modulesNamespaceMap[namespace];
+  return module
+}
 
 //
 var script$l = {
   name: "POI",
-  computed: { ...mapState(['language']),
+  computed: { ...mapState('wf', ['language']),
 
     hasShowPathListener() {
       return !!(this.$listeners && this.$listeners.showPath);
@@ -1319,8 +1319,8 @@ var __vue_staticRenderFns__$l = [];
 
 const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
-  inject("data-v-efe4488a_0", {
-    source: ".layout-view[data-v-efe4488a]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-efe4488a]{padding:1rem}.poi-info h2[data-v-efe4488a]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-efe4488a]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-efe4488a]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-efe4488a]{background-size:cover}.show-path[data-v-efe4488a]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-efe4488a]{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-efe4488a]{line-height:1.2}.poi-contact .address[data-v-efe4488a]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-efe4488a]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-efe4488a]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-efe4488a]:before{mix-blend-mode:initial;color:#fff}",
+  inject("data-v-658b6c14_0", {
+    source: ".layout-view[data-v-658b6c14]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-658b6c14]{padding:1rem}.poi-info h2[data-v-658b6c14]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-658b6c14]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-658b6c14]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-658b6c14]{background-size:cover}.show-path[data-v-658b6c14]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-658b6c14]{height:3rem;font-size:1.2rem;line-height:2.8rem;padding-left:2.5rem;padding-right:2.5rem;margin:auto;border:0;display:block}.poi-description[data-v-658b6c14]{line-height:1.2}.poi-contact .address[data-v-658b6c14]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-658b6c14]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-658b6c14]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-658b6c14]:before{mix-blend-mode:initial;color:#fff}",
     map: undefined,
     media: undefined
   });
@@ -1328,7 +1328,7 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = "data-v-efe4488a";
+const __vue_scope_id__$l = "data-v-658b6c14";
 /* module identifier */
 
 const __vue_module_identifier__$l = undefined;
@@ -1387,7 +1387,7 @@ var script$k = {
     };
   },
 
-  computed: { ...mapState('wayfinder', ['pois', 'language']),
+  computed: { ...mapState('wf', ['pois', 'language']),
 
     sortedPOIs() {
       let arr = this.pois.slice().filter(poi => {
@@ -1475,8 +1475,8 @@ var __vue_staticRenderFns__$k = [];
 
 const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
-  inject("data-v-7608d2ec_0", {
-    source: ".wf-list-item[data-v-7608d2ec]{list-style:none}",
+  inject("data-v-17afa634_0", {
+    source: ".wf-list-item[data-v-17afa634]{list-style:none}",
     map: undefined,
     media: undefined
   });
@@ -1484,7 +1484,7 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-7608d2ec";
+const __vue_scope_id__$k = "data-v-17afa634";
 /* module identifier */
 
 const __vue_module_identifier__$k = undefined;
@@ -1503,7 +1503,7 @@ const __vue_component__$k = /*#__PURE__*/normalizeComponent({
 //
 var script$j = {
   name: 'FlagsMenu',
-  computed: { ...mapState('wayfinder', ['languages', 'language', 'reset']),
+  computed: { ...mapState('wf', ['languages', 'language', 'reset']),
 
     count() {
       return this.languages.length;
@@ -1594,8 +1594,8 @@ var __vue_staticRenderFns__$j = [];
 
 const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
-  inject("data-v-253091a8_0", {
-    source: ".languages-container.active[data-v-253091a8]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-253091a8]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-253091a8]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.languages-container .language .flag[data-v-253091a8]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-253091a8]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-253091a8]{height:3.5rem;margin-bottom:1.5rem}",
+  inject("data-v-64144cc4_0", {
+    source: ".languages-container.active[data-v-64144cc4]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-64144cc4]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-64144cc4]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.languages-container .language .flag[data-v-64144cc4]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-64144cc4]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-64144cc4]{height:3.5rem;margin-bottom:1.5rem}",
     map: undefined,
     media: undefined
   });
@@ -1603,7 +1603,7 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-253091a8";
+const __vue_scope_id__$j = "data-v-64144cc4";
 /* module identifier */
 
 const __vue_module_identifier__$j = undefined;
@@ -1622,7 +1622,7 @@ const __vue_component__$j = /*#__PURE__*/normalizeComponent({
 //
 var script$i = {
   name: 'LanguagesMenu',
-  computed: { ...mapState('wayfinder', ['languages', 'language', 'reset']),
+  computed: { ...mapState('wf', ['languages', 'language', 'reset']),
 
     count() {
       return this.languages.length;
@@ -1731,8 +1731,8 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-1ad395a8_0", {
-    source: ".wf-languages-menu.active[data-v-1ad395a8]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-1ad395a8]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-1ad395a8]{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-1ad395a8]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-1ad395a8]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-1ad395a8]{height:3.5rem;margin-bottom:1.5rem}",
+  inject("data-v-2b86d0a6_0", {
+    source: ".wf-languages-menu.active[data-v-2b86d0a6]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-2b86d0a6]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-2b86d0a6]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden}.wf-languages-menu .wf-language .wf-lang-flag[data-v-2b86d0a6]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-2b86d0a6]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-2b86d0a6]{height:3.5rem;margin-bottom:1.5rem}",
     map: undefined,
     media: undefined
   });
@@ -1740,7 +1740,7 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-1ad395a8";
+const __vue_scope_id__$i = "data-v-2b86d0a6";
 /* module identifier */
 
 const __vue_module_identifier__$i = undefined;
@@ -1759,7 +1759,7 @@ const __vue_component__$i = /*#__PURE__*/normalizeComponent({
 //
 var script$h = {
   name: "Group",
-  computed: { ...mapState(['language'])
+  computed: { ...mapState('wf', ['language'])
   },
   props: {
     group: {
@@ -1826,7 +1826,7 @@ var __vue_staticRenderFns__$h = [];
 const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$h = "data-v-5936e154";
+const __vue_scope_id__$h = "data-v-077cd362";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -1921,7 +1921,7 @@ var script$g = {
     };
   },
 
-  computed: { ...mapState('wayfinder', ['poiGroups', 'currentGroup', 'language']),
+  computed: { ...mapState('wf', ['poiGroups', 'currentGroup', 'language']),
 
     sortedGroups() {
       let arr = []; // Copy arr for sorting
@@ -1991,7 +1991,7 @@ var script$g = {
     },
 
     reset() {
-      this.$store.dispatch('SET_CURRENT_GROUP', null);
+      this.$store.dispatch('wf/SET_CURRENT_GROUP', null);
     },
 
     subGroups(subGroups) {
@@ -2135,8 +2135,8 @@ var __vue_staticRenderFns__$g = [];
 
 const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
-  inject("data-v-2c570b10_0", {
-    source: ".wf-groups-menu .wf-list-item[data-v-2c570b10]{list-style:none}.wf-groups-menu .wf-list[data-v-2c570b10]{margin:0;padding:0}",
+  inject("data-v-13cecfd9_0", {
+    source: ".wf-groups-menu .wf-list-item[data-v-13cecfd9]{list-style:none}.wf-groups-menu .wf-list[data-v-13cecfd9]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2144,7 +2144,7 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-2c570b10";
+const __vue_scope_id__$g = "data-v-13cecfd9";
 /* module identifier */
 
 const __vue_module_identifier__$g = undefined;
@@ -2180,7 +2180,7 @@ var script$f = {
     };
   },
 
-  computed: { ...mapState('wayfinder', ['language']),
+  computed: { ...mapState('wf', ['language']),
 
     getPOIs() {
       if (this.group && this.group.pois) {
@@ -2268,8 +2268,8 @@ var __vue_staticRenderFns__$f = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-10bf5744_0", {
-    source: ".wf-group-pois-menu[data-v-10bf5744]{overflow:hidden;user-select:none}.wf-group-pois-menu .wf-list[data-v-10bf5744]{margin:0;padding:0}.wf-group-pois-menu .list-item[data-v-10bf5744]{list-style:none;padding:1em}",
+  inject("data-v-14d8d75e_0", {
+    source: ".wf-group-pois-menu[data-v-14d8d75e]{overflow:hidden;user-select:none}.wf-group-pois-menu .wf-list[data-v-14d8d75e]{margin:0;padding:0}.wf-group-pois-menu .list-item[data-v-14d8d75e]{list-style:none;padding:1em}",
     map: undefined,
     media: undefined
   });
@@ -2277,7 +2277,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-10bf5744";
+const __vue_scope_id__$f = "data-v-14d8d75e";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;
@@ -2296,7 +2296,7 @@ const __vue_component__$f = /*#__PURE__*/normalizeComponent({
 //
 var script$e = {
   name: 'BuildingLogo',
-  computed: { ...mapState('wayfinder', ['building'])
+  computed: { ...mapState('wf', ['building'])
   },
   methods: {
     getLogo() {
@@ -2332,8 +2332,8 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-72ae38dc_0", {
-    source: ".wf-building-logo[data-v-72ae38dc]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
+  inject("data-v-38faefb4_0", {
+    source: ".wf-building-logo[data-v-38faefb4]{background-size:contain;background-repeat:no-repeat;background-position:50%}",
     map: undefined,
     media: undefined
   });
@@ -2341,7 +2341,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-72ae38dc";
+const __vue_scope_id__$e = "data-v-38faefb4";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -2361,7 +2361,7 @@ const __vue_component__$e = /*#__PURE__*/normalizeComponent({
 var script$d = {
   name: 'YAH',
   computed: { //yahLogo
-    ...mapState('wayfinder', ['yahLogo', 'language'])
+    ...mapState('wf', ['yahLogo', 'language'])
   },
   methods: {
     onClicked() {
@@ -2406,8 +2406,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-5d9372c6_0", {
-    source: ".wf-yah[data-v-5d9372c6]{text-align:center;border:none;outline:0}.wf-icon[data-v-5d9372c6]{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-0e28d1b6_0", {
+    source: ".wf-yah[data-v-0e28d1b6]{text-align:center;border:none;outline:0}.wf-icon[data-v-0e28d1b6]{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
   });
@@ -2415,7 +2415,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-5d9372c6";
+const __vue_scope_id__$d = "data-v-0e28d1b6";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -2459,7 +2459,7 @@ var script$c = {
       default: false
     }
   },
-  computed: { ...mapState('wayfinder', ['shortcuts', 'language', 'landscape', 'mobile']),
+  computed: { ...mapState('wf', ['shortcuts', 'language', 'landscape', 'mobile']),
 
     sortedShortcuts() {
       const sortedShortcuts = this.shortcuts.sort((a, b) => {
@@ -2560,8 +2560,8 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-5166d7e7_0", {
-    source: ".shortcuts-container[data-v-5166d7e7]{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-5166d7e7]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
+  inject("data-v-6fbc92fe_0", {
+    source: ".shortcuts-container[data-v-6fbc92fe]{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-6fbc92fe]{position:absolute;left:.5rem;bottom:15%;top:15%;flex-direction:column;justify-content:center}",
     map: undefined,
     media: undefined
   });
@@ -2569,7 +2569,7 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-5166d7e7";
+const __vue_scope_id__$c = "data-v-6fbc92fe";
 /* module identifier */
 
 const __vue_module_identifier__$c = undefined;
@@ -2682,7 +2682,7 @@ var script$a = {
     };
   },
 
-  computed: { ...mapState('wayfinder', ['floors', 'language']),
+  computed: { ...mapState('wf', ['floors', 'language']),
 
     filteredFloors() {
       let arr = []; // Copy arr for sorting
@@ -2766,8 +2766,8 @@ var __vue_staticRenderFns__$a = [];
 
 const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-bef5e336_0", {
-    source: ".wf-floors-menu .wf-list-item[data-v-bef5e336]{text-overflow:ellipsis;list-style:none}",
+  inject("data-v-acb9257a_0", {
+    source: ".wf-floors-menu .wf-list-item[data-v-acb9257a]{text-overflow:ellipsis;list-style:none}",
     map: undefined,
     media: undefined
   });
@@ -2775,7 +2775,7 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-bef5e336";
+const __vue_scope_id__$a = "data-v-acb9257a";
 /* module identifier */
 
 const __vue_module_identifier__$a = undefined;
@@ -2835,7 +2835,7 @@ var script$9 = {
       default: null
     }
   },
-  computed: { ...mapState('wayfinder', ['filteredPOIs', 'language'])
+  computed: { ...mapState('wf', ['filteredPOIs', 'language'])
   },
   watch: {
     filteredPOIs: function (val) {
@@ -2924,7 +2924,7 @@ var __vue_staticRenderFns__$9 = [];
 const __vue_inject_styles__$9 = undefined;
 /* scoped */
 
-const __vue_scope_id__$9 = "data-v-3a93ab93";
+const __vue_scope_id__$9 = "data-v-e2dd64b6";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -2967,7 +2967,7 @@ var script$8 = {
     OSK: osk_common,
     POI: __vue_component__$l
   },
-  computed: { ...mapState('wayfinder', ['language', 'reset'])
+  computed: { ...mapState('wf', ['language', 'reset'])
   },
   props: {
     limit: {
@@ -3216,7 +3216,7 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$8 = function (inject) {
   if (!inject) return;
-  inject("data-v-0693cb1d_0", {
+  inject("data-v-106d1dfe_0", {
     source: ".wf-search .wf-close{position:absolute;top:0;right:.5rem;width:10rem;background-color:rgba(255,255,255,.7);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' enable-background='new 0 0 20 20' viewBox='0 0 20 20' y='0px' x='0px' id='Cross' version='1.1'%3E%3Cmetadata id='metadata9'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs7'%3E%3ClinearGradient spreadMethod='pad' gradientUnits='userSpaceOnUse' y2='29.3118' x2='11.0536' y1='16.0077' x1='24.5509' id='paint1_linear' gradientTransform='translate(-6.9097825,12.894087)'%3E%3Cstop id='stop16' stop-color='%23FF4C54' /%3E%3Cstop id='stop18' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='34.9828' x2='34.294201' y1='14.605' x1='13.6189' id='paint0_linear'%3E%3Cstop id='stop11' stop-color='%23FF4C54' /%3E%3Cstop id='stop13' stop-color='%23BE3F45' offset='1' /%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(1.9229845,0,0,1.9229845,-9.2288833,-9.2308069)' gradientUnits='userSpaceOnUse' y2='14.322534' x2='6.3946652' y1='7.6276183' x1='12.290775' id='linearGradient4161' xlink:href='%23paint0_linear' /%3E%3C/defs%3E%3Cpath style='fill:url(%23linearGradient4161);fill-opacity:1' id='path3' d='m 18.362098,19.32359 c -0.90188,0.90188 -2.363348,0.90188 -3.263305,0 l -5.097832,-5.826643 -5.0978311,5.82472 c -0.9018797,0.90188 -2.3633479,0.90188 -3.2633047,0 -0.90187984,-0.90188 -0.90187984,-2.363347 0,-3.263304 L 6.9434164,10.000961 1.6379022,3.9397144 c -0.90187974,-0.9018798 -0.90187974,-2.361425 0,-3.26330476 0.9018798,-0.9018797 2.3614249,-0.9018797 3.2633048,0 l 5.099754,5.82856596 5.097832,-5.82856596 c 0.90188,-0.9018797 2.361425,-0.9018797 3.263305,0 0.901879,0.90187976 0.901879,2.36334796 0,3.26330476 l -5.30359,6.0612466 5.30359,6.057402 c 0.901879,0.90188 0.901879,2.363347 0,3.265227 z' /%3E%3C/svg%3E\")}.wf-search .results{overflow:hidden}.wf-search .wf-search-container{margin:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1rem}.wf-search .wf-search-input-container input{margin:auto;display:block;padding:1rem;font-size:2rem;font-weight:600;width:100%;border:1px solid #000;outline:0;background-repeat:no-repeat}.wf-search .wf-keyboard{user-select:none;display:flex;flex-direction:column;flex-shrink:0}.wf-search .wf-keyboard .keyboard-row{margin:auto;display:flex}.wf-search .wf-keyboard .keyboard-key{text-align:center;width: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
@@ -3433,7 +3433,7 @@ const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
 //
 var script$5 = {
   name: 'Tabs',
-  computed: { ...mapState('wayfinder', ['currentTab', 'searchVisible', 'mobile', 'landscape', 'shortcuts', 'language'])
+  computed: { ...mapState('wf', ['currentTab', 'searchVisible', 'mobile', 'landscape', 'shortcuts', 'language'])
   },
 
   data() {
@@ -3530,8 +3530,8 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-9737c1f0_0", {
-    source: ".wf-tab-buttons[data-v-9737c1f0]{display:flex;align-content:stretch;justify-content:space-between}.wf-tab-buttons .wf-item[data-v-9737c1f0]{background-size:auto 30%;background-repeat:no-repeat}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -3539,7 +3539,7 @@ const __vue_inject_styles__$5 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$5 = "data-v-9737c1f0";
+const __vue_scope_id__$5 = "data-v-5229b2f8";
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -3655,7 +3655,7 @@ var script$3 = {
     }
   },
   computed: { //yahLogo
-    ...mapState('wayfinder', ['banners'])
+    ...mapState('wf', ['banners'])
   },
 
   data() {
@@ -3911,8 +3911,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-423cf786_0", {
-    source: ".wf-banner[data-v-423cf786]{position:relative;width:100%;height:100%}.wf-banner .wf-frame[data-v-423cf786]{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-423cf786]{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wf-banner .wf-frame.wf-active[data-v-423cf786]{opacity:1;transition:opacity .5s ease-in-out}.wf-banner .wf-frame video[data-v-423cf786]{position:relative;top:50%;transform:translateY(-50%)}",
+  inject("data-v-1fcb87ce_0", {
+    source: ".wf-banner[data-v-1fcb87ce]{position:relative;width:100%;height:100%}.wf-banner .wf-frame[data-v-1fcb87ce]{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-1fcb87ce]{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wf-banner .wf-frame.wf-active[data-v-1fcb87ce]{opacity:1;transition:opacity .5s ease-in-out}.wf-banner .wf-frame video[data-v-1fcb87ce]{position:relative;top:50%;transform:translateY(-50%)}",
     map: undefined,
     media: undefined
   });
@@ -3920,7 +3920,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-423cf786";
+const __vue_scope_id__$3 = "data-v-1fcb87ce";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -3939,7 +3939,7 @@ const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
 //
 var script$2 = {
   name: "html",
-  computed: { ...mapState('wayfinder', ['language'])
+  computed: { ...mapState('wf', ['language'])
   },
   props: {
     item: {
@@ -3975,7 +3975,7 @@ var __vue_staticRenderFns__$2 = [];
 const __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-const __vue_scope_id__$2 = "data-v-0d66ddb2";
+const __vue_scope_id__$2 = "data-v-04c2d772";
 /* module identifier */
 
 const __vue_module_identifier__$2 = undefined;
@@ -3999,7 +3999,7 @@ var script$1 = {
   components: {
     PageHTML: __vue_component__$2
   },
-  computed: { ...mapState('wayfinder', ['language', 'pages']),
+  computed: { ...mapState('wf', ['language', 'pages']),
 
     pageName() {
       if (this.page && this.page.name) {
@@ -4017,6 +4017,10 @@ var script$1 = {
       type: Number,
       default: -1
     },
+    slug: {
+      type: String,
+      default: null
+    },
     showName: {
       type: Boolean,
       default: true
@@ -4043,16 +4047,34 @@ var script$1 = {
     index() {
       if (this.index >= 1) {
         this.currentIndex = this.index;
+        this.updatePage();
       }
+    },
+
+    slug() {
+      this.updatePage();
     }
 
   },
   methods: {
     updatePage() {
-      if (this.pages) {
-        if (this.pages[this.container] && this.pages[this.container][this.currentIndex]) {
+      if (this.pages && this.pages[this.container]) {
+        console.log('updatePage1', this.page, this.container, this.currentIndex, this.slug);
+
+        if (this.slug != null) {
+          let page;
+
+          for (let p in this.pages[this.container]) {
+            page = this.pages[this.container][p];
+
+            if (page.slug.toLowerCase() == this.slug.toLowerCase()) {
+              console.log('updatePage2', this.page, this.container, this.currentIndex, this.slug);
+              this.page = page;
+              break;
+            }
+          }
+        } else if (this.currentIndex > -1 && this.pages[this.container][this.currentIndex]) {
           this.page = this.pages[this.container][this.currentIndex];
-          console.log('updatePage', this.page, this.container, this.currentIndex);
         }
       }
     },
@@ -4087,7 +4109,13 @@ var __vue_render__$1 = function () {
 
   return _vm.page ? _c('div', {
     staticClass: "wf-page"
-  }, [_vm.showName ? _c('label', {
+  }, [_c('div', {
+    staticClass: "wf-page-icon",
+    class: [_vm.page.icon ? 'wf-has-icon' : ''],
+    domProps: {
+      "innerHTML": _vm._s(_vm.page.icon)
+    }
+  }), _vm._v(" "), _vm.showName ? _c('label', {
     staticClass: "wf-page-name",
     domProps: {
       "innerHTML": _vm._s(_vm.pageName || '')
@@ -4113,7 +4141,7 @@ var __vue_staticRenderFns__$1 = [];
 const __vue_inject_styles__$1 = undefined;
 /* scoped */
 
-const __vue_scope_id__$1 = "data-v-774f9e98";
+const __vue_scope_id__$1 = "data-v-168fdeaf";
 /* module identifier */
 
 const __vue_module_identifier__$1 = undefined;
@@ -4140,7 +4168,7 @@ var script = {
       default: ""
     }
   },
-  computed: { ...mapState(['reset'])
+  computed: { ...mapState('wf', ['reset'])
   },
 
   data() {
@@ -4185,7 +4213,7 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-55f34065_0", {
+  inject("data-v-6f07be40_0", {
     source: ".wf-browser,.wf-browser iframe{width:100%;height:100%;border:none}",
     map: undefined,
     media: undefined
@@ -4213,28 +4241,28 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 /* eslint-disable import/prefer-default-export */
 
 var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  WFMap: __vue_component__$m,
-  WFAZMenu: __vue_component__$k,
-  WFFlagsMenu: __vue_component__$j,
-  WFLanguagesMenu: __vue_component__$i,
-  WFGroupsMenu: __vue_component__$g,
-  WFGroupPOIsMenu: __vue_component__$f,
-  WFBuildingLogo: __vue_component__$e,
-  WFShortcutsMenu: __vue_component__$c,
-  WFZoomMenu: __vue_component__$b,
-  WFFloorsMenu: __vue_component__$a,
-  WFFilteredMenu: __vue_component__$9,
-  WFSearch: __vue_component__$8,
-  WFTabs: __vue_component__$7,
-  WFTab: __vue_component__$6,
-  WFTabButtons: __vue_component__$5,
-  WFScrollableArea: __vue_component__$4,
-  WFBanner: __vue_component__$3,
-  WFPOI: __vue_component__$l,
-  WFPage: __vue_component__$1,
-  WFYAH: __vue_component__$d,
-  WFBrowser: __vue_component__
+	__proto__: null,
+	WFMap: __vue_component__$m,
+	WFAZMenu: __vue_component__$k,
+	WFFlagsMenu: __vue_component__$j,
+	WFLanguagesMenu: __vue_component__$i,
+	WFGroupsMenu: __vue_component__$g,
+	WFGroupPOIsMenu: __vue_component__$f,
+	WFBuildingLogo: __vue_component__$e,
+	WFShortcutsMenu: __vue_component__$c,
+	WFZoomMenu: __vue_component__$b,
+	WFFloorsMenu: __vue_component__$a,
+	WFFilteredMenu: __vue_component__$9,
+	WFSearch: __vue_component__$8,
+	WFTabs: __vue_component__$7,
+	WFTab: __vue_component__$6,
+	WFTabButtons: __vue_component__$5,
+	WFScrollableArea: __vue_component__$4,
+	WFBanner: __vue_component__$3,
+	WFPOI: __vue_component__$l,
+	WFPage: __vue_component__$1,
+	WFYAH: __vue_component__$d,
+	WFBrowser: __vue_component__
 });
 
 /* global wayfinder: false, WayfinderAPI */