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

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

@@ -1075,7 +1075,7 @@ var index = {
 
 //
 var wayfinder$1;
-var script$h = {
+var script$i = {
   name: 'Map',
   props: {
     project: {
@@ -1352,10 +1352,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1385,10 +1385,10 @@ var __vue_render__$h = function () {
   }, [_vm._v(_vm._s(_vm.pathText))])]);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
   inject("data-v-56a8b7f2_0", {
     source: ".map-container[data-v-56a8b7f2]{position:relative;width:100%;height:100%}.map-container canvas[data-v-56a8b7f2]{width:100%;height:100%}.map-container .map-path-text[data-v-56a8b7f2]{margin-top:50%;width:20rem;text-align:center;background-color:#fff;position:absolute;bottom:15%;margin:auto;left:50%;margin-left:-10rem;padding:.5rem;font-size:2rem;font-weight:600;text-transform:uppercase}.map-container .map-shadow[data-v-56a8b7f2]{position:absolute;bottom:-1px;width:100%;height:9rem}.currentFloor[data-v-56a8b7f2]{color:#fff;font-size:9rem;position:absolute;font-weight:800;text-shadow:.1rem .1rem .3rem #666;text-align:center;width:8rem;top:0;right:1rem}",
@@ -1399,24 +1399,24 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-56a8b7f2";
+const __vue_scope_id__$i = "data-v-56a8b7f2";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
 //
-var script$g = {
+var script$h = {
   name: "POI",
   computed: { ...mapState(['language'])
   },
@@ -1525,10 +1525,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1583,10 +1583,10 @@ var __vue_render__$g = function () {
   }) : _vm._e()]) : _vm._e();
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-12662bbb_0", {
     source: ".layout-view[data-v-12662bbb]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.poi-info[data-v-12662bbb]{padding:1rem}.poi-info h2[data-v-12662bbb]{text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.poi-body[data-v-12662bbb]{box-shadow:0 -2px 1px 0 rgba(0,0,0,.05);padding:1rem;flex-grow:1}.poi-image[data-v-12662bbb]{height:14rem;width:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.poi-image.image-background[data-v-12662bbb]{background-size:cover}.show-path[data-v-12662bbb]{bottom:1rem;right:1rem;text-transform:uppercase;z-index:10;line-height:2.8rem;margin-bottom:1.5rem}.show-path button[data-v-12662bbb]{height:3rem;font-size:1.2rem;line-height:2.8rem;padding-left:2.5rem;padding-right:2.5rem;margin:auto;border:0;display:block}.poi-description[data-v-12662bbb]{line-height:1.2}.poi-contact .address[data-v-12662bbb]{font-weight:600;margin-bottom:.5rem}.poi-contact .address span[data-v-12662bbb]{padding-top:4px;vertical-align:top;display:inline-block}.poi-contact .address a[data-v-12662bbb]{text-decoration:none;display:block;line-height:1.5}.poi-contact .address .icon[data-v-12662bbb]:before{mix-blend-mode:initial;color:#fff}",
@@ -1597,27 +1597,27 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-12662bbb";
+const __vue_scope_id__$h = "data-v-12662bbb";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
 //
-var script$f = {
+var script$g = {
   name: 'AZMenu',
   components: {
-    POI: __vue_component__$g
+    POI: __vue_component__$h
   },
   props: {
     showLogo: {
@@ -1679,10 +1679,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1730,32 +1730,32 @@ var __vue_render__$f = function () {
   }), 0)]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$g = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = "data-v-d48c542c";
+const __vue_scope_id__$g = "data-v-d48c542c";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
 
 //
-var script$e = {
+var script$f = {
   name: 'FlagsMenu',
   computed: { ...mapState(['languages', 'language', 'reset'])
   },
@@ -1799,10 +1799,10 @@ var script$e = {
 };
 
 /* 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;
@@ -1810,7 +1810,7 @@ var __vue_render__$e = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "wf-component languages-container",
+    staticClass: "wf-component wf-languages-container",
     class: {
       'active': _vm.active
     }
@@ -1839,13 +1839,145 @@ var __vue_render__$e = function () {
   }), 0)]);
 };
 
+var __vue_staticRenderFns__$f = [];
+/* style */
+
+const __vue_inject_styles__$f = function (inject) {
+  if (!inject) return;
+  inject("data-v-a003406a_0", {
+    source: ".languages-container.active[data-v-a003406a]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-a003406a]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-a003406a]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.languages-container .language .flag[data-v-a003406a]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-a003406a]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-a003406a]{height:3.5rem;margin-bottom:1.5rem}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$f = "data-v-a003406a";
+/* module identifier */
+
+const __vue_module_identifier__$f = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$f = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+
+//
+var script$e = {
+  name: 'LanguagesMenu',
+  computed: { ...mapState(['languages', 'language', 'reset'])
+  },
+  props: {
+    showTitle: {
+      type: Boolean,
+      default: false
+    },
+    showFlag: {
+      type: Boolean,
+      default: true
+    },
+    labelType: {
+      type: String,
+      default: "none"
+    },
+    hideActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: "Select language"
+    }
+  },
+
+  data() {
+    return {
+      active: false
+    };
+  },
+
+  methods: {
+    changeLanguage(language) {
+      if (this.$listeners && this.$listeners.changeLanguage) {
+        this.$emit("change", language);
+      } else {
+        this.$wayfinder.setLanguage(language.name);
+      }
+    },
+
+    getFlagImage(id) {
+      return WayfinderAPI.getURL("images", "thumbnail", [id]);
+    }
+
+  },
+  watch: {
+    reset: function () {
+      this.active = false;
+    }
+  }
+};
+
+/* script */
+const __vue_script__$e = script$e;
+/* template */
+
+var __vue_render__$e = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "wf-component wf-languages-menu",
+    class: {
+      'wf-active': _vm.active
+    }
+  }, [_vm.showTitle ? _c('div', {
+    staticClass: "wf-languages-title"
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "wf-list"
+  }, _vm._l(_vm.languages, function (lang, index) {
+    return _c('div', {
+      directives: [{
+        name: "hide",
+        rawName: "v-hide",
+        value: _vm.hideActive && lang.getName() == _vm.language,
+        expression: "hideActive && lang.getName() == language"
+      }],
+      key: index,
+      class: ["wf-item", "wf-language", "wf-lang-" + lang.getName(), {
+        "wf-active": lang.getName() == _vm.language,
+        "wf-display": _vm.active
+      }],
+      on: {
+        "click": function ($event) {
+          return _vm.changeLanguage(lang);
+        }
+      }
+    }, [_vm.showFlag ? _c('div', {
+      staticClass: "wf-lang-flag",
+      style: {
+        backgroundImage: 'url(' + _vm.getFlagImage(lang.flagImage) + ')'
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.labelType == 'wf-lang-code' ? _c('label', [_vm._v(_vm._s(lang.getName()))]) : _vm._e(), _vm._v(" "), _vm.labelType == 'wf-lang-native' ? _c('label', [_vm._v(_vm._s(lang.getNativeName()))]) : _vm._e()]);
+  }), 0)]);
+};
+
 var __vue_staticRenderFns__$e = [];
 /* style */
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-b70751ee_0", {
-    source: ".languages-container.active[data-v-b70751ee]{height:fit-content;z-index:10}.languages-container.active .languages-container-select[data-v-b70751ee]{visibility:initial;opacity:1}.languages-container .languages-container-select[data-v-b70751ee]{opacity:0;padding-bottom:.5rem;margin:auto;text-align:center;transition:opacity .2s ease-in;overflow:hidden;height:1.5rem;font-size:1rem}.languages-container .language .flag[data-v-b70751ee]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.languages-container .language .active[data-v-b70751ee]{height:3.5rem;margin-bottom:1rem}.languages-container .language .display[data-v-b70751ee]{height:3.5rem;margin-bottom:1.5rem}",
+  inject("data-v-93185b90_0", {
+    source: ".wf-languages-menu.active[data-v-93185b90]{height:fit-content;z-index:10}.wf-languages-menu.active .wf-languages-title[data-v-93185b90]{visibility:initial;opacity:1}.wf-languages-menu .wf-languages-title[data-v-93185b90]{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-93185b90]{width:70%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.wf-languages-menu .wf-language .wf-active[data-v-93185b90]{height:3.5rem;margin-bottom:1rem}.wf-languages-menu .wf-language .wf-display[data-v-93185b90]{height:3.5rem;margin-bottom:1.5rem}",
     map: undefined,
     media: undefined
   });
@@ -1853,7 +1985,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-b70751ee";
+const __vue_scope_id__$e = "data-v-93185b90";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -2572,7 +2704,7 @@ const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
 var script$7 = {
   name: 'FilteredMenu',
   components: {
-    POI: __vue_component__$g
+    POI: __vue_component__$h
   },
 
   data() {
@@ -2739,7 +2871,7 @@ var script$6 = {
   name: 'Search',
   components: {
     OSK: osk_common,
-    POI: __vue_component__$g
+    POI: __vue_component__$h
   },
   computed: { ...mapState(['language', 'reset'])
   },
@@ -3921,9 +4053,10 @@ var store = new index.Store({
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  WFMap: __vue_component__$h,
-  WFAZMenu: __vue_component__$f,
-  WFFlagsMenu: __vue_component__$e,
+  WFMap: __vue_component__$i,
+  WFAZMenu: __vue_component__$g,
+  WFFlagsMenu: __vue_component__$f,
+  WFLanguagesMenu: __vue_component__$e,
   WFGroupsMenu: __vue_component__$d,
   WFBuildingLogo: __vue_component__$c,
   WFShortcutsMenu: __vue_component__$a,
@@ -3936,7 +4069,7 @@ var components = /*#__PURE__*/Object.freeze({
   WFTabButtons: __vue_component__$3,
   WFScrollableArea: __vue_component__$2,
   WFBanner: __vue_component__$1,
-  WFPOI: __vue_component__$g,
+  WFPOI: __vue_component__$h,
   WFYAH: __vue_component__$b,
   WFBrowser: __vue_component__,
   WFStore: store
@@ -3951,4 +4084,4 @@ const install = function installWayfinderVueComponents(Vue) {
 }; // Create module definition for Vue.use()
 
 export default install;
-export { __vue_component__$f as WFAZMenu, __vue_component__$1 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$c as WFBuildingLogo, __vue_component__$7 as WFFilteredMenu, __vue_component__$e as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$h as WFMap, __vue_component__$g as WFPOI, __vue_component__$2 as WFScrollableArea, __vue_component__$6 as WFSearch, __vue_component__$a as WFShortcutsMenu, store as WFStore, __vue_component__$4 as WFTab, __vue_component__$3 as WFTabButtons, __vue_component__$5 as WFTabs, __vue_component__$b as WFYAH, __vue_component__$9 as WFZoomMenu };
+export { __vue_component__$g as WFAZMenu, __vue_component__$1 as WFBanner, __vue_component__ as WFBrowser, __vue_component__$c as WFBuildingLogo, __vue_component__$7 as WFFilteredMenu, __vue_component__$f as WFFlagsMenu, __vue_component__$8 as WFFloorsMenu, __vue_component__$d as WFGroupsMenu, __vue_component__$e as WFLanguagesMenu, __vue_component__$i as WFMap, __vue_component__$h as WFPOI, __vue_component__$2 as WFScrollableArea, __vue_component__$6 as WFSearch, __vue_component__$a as WFShortcutsMenu, store as WFStore, __vue_component__$4 as WFTab, __vue_component__$3 as WFTabButtons, __vue_component__$5 as WFTabs, __vue_component__$b as WFYAH, __vue_component__$9 as WFZoomMenu };