ngx-kit 6.0.0 → 6.0.1

package/fesm2022/ngx-kit-time-picker.mjs

@@ -18,6 +18,19 @@ const NGX_TIME_PICKER_CONFIG = new InjectionToken('ngx-time-picker-config', {
     factory: () => DEFAULT_TIME_PICKER_CONFIG,
 });
 
+function normalizeTime(value) {
+    const match = value.match(/^(\d{1,2}):(\d{2})$/);
+    if (!match) {
+        return null;
+    }
+    const hour = Number(match[1]);
+    const minute = Number(match[2]);
+    if (hour < 0 || hour > 23 || minute < 0 || minute > 59) {
+        return null;
+    }
+    return [hour.toString().padStart(2, '0'), minute.toString().padStart(2, '0')].join(':');
+}
+
 class NgxInputTimePickerComponent {
     browserService = inject(BrowserService);
     change = output();
@@ -37,8 +50,6 @@ class NgxInputTimePickerComponent {
      */
     format = input(this.config.format, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
-    amOrPm = model(this.config.format == '12' ? 'AM' : undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "amOrPm" }] : /* istanbul ignore next */ []));
     /**
      * Minute step.
      */
@@ -77,6 +88,11 @@ class NgxInputTimePickerComponent {
         return hour;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "displayHour" }] : /* istanbul ignore next */ []));
+    isPm = computed(() => {
+        const hour = Number(this.value().split(':')[0]);
+        return hour >= 12;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isPm" }] : /* istanbul ignore next */ []));
     displayMinute = computed(() => {
         return this.parsedTime().minute;
     }, /* @ts-ignore */
@@ -132,45 +148,58 @@ class NgxInputTimePickerComponent {
         return 86;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "handLength" }] : /* istanbul ignore next */ []));
-    handEnd = computed(() => {
+    hourRadius = computed(() => {
+        if (this.mode() !== 'hour') {
+            return 94;
+        }
+        if (this.format() !== '24') {
+            return 94;
+        }
+        const hour = this.parsedTime().hour;
+        // 00, 13..23 → inner ring
+        if (hour === 0 || hour >= 13) {
+            return 58;
+        }
+        // 01..12 → outer ring
+        return 94;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hourRadius" }] : /* istanbul ignore next */ []));
+    selectedPosition = computed(() => {
         const angle = this.currentAngle();
         const radians = ((angle - 90) * Math.PI) / 180;
-        const radius = this.handLength();
+        const radius = this.mode() === 'hour' ? this.hourRadius() : 94;
         return {
             x: 120 + Math.cos(radians) * radius,
             y: 120 + Math.sin(radians) * radius,
         };
     }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "handEnd" }] : /* istanbul ignore next */ []));
-    selectedPosition = computed(() => {
+    ...(ngDevMode ? [{ debugName: "selectedPosition" }] : /* istanbul ignore next */ []));
+    handEnd = computed(() => {
         const angle = this.currentAngle();
         const radians = ((angle - 90) * Math.PI) / 180;
-        const radius = this.mode() === 'hour' ? 82 : 82;
+        const radius = this.mode() === 'hour' ? this.hourRadius() : 94;
         return {
             x: 120 + Math.cos(radians) * radius,
             y: 120 + Math.sin(radians) * radius,
         };
     }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectedPosition" }] : /* istanbul ignore next */ []));
+    ...(ngDevMode ? [{ debugName: "handEnd" }] : /* istanbul ignore next */ []));
     _onChange = (value) => { };
     _onTouched = () => { };
     _validatorOnChange = () => { };
     constructor() { }
     ngOnInit() { }
     writeValue(value) {
-        if (!value)
-            value = '12:00';
-        const s = value.split(':');
-        if (this.format() == '12') {
-            if (+s[0] > 12) {
-                s[0] = (+s[0] - 12).toString().padStart(2, '0');
-                this.amOrPm.set('PM');
-            }
-            else {
-                this.amOrPm.set('AM');
-            }
+        if (!value) {
+            this.value.set('12:00');
+            return;
         }
-        this.value.set(s.join(':') + ' ' + this.amOrPm());
+        const normalized = normalizeTime(value);
+        if (normalized === null) {
+            // invalid value
+            return;
+        }
+        this.value.set(normalized);
     }
     validate(control) {
         return null;
@@ -247,54 +276,71 @@ class NgxInputTimePickerComponent {
             return;
         }
         const rect = svg.getBoundingClientRect();
-        /*
-         * SVG viewBox = 0 0 240 240
-         *
-         * Convert browser coordinates
-         * to SVG coordinates.
-         */
         const x = ((event.clientX - rect.left) / rect.width) * 240;
         const y = ((event.clientY - rect.top) / rect.height) * 240;
+        if (this.mode() === 'hour') {
+            this.updateHourFromPointer(x, y);
+            return;
+        }
+        this.updateMinuteFromPointer(x, y);
+    }
+    updateHourFromPointer(x, y) {
         const dx = x - 120;
         const dy = y - 120;
+        const distance = Math.sqrt(dx * dx + dy * dy);
         let angle = (Math.atan2(dy, dx) * 180) / Math.PI + 90;
         if (angle < 0) {
             angle += 360;
         }
-        if (this.mode() === 'hour') {
-            this.updateHourFromAngle(angle);
-        }
-        else {
-            this.updateMinuteFromAngle(angle);
+        let hour = Math.round(angle / 30) % 12;
+        if (this.format() === '12') {
+            hour = hour === 0 ? 12 : hour;
+            this.setTime(hour, this.parsedTime().minute);
+            return;
         }
-    }
-    updateHourFromAngle(angle) {
-        let hour = Math.round(angle / 30);
-        if (hour === 0 || hour === 12) {
-            hour = 12;
+        /*
+         * 24 hour mode
+         *
+         * Outer ring:
+         * 1 ... 12
+         *
+         * Inner ring:
+         * 13 ... 23, 00
+         */
+        const INNER_RING_THRESHOLD = 76;
+        const isInnerRing = distance < INNER_RING_THRESHOLD;
+        if (isInnerRing) {
+            /*
+             * Inner ring:
+             *
+             * 12 position -> 00
+             * 1 position  -> 13
+             * 2 position  -> 14
+             * ...
+             * 11 position -> 23
+             */
+            hour = hour === 0 ? 0 : hour + 12;
         }
-        if (this.format() === '24') {
+        else {
             /*
-             * Determine whether pointer is closer
-             * to inner or outer 12-hour ring.
+             * Outer ring:
              *
-             * For a full 24-hour implementation we use
-             * the current half-day when possible.
+             * 12 position -> 12
+             * 1 ... 11    -> 1 ... 11
              */
-            const currentHour = this.parsedTime().hour;
-            const currentIsPm = currentHour >= 12;
-            if (hour !== 12) {
-                hour = currentIsPm ? hour + 12 : hour;
-            }
-            else {
-                hour = currentIsPm ? 12 : 0;
-            }
+            hour = hour === 0 ? 12 : hour;
         }
         this.setTime(hour, this.parsedTime().minute);
     }
-    updateMinuteFromAngle(angle) {
+    updateMinuteFromPointer(x, y) {
+        const dx = x - 120;
+        const dy = y - 120;
+        let angle = (Math.atan2(dy, dx) * 180) / Math.PI + 90;
+        if (angle < 0) {
+            angle += 360;
+        }
         let minute = Math.round(angle / 6);
-        minute = minute % 60;
+        minute %= 60;
         const step = Math.max(1, this.minuteStep());
         minute = Math.round(minute / step) * step;
         if (minute >= 60) {
@@ -307,13 +353,6 @@ class NgxInputTimePickerComponent {
         const m = String(minute).padStart(2, '0');
         this.value.set(`${h}:${m}`);
     }
-    isSelectedHour(hour) {
-        const current = this.displayHour();
-        return current === hour;
-    }
-    isSelectedMinute(minute) {
-        return this.displayMinute() === minute;
-    }
     formatHour(hour) {
         if (this.format() === '24') {
             return String(hour).padStart(2, '0');
@@ -349,10 +388,25 @@ class NgxInputTimePickerComponent {
             y: 120 + Math.sin(radians) * 94,
         };
     }
-    ok() {
-        if (this.format() == '12') {
-            this.value.update((u) => u + ` ${this.amOrPm()}`);
+    togglePmAm(val) {
+        const [hour, minute] = this.value().split(':').map(Number);
+        let newHour = hour;
+        if (val === 'AM') {
+            // 12:xx PM → 00:xx
+            if (hour >= 12) {
+                newHour = hour - 12;
+            }
         }
+        else {
+            // 00:xx AM → 12:xx PM
+            if (hour < 12) {
+                newHour = hour + 12;
+            }
+        }
+        const value = `${String(newHour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;
+        this.value.set(value);
+    }
+    ok() {
         this.change.emit(this.value());
         this._onChange(this.value());
     }
@@ -360,7 +414,7 @@ class NgxInputTimePickerComponent {
         this.cancel.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxInputTimePickerComponent, isStandalone: true, selector: "ngx-time-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, amOrPm: { classPropertyName: "amOrPm", publicName: "amOrPm", isSignal: true, isRequired: false, transformFunction: null }, minuteStep: { classPropertyName: "minuteStep", publicName: "minuteStep", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, autoSwitchToMinute: { classPropertyName: "autoSwitchToMinute", publicName: "autoSwitchToMinute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", cancel: "cancel", value: "valueChange", amOrPm: "amOrPmChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxInputTimePickerComponent, isStandalone: true, selector: "ngx-time-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, minuteStep: { classPropertyName: "minuteStep", publicName: "minuteStep", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, autoSwitchToMinute: { classPropertyName: "autoSwitchToMinute", publicName: "autoSwitchToMinute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", cancel: "cancel", value: "valueChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NgxInputTimePickerComponent),
@@ -371,7 +425,7 @@ class NgxInputTimePickerComponent {
                 useExisting: forwardRef(() => NgxInputTimePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "clock", first: true, predicate: ["clock"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"amOrPm() == 'AM'\" (click)=\"amOrPm.set('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"amOrPm() == 'PM'\" (click)=\"amOrPm.set('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && hour >= 13) {\n            <g\n              class=\"clock-number clock-number--inner\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"isSelectedMinute(minute)\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n", styles: [":host{--ngx-time-picker-clock-bg: light-dark(#f8f8f8, #181818);--ngx-time-picker-header-bg: #6200ee;--ngx-time-picker-header-fg: #fff;--ngx-clock-bg: light-dark(#e8e8e8, #35363c);display:inline-block}.ngx-time-picker{width:270px;max-width:100%;border-radius:15px;overflow:hidden;direction:ltr;user-select:none;-webkit-user-select:none;border:1px rgba(191,191,191,.4) solid;box-shadow:0 0 20px #9090904f}.ngx-time-picker__header{display:flex;align-items:center;justify-content:center;height:82px;background:var(--ngx-time-picker-header-bg, );color:var(--ngx-time-picker-header-fg)}.ngx-time-picker__value{border:0;padding:0;background:transparent;color:#ffffff8c;font-size:48px;line-height:1;font-weight:400;cursor:pointer;transition:color .16s ease,opacity .16s ease;font-variant-numeric:tabular-nums}.ngx-time-picker__value:hover{color:#fffc}.ngx-time-picker__value.active{color:#fff}.ngx-time-picker__value:disabled{cursor:default}.ngx-time-picker__separator{margin-inline:4px;font-size:44px;line-height:1;color:#fff}.ngx-time-picker__clock-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker__clock{width:250px;height:250px;touch-action:none;overflow:visible;cursor:pointer}.clock-background{fill:var(--ngx-clock-bg)}.clock-hand{stroke:#1976d2;stroke-width:2;stroke-linecap:round;pointer-events:none}.clock-center,.clock-selected{fill:#1976d2;pointer-events:none}.clock-number{cursor:pointer}.clock-number circle{fill:transparent;transition:fill .12s ease,transform .12s ease}.clock-number text{fill:currentColor;font-size:14px;font-family:Roboto,Arial,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .12s ease}.clock-number:hover circle{fill:#1976d21f}.clock-number.selected circle{fill:#1976d2}.clock-number.selected text{fill:#fff;font-weight:500}.clock-number--inner text{font-size:12px}.ngx-time-picker--disabled{opacity:.5;pointer-events:none}.ngx-time-picker--footer{display:flex;justify-content:flex-end;gap:5px;padding:5px 10px 20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker--footer button{outline:none;background:none;color:inherit;border:none;border-radius:4px;padding:8px 15px;box-shadow:none;transition:all .3s}.ngx-time-picker--footer button:not([disabled]):hover{cursor:pointer;background:#816ef175}.ngx-time-picker_format{display:flex;flex-direction:column;margin:0 15px;gap:5px}.ngx-time-picker_format button{all:unset;opacity:.4;cursor:pointer}.ngx-time-picker_format button.active{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+        ], viewQueries: [{ propertyName: "clock", first: true, predicate: ["clock"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"!isPm()\" (click)=\"togglePmAm('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"isPm()\" (click)=\"togglePmAm('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && (hour >= 13 || hour == 0)) {\n            <g class=\"clock-number clock-number--inner\" (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ hour == 0 ? '00' : hour }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"displayHour() == hour\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ hour }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"displayMinute() == minute\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n", styles: [":host{--ngx-time-picker-clock-bg: light-dark(#f8f8f8, #181818);--ngx-time-picker-header-bg: #6200ee;--ngx-time-picker-header-fg: #fff;--ngx-clock-bg: light-dark(#e8e8e8, #35363c);display:inline-block}.ngx-time-picker{width:300px;max-width:100%;border-radius:15px;overflow:hidden;direction:ltr;user-select:none;-webkit-user-select:none;border:1px rgba(191,191,191,.4) solid;box-shadow:0 0 20px #9090904f}.ngx-time-picker__header{display:flex;align-items:center;justify-content:center;height:82px;background:var(--ngx-time-picker-header-bg, );color:var(--ngx-time-picker-header-fg)}.ngx-time-picker__value{border:0;padding:0;background:transparent;color:#ffffff8c;font-size:48px;line-height:1;font-weight:400;cursor:pointer;transition:color .16s ease,opacity .16s ease;font-variant-numeric:tabular-nums}.ngx-time-picker__value:hover{color:#fffc}.ngx-time-picker__value.active{color:#fff}.ngx-time-picker__value:disabled{cursor:default}.ngx-time-picker__separator{margin-inline:4px;font-size:44px;line-height:1;color:#fff}.ngx-time-picker__clock-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker__clock{width:250px;height:250px;touch-action:none;overflow:visible;cursor:pointer}.clock-background{fill:var(--ngx-clock-bg)}.clock-hand{stroke:#1976d2;stroke-width:2;stroke-linecap:round;pointer-events:none}.clock-center,.clock-selected{fill:#1976d2;pointer-events:none}.clock-number{cursor:pointer}.clock-number circle{fill:transparent}.clock-number text{fill:currentColor;font-size:14px;font-family:Roboto,Arial,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .12s ease}.clock-number:hover circle{fill:#1976d21f}.clock-number.selected text{fill:#000;font-weight:500}.clock-number--inner text{font-size:12px}.ngx-time-picker--disabled{opacity:.5;pointer-events:none}.ngx-time-picker--footer{display:flex;justify-content:flex-end;gap:5px;padding:5px 10px px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker--footer button{outline:none;background:none;color:inherit;border:none;border-radius:4px;padding:8px 15px;box-shadow:none;transition:all .3s}.ngx-time-picker--footer button:not([disabled]):hover{cursor:pointer;background:#816ef175}.ngx-time-picker_format{display:flex;flex-direction:column;margin:0 15px;gap:5px}.ngx-time-picker_format button{all:unset;opacity:.4;cursor:pointer}.ngx-time-picker_format button.active{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputTimePickerComponent, decorators: [{
             type: Component,
@@ -386,8 +440,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                             useExisting: forwardRef(() => NgxInputTimePickerComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"amOrPm() == 'AM'\" (click)=\"amOrPm.set('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"amOrPm() == 'PM'\" (click)=\"amOrPm.set('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && hour >= 13) {\n            <g\n              class=\"clock-number clock-number--inner\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"isSelectedMinute(minute)\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n", styles: [":host{--ngx-time-picker-clock-bg: light-dark(#f8f8f8, #181818);--ngx-time-picker-header-bg: #6200ee;--ngx-time-picker-header-fg: #fff;--ngx-clock-bg: light-dark(#e8e8e8, #35363c);display:inline-block}.ngx-time-picker{width:270px;max-width:100%;border-radius:15px;overflow:hidden;direction:ltr;user-select:none;-webkit-user-select:none;border:1px rgba(191,191,191,.4) solid;box-shadow:0 0 20px #9090904f}.ngx-time-picker__header{display:flex;align-items:center;justify-content:center;height:82px;background:var(--ngx-time-picker-header-bg, );color:var(--ngx-time-picker-header-fg)}.ngx-time-picker__value{border:0;padding:0;background:transparent;color:#ffffff8c;font-size:48px;line-height:1;font-weight:400;cursor:pointer;transition:color .16s ease,opacity .16s ease;font-variant-numeric:tabular-nums}.ngx-time-picker__value:hover{color:#fffc}.ngx-time-picker__value.active{color:#fff}.ngx-time-picker__value:disabled{cursor:default}.ngx-time-picker__separator{margin-inline:4px;font-size:44px;line-height:1;color:#fff}.ngx-time-picker__clock-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker__clock{width:250px;height:250px;touch-action:none;overflow:visible;cursor:pointer}.clock-background{fill:var(--ngx-clock-bg)}.clock-hand{stroke:#1976d2;stroke-width:2;stroke-linecap:round;pointer-events:none}.clock-center,.clock-selected{fill:#1976d2;pointer-events:none}.clock-number{cursor:pointer}.clock-number circle{fill:transparent;transition:fill .12s ease,transform .12s ease}.clock-number text{fill:currentColor;font-size:14px;font-family:Roboto,Arial,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .12s ease}.clock-number:hover circle{fill:#1976d21f}.clock-number.selected circle{fill:#1976d2}.clock-number.selected text{fill:#fff;font-weight:500}.clock-number--inner text{font-size:12px}.ngx-time-picker--disabled{opacity:.5;pointer-events:none}.ngx-time-picker--footer{display:flex;justify-content:flex-end;gap:5px;padding:5px 10px 20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker--footer button{outline:none;background:none;color:inherit;border:none;border-radius:4px;padding:8px 15px;box-shadow:none;transition:all .3s}.ngx-time-picker--footer button:not([disabled]):hover{cursor:pointer;background:#816ef175}.ngx-time-picker_format{display:flex;flex-direction:column;margin:0 15px;gap:5px}.ngx-time-picker_format button{all:unset;opacity:.4;cursor:pointer}.ngx-time-picker_format button.active{opacity:1}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { change: [{ type: i0.Output, args: ["change"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], amOrPm: [{ type: i0.Input, args: [{ isSignal: true, alias: "amOrPm", required: false }] }, { type: i0.Output, args: ["amOrPmChange"] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], autoSwitchToMinute: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSwitchToMinute", required: false }] }], clock: [{ type: i0.ViewChild, args: ['clock', { isSignal: true }] }] } });
+                    ], template: "<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"!isPm()\" (click)=\"togglePmAm('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"isPm()\" (click)=\"togglePmAm('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && (hour >= 13 || hour == 0)) {\n            <g class=\"clock-number clock-number--inner\" (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ hour == 0 ? '00' : hour }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"displayHour() == hour\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ hour }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"displayMinute() == minute\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n", styles: [":host{--ngx-time-picker-clock-bg: light-dark(#f8f8f8, #181818);--ngx-time-picker-header-bg: #6200ee;--ngx-time-picker-header-fg: #fff;--ngx-clock-bg: light-dark(#e8e8e8, #35363c);display:inline-block}.ngx-time-picker{width:300px;max-width:100%;border-radius:15px;overflow:hidden;direction:ltr;user-select:none;-webkit-user-select:none;border:1px rgba(191,191,191,.4) solid;box-shadow:0 0 20px #9090904f}.ngx-time-picker__header{display:flex;align-items:center;justify-content:center;height:82px;background:var(--ngx-time-picker-header-bg, );color:var(--ngx-time-picker-header-fg)}.ngx-time-picker__value{border:0;padding:0;background:transparent;color:#ffffff8c;font-size:48px;line-height:1;font-weight:400;cursor:pointer;transition:color .16s ease,opacity .16s ease;font-variant-numeric:tabular-nums}.ngx-time-picker__value:hover{color:#fffc}.ngx-time-picker__value.active{color:#fff}.ngx-time-picker__value:disabled{cursor:default}.ngx-time-picker__separator{margin-inline:4px;font-size:44px;line-height:1;color:#fff}.ngx-time-picker__clock-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker__clock{width:250px;height:250px;touch-action:none;overflow:visible;cursor:pointer}.clock-background{fill:var(--ngx-clock-bg)}.clock-hand{stroke:#1976d2;stroke-width:2;stroke-linecap:round;pointer-events:none}.clock-center,.clock-selected{fill:#1976d2;pointer-events:none}.clock-number{cursor:pointer}.clock-number circle{fill:transparent}.clock-number text{fill:currentColor;font-size:14px;font-family:Roboto,Arial,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .12s ease}.clock-number:hover circle{fill:#1976d21f}.clock-number.selected text{fill:#000;font-weight:500}.clock-number--inner text{font-size:12px}.ngx-time-picker--disabled{opacity:.5;pointer-events:none}.ngx-time-picker--footer{display:flex;justify-content:flex-end;gap:5px;padding:5px 10px px;background:var(--ngx-time-picker-clock-bg)}.ngx-time-picker--footer button{outline:none;background:none;color:inherit;border:none;border-radius:4px;padding:8px 15px;box-shadow:none;transition:all .3s}.ngx-time-picker--footer button:not([disabled]):hover{cursor:pointer;background:#816ef175}.ngx-time-picker_format{display:flex;flex-direction:column;margin:0 15px;gap:5px}.ngx-time-picker_format button{all:unset;opacity:.4;cursor:pointer}.ngx-time-picker_format button.active{opacity:1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { change: [{ type: i0.Output, args: ["change"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], autoSwitchToMinute: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSwitchToMinute", required: false }] }], clock: [{ type: i0.ViewChild, args: ['clock', { isSignal: true }] }] } });
 
 class NgxInputTimePicker {
     el;
@@ -399,8 +453,6 @@ class NgxInputTimePicker {
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     format = input(this.config.format, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
-    amOrPm = model(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "amOrPm" }] : /* istanbul ignore next */ []));
     pickerRef;
     _onChange = (value) => { };
     _onTouched = () => { };
@@ -467,7 +519,6 @@ class NgxInputTimePicker {
             margin: 2,
             configure: (instance, ref) => {
                 instance.writeValue(this.value());
-                instance.amOrPm.set(this.amOrPm());
                 instance.change.subscribe((c) => {
                     this.value.set(c ?? '');
                     this.emitChange();
@@ -494,21 +545,10 @@ class NgxInputTimePicker {
         return null;
     }
     _formatValue() {
-        const s = this.value().split(':');
-        if (this.format() == '12') {
-            if (+s[0] > 12) {
-                s[0] = (+s[0] - 12).toString().padStart(2, '0');
-                this.amOrPm.set('PM');
-            }
-            else {
-                this.amOrPm.set('AM');
-            }
-        }
-        this.value.set(s.join(':') + ' ' + this.amOrPm());
         this.renderer.setProperty(this.el.nativeElement, 'value', this.value());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputTimePicker, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxInputTimePicker, isStandalone: true, selector: "[ngxInputTimePicker]", inputs: { openOnCLick: { classPropertyName: "openOnCLick", publicName: "openOnCLick", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, amOrPm: { classPropertyName: "amOrPm", publicName: "amOrPm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", amOrPm: "amOrPmChange" }, host: { listeners: { "click": "onClick($event)", "input": "onInput($event)", "blur": "onBlur()" }, properties: { "attr.readOnly": "true" }, classAttribute: "ngx-datepicker-input" }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxInputTimePicker, isStandalone: true, selector: "[ngxInputTimePicker]", inputs: { openOnCLick: { classPropertyName: "openOnCLick", publicName: "openOnCLick", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { listeners: { "click": "onClick($event)", "input": "onInput($event)", "blur": "onBlur()" }, properties: { "attr.readOnly": "true" }, classAttribute: "ngx-datepicker-input" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NgxInputTimePicker),
@@ -543,7 +583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { openOnCLick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnCLick", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], amOrPm: [{ type: i0.Input, args: [{ isSignal: true, alias: "amOrPm", required: false }] }, { type: i0.Output, args: ["amOrPmChange"] }], onClick: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { openOnCLick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnCLick", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }], onInput: [{

package/fesm2022/ngx-kit-time-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-kit-time-picker.mjs","sources":["../../../projects/libs/time-picker/types/config.ts","../../../projects/libs/time-picker/components/time-picker/time-picker.ts","../../../projects/libs/time-picker/components/time-picker/time-picker.html","../../../projects/libs/time-picker/directives/time-picker.directive.ts","../../../projects/libs/time-picker/ngx-kit-time-picker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport class NgxTimePickerConfig {\n  cancelButtonText: string = 'Cancel';\n  confirmButtonText: string = 'Ok';\n  amText: string = 'AM';\n  pmText: string = 'PM';\n  format: '12' | '24' = '12';\n  minuteStep: number = 1;\n  autoSwitchToMinute: boolean = true;\n}\n\nexport const DEFAULT_TIME_PICKER_CONFIG = new NgxTimePickerConfig();\nexport const NGX_TIME_PICKER_CONFIG = new InjectionToken<NgxTimePickerConfig>(\n  'ngx-time-picker-config',\n  {\n    factory: () => DEFAULT_TIME_PICKER_CONFIG,\n  },\n);\n","import {\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  input,\n  model,\n  OnInit,\n  output,\n  Output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrowserService } from 'ngx-kit/shared';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport type { NgxTimePickerMode } from '../../types/mode';\nimport { NGX_TIME_PICKER_CONFIG } from '../../types/config';\n\n@Component({\n  selector: 'ngx-time-picker',\n  templateUrl: './time-picker.html',\n  styleUrls: ['./time-picker.scss'],\n  imports: [CommonModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputTimePickerComponent),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputTimePickerComponent),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputTimePickerComponent implements ControlValueAccessor, Validator, OnInit {\n  protected readonly browserService = inject(BrowserService);\n\n  readonly change = output<string | null>();\n  readonly cancel = output<void>();\n\n  protected readonly config = inject(NGX_TIME_PICKER_CONFIG);\n  isDisabled = false;\n\n  /**\n   * Time value.\n   *\n   * Example:\n   * 14:35\n   */\n  readonly value = model<string>('12:00');\n\n  /**\n   * 12h or 24h.\n   */\n  readonly format = input<'12' | '24'>(this.config.format);\n  readonly amOrPm = model<'AM' | 'PM' | undefined>(this.config.format == '12' ? 'AM' : undefined);\n\n  /**\n   * Minute step.\n   */\n  readonly minuteStep = input(this.config.minuteStep);\n\n  /**\n   * Whether the clock is disabled.\n   */\n  readonly disabled = input(false);\n\n  /**\n   * Whether to automatically switch from hour to minute.\n   */\n  readonly autoSwitchToMinute = input<boolean>(this.config.autoSwitchToMinute);\n\n  readonly clock = viewChild<ElementRef<SVGSVGElement>>('clock');\n\n  readonly mode = signal<NgxTimePickerMode>('hour');\n\n  private dragging = false;\n\n  readonly parsedTime = computed(() => {\n    const value = this.value();\n\n    const [hour, minute] = value.split(':').map(Number);\n\n    return {\n      hour: Number.isFinite(hour) ? hour : 12,\n      minute: Number.isFinite(minute) ? minute : 0,\n    };\n  });\n\n  readonly displayHour = computed(() => {\n    const { hour } = this.parsedTime();\n\n    if (this.format() === '12') {\n      const h = hour % 12;\n      return h === 0 ? 12 : h;\n    }\n\n    return hour;\n  });\n\n  readonly displayMinute = computed(() => {\n    return this.parsedTime().minute;\n  });\n\n  readonly hourNumbers = computed(() => {\n    if (this.format() === '24') {\n      return Array.from({ length: 24 }, (_, i) => i);\n    }\n\n    return Array.from({ length: 12 }, (_, i) => i + 1);\n  });\n\n  readonly minuteNumbers = computed(() => {\n    const step = Math.max(1, 5);\n\n    const values: number[] = [];\n\n    for (let i = 0; i < 60; i += step) {\n      values.push(i);\n    }\n\n    return values;\n  });\n\n  readonly hourAngle = computed(() => {\n    const { hour } = this.parsedTime();\n\n    if (this.format() === '24') {\n      /*\n       * MUI-like 24 hour clock.\n       *\n       * 0 -> 0°\n       * 6 -> 90°\n       * 12 -> 180°\n       * 18 -> 270°\n       */\n      return (hour % 12) * 30;\n    }\n\n    const h = hour % 12;\n\n    return h * 30;\n  });\n\n  readonly minuteAngle = computed(() => {\n    return this.parsedTime().minute * 6;\n  });\n\n  readonly currentAngle = computed(() => {\n    return this.mode() === 'hour' ? this.hourAngle() : this.minuteAngle();\n  });\n\n  readonly handLength = computed(() => {\n    if (this.mode() === 'hour' && this.format() === '24') {\n      const hour = this.parsedTime().hour;\n\n      if (hour >= 13 && hour <= 23) {\n        return 58;\n      }\n    }\n\n    return 86;\n  });\n\n  readonly handEnd = computed(() => {\n    const angle = this.currentAngle();\n\n    const radians = ((angle - 90) * Math.PI) / 180;\n\n    const radius = this.handLength();\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  });\n\n  readonly selectedPosition = computed(() => {\n    const angle = this.currentAngle();\n\n    const radians = ((angle - 90) * Math.PI) / 180;\n\n    const radius = this.mode() === 'hour' ? 82 : 82;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  });\n\n  protected _onChange = (value: string) => {};\n  protected _onTouched = () => {};\n  protected _validatorOnChange = () => {};\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  writeValue(value: string): void {\n    if (!value) value = '12:00';\n    const s = value.split(':');\n    if (this.format() == '12') {\n      if (+s[0] > 12) {\n        s[0] = (+s[0] - 12).toString().padStart(2, '0');\n        this.amOrPm.set('PM');\n      } else {\n        this.amOrPm.set('AM');\n      }\n    }\n    this.value.set(s.join(':') + ' ' + this.amOrPm());\n  }\n  validate(control: AbstractControl): ValidationErrors | null {\n    return null;\n  }\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n  registerOnValidatorChange?(fn: () => void): void {\n    this._validatorOnChange = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n  }\n\n  startPointer(event: PointerEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    this.dragging = true;\n\n    const target = event.currentTarget as HTMLElement;\n\n    target.setPointerCapture?.(event.pointerId);\n\n    this.updateFromPointer(event);\n  }\n\n  movePointer(event: PointerEvent): void {\n    if (!this.dragging || this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    this.updateFromPointer(event);\n  }\n\n  endPointer(event: PointerEvent): void {\n    if (!this.dragging) {\n      return;\n    }\n\n    this.dragging = false;\n\n    const target = event.currentTarget as HTMLElement;\n\n    target.releasePointerCapture?.(event.pointerId);\n\n    if (this.mode() === 'hour' && this.autoSwitchToMinute()) {\n      this.mode.set('minute');\n    }\n  }\n\n  selectHour(hour: number): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    let normalizedHour = hour;\n\n    if (this.format() === '12') {\n      const currentHour = this.parsedTime().hour;\n\n      const isPm = currentHour >= 12;\n\n      normalizedHour = hour === 12 ? (isPm ? 12 : 0) : isPm ? hour + 12 : hour;\n    }\n\n    this.setTime(normalizedHour, this.parsedTime().minute);\n\n    if (this.autoSwitchToMinute()) {\n      this.mode.set('minute');\n    }\n  }\n\n  selectMinute(minute: number): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.setTime(this.parsedTime().hour, minute);\n  }\n\n  setMode(mode: NgxTimePickerMode): void {\n    if (!this.disabled()) {\n      this.mode.set(mode);\n    }\n  }\n\n  private updateFromPointer(event: PointerEvent): void {\n    const svg = this.clock()?.nativeElement;\n\n    if (!svg) {\n      return;\n    }\n\n    const rect = svg.getBoundingClientRect();\n\n    /*\n     * SVG viewBox = 0 0 240 240\n     *\n     * Convert browser coordinates\n     * to SVG coordinates.\n     */\n    const x = ((event.clientX - rect.left) / rect.width) * 240;\n\n    const y = ((event.clientY - rect.top) / rect.height) * 240;\n\n    const dx = x - 120;\n    const dy = y - 120;\n\n    let angle = (Math.atan2(dy, dx) * 180) / Math.PI + 90;\n\n    if (angle < 0) {\n      angle += 360;\n    }\n\n    if (this.mode() === 'hour') {\n      this.updateHourFromAngle(angle);\n    } else {\n      this.updateMinuteFromAngle(angle);\n    }\n  }\n\n  private updateHourFromAngle(angle: number): void {\n    let hour = Math.round(angle / 30);\n\n    if (hour === 0 || hour === 12) {\n      hour = 12;\n    }\n\n    if (this.format() === '24') {\n      /*\n       * Determine whether pointer is closer\n       * to inner or outer 12-hour ring.\n       *\n       * For a full 24-hour implementation we use\n       * the current half-day when possible.\n       */\n      const currentHour = this.parsedTime().hour;\n\n      const currentIsPm = currentHour >= 12;\n\n      if (hour !== 12) {\n        hour = currentIsPm ? hour + 12 : hour;\n      } else {\n        hour = currentIsPm ? 12 : 0;\n      }\n    }\n\n    this.setTime(hour, this.parsedTime().minute);\n  }\n\n  private updateMinuteFromAngle(angle: number): void {\n    let minute = Math.round(angle / 6);\n\n    minute = minute % 60;\n\n    const step = Math.max(1, this.minuteStep());\n\n    minute = Math.round(minute / step) * step;\n\n    if (minute >= 60) {\n      minute = 0;\n    }\n\n    this.setTime(this.parsedTime().hour, minute);\n  }\n\n  private setTime(hour: number, minute: number): void {\n    const h = String(hour).padStart(2, '0');\n    const m = String(minute).padStart(2, '0');\n\n    this.value.set(`${h}:${m}`);\n  }\n\n  isSelectedHour(hour: number): boolean {\n    const current = this.displayHour();\n\n    return current === hour;\n  }\n\n  isSelectedMinute(minute: number): boolean {\n    return this.displayMinute() === minute;\n  }\n\n  formatHour(hour: number): string {\n    if (this.format() === '24') {\n      return String(hour).padStart(2, '0');\n    }\n\n    return String(hour);\n  }\n\n  formatMinute(minute: number): string {\n    return String(minute).padStart(2, '0');\n  }\n\n  numberPosition(index: number, total: number, radius = 94): { x: number; y: number } {\n    const angle = (index / total) * 360 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  }\n\n  hourPosition(hour: number, inner = false): { x: number; y: number } {\n    const normalized = hour % 12;\n\n    const angle = normalized * 30 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    const radius = inner ? 58 : 94;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  }\n\n  minutePosition(minute: number): {\n    x: number;\n    y: number;\n  } {\n    const angle = minute * 6 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    return {\n      x: 120 + Math.cos(radians) * 94,\n      y: 120 + Math.sin(radians) * 94,\n    };\n  }\n\n  ok() {\n    if (this.format() == '12') {\n      this.value.update((u) => u + ` ${this.amOrPm()}`);\n    }\n    this.change.emit(this.value());\n    this._onChange(this.value());\n  }\n\n  close() {\n    this.cancel.emit();\n  }\n}\n","<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"amOrPm() == 'AM'\" (click)=\"amOrPm.set('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"amOrPm() == 'PM'\" (click)=\"amOrPm.set('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && hour >= 13) {\n            <g\n              class=\"clock-number clock-number--inner\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"isSelectedHour(hour)\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ formatHour(hour) }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"isSelectedMinute(minute)\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n","import {\n  Directive,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostListener,\n  inject,\n  input,\n  model,\n  output,\n  Output,\n  Renderer2,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { OverlayRef, OverlayService } from 'ngx-kit/shared';\nimport { NgxInputTimePickerComponent } from '../components/time-picker/time-picker';\nimport { NGX_TIME_PICKER_CONFIG } from '../types/config';\n\n@Directive({\n  selector: '[ngxInputTimePicker]',\n  exportAs: 'ngxInputTimePicker',\n  host: {\n    class: 'ngx-datepicker-input',\n    '[attr.readOnly]': 'true',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputTimePicker),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputTimePicker),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputTimePicker implements ControlValueAccessor, Validator {\n  protected readonly config = inject(NGX_TIME_PICKER_CONFIG);\n\n  openOnCLick = input<boolean>(true);\n\n  readonly change = output<string | null>();\n  protected readonly value = signal<string>('');\n\n  readonly format = input<'12' | '24'>(this.config.format);\n  readonly amOrPm = model<'AM' | 'PM'>();\n\n  private pickerRef?: OverlayRef<NgxInputTimePickerComponent>;\n\n  protected _onChange = (value: string | null | undefined) => {};\n  protected _onTouched = () => {};\n  protected _validatorOnChange = () => {};\n\n  private isDisabled = false;\n\n  private readonly overlayService = inject(OverlayService);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n  constructor(private el: ElementRef<HTMLInputElement>) {}\n\n  ngOnDestroy(): void {\n    this.destroy();\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(ev: Event) {\n    if (this.openOnCLick() && !this.isDisabled) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      this.toggle();\n    }\n  }\n\n  @HostListener('input', ['$event'])\n  onInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.value.set(input.value ?? '');\n    this._formatValue();\n    this._onChange(this.value());\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this._onTouched();\n  }\n\n  writeValue(value: string): void {\n    this.value.set(value);\n    this._formatValue();\n  }\n\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n  registerOnValidatorChange?(fn: () => void): void {\n    this._validatorOnChange = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n    if (disabled) {\n      this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);\n    } else {\n      this.renderer.removeAttribute(this.el.nativeElement, 'disabled');\n    }\n  }\n\n  public toggle() {\n    if (this.pickerRef || this.isDisabled) {\n      this.destroy();\n      return;\n    }\n\n    this.pickerRef = this.overlayService.open({\n      anchor: this.el.nativeElement,\n      component: NgxInputTimePickerComponent,\n      viewContainerRef: this.viewContainerRef,\n      alignment: 'center',\n      placement: 'bottom',\n      margin: 2,\n      configure: (instance, ref) => {\n        instance.writeValue(this.value());\n        instance.amOrPm.set(this.amOrPm());\n\n        instance.change.subscribe((c: string | null) => {\n          this.value.set(c ?? '');\n          this.emitChange();\n          this.destroy();\n        });\n\n        instance.cancel.subscribe(() => ref.close());\n      },\n      onClosed: () => {\n        this.pickerRef = undefined;\n      },\n    });\n  }\n\n  private destroy() {\n    this.pickerRef?.close();\n    this.pickerRef = undefined;\n  }\n  private async emitChange() {\n    this._onChange(this.value());\n    this._formatValue();\n    this.change.emit(this.value());\n    this._onTouched();\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    return null;\n  }\n\n  protected _formatValue() {\n    const s = this.value().split(':');\n    if (this.format() == '12') {\n      if (+s[0] > 12) {\n        s[0] = (+s[0] - 12).toString().padStart(2, '0');\n        this.amOrPm.set('PM');\n      } else {\n        this.amOrPm.set('AM');\n      }\n    }\n    this.value.set(s.join(':') + ' ' + this.amOrPm());\n\n    this.renderer.setProperty(this.el.nativeElement, 'value', this.value());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-kit-time-picker.mjs","sources":["../../../projects/libs/time-picker/types/config.ts","../../../projects/libs/time-picker/utils/normalize.ts","../../../projects/libs/time-picker/components/time-picker/time-picker.ts","../../../projects/libs/time-picker/components/time-picker/time-picker.html","../../../projects/libs/time-picker/directives/time-picker.directive.ts","../../../projects/libs/time-picker/ngx-kit-time-picker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport class NgxTimePickerConfig {\n  cancelButtonText: string = 'Cancel';\n  confirmButtonText: string = 'Ok';\n  amText: string = 'AM';\n  pmText: string = 'PM';\n  format: '12' | '24' = '12';\n  minuteStep: number = 1;\n  autoSwitchToMinute: boolean = true;\n}\n\nexport const DEFAULT_TIME_PICKER_CONFIG = new NgxTimePickerConfig();\nexport const NGX_TIME_PICKER_CONFIG = new InjectionToken<NgxTimePickerConfig>(\n  'ngx-time-picker-config',\n  {\n    factory: () => DEFAULT_TIME_PICKER_CONFIG,\n  },\n);\n","export function normalizeTime(value: string): string | null {\r\n  const match = value.match(/^(\\d{1,2}):(\\d{2})$/);\r\n\r\n  if (!match) {\r\n    return null;\r\n  }\r\n\r\n  const hour = Number(match[1]);\r\n  const minute = Number(match[2]);\r\n\r\n  if (hour < 0 || hour > 23 || minute < 0 || minute > 59) {\r\n    return null;\r\n  }\r\n\r\n  return [hour.toString().padStart(2, '0'), minute.toString().padStart(2, '0')].join(':');\r\n}\r\n","import {\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  input,\n  model,\n  OnInit,\n  output,\n  Output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrowserService } from 'ngx-kit/shared';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport type { NgxTimePickerMode } from '../../types/mode';\nimport { NGX_TIME_PICKER_CONFIG } from '../../types/config';\nimport { normalizeTime } from '../../utils/normalize';\n\n@Component({\n  selector: 'ngx-time-picker',\n  templateUrl: './time-picker.html',\n  styleUrls: ['./time-picker.scss'],\n  imports: [CommonModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputTimePickerComponent),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputTimePickerComponent),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputTimePickerComponent implements ControlValueAccessor, Validator, OnInit {\n  protected readonly browserService = inject(BrowserService);\n\n  readonly change = output<string | null>();\n  readonly cancel = output<void>();\n\n  protected readonly config = inject(NGX_TIME_PICKER_CONFIG);\n  isDisabled = false;\n\n  /**\n   * Time value.\n   *\n   * Example:\n   * 14:35\n   */\n  readonly value = model<string>('12:00');\n\n  /**\n   * 12h or 24h.\n   */\n  readonly format = input<'12' | '24'>(this.config.format);\n\n  /**\n   * Minute step.\n   */\n  readonly minuteStep = input(this.config.minuteStep);\n\n  /**\n   * Whether the clock is disabled.\n   */\n  readonly disabled = input(false);\n\n  /**\n   * Whether to automatically switch from hour to minute.\n   */\n  readonly autoSwitchToMinute = input<boolean>(this.config.autoSwitchToMinute);\n\n  readonly clock = viewChild<ElementRef<SVGSVGElement>>('clock');\n\n  readonly mode = signal<NgxTimePickerMode>('hour');\n\n  private dragging = false;\n\n  readonly parsedTime = computed(() => {\n    const value = this.value();\n\n    const [hour, minute] = value.split(':').map(Number);\n\n    return {\n      hour: Number.isFinite(hour) ? hour : 12,\n      minute: Number.isFinite(minute) ? minute : 0,\n    };\n  });\n\n  readonly displayHour = computed(() => {\n    const { hour } = this.parsedTime();\n\n    if (this.format() === '12') {\n      const h = hour % 12;\n      return h === 0 ? 12 : h;\n    }\n\n    return hour;\n  });\n  readonly isPm = computed(() => {\n    const hour = Number(this.value().split(':')[0]);\n\n    return hour >= 12;\n  });\n  readonly displayMinute = computed(() => {\n    return this.parsedTime().minute;\n  });\n\n  readonly hourNumbers = computed(() => {\n    if (this.format() === '24') {\n      return Array.from({ length: 24 }, (_, i) => i);\n    }\n\n    return Array.from({ length: 12 }, (_, i) => i + 1);\n  });\n\n  readonly minuteNumbers = computed(() => {\n    const step = Math.max(1, 5);\n\n    const values: number[] = [];\n\n    for (let i = 0; i < 60; i += step) {\n      values.push(i);\n    }\n\n    return values;\n  });\n\n  readonly hourAngle = computed(() => {\n    const { hour } = this.parsedTime();\n\n    if (this.format() === '24') {\n      /*\n       * MUI-like 24 hour clock.\n       *\n       * 0 -> 0°\n       * 6 -> 90°\n       * 12 -> 180°\n       * 18 -> 270°\n       */\n      return (hour % 12) * 30;\n    }\n\n    const h = hour % 12;\n\n    return h * 30;\n  });\n\n  readonly minuteAngle = computed(() => {\n    return this.parsedTime().minute * 6;\n  });\n\n  readonly currentAngle = computed(() => {\n    return this.mode() === 'hour' ? this.hourAngle() : this.minuteAngle();\n  });\n\n  readonly handLength = computed(() => {\n    if (this.mode() === 'hour' && this.format() === '24') {\n      const hour = this.parsedTime().hour;\n\n      if (hour >= 13 && hour <= 23) {\n        return 58;\n      }\n    }\n\n    return 86;\n  });\n\n  readonly hourRadius = computed(() => {\n    if (this.mode() !== 'hour') {\n      return 94;\n    }\n\n    if (this.format() !== '24') {\n      return 94;\n    }\n\n    const hour = this.parsedTime().hour;\n\n    // 00, 13..23 → inner ring\n    if (hour === 0 || hour >= 13) {\n      return 58;\n    }\n\n    // 01..12 → outer ring\n    return 94;\n  });\n  readonly selectedPosition = computed(() => {\n    const angle = this.currentAngle();\n\n    const radians = ((angle - 90) * Math.PI) / 180;\n\n    const radius = this.mode() === 'hour' ? this.hourRadius() : 94;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  });\n  readonly handEnd = computed(() => {\n    const angle = this.currentAngle();\n\n    const radians = ((angle - 90) * Math.PI) / 180;\n\n    const radius = this.mode() === 'hour' ? this.hourRadius() : 94;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  });\n\n  protected _onChange = (value: string) => {};\n  protected _onTouched = () => {};\n  protected _validatorOnChange = () => {};\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  writeValue(value: string): void {\n    if (!value) {\n      this.value.set('12:00');\n      return;\n    }\n\n    const normalized = normalizeTime(value);\n\n    if (normalized === null) {\n      // invalid value\n      return;\n    }\n\n    this.value.set(normalized);\n  }\n  validate(control: AbstractControl): ValidationErrors | null {\n    return null;\n  }\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n  registerOnValidatorChange?(fn: () => void): void {\n    this._validatorOnChange = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n  }\n\n  startPointer(event: PointerEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    this.dragging = true;\n\n    const target = event.currentTarget as HTMLElement;\n\n    target.setPointerCapture?.(event.pointerId);\n\n    this.updateFromPointer(event);\n  }\n\n  movePointer(event: PointerEvent): void {\n    if (!this.dragging || this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    this.updateFromPointer(event);\n  }\n\n  endPointer(event: PointerEvent): void {\n    if (!this.dragging) {\n      return;\n    }\n\n    this.dragging = false;\n\n    const target = event.currentTarget as HTMLElement;\n\n    target.releasePointerCapture?.(event.pointerId);\n\n    if (this.mode() === 'hour' && this.autoSwitchToMinute()) {\n      this.mode.set('minute');\n    }\n  }\n\n  selectHour(hour: number): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    let normalizedHour = hour;\n\n    if (this.format() === '12') {\n      const currentHour = this.parsedTime().hour;\n\n      const isPm = currentHour >= 12;\n\n      normalizedHour = hour === 12 ? (isPm ? 12 : 0) : isPm ? hour + 12 : hour;\n    }\n\n    this.setTime(normalizedHour, this.parsedTime().minute);\n\n    if (this.autoSwitchToMinute()) {\n      this.mode.set('minute');\n    }\n  }\n\n  selectMinute(minute: number): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.setTime(this.parsedTime().hour, minute);\n  }\n\n  setMode(mode: NgxTimePickerMode): void {\n    if (!this.disabled()) {\n      this.mode.set(mode);\n    }\n  }\n\n  private updateFromPointer(event: PointerEvent): void {\n    const svg = this.clock()?.nativeElement;\n\n    if (!svg) {\n      return;\n    }\n\n    const rect = svg.getBoundingClientRect();\n\n    const x = ((event.clientX - rect.left) / rect.width) * 240;\n\n    const y = ((event.clientY - rect.top) / rect.height) * 240;\n\n    if (this.mode() === 'hour') {\n      this.updateHourFromPointer(x, y);\n      return;\n    }\n\n    this.updateMinuteFromPointer(x, y);\n  }\n\n  private updateHourFromPointer(x: number, y: number): void {\n    const dx = x - 120;\n    const dy = y - 120;\n\n    const distance = Math.sqrt(dx * dx + dy * dy);\n\n    let angle = (Math.atan2(dy, dx) * 180) / Math.PI + 90;\n\n    if (angle < 0) {\n      angle += 360;\n    }\n\n    let hour = Math.round(angle / 30) % 12;\n\n    if (this.format() === '12') {\n      hour = hour === 0 ? 12 : hour;\n\n      this.setTime(hour, this.parsedTime().minute);\n\n      return;\n    }\n\n    /*\n     * 24 hour mode\n     *\n     * Outer ring:\n     * 1 ... 12\n     *\n     * Inner ring:\n     * 13 ... 23, 00\n     */\n    const INNER_RING_THRESHOLD = 76;\n\n    const isInnerRing = distance < INNER_RING_THRESHOLD;\n\n    if (isInnerRing) {\n      /*\n       * Inner ring:\n       *\n       * 12 position -> 00\n       * 1 position  -> 13\n       * 2 position  -> 14\n       * ...\n       * 11 position -> 23\n       */\n      hour = hour === 0 ? 0 : hour + 12;\n    } else {\n      /*\n       * Outer ring:\n       *\n       * 12 position -> 12\n       * 1 ... 11    -> 1 ... 11\n       */\n      hour = hour === 0 ? 12 : hour;\n    }\n\n    this.setTime(hour, this.parsedTime().minute);\n  }\n  private updateMinuteFromPointer(x: number, y: number): void {\n    const dx = x - 120;\n    const dy = y - 120;\n\n    let angle = (Math.atan2(dy, dx) * 180) / Math.PI + 90;\n\n    if (angle < 0) {\n      angle += 360;\n    }\n\n    let minute = Math.round(angle / 6);\n\n    minute %= 60;\n\n    const step = Math.max(1, this.minuteStep());\n\n    minute = Math.round(minute / step) * step;\n\n    if (minute >= 60) {\n      minute = 0;\n    }\n\n    this.setTime(this.parsedTime().hour, minute);\n  }\n\n  private setTime(hour: number, minute: number): void {\n    const h = String(hour).padStart(2, '0');\n    const m = String(minute).padStart(2, '0');\n\n    this.value.set(`${h}:${m}`);\n  }\n\n  formatHour(hour: number): string {\n    if (this.format() === '24') {\n      return String(hour).padStart(2, '0');\n    }\n\n    return String(hour);\n  }\n\n  formatMinute(minute: number): string {\n    return String(minute).padStart(2, '0');\n  }\n\n  numberPosition(index: number, total: number, radius = 94): { x: number; y: number } {\n    const angle = (index / total) * 360 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  }\n\n  hourPosition(hour: number, inner = false): { x: number; y: number } {\n    const normalized = hour % 12;\n\n    const angle = normalized * 30 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    const radius = inner ? 58 : 94;\n\n    return {\n      x: 120 + Math.cos(radians) * radius,\n      y: 120 + Math.sin(radians) * radius,\n    };\n  }\n\n  minutePosition(minute: number): {\n    x: number;\n    y: number;\n  } {\n    const angle = minute * 6 - 90;\n\n    const radians = (angle * Math.PI) / 180;\n\n    return {\n      x: 120 + Math.cos(radians) * 94,\n      y: 120 + Math.sin(radians) * 94,\n    };\n  }\n\n  togglePmAm(val: 'AM' | 'PM'): void {\n    const [hour, minute] = this.value().split(':').map(Number);\n\n    let newHour = hour;\n\n    if (val === 'AM') {\n      // 12:xx PM → 00:xx\n      if (hour >= 12) {\n        newHour = hour - 12;\n      }\n    } else {\n      // 00:xx AM → 12:xx PM\n      if (hour < 12) {\n        newHour = hour + 12;\n      }\n    }\n\n    const value = `${String(newHour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;\n\n    this.value.set(value);\n  }\n  ok() {\n    this.change.emit(this.value());\n    this._onChange(this.value());\n  }\n\n  close() {\n    this.cancel.emit();\n  }\n}\n","<div class=\"ngx-time-picker\" [class.ngx-time-picker--disabled]=\"disabled()\">\n  <!-- Header -->\n  <div class=\"ngx-time-picker__header\">\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'hour'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('hour')\">\n      {{ formatHour(displayHour()) }}\n    </button>\n\n    <span class=\"ngx-time-picker__separator\">:</span>\n\n    <button\n      type=\"button\"\n      class=\"ngx-time-picker__value\"\n      [class.active]=\"mode() === 'minute'\"\n      [disabled]=\"disabled()\"\n      (click)=\"setMode('minute')\">\n      {{ formatMinute(displayMinute()) }}\n    </button>\n\n    @if (format() == '12') {\n      <div class=\"ngx-time-picker_format\">\n        <button [class.active]=\"!isPm()\" (click)=\"togglePmAm('AM')\">\n          {{ config.amText }}\n        </button>\n        <button [class.active]=\"isPm()\" (click)=\"togglePmAm('PM')\">\n          {{ config.pmText }}\n        </button>\n      </div>\n    }\n  </div>\n\n  <!-- Clock -->\n  <div class=\"ngx-time-picker__clock-wrapper\">\n    <svg\n      #clock\n      class=\"ngx-time-picker__clock\"\n      viewBox=\"0 0 240 240\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      (pointerdown)=\"startPointer($event)\"\n      (pointermove)=\"movePointer($event)\"\n      (pointerup)=\"endPointer($event)\"\n      (pointercancel)=\"endPointer($event)\">\n      <!-- Background -->\n      <circle class=\"clock-background\" cx=\"120\" cy=\"120\" r=\"112\" />\n\n      <!-- Selected hand line -->\n      <line class=\"clock-hand\" x1=\"120\" y1=\"120\" [attr.x2]=\"handEnd().x\" [attr.y2]=\"handEnd().y\" />\n\n      <!-- Selected circle -->\n      <circle\n        class=\"clock-selected\"\n        [attr.cx]=\"selectedPosition().x\"\n        [attr.cy]=\"selectedPosition().y\"\n        r=\"18\" />\n\n      <!-- Center -->\n      <circle class=\"clock-center\" cx=\"120\" cy=\"120\" r=\"5\" />\n\n      <!-- HOURS -->\n      @if (mode() === 'hour') {\n        @for (hour of hourNumbers(); track hour) {\n          @if (format() === '24' && (hour >= 13 || hour == 0)) {\n            <g class=\"clock-number clock-number--inner\" (click)=\"selectHour(hour)\">\n              <circle\n                [attr.cx]=\"hourPosition(hour - 12, true).x\"\n                [attr.cy]=\"hourPosition(hour - 12, true).y\"\n                r=\"16\" />\n\n              <text\n                [attr.x]=\"hourPosition(hour - 12, true).x\"\n                [attr.y]=\"hourPosition(hour - 12, true).y\">\n                {{ hour == 0 ? '00' : hour }}\n              </text>\n            </g>\n          } @else {\n            <g\n              class=\"clock-number\"\n              [class.selected]=\"displayHour() == hour\"\n              (click)=\"selectHour(hour)\">\n              <circle [attr.cx]=\"hourPosition(hour).x\" [attr.cy]=\"hourPosition(hour).y\" r=\"18\" />\n\n              <text [attr.x]=\"hourPosition(hour).x\" [attr.y]=\"hourPosition(hour).y\">\n                {{ hour }}\n              </text>\n            </g>\n          }\n        }\n      }\n\n      <!-- MINUTES -->\n      @if (mode() === 'minute') {\n        @for (minute of minuteNumbers(); track minute) {\n          <g\n            class=\"clock-number\"\n            [class.selected]=\"displayMinute() == minute\"\n            (click)=\"selectMinute(minute)\">\n            <circle\n              [attr.cx]=\"minutePosition(minute).x\"\n              [attr.cy]=\"minutePosition(minute).y\"\n              r=\"18\" />\n\n            <text [attr.x]=\"minutePosition(minute).x\" [attr.y]=\"minutePosition(minute).y\">\n              {{ formatMinute(minute) }}\n            </text>\n          </g>\n        }\n      }\n    </svg>\n  </div>\n  <div class=\"ngx-time-picker--footer\">\n    <button (click)=\"close()\">\n      {{ config.cancelButtonText }}\n    </button>\n\n    <button (click)=\"ok()\">\n      {{ config.confirmButtonText }}\n    </button>\n  </div>\n</div>\n","import {\n  Directive,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostListener,\n  inject,\n  input,\n  model,\n  output,\n  Output,\n  Renderer2,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { OverlayRef, OverlayService } from 'ngx-kit/shared';\nimport { NgxInputTimePickerComponent } from '../components/time-picker/time-picker';\nimport { NGX_TIME_PICKER_CONFIG } from '../types/config';\n\n@Directive({\n  selector: '[ngxInputTimePicker]',\n  exportAs: 'ngxInputTimePicker',\n  host: {\n    class: 'ngx-datepicker-input',\n    '[attr.readOnly]': 'true',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputTimePicker),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputTimePicker),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputTimePicker implements ControlValueAccessor, Validator {\n  protected readonly config = inject(NGX_TIME_PICKER_CONFIG);\n\n  openOnCLick = input<boolean>(true);\n\n  readonly change = output<string | null>();\n  protected readonly value = signal<string>('');\n\n  readonly format = input<'12' | '24'>(this.config.format);\n\n  private pickerRef?: OverlayRef<NgxInputTimePickerComponent>;\n\n  protected _onChange = (value: string | null | undefined) => {};\n  protected _onTouched = () => {};\n  protected _validatorOnChange = () => {};\n\n  private isDisabled = false;\n\n  private readonly overlayService = inject(OverlayService);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n  constructor(private el: ElementRef<HTMLInputElement>) {}\n\n  ngOnDestroy(): void {\n    this.destroy();\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(ev: Event) {\n    if (this.openOnCLick() && !this.isDisabled) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      this.toggle();\n    }\n  }\n\n  @HostListener('input', ['$event'])\n  onInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.value.set(input.value ?? '');\n    this._formatValue();\n    this._onChange(this.value());\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this._onTouched();\n  }\n\n  writeValue(value: string): void {\n    this.value.set(value);\n    this._formatValue();\n  }\n\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n  registerOnValidatorChange?(fn: () => void): void {\n    this._validatorOnChange = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n    if (disabled) {\n      this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);\n    } else {\n      this.renderer.removeAttribute(this.el.nativeElement, 'disabled');\n    }\n  }\n\n  public toggle() {\n    if (this.pickerRef || this.isDisabled) {\n      this.destroy();\n      return;\n    }\n\n    this.pickerRef = this.overlayService.open({\n      anchor: this.el.nativeElement,\n      component: NgxInputTimePickerComponent,\n      viewContainerRef: this.viewContainerRef,\n      alignment: 'center',\n      placement: 'bottom',\n      margin: 2,\n      configure: (instance, ref) => {\n        instance.writeValue(this.value());\n\n        instance.change.subscribe((c: string | null) => {\n          this.value.set(c ?? '');\n          this.emitChange();\n          this.destroy();\n        });\n\n        instance.cancel.subscribe(() => ref.close());\n      },\n      onClosed: () => {\n        this.pickerRef = undefined;\n      },\n    });\n  }\n\n  private destroy() {\n    this.pickerRef?.close();\n    this.pickerRef = undefined;\n  }\n  private async emitChange() {\n    this._onChange(this.value());\n    this._formatValue();\n    this.change.emit(this.value());\n    this._onTouched();\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    return null;\n  }\n\n  protected _formatValue() {\n    this.renderer.setProperty(this.el.nativeElement, 'value', this.value());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-kit",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Angular input components",
   "author": "Mohammadreza Samani <mr.samani1368@gmail.com>",
   "license": "MIT",

package/types/ngx-kit-time-picker.d.ts

@@ -32,7 +32,6 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
      * 12h or 24h.
      */
     readonly format: _angular_core.InputSignal<"12" | "24">;
-    readonly amOrPm: _angular_core.ModelSignal<"AM" | "PM" | undefined>;
     /**
      * Minute step.
      */
@@ -53,6 +52,7 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
         minute: number;
     }>;
     readonly displayHour: _angular_core.Signal<number>;
+    readonly isPm: _angular_core.Signal<boolean>;
     readonly displayMinute: _angular_core.Signal<number>;
     readonly hourNumbers: _angular_core.Signal<number[]>;
     readonly minuteNumbers: _angular_core.Signal<number[]>;
@@ -60,11 +60,12 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
     readonly minuteAngle: _angular_core.Signal<number>;
     readonly currentAngle: _angular_core.Signal<number>;
     readonly handLength: _angular_core.Signal<58 | 86>;
-    readonly handEnd: _angular_core.Signal<{
+    readonly hourRadius: _angular_core.Signal<58 | 94>;
+    readonly selectedPosition: _angular_core.Signal<{
         x: number;
         y: number;
     }>;
-    readonly selectedPosition: _angular_core.Signal<{
+    readonly handEnd: _angular_core.Signal<{
         x: number;
         y: number;
     }>;
@@ -86,11 +87,9 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
     selectMinute(minute: number): void;
     setMode(mode: NgxTimePickerMode): void;
     private updateFromPointer;
-    private updateHourFromAngle;
-    private updateMinuteFromAngle;
+    private updateHourFromPointer;
+    private updateMinuteFromPointer;
     private setTime;
-    isSelectedHour(hour: number): boolean;
-    isSelectedMinute(minute: number): boolean;
     formatHour(hour: number): string;
     formatMinute(minute: number): string;
     numberPosition(index: number, total: number, radius?: number): {
@@ -105,10 +104,11 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
         x: number;
         y: number;
     };
+    togglePmAm(val: 'AM' | 'PM'): void;
     ok(): void;
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputTimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputTimePickerComponent, "ngx-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amOrPm": { "alias": "amOrPm"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoSwitchToMinute": { "alias": "autoSwitchToMinute"; "required": false; "isSignal": true; }; }, { "change": "change"; "cancel": "cancel"; "value": "valueChange"; "amOrPm": "amOrPmChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputTimePickerComponent, "ngx-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoSwitchToMinute": { "alias": "autoSwitchToMinute"; "required": false; "isSignal": true; }; }, { "change": "change"; "cancel": "cancel"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class NgxInputTimePicker implements ControlValueAccessor, Validator {
@@ -118,7 +118,6 @@ declare class NgxInputTimePicker implements ControlValueAccessor, Validator {
     readonly change: _angular_core.OutputEmitterRef<string | null>;
     protected readonly value: _angular_core.WritableSignal<string>;
     readonly format: _angular_core.InputSignal<"12" | "24">;
-    readonly amOrPm: _angular_core.ModelSignal<"AM" | "PM" | undefined>;
     private pickerRef?;
     protected _onChange: (value: string | null | undefined) => void;
     protected _onTouched: () => void;
@@ -143,7 +142,7 @@ declare class NgxInputTimePicker implements ControlValueAccessor, Validator {
     validate(control: AbstractControl): ValidationErrors | null;
     protected _formatValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputTimePicker, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputTimePicker, "[ngxInputTimePicker]", ["ngxInputTimePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amOrPm": { "alias": "amOrPm"; "required": false; "isSignal": true; }; }, { "change": "change"; "amOrPm": "amOrPmChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputTimePicker, "[ngxInputTimePicker]", ["ngxInputTimePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
 export { NgxInputTimePicker, NgxInputTimePickerComponent };