@vaadin/time-picker 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/time-picker",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,18 +34,18 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/combo-box": "23.1.0-alpha3",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/field-base": "23.1.0-alpha3",
-    "@vaadin/input-container": "23.1.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/combo-box": "23.1.0-beta2",
+    "@vaadin/component-base": "23.1.0-beta2",
+    "@vaadin/field-base": "23.1.0-beta2",
+    "@vaadin/input-container": "23.1.0-beta2",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "f11f9245a0b5e6bf912725a501c27c24b74e7c8d"
 }

package/src/vaadin-time-picker-combo-box.js

@@ -47,8 +47,8 @@ class TimePickerComboBox extends ComboBoxMixin(ThemableMixin(PolymerElement)) {
   static get properties() {
     return {
       positionTarget: {
-        type: Object
-      }
+        type: Object,
+      },
     };
   }
 

package/src/vaadin-time-picker-overlay.js

@@ -13,7 +13,7 @@ registerStyles(
       width: var(--vaadin-time-picker-overlay-width, var(--_vaadin-time-picker-overlay-default-width, auto));
     }
   `,
-  { moduleId: 'vaadin-time-picker-overlay-styles' }
+  { moduleId: 'vaadin-time-picker-overlay-styles' },
 );
 
 /**

package/src/vaadin-time-picker.d.ts

@@ -16,8 +16,8 @@ export interface TimePickerTime {
 }
 
 export interface TimePickerI18n {
-  parseTime: (time: string) => TimePickerTime | undefined;
-  formatTime: (time: TimePickerTime) => string;
+  parseTime(time: string): TimePickerTime | undefined;
+  formatTime(time: TimePickerTime | undefined): string;
   clear: string;
   selector: string;
 }
@@ -198,13 +198,13 @@ declare class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(El
   addEventListener<K extends keyof TimePickerEventMap>(
     type: K,
     listener: (this: TimePicker, ev: TimePickerEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof TimePickerEventMap>(
     type: K,
     listener: (this: TimePicker, ev: TimePickerEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-time-picker.js

@@ -150,7 +150,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
       value: {
         type: String,
         notify: true,
-        value: ''
+        value: '',
       },
 
       /**
@@ -164,7 +164,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        */
       min: {
         type: String,
-        value: '00:00:00.000'
+        value: '00:00:00.000',
       },
 
       /**
@@ -178,7 +178,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        */
       max: {
         type: String,
-        value: '23:59:59.999'
+        value: '23:59:59.999',
       },
 
       /**
@@ -198,7 +198,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        * not recommended to use it for better UX experience.
        */
       step: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -209,7 +209,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
 
       /** @private */
       __dropdownItems: {
-        type: Array
+        type: Array,
       },
 
       /**
@@ -256,8 +256,12 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
               // Always display hour and minute
               let timeString = `${pad(time.hours)}:${pad(time.minutes)}`;
               // Adding second and millisecond depends on resolution
-              time.seconds !== undefined && (timeString += `:${pad(time.seconds)}`);
-              time.milliseconds !== undefined && (timeString += `.${pad(time.milliseconds, '000')}`);
+              if (time.seconds !== undefined) {
+                timeString += `:${pad(time.seconds)}`;
+              }
+              if (time.milliseconds !== undefined) {
+                timeString += `.${pad(time.milliseconds, '000')}`;
+              }
               return timeString;
             },
             parseTime: (text) => {
@@ -267,7 +271,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
               const MATCH_SECONDS = MATCH_MINUTES;
               const MATCH_MILLISECONDS = '(\\d{1,3})';
               const re = new RegExp(
-                `^${MATCH_HOURS}(?::${MATCH_MINUTES}(?::${MATCH_SECONDS}(?:\\.${MATCH_MILLISECONDS})?)?)?$`
+                `^${MATCH_HOURS}(?::${MATCH_MINUTES}(?::${MATCH_SECONDS}(?:\\.${MATCH_MILLISECONDS})?)?)?$`,
               );
               const parts = re.exec(text);
               if (parts) {
@@ -279,19 +283,19 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
                 }
                 return { hours: parts[1], minutes: parts[2], seconds: parts[3], milliseconds: parts[4] };
               }
-            }
+            },
           };
-        }
+        },
       },
 
       /** @private */
       _comboBoxValue: {
         type: String,
-        observer: '__comboBoxValueChanged'
+        observer: '__comboBoxValueChanged',
       },
 
       /** @private */
-      _inputContainer: Object
+      _inputContainer: Object,
     };
   }
 
@@ -318,7 +322,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
         this._setFocusElement(input);
         this.stateTarget = input;
         this.ariaTarget = input;
-      })
+      }),
     );
     this.addController(new LabelledInputController(this.inputElement, this._labelController));
     this._inputContainer = this.shadowRoot.querySelector('[part~="input-field"]');
@@ -366,7 +370,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
 
   /** @private */
   __validDayDivisor(step) {
-    // valid if undefined, or exact divides a day, or has millisecond resolution
+    // Valid if undefined, or exact divides a day, or has millisecond resolution
     return !step || (24 * 3600) % step === 0 || (step < 1 && ((step % 1) * 1000) % 1 === 0);
   }
 
@@ -451,11 +455,11 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
       msec += stepMsec;
     }
 
-    var hh = Math.floor(msec / 1000 / 60 / 60);
+    const hh = Math.floor(msec / 1000 / 60 / 60);
     msec -= hh * 1000 * 60 * 60;
-    var mm = Math.floor(msec / 1000 / 60);
+    const mm = Math.floor(msec / 1000 / 60);
     msec -= mm * 1000 * 60;
-    var ss = Math.floor(msec / 1000);
+    const ss = Math.floor(msec / 1000);
     msec -= ss * 1000;
 
     return { hours: hh < 24 ? hh : 0, minutes: mm, seconds: ss, milliseconds: msec };