@limetech/lime-crm-building-blocks 1.6.0 → 1.6.2

package/dist/cjs/limebb-currency-picker.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const types = require('./types-8bf20167.js');
+const types = require('./types-172f53c1.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPicker = class {

package/dist/cjs/limebb-date-picker_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const types = require('./types-8bf20167.js');
+const types = require('./types-172f53c1.js');
 
 const DatePicker = class {
   constructor(hostRef) {
@@ -35,19 +35,54 @@ const DatePicker = class {
      * Type of date picker.
      */
     this.type = 'datetime';
+    this.shouldEmitValueAsString = true;
     this.handleChange = (event) => {
+      if (!event.detail) {
+        return;
+      }
       event.stopPropagation();
-      if (typeof this.value === 'string') {
-        this.change.emit(event.detail.toISOString());
+      const date = this.toServerDate(event.detail);
+      if (this.shouldEmitValueAsString) {
+        this.change.emit(date.toISOString());
         return;
       }
-      this.change.emit(event.detail);
+      this.change.emit(date);
     };
     this.formatter = (value) => this.dateTimeFormatter.format(value, dateTimePropertyTypes[this.type] || this.type);
   }
   render() {
-    const value = typeof this.value === 'string' ? new Date(this.value) : this.value;
-    return (index.h("limel-date-picker", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: value, type: this.type, formatter: this.formatter, onChange: this.handleChange }));
+    if (this.value) {
+      this.shouldEmitValueAsString = typeof this.value === 'string';
+    }
+    return (index.h("limel-date-picker", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, formatter: this.formatter, onChange: this.handleChange }));
+  }
+  toServerDate(changedDate) {
+    if (this.type === 'datetime' || this.type === 'time') {
+      return changedDate;
+    }
+    return new Date(Date.UTC(changedDate.getFullYear(), changedDate.getMonth(), changedDate.getDate()));
+  }
+  parseDateValue() {
+    let value = this.value;
+    if (!value) {
+      return;
+    }
+    if (typeof value === 'string') {
+      value = new Date(value);
+    }
+    return this.fromServerDate(value);
+  }
+  fromServerDate(parsedDate) {
+    if (this.type === 'datetime' || this.type === 'time') {
+      return parsedDate;
+    }
+    // Add hours to make sure we don't change the day when parsing server time,
+    // for example "00:00:00+02:00" which correponds to "22:00:00Z".
+    // We expect server time zone to be Europe/Stockholm, but we also try
+    // to account for 00:00 browser local time in most parts of the world,
+    // as well as 12:00 UTC without overflowing to the next day.
+    const maxServerTimeOffsetHours = 10;
+    return new Date(parsedDate.getUTCFullYear(), parsedDate.getUTCMonth(), parsedDate.getUTCDate(), parsedDate.getUTCHours() + maxServerTimeOffsetHours);
   }
   get dateTimeFormatter() {
     return this.platform.get(types.PlatformServiceName.DateTimeFormatter);

package/dist/cjs/limebb-example-date-picker-date.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const platform = require('./platform-31a9e228.js');
-require('./types-8bf20167.js');
+const platform = require('./platform-da6aa193.js');
+require('./types-172f53c1.js');
 
 const DatePickerExampleDate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.value = new Date();
+    this.value = '';
     this.handleChange = (event) => {
-      this.value = event.detail;
+      this.value = event.detail || '';
     };
   }
   render() {

package/dist/cjs/limebb-example-date-picker-datetime.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const platform = require('./platform-31a9e228.js');
-require('./types-8bf20167.js');
+const platform = require('./platform-da6aa193.js');
+require('./types-172f53c1.js');
 
 const DatePickerExampleDateTime = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.value = new Date();
     this.handleChange = (event) => {
-      this.value = event.detail;
+      this.value = event.detail || undefined;
     };
   }
   render() {

package/dist/cjs/limebb-example-date-picker-time.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const platform = require('./platform-31a9e228.js');
-require('./types-8bf20167.js');
+const platform = require('./platform-da6aa193.js');
+require('./types-172f53c1.js');
 
 const DatePickerExampleTime = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.value = new Date();
+    this.value = '';
     this.handleChange = (event) => {
-      this.value = event.detail;
+      this.value = event.detail || '';
     };
   }
   render() {

package/dist/cjs/limebb-example-date-picker-week.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c40f4fe5.js');
-const platform = require('./platform-31a9e228.js');
-require('./types-8bf20167.js');
+const platform = require('./platform-da6aa193.js');
+require('./types-172f53c1.js');
 
 const DatePickerExampleWeek = class {
   constructor(hostRef) {