@descope/web-components-ui 2.2.1 → 2.2.3

package/dist/index.esm.js

@@ -4585,8 +4585,10 @@ const CheckboxClass = compose(
       inputOutlineOffset: { ...checkboxElement, property: 'outline-offset' },
       inputOutlineColor: { ...checkboxElement, property: 'outline-color' },
       inputOutlineStyle: { ...checkboxElement, property: 'outline-style' },
+      inputAlign: { ...checkboxElement, property: 'align-self' },
 
       inputContainerPadding: { ...component$1, property: 'padding' },
+      inputContainerBackgroundColor: { ...component$1, property: 'background-color' },
       inputContainerBorderRadius: { ...component$1, property: 'border-radius' },
       inputContainerBorderWidth: { ...component$1, property: 'border-width' },
       inputContainerBorderColor: { ...component$1, property: 'border-color' },
@@ -4636,6 +4638,10 @@ const CheckboxClass = compose(
         height: 100%;
       }
 
+      :host([full-width]) vaadin-checkbox {
+        flex-grow: 1;
+      }
+
       vaadin-checkbox::part(checkbox) {
         margin: 0;
       }
@@ -6262,19 +6268,6 @@ const newDate = (date, isUtcTime) => {
   }
   if (typeof date === 'string') {
     const d = new Date(date.replace(/-/g, '/'));
-    if (isUtcTime) {
-      return new Date(
-        Date.UTC(
-          d.getFullYear(),
-          d.getMonth(),
-          d.getDate(),
-          d.getHours(),
-          d.getMinutes(),
-          d.getSeconds(),
-          d.getMilliseconds()
-        )
-      );
-    }
     return new Date(d);
   }
   return new Date();
@@ -6372,9 +6365,16 @@ const parseDateString = (val, format) => {
 };
 
 const dateToEpoch = (date, isUtc) => {
+  // If it's already a number (epoch), return it directly - no conversion needed
+  if (typeof date === 'number') {
+    return date;
+  }
+
   if (isUtc) {
-    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).getTime();
+    return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate());
   }
+
+  // Default: return epoch in local timezone
   return date.getTime();
 };
 
@@ -7636,7 +7636,7 @@ class RawDateFieldClass extends BaseInputClass$b {
 
   updateValue() {
     if (this.isCountersOutOfRange) {
-      this.updateEpoch('');
+      this.resetEpoch();
     } else {
       const date = formats[this.format].getDate(this.inputElement.value);
       this.updateEpoch(dateToEpoch(date, this.isUtcTime));
@@ -7650,12 +7650,8 @@ class RawDateFieldClass extends BaseInputClass$b {
     this.#dispatchInput();
   };
 
-  updateEpoch(epochOrDate) {
-    if (Number.isNaN(epochOrDate) || !epochOrDate.toString()?.length) {
-      this.epoch = '';
-    } else {
-      this.epoch = dateToEpoch(newDate(epochOrDate, this.isUtcTime), this.isUtcTime);
-    }
+  updateEpoch(epoch) {
+    this.epoch = dateToEpoch(epoch, this.isUtcTime);
   }
 
   dateCounters = [
@@ -7786,14 +7782,18 @@ class RawDateFieldClass extends BaseInputClass$b {
     let value = parseInt(val, 10);
     if (!Number.isNaN(value)) {
       this.updateEpoch(value);
-      this.updateDateCounters(newDate(value));
+      this.updateDateCounters(new Date(value));
     } else {
-      this.updateEpoch('');
+      this.resetEpoch();
       this.resetDateCounters();
       this.clearInputEle();
     }
   }
 
+  resetEpoch() {
+    this.epoch = '';
+  }
+
   get isCountersEmpty() {
     return this.dateCounters.every((dc) => dc.isEmpty);
   }
@@ -8367,7 +8367,7 @@ class RawDateFieldClass extends BaseInputClass$b {
     }
 
     try {
-      const date = this.isUtcTime ? new Date(this.epoch) : newDate(this.epoch);
+      const date = new Date(this.epoch);
 
       if (this.isUtcTime) {
         ret.month = date.getUTCMonth() + 1;