@limetech/lime-elements 37.65.11 → 37.65.13

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [37.65.13](https://github.com/Lundalogik/lime-elements/compare/v37.65.12...v37.65.13) (2024-11-13)
+
+
+### Bug Fixes
+
+
+* **flatpickr-adapter:** handle missing `formatter` property ([05a1b06](https://github.com/Lundalogik/lime-elements/commit/05a1b06aefcb4eade4e86221541fb9952b40d1b2))
+
+## [37.65.12](https://github.com/Lundalogik/lime-elements/compare/v37.65.11...v37.65.12) (2024-11-12)
+
+
+### Bug Fixes
+
+
+* **date-picker:** avoid creating flatpickr instance while hidden ([7bd6f8a](https://github.com/Lundalogik/lime-elements/commit/7bd6f8a7f37d9920c832dc3513632927d0ae5365))
+* **flatpickr-adapter:** create flatpickr again after disconnected ([737178a](https://github.com/Lundalogik/lime-elements/commit/737178a62b8958c9f9b7d2af23764e7ec150fb6d))
+
 ## [37.65.11](https://github.com/Lundalogik/lime-elements/compare/v37.65.10...v37.65.11) (2024-11-11)
 
 

package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js

@@ -6469,6 +6469,7 @@ const ARIA_DATE_FORMAT = 'F j, Y';
 class Picker {
   constructor(dateFormat, language, change) {
     this.change = change;
+    this.formatter = (date) => moment.moment(date).locale(this.getMomentLang()).format(this.dateFormat);
     this.language = 'en';
     this.language = language;
     const isMobile = device.isIOSDevice() || device.isAndroidDevice();
@@ -7615,7 +7616,9 @@ const DatePickerCalendar = class {
         this.picker = new DatetimePicker(this.format, this.language, this.change);
         break;
     }
-    this.picker.formatter = this.formatter;
+    if (this.formatter) {
+      this.picker.formatter = this.formatter;
+    }
   }
   componentDidUpdate() {
     if (!this.flatPickrCreated) {
@@ -7624,28 +7627,6 @@ const DatePickerCalendar = class {
     else if (!this.isOpen) {
       this.picker.setValue(this.value);
     }
-    this.tryFixConfusingWidthBug();
-  }
-  tryFixConfusingWidthBug() {
-    // Sometimes the datepickr renders with the width set to 1px.
-    // We've not been able to understand why but believe it has
-    // to do with the internal implementation of flatpickr.
-    // The fix below is an ugly fix that seems to solve this
-    // issue for us.
-    const ONE_SECOND = 1000;
-    const TEN_PIXELS = 10;
-    if (this.isOpen) {
-      setTimeout(() => {
-        if (this.isOpen) {
-          const flatpickrElement = this.container.querySelector('div.flatpickr-calendar');
-          const { width } = flatpickrElement.getBoundingClientRect();
-          if (width < TEN_PIXELS) {
-            this.destroyFlatpickr();
-            this.createFlatpickr();
-          }
-        }
-      }, ONE_SECOND);
-    }
   }
   createFlatpickr() {
     if (!this.inputElement) {
@@ -7653,14 +7634,15 @@ const DatePickerCalendar = class {
       // after its been rendered.
       return;
     }
+    if (!this.isOpen || !this.container.checkVisibility()) {
+      return;
+    }
     this.picker.init(this.inputElement, this.container, this.value);
     this.flatPickrCreated = true;
   }
-  destroyFlatpickr() {
-    this.picker.destroy();
-  }
   disconnectedCallback() {
     this.picker.destroy();
+    this.flatPickrCreated = false;
   }
   render() {
     return (index.h("div", { class: "container", ref: (el) => (this.container = el), style: {