datex-ui 1.1.11 → 1.2.0

package/dist/datex.d.ts

@@ -48,6 +48,11 @@ export declare class Datex {
     enableKeyboardNavigation(): void;
     disableKeyboardNavigation(): void;
     setKeyboardFocusedDate(date: Date): void;
+    updateOptions(newOptions: Partial<DatexOptions>): void;
+    private reinitializeServices;
+    private updateContainerConfiguration;
+    private updateButtonLabels;
+    getOptions(): Required<DatexOptions>;
     remove(): void;
     private storeOldValues;
     private setupDocumentListeners;

package/dist/index.esm.js

@@ -64,10 +64,10 @@ function x(l, t) {
 function w(l) {
   return new Date(l.getFullYear(), l.getMonth(), 1);
 }
-function L(l) {
+function H(l) {
   return new Date(l.getFullYear(), l.getMonth() + 1, 0);
 }
-function $(l, t = 1) {
+function B(l, t = 1) {
   const a = (l.getDay() - t + 7) % 7, i = new Date(l);
   return i.setDate(l.getDate() - a), i;
 }
@@ -120,7 +120,7 @@ const E = {
   fontSize: "14px",
   fontFamily: 'Roboto, "Helvetica Neue", Arial, sans-serif'
 };
-class H {
+class A {
   constructor(t, e = E) {
     this.mode = "light", this.handleMediaChange = () => {
       this.mode === "auto" && this.applyTheme();
@@ -216,7 +216,7 @@ class H {
         color: ${t.textColor} !important;
         line-height: 1em !important;
         width: 278px !important;
-        z-index: 3001 !important;
+        z-index: 999999 !important;
       }
 
       /* Base arrow styles - creates the dropdown arrow */
@@ -1289,7 +1289,7 @@ class T {
     t.dispatchEvent(i);
   }
 }
-class A {
+class L {
   constructor(t, e, a) {
     this.element = t, this.container = e, this.options = a, this.setupOrientationHandler();
   }
@@ -1394,12 +1394,12 @@ class A {
     t && (t.style.display = "none");
   }
 }
-class B {
+class M {
   constructor(t, e) {
     this.options = t, this.locale = e;
   }
   buildCalendarMatrix(t) {
-    const e = w(t), a = $(e, this.locale.firstDay), i = [];
+    const e = w(t), a = B(e, this.locale.firstDay), i = [];
     let o = [];
     const s = new Date(a);
     for (let n = 0; n < 42; n++) {
@@ -1429,8 +1429,8 @@ class B {
       const r = a ? n : n === 0 ? 12 : n, d = String(r).padStart(2, "0"), c = a ? t.getHours() : t.getHours() % 12 || 12;
       let b = !1;
       if (this.options.minDate || this.options.maxDate) {
-        const f = new Date(t), M = a ? r : t.getHours() >= 12 ? r === 12 ? 12 : r + 12 : r === 12 ? 0 : r;
-        if (f.setHours(M), this.options.minDate) {
+        const f = new Date(t), $ = a ? r : t.getHours() >= 12 ? r === 12 ? 12 : r + 12 : r === 12 ? 0 : r;
+        if (f.setHours($), this.options.minDate) {
           const v = new Date(f);
           v.setMinutes(59), v < this.options.minDate && (b = !0);
         }
@@ -1557,7 +1557,7 @@ class B {
     return !this.options.minDate || y(w(t), this.options.minDate);
   }
   canNavigateNext(t) {
-    return !this.options.maxDate || u(L(t), this.options.maxDate);
+    return !this.options.maxDate || u(H(t), this.options.maxDate);
   }
 }
 class F {
@@ -1903,7 +1903,7 @@ const P = {
   ],
   firstDay: 1
 };
-class N {
+class V {
   constructor(t, e = {}, a) {
     this.element = this.resolveElement(t), this.options = this.mergeWithDefaults(e), this.locale = this.options.locale, this.callback = a || (() => {
     }), this.eventService = new T(), this.initializeState(), this.initializeServices(), this.addDropdownArrow(), this.createContainer(), this.setupEventListeners(), this.updateElement(), this.calculateChosenLabel();
@@ -1965,7 +1965,7 @@ class N {
     };
   }
   initializeServices() {
-    this.calendarService = new B(this.options, this.locale);
+    this.calendarService = new M(this.options, this.locale);
   }
   addDropdownArrow() {
     this.element.tagName === "INPUT" && this.element.classList.add("datex-input");
@@ -2013,7 +2013,7 @@ class N {
     `;
   }
   initializeContainerServices() {
-    this.themeService = new H(this.container, this.options.theme), this.positionService = new A(
+    this.themeService = new A(this.container, this.options.theme), this.positionService = new L(
       this.element,
       this.container,
       this.options
@@ -2099,6 +2099,36 @@ class N {
   setKeyboardFocusedDate(t) {
     this.keyboardService.setFocusedDate(t);
   }
+  updateOptions(t) {
+    const e = { ...this.options, ...t };
+    this.options = this.mergeWithDefaults(e), t.locale && (this.locale = t.locale), this.reinitializeServices(), this.updateContainerConfiguration(), this.updateView(), this.state.isShowing && this.positionContainer();
+  }
+  reinitializeServices() {
+    this.calendarService = new M(this.options, this.locale), this.validationService.updateValidation(this.options.validation), this.themeService.setTheme(this.options.theme), this.positionService = new L(
+      this.element,
+      this.container,
+      this.options
+    );
+  }
+  updateContainerConfiguration() {
+    this.options.singleDatePicker ? this.container.classList.add("single") : this.container.classList.remove("single"), this.options.autoApply ? this.container.classList.add("auto-apply") : this.container.classList.remove("auto-apply"), this.container.classList.remove("opensleft", "opensright", "openscenter"), this.container.classList.add(`opens${this.options.opens}`), Object.keys(this.options.ranges).length > 0 ? (this.container.classList.add("show-ranges"), this.renderRanges()) : this.container.classList.remove("show-ranges"), (this.options.alwaysShowCalendars || Object.keys(this.options.ranges).length === 0) && this.container.classList.add("show-calendar"), this.options.autoApply || this.container.classList.add("show-calendar"), this.container.querySelectorAll(".calendar-time").forEach((e) => {
+      e.style.display = this.options.timePicker ? "block" : "none";
+    }), this.updateButtonLabels();
+  }
+  updateButtonLabels() {
+    this.container.querySelectorAll(
+      ".applyBtn, .mobile-applyBtn"
+    ).forEach((a) => {
+      a.textContent = this.locale.applyLabel;
+    }), this.container.querySelectorAll(
+      ".cancelBtn, .mobile-cancelBtn"
+    ).forEach((a) => {
+      a.textContent = this.locale.cancelLabel;
+    });
+  }
+  getOptions() {
+    return { ...this.options };
+  }
   remove() {
     this.cleanup();
   }
@@ -2590,7 +2620,7 @@ class N {
 export {
   Y as BOOTSTRAP_THEME,
   E as DEFAULT_THEME,
-  N as Datex,
+  V as Datex,
   z as MATERIAL_THEME,
   P as SPANISH_LOCALE,
   R as SPANISH_LOCALE_WITH_TIME,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "datex-ui",
   "access": "public",
-  "version": "1.1.11",
+  "version": "1.2.0",
   "type": "module",
   "description": "A modern, lightweight, and customizable date range picker for TypeScript/JavaScript applications",
   "main": "dist/index.esm.js",