@vaadin/time-picker 22.0.12 → 22.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/time-picker",
-  "version": "22.0.12",
+  "version": "22.0.15",
   "publishConfig": {
     "access": "public"
   },
@@ -33,18 +33,18 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/combo-box": "^22.0.12",
-    "@vaadin/component-base": "^22.0.12",
-    "@vaadin/field-base": "^22.0.12",
-    "@vaadin/input-container": "^22.0.12",
-    "@vaadin/vaadin-lumo-styles": "^22.0.12",
-    "@vaadin/vaadin-material-styles": "^22.0.12",
-    "@vaadin/vaadin-themable-mixin": "^22.0.12"
+    "@vaadin/combo-box": "^22.0.15",
+    "@vaadin/component-base": "^22.0.15",
+    "@vaadin/field-base": "^22.0.15",
+    "@vaadin/input-container": "^22.0.15",
+    "@vaadin/vaadin-lumo-styles": "^22.0.15",
+    "@vaadin/vaadin-material-styles": "^22.0.15",
+    "@vaadin/vaadin-themable-mixin": "^22.0.15"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.0"
   },
-  "gitHead": "ba1b2b04365d6cc9d5c05376b6d1f1402bc314ec"
+  "gitHead": "bba021b56ba45da93d2bb980242956ad929ecfe2"
 }

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,
+      },
     };
   }
 
@@ -79,27 +79,6 @@ class TimePickerComboBox extends ComboBoxMixin(ThemableMixin(PolymerElement)) {
     // See https://github.com/vaadin/vaadin-time-picker/issues/145
     this.setAttribute('dir', 'ltr');
   }
-
-  /** @protected */
-  _isClearButton(event) {
-    return (
-      super._isClearButton(event) ||
-      (event.type === 'input' && !event.isTrusted) || // fake input event dispatched by clear button
-      event.composedPath()[0].getAttribute('part') === 'clear-button'
-    );
-  }
-
-  /**
-   * @param {!Event} event
-   * @protected
-   */
-  _onChange(event) {
-    super._onChange(event);
-
-    if (this._isClearButton(event)) {
-      this._clear();
-    }
-  }
 }
 
 customElements.define(TimePickerComboBox.is, TimePickerComboBox);

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

@@ -17,7 +17,7 @@ export interface TimePickerTime {
 
 export interface TimePickerI18n {
   parseTime: (time: string) => TimePickerTime | undefined;
-  formatTime: (time: TimePickerTime) => string;
+  formatTime: (time: TimePickerTime | undefined) => string;
   clear: string;
   selector: string;
 }
@@ -189,13 +189,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,
       },
 
       /**
@@ -267,7 +267,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 +279,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 +318,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"]');