add version 2.5.0

CHANGELOG.md

@@ -7,12 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
-## [2.5.0] - 2022-05-05
+## [2.5.0] - 2022-05-06
 
 ### Change
 
 - changed logic about `hour` and `minutes`. Previous version used divs as buttons, the current version is using `inputs` instead divs.
-- removed `preventDefault` option
+- removed `preventDefault` option, to use `editable` option is enough to set this option to `true`
+
+### Add
+
+- added `debounce` function to close/open timepicker
 
 ### Fix
 

dist/types/index.d.ts

@@ -25,7 +25,7 @@ declare type OptionTypes = {
      */
     cancelLabel?: string;
     /**
-     * @description Edit hour/minutes on the web mode. You have set option `preventDefault` to false.
+     * @description Edit hour/minutes on the web mode.
      * @default false
      */
     editable?: boolean;
@@ -94,11 +94,6 @@ declare type OptionTypes = {
      * @default "PM"
      */
     pmLabel?: string;
-    /**
-     * @description Set on/off defaults events to clock face events
-     * @default true
-     */
-    preventDefault?: boolean;
     /**
      * @description Set custom text to time label on desktop version
      * @default "Select Time"
@@ -195,6 +190,8 @@ declare class TimepickerUI {
     private _isTouchMouseMove;
     private _disabledTime;
     private _cloned;
+    private _inputEvents;
+    private _isModalRemove?;
     constructor(element: HTMLElement, options?: OptionTypes);
     private get modalTemplate();
     private get modalElement();
@@ -234,7 +231,7 @@ declare class TimepickerUI {
      * or just boolean or just callback. If the boolean is set to true the input will be updating with the current value on picker.
      * The callback function start immediately after close, if is invoke. The max parameters length is set to 2
      */
-    close: (...args: Array<boolean | TypeFunction>) => void;
+    close: (...args: (boolean | TypeFunction)[]) => void;
     /**
      * @description The destroy method destroy actual instance of picker by cloning element.
      * @param callback - The callback function is started after destroyed method. This parameter is optional.
@@ -273,6 +270,7 @@ declare class TimepickerUI {
     private _getInputValueOnOpenAndSet;
     private _handleCancelButton;
     private _handleOkButton;
+    private _setShowClassToBackdrop;
     private _handleBackdropClick;
     private _setBgColorToCirleWithHourTips;
     private _setBgColorToCircleWithMinutesTips;
@@ -288,8 +286,9 @@ declare class TimepickerUI {
     private _handlePmClick;
     private _handleAnimationClock;
     private _handleAnimationSwitchTipsMode;
-    private _handleHourClick;
-    private _handleMinutesClick;
+    private _handleClasses24h;
+    private _handleHourEvents;
+    private _handleMinutesEvents;
     private _handleEventToMoveHand;
     private _toggleClassActiveToValueTips;
     private _handleMoveHand;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timepicker-ui",
-  "version": "2.4.5",
+  "version": "2.5.0",
   "description": "timepicker-ui is an easy library with timepicker. Created with TypeScript based on Material Design from Google.",
   "main": "./dist/timepicker-ui.js",
   "module": "./dist/timepicker-ui.esm.js",