@3dwayfinder/wayfinder-vue-components 1.8.1 → 1.8.3

package/dist/entry.esm.js

@@ -3439,8 +3439,6 @@ const __vue_component__$g = /*#__PURE__*/normalizeComponent({
   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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 	  path: basedir,
@@ -3830,6 +3828,8 @@ const __vue_component__$e = /*#__PURE__*/normalizeComponent({
 //
 //
 var script$d = {
+  name: "Clock",
+
   data() {
     return {
       time: new Date()
@@ -3909,10 +3909,6 @@ const __vue_component__$d = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$d
 }, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
-var dayjs_min = createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
-});
-
 //
 
 function loadScript(url, callback) {
@@ -3929,6 +3925,7 @@ function loadScript(url, callback) {
 }
 
 var script$c = {
+  name: "Date",
   props: {
     format: {
       type: String,
@@ -3946,7 +3943,7 @@ var script$c = {
   mounted() {
     setTimeout(this.addDate, 1000);
 
-    if (typeof dayjs_min === "undefined") {
+    if (typeof dayjs === "undefined") {
       console.warn("WFDate dayjs is not loaded");
     }
 
@@ -3955,9 +3952,9 @@ var script$c = {
 
   computed: { ...mapState('wf', ['language']),
 
-    date() {
-      if (typeof dayjs_min !== "undefined") {
-        return dayjs_min(this.time).format(this.format);
+    datestr() {
+      if (typeof dayjs !== "undefined") {
+        return dayjs(this.time).format(this.format);
       } else {
         return this.time.toLocaleString(this.language, {
           "dateStyle": "long"
@@ -3970,12 +3967,12 @@ var script$c = {
     language() {
       this.time = new Date();
 
-      if (typeof dayjs_min !== "undefined") {
+      if (typeof dayjs !== "undefined") {
         if (!this.locales[this.language]) {
           this.loadLocale(this.language);
         }
 
-        dayjs_min.locale(this.language);
+        dayjs.locale(this.language);
       }
     }
 
@@ -3990,6 +3987,10 @@ var script$c = {
       loadScript(this.$wayfinder.options.assetsLocation + "/dayjs/locale/" + locale + ".js", a => {
         console.log('locale.loaded', a, locale, this.language);
         this.locales[locale] = true;
+
+        if (this.language == locale && dayjs) {
+          dayjs.locale(this.language);
+        }
       });
     }
 
@@ -4009,7 +4010,7 @@ var __vue_render__$c = function () {
 
   return _c('div', {
     staticClass: "wf-date"
-  }, [_vm._v("\n  " + _vm._s(_vm.date) + "\n")]);
+  }, [_vm._v("\n  " + _vm._s(_vm.datestr) + "\n")]);
 };
 
 var __vue_staticRenderFns__$c = [];
@@ -5424,23 +5425,29 @@ var script$1 = {
 
   watch: {
     language() {
+      console.log('trans.language');
+
       if (this.$wayfinder) {
         this.update();
       }
     },
 
-    key() {
+    k() {
+      console.log('trans.key');
       this.update();
     }
 
   },
 
   mounted() {
+    console.log('trans.mounted');
     this.update();
   },
 
   methods: {
     update() {
+      console.log('trans.updated', this.$wayfinder, this.k);
+
       if (this.$wayfinder && this.k && this.k.length > 0 && this.$wayfinder.translator.exists(this.k)) {
         console.log('trans.update', this.k, this.params, this.$wayfinder.translator.get(this.k, this.params));
         this.value = this.$wayfinder.translator.get(this.k, this.params);
@@ -5465,11 +5472,8 @@ var __vue_render__$1 = function () {
     staticClass: "wf-translatable",
     class: {
       'wf-translated': _vm.translated
-    },
-    domProps: {
-      "innerHTML": _vm._s(_vm.value)
     }
-  }, [_vm._t("default")], 2);
+  }, [_vm.value == '' ? _vm._t("default") : _vm._e(), _vm._v("\n  " + _vm._s(_vm.value) + "\n")], 2);
 };
 
 var __vue_staticRenderFns__$1 = [];

package/dist/entry.js

@@ -3182,9 +3182,7 @@ var __vue_is_functional_template__$g = false;
 var __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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);function createCommonjsModule(fn, basedir, module) {
 	return module = {
 	  path: basedir,
 	  exports: {},
@@ -3505,6 +3503,7 @@ var __vue_component__$e = /*#__PURE__*/normalizeComponent({
 //
 //
 var script$d = {
+  name: "Clock",
   data: function data() {
     return {
       time: new Date()
@@ -3555,7 +3554,7 @@ var __vue_inject_styles__$d = undefined;
 var __vue_scope_id__$d = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$d = "data-v-8424a2d0";
+var __vue_module_identifier__$d = "data-v-7b4006ab";
 /* functional template */
 
 var __vue_is_functional_template__$d = false;
@@ -3568,9 +3567,7 @@ var __vue_is_functional_template__$d = false;
 var __vue_component__$d = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$d,
   staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);var dayjs_min = createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
-});function loadScript(url, callback) {
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);function loadScript(url, callback) {
   var s = document.createElement('script');
   s.type = 'text/javascript';
   s.async = true;
@@ -3584,6 +3581,7 @@ var __vue_component__$d = /*#__PURE__*/normalizeComponent({
 }
 
 var script$c = {
+  name: "Date",
   props: {
     format: {
       type: String,
@@ -3599,16 +3597,16 @@ var script$c = {
   mounted: function mounted() {
     setTimeout(this.addDate, 1000);
 
-    if (typeof dayjs_min === "undefined") {
+    if (typeof dayjs === "undefined") {
       console.warn("WFDate dayjs is not loaded");
     }
 
     this.loadLocale(this.language);
   },
   computed: _objectSpread2(_objectSpread2({}, mapState('wf', ['language'])), {}, {
-    date: function date() {
-      if (typeof dayjs_min !== "undefined") {
-        return dayjs_min(this.time).format(this.format);
+    datestr: function datestr() {
+      if (typeof dayjs !== "undefined") {
+        return dayjs(this.time).format(this.format);
       } else {
         return this.time.toLocaleString(this.language, {
           "dateStyle": "long"
@@ -3620,12 +3618,12 @@ var script$c = {
     language: function language() {
       this.time = new Date();
 
-      if (typeof dayjs_min !== "undefined") {
+      if (typeof dayjs !== "undefined") {
         if (!this.locales[this.language]) {
           this.loadLocale(this.language);
         }
 
-        dayjs_min.locale(this.language);
+        dayjs.locale(this.language);
       }
     }
   },
@@ -3640,6 +3638,10 @@ var script$c = {
       loadScript(this.$wayfinder.options.assetsLocation + "/dayjs/locale/" + locale + ".js", function (a) {
         console.log('locale.loaded', a, locale, _this.language);
         _this.locales[locale] = true;
+
+        if (_this.language == locale && dayjs) {
+          dayjs.locale(_this.language);
+        }
       });
     }
   }
@@ -3656,7 +3658,7 @@ var __vue_render__$c = function __vue_render__() {
 
   return _c('div', {
     staticClass: "wf-date"
-  }, [_vm._ssrNode(_vm._ssrEscape("\n  " + _vm._s(_vm.date) + "\n"))]);
+  }, [_vm._ssrNode(_vm._ssrEscape("\n  " + _vm._s(_vm.datestr) + "\n"))]);
 };
 
 var __vue_staticRenderFns__$c = [];
@@ -3668,7 +3670,7 @@ var __vue_inject_styles__$c = undefined;
 var __vue_scope_id__$c = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$c = "data-v-30605052";
+var __vue_module_identifier__$c = "data-v-b52739fe";
 /* functional template */
 
 var __vue_is_functional_template__$c = false;
@@ -4828,19 +4830,25 @@ var __vue_component__$2 = /*#__PURE__*/normalizeComponent({
   },
   watch: {
     language: function language() {
+      console.log('trans.language');
+
       if (this.$wayfinder) {
         this.update();
       }
     },
-    key: function key() {
+    k: function k() {
+      console.log('trans.key');
       this.update();
     }
   },
   mounted: function mounted() {
+    console.log('trans.mounted');
     this.update();
   },
   methods: {
     update: function update() {
+      console.log('trans.updated', this.$wayfinder, this.k);
+
       if (this.$wayfinder && this.k && this.k.length > 0 && this.$wayfinder.translator.exists(this.k)) {
         console.log('trans.update', this.k, this.params, this.$wayfinder.translator.get(this.k, this.params));
         this.value = this.$wayfinder.translator.get(this.k, this.params);
@@ -4862,11 +4870,8 @@ var __vue_render__$1 = function __vue_render__() {
     staticClass: "wf-translatable",
     class: {
       'wf-translated': _vm.translated
-    },
-    domProps: {
-      "innerHTML": _vm._s(_vm.value)
     }
-  }, [_vm._t("default")], 2);
+  }, [_vm.value == '' ? _vm._t("default") : _vm._e(), _vm._ssrNode(_vm._ssrEscape("\n  " + _vm._s(_vm.value) + "\n"))], 2);
 };
 
 var __vue_staticRenderFns__$1 = [];
@@ -4878,7 +4883,7 @@ var __vue_inject_styles__$1 = undefined;
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-6b23d0c2";
+var __vue_module_identifier__$1 = "data-v-e6c19c38";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3dwayfinder/wayfinder-vue-components",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "VueJS UI components for 3D Wayfinder floor plans",
   "main": "dist/wayfinder-vue-components.ssr.js",
   "browser": "dist/wayfinder-vue-components.esm.js",

package/src/lib-components/Clock.vue

@@ -6,6 +6,7 @@
 
 <script>
 export default {
+    name: "Clock",
     data() {
         return {
             time: new Date()
@@ -23,7 +24,6 @@ export default {
         },
         seconds() {
             return (this.time.getSeconds() < 10 ? "0" : "") + this.time.getSeconds()
-            return (this.time.getSeconds() < 10 ? "0" : "") + this.time.getSeconds()
         },
     },
     methods: {

package/src/lib-components/Date.vue

@@ -1,11 +1,10 @@
 <template>
   <div class="wf-date">
-    {{ date }}
+    {{ datestr }}
   </div>
 </template>
 
 <script>
-import dayjs from 'dayjs';
 import { mapState } from 'vuex';
 
 function loadScript(url, callback) {
@@ -22,6 +21,7 @@ function loadScript(url, callback) {
 }
 
 export default {
+    name: "Date",
     props: {
 		format: {type: String, default: "DD.MM" },
 	},
@@ -40,7 +40,7 @@ export default {
     },
     computed: {
         ...mapState('wf', ['language']),
-        date() {
+        datestr() {
             if (typeof dayjs !== "undefined") {
                 return dayjs(this.time).format(this.format);
             }
@@ -70,6 +70,9 @@ export default {
             loadScript(this.$wayfinder.options.assetsLocation + "/dayjs/locale/" + locale + ".js", (a) => {
                 console.log('locale.loaded', a, locale, this.language)
                 this.locales[locale] = true;
+                if (this.language == locale && dayjs) {
+                    dayjs.locale(this.language);
+                }
             });
         }
     }

package/src/lib-components/items/Translate.vue

@@ -1,6 +1,7 @@
 <template>
-  <label class="wf-translatable" :class="{'wf-translated': translated}" v-html="value">
-    <slot></slot>
+  <label class="wf-translatable" :class="{'wf-translated': translated}">
+    <slot v-if="value == ''"></slot>
+    {{ value }}
   </label>
 </template>
 
@@ -8,48 +9,51 @@
 import { mapState } from 'vuex';
 
 export default {
-    name: "Translate",
-    props: {
-        k: {
-			type: String,
-			default: ""
-		},
-		params: {
-			type: Array,
-            default: () => []
-    	},
+  name: "Translate",
+  props: {
+    k: {
+      type: String,
+      default: ""
     },
-    computed: {
-		...mapState('wf', ['language']),
+    params: {
+      type: Array,
+      default: () => []
     },
-    data () {
-        return {
-			translated: false,
-            value: ""
-		}
-    },
-    watch: {
-		language () {
-			if (this.$wayfinder) {
-                this.update();
-			}
-		},
-        key () {
-			this.update();
-		},
-    },
-    mounted () {
+  },
+  computed: {
+    ...mapState('wf', ['language']),
+  },
+  data () {
+    return {
+      translated: false,
+      value: ""
+    }
+  },
+  watch: {
+    language () {
+      console.log('trans.language')
+      if (this.$wayfinder) {
         this.update();
+      }
     },
-    methods: {
-        update () {
-            if (this.$wayfinder && this.k && this.k.length > 0 && this.$wayfinder.translator.exists(this.k)) {
-                console.log('trans.update', this.k, this.params, this.$wayfinder.translator.get(this.k, this.params))
-                this.value = this.$wayfinder.translator.get(this.k, this.params);
-            }
-        } 
-    }
-    
+    k () {
+      console.log('trans.key')
+      this.update();
+    },
+  },
+  mounted () {
+    console.log('trans.mounted')
+    this.update();
+  },
+  methods: {
+    update () {
+      console.log('trans.updated', this.$wayfinder, this.k)
+      if (this.$wayfinder && this.k && this.k.length > 0 && this.$wayfinder.translator.exists(this.k)) {
+        console.log('trans.update', this.k, this.params, this.$wayfinder.translator.get(this.k, this.params))
+        this.value = this.$wayfinder.translator.get(this.k, this.params);
+      }
+    } 
+  }
 }
 </script>