courthive-components 3.1.0 → 3.3.0

package/dist/{dist-CwJOJWf0.mjs → dist-DiYU0jFr.mjs}

@@ -1,250 +1,189 @@
-//#region node_modules/.pnpm/timepicker-ui@4.3.0/node_modules/timepicker-ui/dist/index.js
+//#region node_modules/.pnpm/timepicker-ui@4.4.0/node_modules/timepicker-ui/dist/index.js
 var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
-	state;
+	_degreesHours = null;
+	_degreesMinutes = null;
+	_options;
+	_isMobileView = !1;
+	_isTouchMouseMove = !1;
+	_disabledTime = null;
+	_cloned = null;
+	_isModalRemove = !0;
+	_isOpen = !1;
+	_isInitialized = !1;
+	_eventHandlersRegistered = !1;
+	_isDestroyed = !1;
+	element;
+	instanceId;
+	customId;
 	constructor(e, t, n, r) {
-		this.state = {
-			degreesHours: null,
-			degreesMinutes: null,
-			options: t,
-			element: e,
-			instanceId: n,
-			isMobileView: !1,
-			isTouchMouseMove: !1,
-			disabledTime: null,
-			cloned: null,
-			isModalRemove: !0,
-			isOpen: !1,
-			isInitialized: !1,
-			customId: r,
-			eventHandlersRegistered: !1,
-			isDestroyed: !1
-		};
+		this.element = e, this.instanceId = n, this.customId = r, this._options = t;
 	}
 	get degreesHours() {
-		return this.state.degreesHours;
+		return this._degreesHours;
 	}
 	get degreesMinutes() {
-		return this.state.degreesMinutes;
+		return this._degreesMinutes;
 	}
 	get options() {
-		return this.state.options;
-	}
-	get element() {
-		return this.state.element;
-	}
-	get instanceId() {
-		return this.state.instanceId;
+		return this._options;
 	}
 	get isMobileView() {
-		return this.state.isMobileView;
+		return this._isMobileView;
 	}
 	get isTouchMouseMove() {
-		return this.state.isTouchMouseMove;
+		return this._isTouchMouseMove;
 	}
 	get disabledTime() {
-		return this.state.disabledTime;
+		return this._disabledTime;
 	}
 	get cloned() {
-		return this.state.cloned;
+		return this._cloned;
 	}
 	get isModalRemove() {
-		return this.state.isModalRemove;
+		return this._isModalRemove;
 	}
 	get isOpen() {
-		return this.state.isOpen;
+		return this._isOpen;
 	}
 	get isInitialized() {
-		return this.state.isInitialized;
-	}
-	get customId() {
-		return this.state.customId;
+		return this._isInitialized;
 	}
 	get eventHandlersRegistered() {
-		return this.state.eventHandlersRegistered;
+		return this._eventHandlersRegistered;
 	}
 	get isDestroyed() {
-		return this.state.isDestroyed;
+		return this._isDestroyed;
 	}
 	setDegreesHours(e) {
-		this.state = {
-			...this.state,
-			degreesHours: e
-		};
+		this._degreesHours = e;
 	}
 	setDegreesMinutes(e) {
-		this.state = {
-			...this.state,
-			degreesMinutes: e
-		};
+		this._degreesMinutes = e;
 	}
 	setOptions(e) {
-		this.state = {
-			...this.state,
-			options: e
-		};
+		this._options = e;
 	}
 	setIsMobileView(e) {
-		this.state = {
-			...this.state,
-			isMobileView: e
-		};
+		this._isMobileView = e;
 	}
 	setIsTouchMouseMove(e) {
-		this.state = {
-			...this.state,
-			isTouchMouseMove: e
-		};
+		this._isTouchMouseMove = e;
 	}
 	setDisabledTime(e) {
-		this.state = {
-			...this.state,
-			disabledTime: e
-		};
+		this._disabledTime = e;
 	}
 	setCloned(e) {
-		this.state = {
-			...this.state,
-			cloned: e
-		};
+		this._cloned = e;
 	}
 	setIsModalRemove(e) {
-		this.state = {
-			...this.state,
-			isModalRemove: e
-		};
+		this._isModalRemove = e;
 	}
 	setIsOpen(e) {
-		this.state = {
-			...this.state,
-			isOpen: e
-		};
+		this._isOpen = e;
 	}
 	setIsInitialized(e) {
-		this.state = {
-			...this.state,
-			isInitialized: e
-		};
+		this._isInitialized = e;
 	}
 	setEventHandlersRegistered(e) {
-		this.state = {
-			...this.state,
-			eventHandlersRegistered: e
-		};
+		this._eventHandlersRegistered = e;
 	}
 	setIsDestroyed(e) {
-		this.state = {
-			...this.state,
-			isDestroyed: e
-		};
+		this._isDestroyed = e;
 	}
 	updateOptions(e) {
-		this.state = {
-			...this.state,
-			options: {
-				...this.state.options,
-				clock: {
-					...this.state.options.clock,
-					...e.clock || {}
-				},
-				ui: {
-					...this.state.options.ui,
-					...e.ui || {}
-				},
-				labels: {
-					...this.state.options.labels,
-					...e.labels || {}
-				},
-				behavior: {
-					...this.state.options.behavior,
-					...e.behavior || {}
-				},
-				callbacks: {
-					...this.state.options.callbacks,
-					...e.callbacks || {}
-				}
+		this._options = {
+			...this._options,
+			clock: {
+				...this._options.clock,
+				...e.clock || {}
+			},
+			ui: {
+				...this._options.ui,
+				...e.ui || {}
+			},
+			labels: {
+				...this._options.labels,
+				...e.labels || {}
+			},
+			behavior: {
+				...this._options.behavior,
+				...e.behavior || {}
+			},
+			callbacks: {
+				...this._options.callbacks,
+				...e.callbacks || {}
 			}
 		};
 	}
 	reset() {
-		this.state = {
-			...this.state,
-			degreesHours: null,
-			degreesMinutes: null,
-			isTouchMouseMove: !1,
-			disabledTime: null,
-			cloned: null,
-			isModalRemove: !0,
-			isOpen: !1,
-			isInitialized: !1,
-			isDestroyed: !0,
-			eventHandlersRegistered: !1
-		};
+		this._degreesHours = null, this._degreesMinutes = null, this._isTouchMouseMove = !1, this._disabledTime = null, this._cloned = null, this._isModalRemove = !0, this._isOpen = !1, this._isInitialized = !1, this._isDestroyed = !0, this._eventHandlersRegistered = !1;
+	}
+	q(e) {
+		return this.getModalElement()?.querySelector(e) ?? null;
+	}
+	qMobile(e, t) {
+		return this._isMobileView ? this.q(e) : this.q(t);
 	}
 	getModalElement() {
-		return t() === !1 ? null : document.querySelector(`[data-owner-id="${this.state.instanceId}"]`);
+		return t() === !1 ? null : document.querySelector(`[data-owner-id="${this.instanceId}"]`);
 	}
 	getInput() {
-		return this.state.element?.querySelector("input");
+		return this.element?.querySelector("input");
 	}
 	getClockFace() {
-		let e = this.getModalElement();
-		return e ? this.state.isMobileView ? e.querySelector(".tp-ui-clock-face.mobile") : e.querySelector(".tp-ui-clock-face:not(.mobile)") : null;
+		return this.qMobile(".tp-ui-clock-face.mobile", ".tp-ui-clock-face:not(.mobile)");
 	}
 	getClockHand() {
-		let e = this.getModalElement();
-		return e ? this.state.isMobileView ? e.querySelector(".tp-ui-mobile-clock-wrapper .tp-ui-clock-hand") : e.querySelector(".tp-ui-clock-hand:not(.mobile)") : null;
+		return this.qMobile(".tp-ui-mobile-clock-wrapper .tp-ui-clock-hand", ".tp-ui-clock-hand:not(.mobile)");
 	}
 	getCircle() {
-		let e = this.getModalElement();
-		return e ? this.state.isMobileView ? e.querySelector(".tp-ui-mobile-clock-wrapper .tp-ui-circle-hand") : e.querySelector(".tp-ui-circle-hand:not(.mobile)") : null;
+		return this.qMobile(".tp-ui-mobile-clock-wrapper .tp-ui-circle-hand", ".tp-ui-circle-hand:not(.mobile)");
 	}
 	getTipsWrapper() {
-		let e = this.getModalElement();
-		return e ? this.state.isMobileView ? e.querySelector(".tp-ui-mobile-clock-wrapper .tp-ui-tips-wrapper") : e.querySelector(".tp-ui-tips-wrapper:not(.mobile)") : null;
+		return this.qMobile(".tp-ui-mobile-clock-wrapper .tp-ui-tips-wrapper", ".tp-ui-tips-wrapper:not(.mobile)");
 	}
 	getTipsWrapperFor24h() {
-		let e = this.getModalElement();
-		return e ? this.state.isMobileView ? e.querySelector(".tp-ui-mobile-clock-wrapper .tp-ui-tips-wrapper-24h") : e.querySelector(".tp-ui-tips-wrapper-24h:not(.mobile)") : null;
+		return this.qMobile(".tp-ui-mobile-clock-wrapper .tp-ui-tips-wrapper-24h", ".tp-ui-tips-wrapper-24h:not(.mobile)");
 	}
 	getMinutes() {
-		return this.getModalElement()?.querySelector(".tp-ui-minutes") || null;
+		return this.q(".tp-ui-minutes");
 	}
 	getHour() {
-		return this.getModalElement()?.querySelector(".tp-ui-hour") || null;
+		return this.q(".tp-ui-hour");
 	}
 	getAM() {
-		return this.getModalElement()?.querySelector(".tp-ui-am") || null;
+		return this.q(".tp-ui-am");
 	}
 	getPM() {
-		return this.getModalElement()?.querySelector(".tp-ui-pm") || null;
+		return this.q(".tp-ui-pm");
 	}
 	getHourText() {
-		return this.getModalElement()?.querySelector(".tp-ui-hour-text") || null;
+		return this.q(".tp-ui-hour-text");
 	}
 	getMinutesText() {
-		return this.getModalElement()?.querySelector(".tp-ui-minute-text") || null;
+		return this.q(".tp-ui-minute-text");
 	}
 	getHeader() {
-		return this.getModalElement()?.querySelector(".tp-ui-header") || null;
+		return this.q(".tp-ui-header");
 	}
 	getInputWrappers() {
 		return this.getModalElement()?.querySelectorAll(".tp-ui-input-wrapper") || null;
 	}
 	getDots() {
-		return this.getModalElement()?.querySelector(".tp-ui-dots") || null;
+		return this.q(".tp-ui-dots");
 	}
 	getMinutesTips() {
-		return this.getModalElement()?.querySelector(".tp-ui-minutes-time") || null;
+		return this.q(".tp-ui-minutes-time");
 	}
 	getHourTips() {
-		return this.getModalElement()?.querySelector(".tp-ui-hour-time-12") || null;
+		return this.q(".tp-ui-hour-time-12");
 	}
 	getAllValueTips() {
 		let e = this.getModalElement();
 		return e ? [...e.querySelectorAll(".tp-ui-value-tips"), ...e.querySelectorAll(".tp-ui-value-tips-24h")] : [];
 	}
 	getOpenElementData() {
-		let e = this.state.element?.querySelectorAll("[data-open]");
+		let e = this.element?.querySelectorAll("[data-open]");
 		if (e?.length > 0) {
 			let t = [];
 			return e.forEach(({ dataset: e }) => t.push(e.open ?? "")), [...new Set(t)];
@@ -253,25 +192,25 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	}
 	getOpenElement() {
 		let e = this.getInput(), t = this.getOpenElementData();
-		return t === null ? (e?.setAttribute("data-open", "tp-ui-input"), [e]) : t.map((e) => this.state.element?.querySelectorAll(`[data-open='${e}']`))[0] ?? "";
+		return t === null ? (e?.setAttribute("data-open", "tp-ui-input"), [e]) : t.map((e) => this.element?.querySelectorAll(`[data-open='${e}']`))[0] ?? "";
 	}
 	getCancelButton() {
-		return this.getModalElement()?.querySelector(".tp-ui-cancel-btn") || null;
+		return this.q(".tp-ui-cancel-btn");
 	}
 	getOkButton() {
-		return this.getModalElement()?.querySelector(".tp-ui-ok-btn") || null;
+		return this.q(".tp-ui-ok-btn");
 	}
 	getActiveTypeMode() {
-		return this.getModalElement()?.querySelector(".tp-ui-type-mode.active") || null;
+		return this.q(".tp-ui-type-mode.active");
 	}
 	getKeyboardClockIcon() {
-		return this.getModalElement()?.querySelector(".tp-ui-keyboard-icon-wrapper") || null;
+		return this.q(".tp-ui-keyboard-icon-wrapper");
 	}
 	getFooter() {
-		return this.getModalElement()?.querySelector(".tp-ui-footer") || null;
+		return this.q(".tp-ui-footer");
 	}
 	getWrapper() {
-		return this.getModalElement()?.querySelector(".tp-ui-wrapper") || null;
+		return this.q(".tp-ui-wrapper");
 	}
 }, r = {
 	DEFAULT_DELAY: 300,
@@ -444,24 +383,25 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
         </div>
       </div>`;
 }, b = (e) => {
-	let { range: { enabled: t, fromLabel: n, toLabel: r } } = e;
-	return !t || !h.has("range") ? "" : `<div class="tp-ui-range-header" role="tablist" aria-label="Range selection"><button type="button" class="tp-ui-range-tab tp-ui-range-from active" role="tab" tabindex="0" aria-selected="true"><span class="tp-ui-range-tab-label">${n}</span><span class="tp-ui-range-tab-value tp-ui-range-from-time">--:--</span></button><button type="button" class="tp-ui-range-tab tp-ui-range-to" role="tab" tabindex="-1" aria-selected="false"><span class="tp-ui-range-tab-label">${r}</span><span class="tp-ui-range-tab-value tp-ui-range-to-time">--:--</span></button></div>`;
+	let { range: { enabled: t, fromLabel: n, toLabel: r }, labels: { rangeSelectionLabel: i } } = e;
+	return !t || !h.has("range") ? "" : `<div class="tp-ui-range-header" role="tablist" aria-label="${i}"><button type="button" class="tp-ui-range-tab tp-ui-range-from active" role="tab" tabindex="0" aria-selected="true"><span class="tp-ui-range-tab-label">${n}</span><span class="tp-ui-range-tab-value tp-ui-range-from-time">--:--</span></button><button type="button" class="tp-ui-range-tab tp-ui-range-to" role="tab" tabindex="-1" aria-selected="false"><span class="tp-ui-range-tab-label">${r}</span><span class="tp-ui-range-tab-value tp-ui-range-to-time">--:--</span></button></div>`;
 }, x = (e, t) => {
 	let { ui: { clearButton: n }, labels: { clear: r } } = e;
-	return n ? `<div class="tp-ui-clear-btn ${t} disabled" data-md3-ripple tabindex="0" role="button" aria-pressed="false" aria-label="${r}" aria-disabled="true">${r}</div>` : "";
+	return n ? `<div class="tp-ui-clear-btn ${t} disabled" data-md3-ripple tabindex="0" role="button" aria-label="${r}" aria-disabled="true">${r}</div>` : "";
 }, ee = (e, t, n) => {
 	if (e.isWheelMode) {
 		let t = h.getTemplateProvider("wheel");
 		return t ? `<div class="tp-ui-mobile-clock-wrapper ${e.mobileClass}">${t(n, e.instanceId)}</div>` : `<div class="tp-ui-mobile-clock-wrapper ${e.mobileClass}"></div>`;
 	}
-	return `<div class="tp-ui-mobile-clock-wrapper ${e.mobileClass}"><div class="tp-ui-body ${e.mobileClass}"><div class="tp-ui-clock-face ${e.mobileClass}" role="group" aria-label="Clock"><div class="tp-ui-dot ${e.mobileClass}" aria-hidden="true"></div><div class="tp-ui-clock-hand ${e.mobileClass}" aria-hidden="true"><div class="tp-ui-circle-hand ${e.mobileClass}"></div></div><div class="tp-ui-tips-wrapper ${e.mobileClass}" role="listbox" aria-label="Time"></div>${e.clockType === "24h" ? `<div class="tp-ui-tips-wrapper-24h ${e.mobileClass}" role="listbox" aria-label="24h"></div>` : ""}</div></div></div>`;
+	let { labels: { clockLabel: r } } = n;
+	return `<div class="tp-ui-mobile-clock-wrapper ${e.mobileClass}"><div class="tp-ui-body ${e.mobileClass}"><div class="tp-ui-clock-face ${e.mobileClass}" role="group" aria-label="${r}"><div class="tp-ui-dot ${e.mobileClass}" aria-hidden="true"></div><div class="tp-ui-clock-hand ${e.mobileClass}" aria-hidden="true"><div class="tp-ui-circle-hand ${e.mobileClass}"></div></div><div class="tp-ui-tips-wrapper ${e.mobileClass}" aria-hidden="true"></div>${e.clockType === "24h" ? `<div class="tp-ui-tips-wrapper-24h ${e.mobileClass}" aria-hidden="true"></div>` : ""}</div></div></div>`;
 }, te = (e, t) => {
-	let { labels: { time: n, mobileTime: r, am: i, pm: a, mobileMinute: o, mobileHour: s }, ui: { editable: c } } = e, { mobileClass: l, clockType: u, instanceId: d } = t, f = l ? r : n, p = u === "24h" ? "" : `<div class="tp-ui-wrapper-type-time ${l}" role="group" aria-label="Period"><div class="tp-ui-type-mode tp-ui-am ${l ? "mobile" : "tp-ui-ripple"}" data-md3-ripple tabindex="0" role="button" aria-label="${i}" aria-pressed="false" data-type="AM">${i}</div><div class="tp-ui-type-mode tp-ui-pm ${l ? "mobile" : "tp-ui-ripple"}" data-md3-ripple tabindex="0" role="button" aria-label="${a}" aria-pressed="false" data-type="PM">${a}</div></div>`;
-	return `<div class="tp-ui-select-time ${l}" id="tp-ui-label-${d}">${f}</div><div class="tp-ui-header ${l}"><div class="tp-ui-wrapper-time ${l} ${u === "24h" ? "tp-ui-wrapper-time-24h" : ""}" role="group" aria-label="${f}"><div class="tp-ui-input-wrapper ${l}"><div class="tp-ui-input-ripple-wrapper ${l}" data-md3-ripple><input name="hour" ${!c && !l ? "readonly" : ""} class="tp-ui-hour ${l}" tabindex="0" type="number" min="0" max="${u === "12h" ? "12" : "23"}" aria-label="${l ? s : "Hour"}" role="spinbutton" aria-valuenow="12"></div><div class="tp-ui-hour-text ${l}">${s}</div></div><div class="tp-ui-dots ${l}" aria-hidden="true"><span></span><span></span></div><div class="tp-ui-input-wrapper ${l}"><div class="tp-ui-input-ripple-wrapper ${l}" data-md3-ripple><input name="minutes" ${!c && !l ? "readonly" : ""} class="tp-ui-minutes ${l}" tabindex="0" type="number" min="0" max="59" aria-label="${l ? o : "Minute"}" role="spinbutton" aria-valuenow="0"></div><div class="tp-ui-minute-text ${l}">${o}</div></div></div>${p}</div>`;
+	let { labels: { time: n, mobileTime: r, timeLabel: i, am: a, pm: o, mobileMinute: s, mobileHour: c, hourLabel: l, minuteLabel: u, periodLabel: d }, ui: { editable: f } } = e, { mobileClass: p, clockType: m, instanceId: h } = t, g = p ? r : n, _ = m === "12h", v = _ ? "1" : "0", y = _ ? "12" : "23", b = _ ? "12" : "0", x = m === "24h" ? "" : `<div class="tp-ui-wrapper-type-time ${p}" role="group" aria-label="${d}"><div class="tp-ui-type-mode tp-ui-am ${p ? "mobile" : "tp-ui-ripple"}" data-md3-ripple tabindex="0" role="button" aria-label="${a}" aria-pressed="false" data-type="AM">${a}</div><div class="tp-ui-type-mode tp-ui-pm ${p ? "mobile" : "tp-ui-ripple"}" data-md3-ripple tabindex="0" role="button" aria-label="${o}" aria-pressed="false" data-type="PM">${o}</div></div>`;
+	return `<div class="tp-ui-select-time ${p}" id="tp-ui-label-${h}">${g}</div><div class="tp-ui-header ${p}"><div class="tp-ui-wrapper-time ${p} ${m === "24h" ? "tp-ui-wrapper-time-24h" : ""}" role="group" aria-label="${i}"><div class="tp-ui-input-wrapper ${p}"><div class="tp-ui-input-ripple-wrapper ${p}" data-md3-ripple><input name="hour" ${!f && !p ? "readonly" : ""} class="tp-ui-hour ${p}" tabindex="0" type="number" min="${v}" max="${y}" aria-label="${p ? c : l}" role="spinbutton" aria-valuemin="${v}" aria-valuemax="${y}" aria-valuenow="${b}" aria-valuetext="${b}"></div><div class="tp-ui-hour-text ${p}">${c}</div></div><div class="tp-ui-dots ${p}" aria-hidden="true"><span></span><span></span></div><div class="tp-ui-input-wrapper ${p}"><div class="tp-ui-input-ripple-wrapper ${p}" data-md3-ripple><input name="minutes" ${!f && !p ? "readonly" : ""} class="tp-ui-minutes ${p}" tabindex="0" type="number" min="0" max="59" aria-label="${p ? s : u}" role="spinbutton" aria-valuemin="0" aria-valuemax="59" aria-valuenow="0" aria-valuetext="00"></div><div class="tp-ui-minute-text ${p}">${s}</div></div></div>${x}</div>`;
 }, ne = (e, t) => {
-	let { ui: { enableSwitchIcon: n, iconTemplate: r, iconTemplateMobile: i }, labels: { cancel: a, ok: o } } = e, s = `<button aria-label="Keyboard" type="button" class="tp-ui-keyboard-icon">${r || p}</button>`, c = i || `<button aria-label="Clock" type="button" class="tp-ui-keyboard-icon">${i || m}</button>`, l = n ? `<div class="tp-ui-keyboard-icon-wrapper ${t}" tabindex="0" role="button" aria-pressed="false" aria-label="Toggle" data-view="desktop">${t ? c : s}</div>` : "", u = x(e, t);
-	return `<div class="tp-ui-footer ${t}" ${t ? "data-view=\"mobile\"" : ""}>${l}<div class="tp-ui-wrapper-btn ${t}">${u}<div class="tp-ui-cancel-btn ${t}" data-md3-ripple tabindex="0" role="button" aria-pressed="false" aria-label="${a}">${a}</div><div class="tp-ui-ok-btn ${t}" data-md3-ripple tabindex="0" role="button" aria-pressed="false" aria-label="${o}">${o}</div></div></div>`;
-}, S = (e, t) => {
+	let { ui: { enableSwitchIcon: n, iconTemplate: r, iconTemplateMobile: i }, labels: { cancel: a, ok: o, switchToKeyboardLabel: s, switchToClockLabel: c, toggleLabel: l } } = e, u = `<button aria-label="${s}" type="button" class="tp-ui-keyboard-icon">${r || p}</button>`, d = i || `<button aria-label="${c}" type="button" class="tp-ui-keyboard-icon">${i || m}</button>`, f = n ? `<div class="tp-ui-keyboard-icon-wrapper ${t}" tabindex="0" role="button" aria-pressed="false" aria-label="${l}" data-view="desktop">${t ? d : u}</div>` : "", h = x(e, t);
+	return `<div class="tp-ui-footer ${t}" ${t ? "data-view=\"mobile\"" : ""}>${f}<div class="tp-ui-wrapper-btn ${t}">${h}<div class="tp-ui-cancel-btn ${t}" data-md3-ripple tabindex="0" role="button" aria-label="${a}">${a}</div><div class="tp-ui-ok-btn ${t}" data-md3-ripple tabindex="0" role="button" aria-label="${o}">${o}</div></div></div>`;
+}, re = (e, t) => {
 	let { ui: { mode: n, animation: r, theme: i, mobile: a }, clock: { incrementMinutes: o } } = e, s = a ? "mobile" : "", c = n === "compact-wheel" && h.has("wheel"), l = (n === "wheel" || c) && h.has("wheel"), u = !!e.range?.enabled && h.has("range"), d = !!e.timezone?.enabled && h.has("timezone"), f = {
 		mobileClass: s,
 		clockType: e.clock.type || "12h",
@@ -471,12 +411,18 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		isRangeMode: u
 	}, p = b(e), m = y(e, s, t), g = c ? "" : te(e, f), _ = ee(f, o ?? 1, e), v = c && e.wheel?.hideFooter === !0 ? "" : ne(e, s), x;
 	return x = c ? " tp-ui-compact-wheel-mode" : l ? " tp-ui-wheel-mode" : "", `<div class="tp-ui-modal normalize ${s}${u ? " tp-ui-range-mode" : ""}${d ? " tp-ui-tz-mode" : ""}${x}" data-theme="${i}" role="dialog" aria-modal="true" aria-labelledby="tp-ui-label-${t}" data-owner-id="${t}" style='transition:${r ? "opacity 0.15s linear" : "none"}'><div class="tp-ui-wrapper ${s}" tabindex="0">${p}${g}${m}${_}${v}</div><div class="timepicker-announcer sr-only" role="status" aria-live="polite" aria-atomic="true"></div></div>`;
-}, re = class {
+}, S = 0, C = "", w = "";
+function ie() {
+	S === 0 && (C = document.body.style.overflowY, w = document.body.style.paddingRight, document.body.style.paddingRight = `${a()}px`, document.body.style.overflowY = "hidden"), S += 1;
+}
+function ae() {
+	S !== 0 && (--S, S === 0 && (document.body.style.overflowY = C, document.body.style.paddingRight = w, C = "", w = ""));
+}
+var oe = class {
 	core;
 	emitter;
 	timeouts = [];
-	originalOverflow;
-	originalPaddingRight;
+	scrollLocked = !1;
 	constructor(e, t) {
 		this.core = e, this.emitter = t;
 	}
@@ -498,7 +444,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	setModalTemplate() {
 		if (t() === !1) return;
 		this.clearExistingModal();
-		let e = S(this.core.options, this.core.instanceId);
+		let e = re(this.core.options, this.core.instanceId);
 		if (this.core.options.ui.inline?.enabled) {
 			let t = document.getElementById(this.core.options.ui.inline.containerId);
 			if (!t) return;
@@ -514,12 +460,18 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		let { appendModalSelector: n } = this.core.options.ui;
 		n ? document.querySelector(n)?.insertAdjacentHTML("beforeend", e) : document.body.insertAdjacentHTML("beforeend", e);
 	}
+	lockScroll() {
+		t() !== !1 && (this.core.options.ui.inline?.enabled || this.isPopoverMode() || this.core.options.ui.enableScrollbar || this.scrollLocked || (this.scrollLocked = !0, ie()));
+	}
+	unlockScroll() {
+		t() !== !1 && this.scrollLocked && (this.scrollLocked = !1, ae());
+	}
 	setScrollbarOrNot() {
 		t() !== !1 && (this.core.options.ui.inline?.enabled || this.isPopoverMode() || (this.core.options.ui.enableScrollbar ? this.runWithTimeout(() => {
 			e() || this.runWithTimeout(() => {
-				typeof document < "u" && (document.body.style.overflowY = this.originalOverflow || "", document.body.style.paddingRight = this.originalPaddingRight || "");
+				this.unlockScroll();
 			}, r.SCROLLBAR_RESTORE);
-		}, 400) : (this.originalOverflow = document.body.style.overflowY, this.originalPaddingRight = document.body.style.paddingRight, document.body.style.paddingRight = `${a()}px`, document.body.style.overflowY = "hidden")));
+		}, 400) : this.lockScroll()));
 	}
 	removeBackdrop() {
 		if (this.core.options.ui.inline?.enabled || this.core.options.ui.backdrop) return;
@@ -551,9 +503,9 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		!this.core.options.ui.enableSwitchIcon && e && (e.style.justifyContent = "flex-end");
 	}
 	destroy() {
-		this.clearAllTimeouts(), !e() && !this.core.options.ui.inline?.enabled && (document.body.style.overflowY = this.originalOverflow || "", document.body.style.paddingRight = this.originalPaddingRight || ""), this.clearExistingModal();
+		this.clearAllTimeouts(), this.unlockScroll(), this.clearExistingModal();
 	}
-}, C = (e, t, n, r) => {
+}, T = (e, t, n, r) => {
 	let i = {
 		hour: "12",
 		minutes: "00",
@@ -652,7 +604,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		currentMin: m
 	};
 	return f;
-}, w = (e, t, n) => {
+}, E = (e, t, n) => {
 	let r = Number(e);
 	if (Number.isNaN(r)) return !1;
 	switch (t) {
@@ -660,7 +612,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		case "minutes": return r >= 0 && r <= 59;
 		default: return;
 	}
-}, T = "tp-ui", ie = "mousedown mouseup mousemove mouseleave mouseover touchstart touchmove touchend", E = "active", D = class {
+}, D = "tp-ui", se = "mousedown mouseup mousemove mouseleave mouseover touchstart touchmove touchend", O = "active", ce = class {
 	core;
 	emitter;
 	constructor(e, t) {
@@ -677,20 +629,20 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		let { currentTime: t, clockType: n } = {
 			currentTime: this.core.options.clock.currentTime,
 			clockType: this.core.options.clock.type
-		}, { type: r } = C(e, n, t, !0);
+		}, { type: r } = T(e, n, t, !0);
 		this.core.updateOptions({ clock: { type: r ? "12h" : "24h" } });
 	}
 	updateInputValueWithCurrentTimeOnStart() {
 		if (!this.isCurrentTimeEnabled("updateInput")) return;
 		let e = this.core.getInput();
 		if (!e) return;
-		let { hour: t, minutes: n, type: r } = C(e, this.core.options.clock.type, this.core.options.clock.currentTime);
+		let { hour: t, minutes: n, type: r } = T(e, this.core.options.clock.type, this.core.options.clock.currentTime);
 		e.value = r ? `${t}:${n} ${r}` : `${t}:${n}`;
 	}
 	getInputValueOnOpenAndSet() {
 		let e = this.core.getInput();
 		if (!e) return;
-		let t = C(e, this.core.options.clock.type, this.core.options.clock.currentTime), n = this.core.getHour(), r = this.core.getMinutes(), i = this.core.getActiveTypeMode(), a = this.core.getAM();
+		let t = T(e, this.core.options.clock.type, this.core.options.clock.currentTime), n = this.core.getHour(), r = this.core.getMinutes(), i = this.core.getActiveTypeMode(), a = this.core.getAM();
 		if (t === void 0) {
 			n && (n.value = "12"), r && (r.value = "00");
 			let e = {
@@ -702,13 +654,13 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			};
 			this.emitter.emit("open", e);
 			let t = this.core.options.range?.enabled === !0;
-			this.core.options.clock.type !== "24h" && a && !t && a.classList.add(E);
+			this.core.options.clock.type !== "24h" && a && !t && a.classList.add(O);
 			return;
 		}
 		let [o, s, c] = e.value.split(":").join(" ").split(" ");
 		e.value.length === 0 && (o = t.hour, s = t.minutes, c = t.type), this.core.options.clock.type !== "24h" && !c && (c = t.type || "AM"), n && (n.value = o.padStart(2, "0")), r && (r.value = s.padStart(2, "0"));
 		let l = this.core.getModalElement()?.querySelector(`[data-type='${c}']`);
-		this.core.options.clock.type !== "24h" && l && l.classList.add(E);
+		this.core.options.clock.type !== "24h" && l && l.classList.add(O);
 		let u = {
 			...t,
 			type: i?.dataset.type,
@@ -718,10 +670,10 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		this.emitter.emit("open", u);
 	}
 	getInputValue(e, t, n) {
-		return C(e, t, n);
+		return T(e, t, n);
 	}
 	destroy() {}
-}, O = class {
+}, le = class {
 	core;
 	emitter;
 	isAnimating = !1;
@@ -814,7 +766,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		return e?.classList.contains("tp-ui-tz-mode") ? "326px" : e?.classList.contains("tp-ui-range-mode") ? "287px" : "258px";
 	}
 	destroy() {}
-}, ae = (e) => {
+}, ue = (e) => {
 	if (!e) return;
 	let { disabledTime: t, type: n } = e.clock;
 	if (!t || !Object.keys(t).length) return;
@@ -824,7 +776,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		let e = Array.isArray(a) ? a : [a];
 		if (!n) throw Error("clockType required for interval");
 		return d(e, n), { value: e.map((e) => {
-			let [t, r] = e.trim().split("-"), { hour: i, minutes: a, type: o } = C({ value: t.trim() }, n), { hour: l, minutes: u, type: d } = C({ value: r.trim() }, n), f = s(i, l).map((e) => Number(e) === 0 ? "00" : String(Number(e))), p = [], m = Number(a), h = Number(u);
+			let [t, r] = e.trim().split("-"), { hour: i, minutes: a, type: o } = T({ value: t.trim() }, n), { hour: l, minutes: u, type: d } = T({ value: r.trim() }, n), f = s(i, l).map((e) => Number(e) === 0 ? "00" : String(Number(e))), p = [], m = Number(a), h = Number(u);
 			if (d === o) return m > 0 && h <= 0 ? (p.push(f[0], f[f.length - 1]), f = f.slice(1, -1)) : h < 59 && h > 0 && m <= 0 ? (p.push(void 0, f[f.length - 1]), f = f.slice(0, -1)) : h > 0 && m > 0 ? (p.push(f[0], f[f.length - 1]), f = f.slice(1, -1)) : h === 0 && m === 0 && (p.push(void 0, f[f.length - 1]), f.pop()), {
 				removedStartedHour: p[0] !== void 0 && Number(p[0]) <= 9 ? `0${p[0]}` : p[0],
 				removedEndHour: p[1] !== void 0 && Number(p[1]) <= 9 ? `0${p[1]}` : p[1],
@@ -866,29 +818,29 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	} };
 }, k = (e, t, n, r) => {
 	if (e) {
-		if (Array.isArray(e) && e.length > 0) return !e.map((e) => w(e, t, n)).some((e) => e === !1);
+		if (Array.isArray(e) && e.length > 0) return !e.map((e) => E(e, t, n)).some((e) => e === !1);
 		if (typeof e == "string" || typeof e == "number") {
-			let i = w(e, t, n), a = r?.map(Number).includes(Number(e));
+			let i = E(e, t, n), a = r?.map(Number).includes(Number(e));
 			return !!(i && !a);
 		}
 	}
-}, oe = class {
+}, de = class {
 	core;
 	constructor(e) {
 		this.core = e;
 	}
 	getDisableTime() {
-		let e = ae(this.core.options);
+		let e = ue(this.core.options);
 		this.core.setDisabledTime(e || null);
 	}
 	destroy() {}
-}, se = class {
+}, fe = class {
 	inputValueHandler;
 	mobileViewHandler;
 	disabledTimeHandler;
 	core;
 	constructor(e, t) {
-		this.core = e, this.inputValueHandler = new D(e, t), this.mobileViewHandler = new O(e, t), this.disabledTimeHandler = new oe(e);
+		this.core = e, this.inputValueHandler = new ce(e, t), this.mobileViewHandler = new le(e, t), this.disabledTimeHandler = new de(e);
 	}
 	preventClockTypeByCurrentTime() {
 		this.inputValueHandler.preventClockTypeByCurrentTime();
@@ -917,7 +869,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.inputValueHandler.destroy(), this.mobileViewHandler.destroy(), this.disabledTimeHandler.destroy();
 	}
-}, ce = class {
+}, pe = class {
 	core;
 	emitter;
 	constructor(e, t) {
@@ -944,9 +896,9 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	setTimepickerClassToElement() {
 		let e = this.core.element;
 		if (!e) return;
-		e.classList.add(T);
+		e.classList.add(D);
 		let t = this.core.options.ui.cssClass;
-		t && t !== T && e.classList.add(t);
+		t && t !== D && e.classList.add(t);
 	}
 	destroy() {
 		let e = this.core.getModalElement();
@@ -966,7 +918,25 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	INLINE_CONFIG_ERROR: "INLINE_CONFIG_ERROR",
 	CONTAINER_NOT_FOUND: "CONTAINER_NOT_FOUND",
 	SSR_ENVIRONMENT: "SSR_ENVIRONMENT"
-}, le = class {
+}, M = (e, t) => {
+	if (!e) return;
+	let n = e.querySelector(".timepicker-announcer");
+	n && (n.textContent = "", setTimeout(() => {
+		n.textContent = t;
+	}, 100));
+}, N = (e, t) => {
+	e && e.setAttribute("aria-pressed", String(t));
+}, P = (e) => e.getAttribute("aria-disabled") === "true" || e.classList.contains("disabled"), F = (e, t) => {
+	if (!e) return () => {};
+	let n = (n) => {
+		P(e) || t(n);
+	}, r = (n) => {
+		n.key !== "Enter" && n.key !== " " && n.key !== "Spacebar" || ((n.key === " " || n.key === "Spacebar") && n.preventDefault(), !P(e) && t(n));
+	};
+	return e.addEventListener("click", n), e.addEventListener("keydown", r), () => {
+		e.removeEventListener("click", n), e.removeEventListener("keydown", r);
+	};
+}, me = () => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, he = class {
 	core;
 	emitter;
 	constructor(e, t) {
@@ -975,12 +945,14 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	setErrorHandler() {
 		let e = this.core.getInput();
 		if (!e) return !0;
-		let { error: n, currentHour: r, currentMin: i, currentType: a, currentLength: o } = C(e, this.core.options.clock.type);
+		let { error: n, currentHour: r, currentMin: i, currentType: a, currentLength: o } = T(e, this.core.options.clock.type);
 		if (this.removeErrorHandler(), n) {
 			if (t() === !1) return !1;
-			let s = document.createElement("div");
-			s.classList.add("tp-ui-invalid-text"), s.innerHTML = "<b>Invalid Time Format</b>", e.classList.add("tp-ui-invalid-format"), e.nextElementSibling?.classList.contains("tp-ui-invalid-text") || e.after(s);
-			let c = {
+			let s = this.core.options.labels.invalidTimeFormat ?? "Invalid time format", c = document.createElement("div");
+			c.classList.add("tp-ui-invalid-text"), c.setAttribute("role", "alert");
+			let l = document.createElement("b");
+			l.textContent = s, c.appendChild(l), e.classList.add("tp-ui-invalid-format"), e.nextElementSibling?.classList.contains("tp-ui-invalid-text") || e.after(c), M(this.core.getModalElement(), s);
+			let u = {
 				error: n,
 				rejectedHour: void 0,
 				rejectedMinute: void 0,
@@ -989,7 +961,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 				inputType: a,
 				inputLength: o
 			};
-			return this.emitter.emit("error", c), !1;
+			return this.emitter.emit("error", u), !1;
 		}
 		return !0;
 	}
@@ -1019,15 +991,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.removeErrorHandler();
 	}
-}, M = (e, t) => {
-	if (!e) return;
-	let n = e.querySelector(".timepicker-announcer");
-	n && (n.textContent = "", setTimeout(() => {
-		n.textContent = t;
-	}, 100));
-}, N = (e, t) => {
-	e && e.setAttribute("aria-pressed", String(t));
-}, ue = class {
+}, ge = class {
 	core;
 	emitter;
 	cleanupHandlers = [];
@@ -1037,100 +1001,90 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	handleOpenOnClick() {
 		let e = this.core.getOpenElement();
 		if (!e) return;
-		let t = (e) => {
-			this.core.isDestroyed || e.currentTarget?.classList.contains("disabled") || this.emitter.emit("show", {});
+		let t = () => {
+			this.core.isDestroyed || this.emitter.emit("show", {});
 		};
 		e.forEach((e) => {
-			e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+			this.cleanupHandlers.push(F(e, t));
 		});
 	}
 	handleCancelButton() {
 		let e = this.core.getCancelButton();
-		if (!e) return;
-		let t = () => {
+		e && this.cleanupHandlers.push(F(e, () => {
 			this.core.isDestroyed || this.emitter.emit("cancel", {});
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+		}));
 	}
 	handleOkButton() {
 		let e = this.core.getOkButton();
-		if (!e) return;
-		let t = () => {
-			if (this.core.isDestroyed) return;
-			let e = this.core.getHour(), t = this.core.getMinutes();
-			if (e && t) {
-				let n = this.core.getActiveTypeMode();
+		e && this.cleanupHandlers.push(F(e, () => {
+			if (this.core.isDestroyed || e.getAttribute("aria-disabled") === "true") return;
+			let t = this.core.getHour(), n = this.core.getMinutes();
+			if (t && n) {
+				let e = this.core.getActiveTypeMode();
 				this.emitter.emit("confirm", {
-					hour: e.value,
-					minutes: t.value,
-					type: n?.textContent || void 0
+					hour: t.value,
+					minutes: n.value,
+					type: e?.textContent || void 0
 				});
 				return;
 			}
-			let n = this.core.getModalElement();
-			if (n) {
-				let e = n.querySelector(".tp-ui-wheel-hours .tp-ui-wheel-item.is-center"), t = n.querySelector(".tp-ui-wheel-minutes .tp-ui-wheel-item.is-center"), r = n.querySelector(".tp-ui-wheel-ampm .tp-ui-wheel-item.is-center");
+			let r = this.core.getModalElement();
+			if (r) {
+				let e = r.querySelector(".tp-ui-wheel-hours .tp-ui-wheel-item.is-center"), t = r.querySelector(".tp-ui-wheel-minutes .tp-ui-wheel-item.is-center"), n = r.querySelector(".tp-ui-wheel-ampm .tp-ui-wheel-item.is-center");
 				this.emitter.emit("confirm", {
 					hour: e?.getAttribute("data-value") ?? void 0,
 					minutes: t?.getAttribute("data-value") ?? void 0,
-					type: r?.getAttribute("data-value") ?? void 0
+					type: n?.getAttribute("data-value") ?? void 0
 				});
 			}
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+		}));
 	}
 	handleAmClick() {
 		let e = this.core.getAM();
-		if (!e) return;
-		let t = () => {
+		e && this.cleanupHandlers.push(F(e, () => {
 			if (this.core.isDestroyed) return;
 			let t = this.core.getPM();
-			e.classList.add("active"), t?.classList.remove("active"), N(e, !0), N(t, !1), M(this.core.getModalElement(), "AM selected"), this.emitter.emit("select:am", {});
+			e.classList.add("active"), t?.classList.remove("active"), N(e, !0), N(t, !1), M(this.core.getModalElement(), this.core.options.labels.announceAmSelected ?? "AM selected"), this.emitter.emit("select:am", {});
 			let n = this.core.getHour(), r = this.core.getMinutes();
 			this.emitter.emit("update", {
 				hour: n?.value,
 				minutes: r?.value,
 				type: "AM"
 			});
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+		}));
 	}
 	handlePmClick() {
 		let e = this.core.getPM();
-		if (!e) return;
-		let t = () => {
+		e && this.cleanupHandlers.push(F(e, () => {
 			if (this.core.isDestroyed) return;
 			let t = this.core.getAM();
-			e.classList.add("active"), t?.classList.remove("active"), N(e, !0), N(t, !1), M(this.core.getModalElement(), "PM selected"), this.emitter.emit("select:pm", {});
+			e.classList.add("active"), t?.classList.remove("active"), N(e, !0), N(t, !1), M(this.core.getModalElement(), this.core.options.labels.announcePmSelected ?? "PM selected"), this.emitter.emit("select:pm", {});
 			let n = this.core.getHour(), r = this.core.getMinutes();
 			this.emitter.emit("update", {
 				hour: n?.value,
 				minutes: r?.value,
 				type: "PM"
 			});
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+		}));
 	}
 	handleSwitchViewButton() {
 		let e = this.core.getKeyboardClockIcon();
-		if (!e) return;
-		let t = () => {
+		e && this.cleanupHandlers.push(F(e, () => {
 			this.core.isDestroyed || this.emitter.emit("switch:view", {});
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
+		}));
 	}
 	destroy() {
 		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
 	}
-}, P = (e, t, n) => Math.max(t, Math.min(n, e)), F = (e, t) => {
+}, I = (e, t, n) => Math.max(t, Math.min(n, e)), _e = (e, t) => {
 	if (e === "") return "";
 	let n = parseInt(e, 10);
-	return Number.isNaN(n) ? "" : P(n, +!!t, t ? 12 : 23).toString().padStart(2, "0");
-}, I = (e) => {
+	return Number.isNaN(n) ? "" : I(n, +!!t, t ? 12 : 23).toString().padStart(2, "0");
+}, ve = (e) => {
 	if (e === "") return "";
 	let t = parseInt(e, 10);
-	return Number.isNaN(t) ? "" : P(t, 0, 59).toString().padStart(2, "0");
-}, L = class {
+	return Number.isNaN(t) ? "" : I(t, 0, 59).toString().padStart(2, "0");
+}, ye = class {
 	core;
 	emitter;
 	cleanupHandlers = [];
@@ -1155,7 +1109,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
 		let n = e.value, r = () => {
 			if (this.core.isDestroyed || e.hasAttribute("readonly")) return;
-			let t = this.core.options.clock.type === "12h", r = F(e.value, t);
+			let t = this.core.options.clock.type === "12h", r = _e(e.value, t);
 			if (e.value = r, e.setAttribute("aria-valuenow", r), e.value !== n) {
 				n = e.value, this.emitter.emit("animation:clock", {}), this.emitter.emit("select:hour", { hour: e.value });
 				let t = this.core.getMinutes(), r = this.core.getActiveTypeMode();
@@ -1186,7 +1140,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t));
 		let n = e.value, r = () => {
 			if (this.core.isDestroyed || e.hasAttribute("readonly")) return;
-			let t = I(e.value);
+			let t = ve(e.value);
 			if (e.value = t, e.setAttribute("aria-valuenow", t), e.value !== n) {
 				n = e.value, this.emitter.emit("animation:clock", {}), this.emitter.emit("select:minute", { minutes: e.value });
 				let t = this.core.getHour(), r = this.core.getActiveTypeMode();
@@ -1202,7 +1156,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
 	}
-}, R = class {
+}, be = class {
 	core;
 	emitter;
 	cleanupHandlers = [];
@@ -1220,18 +1174,25 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	handleEscClick() {
 		if (t() === !1) return;
 		let e = (e) => {
-			this.core.isDestroyed || e.key === "Escape" && this.emitter.emit("cancel", {});
+			this.core.isDestroyed || this.core.isOpen && e.key === "Escape" && this.emitter.emit("cancel", {});
 		};
 		document.addEventListener("keydown", e), this.cleanupHandlers.push(() => document.removeEventListener("keydown", e));
 	}
 	handleKeyboardInput() {
-		let e = this.core.getHour(), t = this.core.getMinutes();
+		let e = this.core.getHour(), t = this.core.getMinutes(), n = [
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End",
+			"PageUp",
+			"PageDown"
+		];
 		if (e) {
 			let t = (t) => {
-				if (this.core.isDestroyed || t.key !== "ArrowUp" && t.key !== "ArrowDown") return;
+				if (this.core.isDestroyed || !n.includes(t.key)) return;
 				t.preventDefault();
-				let n = parseInt(e.value) || 0, r = parseInt(e.getAttribute("max") || "23"), i = this.core.options.clock.type === "12h", a;
-				a = t.key === "ArrowUp" ? i ? n >= 12 ? 1 : n + 1 : n >= r ? 0 : n + 1 : i ? n <= 1 ? 12 : n - 1 : n <= 0 ? r : n - 1, e.value = a.toString().padStart(2, "0"), e.setAttribute("aria-valuenow", e.value), M(this.core.getModalElement(), `Hour: ${e.value}`), this.emitter.emit("animation:clock", {}), this.emitter.emit("select:hour", { hour: e.value });
+				let r = parseInt(e.value) || 0, i = parseInt(e.getAttribute("max") || "23"), a = +(this.core.options.clock.type === "12h");
+				e.value = this.computeSpinValue(t.key, r, a, i, 3).toString().padStart(2, "0"), e.setAttribute("aria-valuenow", e.value), e.setAttribute("aria-valuetext", e.value), M(this.core.getModalElement(), `${this.core.options.labels.announceHour ?? "Hour"}: ${e.value}`), this.emitter.emit("animation:clock", {}), this.emitter.emit("select:hour", { hour: e.value });
 				let o = this.core.getMinutes(), s = this.core.getActiveTypeMode();
 				this.emitter.emit("update", {
 					hour: e.value,
@@ -1243,10 +1204,10 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		}
 		if (t) {
 			let e = (e) => {
-				if (this.core.isDestroyed || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+				if (this.core.isDestroyed || !n.includes(e.key)) return;
 				e.preventDefault();
-				let n = parseInt(t.value) || 0, r;
-				r = e.key === "ArrowUp" ? n >= 59 ? 0 : n + 1 : n <= 0 ? 59 : n - 1, t.value = r.toString().padStart(2, "0"), t.setAttribute("aria-valuenow", t.value), M(this.core.getModalElement(), `Minutes: ${t.value}`), this.emitter.emit("animation:clock", {}), this.emitter.emit("select:minute", { minutes: t.value });
+				let r = parseInt(t.value) || 0;
+				t.value = this.computeSpinValue(e.key, r, 0, 59, 5).toString().padStart(2, "0"), t.setAttribute("aria-valuenow", t.value), t.setAttribute("aria-valuetext", t.value), M(this.core.getModalElement(), `${this.core.options.labels.announceMinute ?? "Minutes"}: ${t.value}`), this.emitter.emit("animation:clock", {}), this.emitter.emit("select:minute", { minutes: t.value });
 				let i = this.core.getHour(), a = this.core.getActiveTypeMode();
 				this.emitter.emit("update", {
 					hour: i?.value,
@@ -1257,21 +1218,36 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			t.addEventListener("keydown", e), this.cleanupHandlers.push(() => t.removeEventListener("keydown", e));
 		}
 	}
+	computeSpinValue(e, t, n, r, i) {
+		switch (e) {
+			case "ArrowUp": return t >= r ? n : t + 1;
+			case "ArrowDown": return t <= n ? r : t - 1;
+			case "Home": return n;
+			case "End": return r;
+			case "PageUp": return Math.min(r, t + i);
+			case "PageDown": return Math.max(n, t - i);
+			default: return t;
+		}
+	}
 	focusTrapHandler() {
 		if (t() === !1) return;
 		let e = this.core.getWrapper();
 		if (!e) return;
 		let n = (t) => {
 			if (this.core.isDestroyed || t.key !== "Tab") return;
-			let n = e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"), r = n[0], i = n[n.length - 1];
-			t.shiftKey && document.activeElement === r ? (i?.focus(), t.preventDefault()) : !t.shiftKey && document.activeElement === i && (r?.focus(), t.preventDefault());
+			let n = e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"), r = [];
+			if (n.forEach((e) => {
+				e.getAttribute("aria-disabled") !== "true" && (e.hasAttribute("disabled") || e.hidden || e.getAttribute("aria-hidden") !== "true" && (e.offsetParent === null && e.getClientRects().length === 0 || r.push(e)));
+			}), r.length === 0) return;
+			let i = r[0], a = r[r.length - 1];
+			t.shiftKey && document.activeElement === i ? (a?.focus(), t.preventDefault()) : !t.shiftKey && document.activeElement === a && (i?.focus(), t.preventDefault());
 		};
 		e.addEventListener("keydown", n), this.cleanupHandlers.push(() => e.removeEventListener("keydown", n));
 	}
 	destroy() {
 		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
 	}
-}, z = class {
+}, xe = class {
 	core;
 	emitter;
 	cleanupHandlers = [];
@@ -1298,13 +1274,13 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
 	}
-}, B = class {
+}, Se = class {
 	buttonHandlers;
 	inputHandlers;
 	keyboardHandlers;
 	modalHandlers;
 	constructor(e, t) {
-		this.buttonHandlers = new ue(e, t), this.inputHandlers = new L(e, t), this.keyboardHandlers = new R(e, t), this.modalHandlers = new z(e, t);
+		this.buttonHandlers = new ge(e, t), this.inputHandlers = new ye(e, t), this.keyboardHandlers = new be(e, t), this.modalHandlers = new xe(e, t);
 	}
 	handleOpenOnClick() {
 		this.buttonHandlers.handleOpenOnClick();
@@ -1351,7 +1327,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.buttonHandlers.destroy(), this.inputHandlers.destroy(), this.keyboardHandlers.destroy(), this.modalHandlers.destroy();
 	}
-}, V = class {
+}, Ce = class {
 	emitter;
 	getClockSystem;
 	setHoursToClock;
@@ -1394,7 +1370,47 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		}
 		t.updateDisabledTime(r);
 	}
-}, H = class {
+}, we = /^(1[0-2]|[1-9]):([0-5][0-9])\s*(AM|PM)$/i, Te = /^([0-1]?[0-9]|2[0-3]):([0-5][0-9])$/;
+function Ee(e) {
+	let t = e.match(we);
+	return t ? {
+		hour: t[1],
+		minutes: t[2],
+		type: t[3].toUpperCase()
+	} : null;
+}
+function De(e) {
+	let t = e.match(Te);
+	return t ? {
+		hour: t[1],
+		minutes: t[2]
+	} : null;
+}
+function L(e, t) {
+	let n = parseInt(e.hour, 10), r = parseInt(e.minutes, 10);
+	if (Number.isNaN(n) || Number.isNaN(r)) return 0;
+	if (t === "12h" && e.type) {
+		let t = e.type.toUpperCase();
+		t === "PM" && n !== 12 && (n += 12), t === "AM" && n === 12 && (n = 0);
+	}
+	return n * 60 + r;
+}
+function R(e, t) {
+	if (t === "12h") {
+		let t = e.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
+		return t ? L({
+			hour: t[1],
+			minutes: t[2],
+			type: t[3]
+		}, "12h") : 0;
+	}
+	let [n, r] = e.split(":");
+	return L({
+		hour: n ?? "0",
+		minutes: r ?? "0"
+	}, "24h");
+}
+var z = class {
 	static angleToIndex(e, t, n) {
 		let r = Math.round(e / 30) % 12;
 		if (t === "24h") if (n) {
@@ -1427,28 +1443,13 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		return !0;
 	}
 	static isTimeInIntervals(e, t, n, r, i) {
-		let a = i === "12h" ? `${e}:${t} ${n}` : `${e}:${t}`;
+		let a = R(i === "12h" ? `${e}:${t} ${n}` : `${e}:${t}`, i);
 		for (let e of r) {
-			let [t, n] = e.split("-").map((e) => e.trim());
-			if (this.isTimeBetween(a, t, n, i)) return !0;
+			let [t, n] = e.split("-").map((e) => e.trim()), r = R(t, i), o = R(n, i);
+			if (a >= r && a <= o) return !0;
 		}
 		return !1;
 	}
-	static isTimeBetween(e, t, n, r) {
-		let i = this.timeToMinutes(e, r), a = this.timeToMinutes(t, r), o = this.timeToMinutes(n, r);
-		return i >= a && i <= o;
-	}
-	static timeToMinutes(e, t) {
-		if (t === "12h") {
-			let t = e.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
-			if (!t) return 0;
-			let n = parseInt(t[1]), r = parseInt(t[2]), i = t[3].toUpperCase();
-			return i === "PM" && n !== 12 && (n += 12), i === "AM" && n === 12 && (n = 0), n * 60 + r;
-		} else {
-			let [t, n] = e.split(":").map(Number);
-			return t * 60 + n;
-		}
-	}
 	static findNearestValid(e, t, n, r) {
 		let i = t === "24h" ? 23 : 12;
 		for (let a = 0; a <= i; a++) {
@@ -1462,7 +1463,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		}
 		return e;
 	}
-}, U = class {
+}, B = class {
 	static angleToIndex(e) {
 		return Math.round(e / 6) % 60;
 	}
@@ -1483,28 +1484,13 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	}
 	static isDisabledByInterval(e, t, n, r, i) {
 		if (!r.intervals) return !1;
-		let a = i === "12h" ? `${t}:${e} ${n}` : `${t}:${e}`;
+		let a = R(i === "12h" ? `${t}:${e} ${n}` : `${t}:${e}`, i);
 		for (let e of r.intervals) {
-			let [t, n] = e.split("-").map((e) => e.trim());
-			if (this.isTimeBetween(a, t, n, i)) return !0;
+			let [t, n] = e.split("-").map((e) => e.trim()), r = R(t, i), o = R(n, i);
+			if (a >= r && a <= o) return !0;
 		}
 		return !1;
 	}
-	static isTimeBetween(e, t, n, r) {
-		let i = this.timeToMinutes(e, r), a = this.timeToMinutes(t, r), o = this.timeToMinutes(n, r);
-		return i >= a && i <= o;
-	}
-	static timeToMinutes(e, t) {
-		if (t === "12h") {
-			let t = e.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
-			if (!t) return 0;
-			let n = parseInt(t[1]), r = parseInt(t[2]), i = t[3].toUpperCase();
-			return i === "PM" && n !== 12 && (n += 12), i === "AM" && n === 12 && (n = 0), n * 60 + r;
-		} else {
-			let [t, n] = e.split(":").map(Number);
-			return t * 60 + n;
-		}
-	}
 	static findNearestValid(e, t, n, r, i) {
 		for (let a = 0; a < 60; a++) {
 			let o = a === 0 ? [e] : [e + a, e - a];
@@ -1517,7 +1503,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		}
 		return e;
 	}
-}, W = class {
+}, V = class {
 	static normalizeAngle(e) {
 		let t = e % 360;
 		return t < 0 && (t += 360), t;
@@ -1541,7 +1527,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		let n = this.normalizeAngle(e), r = this.normalizeAngle(t) - n, i = r >= 0 ? r : r + 360, a = r <= 0 ? r : r - 360;
 		return e + (Math.abs(i) < Math.abs(a) ? i : a);
 	}
-}, de = class {
+}, Oe = class {
 	config;
 	currentAngle = 0;
 	tipsCache = /* @__PURE__ */ new Map();
@@ -1562,12 +1548,16 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		return t;
 	}
 	setHandAngle(e) {
-		let t = W.calculateShortestPath(this.currentAngle, e);
+		let t = V.calculateShortestPath(this.currentAngle, e);
 		Math.abs(this.currentAngle - t) < .01 || (this.currentAngle = t, this.config.clockHand.style.transform = `rotateZ(${t}deg)`);
 	}
 	animateToAngle(e) {
-		let t = W.calculateShortestPath(this.currentAngle, e);
-		this.currentAngle = t, this.config.tipsWrapper.classList.add("tp-ui-tips-animation"), this.config.clockHand.style.transform = `rotateZ(${t}deg)`, setTimeout(() => {
+		let t = V.calculateShortestPath(this.currentAngle, e);
+		if (this.currentAngle = t, me()) {
+			this.config.clockHand.style.transform = `rotateZ(${t}deg)`;
+			return;
+		}
+		this.config.tipsWrapper.classList.add("tp-ui-tips-animation"), this.config.clockHand.style.transform = `rotateZ(${t}deg)`, setTimeout(() => {
 			this.config.tipsWrapper.classList.remove("tp-ui-tips-animation");
 		}, 401);
 	}
@@ -1576,7 +1566,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		this.config.tipsWrapperFor24h && t.push(this.config.tipsWrapperFor24h), t.forEach((t) => {
 			t.querySelectorAll(".tp-ui-value-tips, .tp-ui-value-tips-24h").forEach((t) => {
 				let n = t;
-				n.textContent === e || Number(n.textContent) === Number(e) ? (n.classList.add("active"), n.setAttribute("aria-selected", "true")) : (n.classList.remove("active"), n.setAttribute("aria-selected", "false"));
+				n.textContent === e || Number(n.textContent) === Number(e) ? n.classList.add("active") : n.classList.remove("active");
 			});
 		});
 	}
@@ -1603,18 +1593,18 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			};
 		}
 		let i = document.createElement("span"), a = document.createElement("span");
-		a.textContent = e, a.setAttribute("role", "option"), a.setAttribute("aria-selected", "false"), a.tabIndex = 0;
+		a.textContent = e, a.tabIndex = -1;
 		let o = r === "24h" && n.includes("24") ? "tp-ui-value-tips-24h" : "tp-ui-value-tips";
-		return a.classList.add(o), i.classList.add(n), this.config.theme && (i.classList.add(this.config.theme), a.classList.add(this.config.theme)), i.appendChild(a), {
+		return a.classList.add(o), i.classList.add(n), i.appendChild(a), {
 			wrapper: i,
 			tip: a
 		};
 	}
 	updateTipState(e, t, n, r, i, a, o, s) {
-		e.classList.remove("tp-ui-tips-disabled"), t.classList.remove("tp-ui-tips-disabled"), t.removeAttribute("aria-disabled"), t.tabIndex = 0, this.checkIfDisabled(n, r, i, a, o, s) && (e.classList.add("tp-ui-tips-disabled"), t.classList.add("tp-ui-tips-disabled"), t.setAttribute("aria-disabled", "true"), t.tabIndex = -1);
+		e.classList.remove("tp-ui-tips-disabled"), t.classList.remove("tp-ui-tips-disabled"), t.tabIndex = -1, this.checkIfDisabled(n, r, i, a, o, s) && (e.classList.add("tp-ui-tips-disabled"), t.classList.add("tp-ui-tips-disabled"));
 	}
 	checkIfDisabled(e, t, n, r, i, a) {
-		return n ? t === "hours" ? H.isDisabled(e, i, n) : t === "minutes" ? U.isDisabled(e, a, i, n, r) : !1 : !1;
+		return n ? t === "hours" ? z.isDisabled(e, i, n) : t === "minutes" ? B.isDisabled(e, a, i, n, r) : !1 : !1;
 	}
 	setCircleSize(e) {
 		e ? this.config.circle.classList.remove("small-circle") : this.config.circle.classList.add("small-circle");
@@ -1625,9 +1615,9 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.tipsCache.clear(), this.cachedDimensions.clear(), this.config.tipsWrapper.innerHTML = "";
 	}
-}, G = class {
+}, H = class {
 	static processPointerInput(e) {
-		let t = W.calculateRawAngle(e.pointerPosition, e.clockCenter);
+		let t = V.calculateRawAngle(e.pointerPosition, e.clockCenter);
 		return e.mode === "hours" ? this.processHours(t, e) : this.processMinutes(t, e);
 	}
 	static processHours(e, t) {
@@ -1635,12 +1625,12 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		if (n) r = e;
 		else {
 			let n = t.incrementHours * 30;
-			r = W.snapToIncrement(e, n);
+			r = V.snapToIncrement(e, n);
 		}
-		let i = W.calculateDistance(t.pointerPosition, t.clockCenter), a = t.clockType === "24h" && W.isInnerCircle(i, t.clockRadius), o = H.angleToIndex(r, t.clockType, a), s = H.indexToValue(o, t.clockType), c = H.isDisabled(s, t.amPm, t.disabledTime);
-		c && (o = H.findNearestValid(o, t.clockType, t.amPm, t.disabledTime));
-		let l = H.indexToValue(o, t.clockType), u;
-		return u = n ? e : H.indexToAngle(o, t.clockType), {
+		let i = V.calculateDistance(t.pointerPosition, t.clockCenter), a = t.clockType === "24h" && V.isInnerCircle(i, t.clockRadius), o = z.angleToIndex(r, t.clockType, a), s = z.indexToValue(o, t.clockType), c = z.isDisabled(s, t.amPm, t.disabledTime);
+		c && (o = z.findNearestValid(o, t.clockType, t.amPm, t.disabledTime));
+		let l = z.indexToValue(o, t.clockType), u;
+		return u = n ? e : z.indexToAngle(o, t.clockType), {
 			angle: u,
 			value: l,
 			index: o,
@@ -1649,11 +1639,11 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		};
 	}
 	static processMinutes(e, t) {
-		let n = t.incrementMinutes * 6, r = W.snapToIncrement(e, n), i = U.angleToIndex(r), a = U.indexToValue(i), o = t.currentHour || "00", s = U.isDisabled(a, o, t.amPm, t.disabledTime, t.clockType);
-		s && (i = U.findNearestValid(i, o, t.amPm, t.disabledTime, t.clockType));
-		let c = U.indexToValue(i);
+		let n = t.incrementMinutes * 6, r = V.snapToIncrement(e, n), i = B.angleToIndex(r), a = B.indexToValue(i), o = t.currentHour || "00", s = B.isDisabled(a, o, t.amPm, t.disabledTime, t.clockType);
+		s && (i = B.findNearestValid(i, o, t.amPm, t.disabledTime, t.clockType));
+		let c = B.indexToValue(i);
 		return {
-			angle: U.indexToAngle(i),
+			angle: B.indexToAngle(i),
 			value: c,
 			index: i,
 			isValid: !s
@@ -1661,9 +1651,9 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	}
 	static valueToAngle(e, t, n) {
 		let r = parseInt(e, 10);
-		return t === "hours" ? H.indexToAngle(r, n) : U.indexToAngle(r);
+		return t === "hours" ? z.indexToAngle(r, n) : B.indexToAngle(r);
 	}
-}, fe = class {
+}, ke = class {
 	state;
 	renderer;
 	clockType;
@@ -1693,7 +1683,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			incrementMinutes: this.incrementMinutes,
 			smoothHourSnap: this.smoothHourSnap,
 			currentHour: this.state.hour
-		}, i = G.processPointerInput(r);
+		}, i = H.processPointerInput(r);
 		if (i.isValid) {
 			if (this.state.mode === "hours") {
 				let e = this.state.hour;
@@ -1710,7 +1700,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	}
 	snapToNearestHour() {
 		if (this.state.mode !== "hours") return;
-		let e = G.valueToAngle(this.state.hour, "hours", this.clockType);
+		let e = H.valueToAngle(this.state.hour, "hours", this.clockType);
 		this.state.hourAngle = e, this.renderer.animateToAngle(e);
 	}
 	switchMode(e) {
@@ -1723,7 +1713,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		this.renderer.setHandAngle(t), this.renderer.setActiveValue(n);
 	}
 	setValue(e, t) {
-		let n = G.valueToAngle(t, e, this.clockType);
+		let n = H.valueToAngle(t, e, this.clockType);
 		if (e === "hours") if (this.state.hour = t, this.state.hourAngle = n, this.clockType === "24h") {
 			let e = parseInt(t, 10), n = e === 0 || e >= 13;
 			this.renderer.setCircleSize(!0), this.renderer.setCircle24hMode(n);
@@ -1752,7 +1742,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.renderer.destroy();
 	}
-}, pe = class {
+}, Ae = class {
 	controller;
 	clockFace;
 	isActive = !1;
@@ -1832,7 +1822,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	removeGlobalListeners() {
 		t() !== !1 && (document.removeEventListener("mousemove", this.handlePointerMove), document.removeEventListener("touchmove", this.handlePointerMove), document.removeEventListener("mouseup", this.handlePointerUp), document.removeEventListener("touchend", this.handlePointerUp));
 	}
-}, me = class {
+}, je = class {
 	renderer;
 	controller;
 	dragHandlers;
@@ -1850,7 +1840,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			circle: e.circle,
 			theme: e.theme
 		};
-		this.renderer = new de(t);
+		this.renderer = new Oe(t);
 		let n = {
 			hour: e.initialHour,
 			minute: e.initialMinute,
@@ -1862,7 +1852,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 			onHourChange: e.onHourChange,
 			onMinuteChange: e.onMinuteChange
 		};
-		this.controller = new fe(this.renderer, n, e.clockType, e.disabledTime, e.incrementHours || 1, e.incrementMinutes || 1, e.smoothHourSnap ?? !0, r), this.dragHandlers = new pe(this.controller, e.clockFace, e.dragConfig || {});
+		this.controller = new ke(this.renderer, n, e.clockType, e.disabledTime, e.incrementHours || 1, e.incrementMinutes || 1, e.smoothHourSnap ?? !0, r), this.dragHandlers = new Ae(this.controller, e.clockFace, e.dragConfig || {});
 	}
 	initialize() {
 		this.dragHandlers.attach(), this.switchToHours();
@@ -1921,7 +1911,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	unblockInteractions() {
 		this.dragHandlers.unblock();
 	}
-}, he = class {
+}, Me = class {
 	core;
 	emitter;
 	clockSystem = null;
@@ -1988,7 +1978,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 				});
 			}
 		};
-		this.clockSystem = new me(s), this.clockSystem.initialize();
+		this.clockSystem = new je(s), this.clockSystem.initialize();
 	}
 	convertDisabledTime() {
 		let e = this.core.disabledTime?.value;
@@ -2015,7 +2005,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.clockSystem &&= (this.clockSystem.destroy(), null);
 	}
-}, ge = class {
+}, Ne = class {
 	core;
 	constructor(e) {
 		this.core = e;
@@ -2048,7 +2038,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		!e || !t || e.value && v.includes(e.value) || (t.style.backgroundColor = "", t.classList.add("small-circle"));
 	}
 	setClassActiveToHourOnOpen() {
-		this.core.options.ui.mobile || this.core.isMobileView || this.core.getHour()?.classList.add(E);
+		this.core.options.ui.mobile || this.core.isMobileView || this.core.getHour()?.classList.add(O);
 	}
 	toggleClassActiveToValueTips(e, t) {
 		if (e) return;
@@ -2056,10 +2046,10 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		if (!n) return;
 		let r = n.find((e) => Number(e.innerText) === Number(t));
 		n.forEach((e) => {
-			e.classList.remove(E), e.setAttribute("aria-selected", "false");
-		}), r !== void 0 && (r.classList.add(E), r.setAttribute("aria-selected", "true"));
+			e.classList.remove(O), e.setAttribute("aria-selected", "false");
+		}), r !== void 0 && (r.classList.add(O), r.setAttribute("aria-selected", "true"));
 	}
-}, _e = class {
+}, Pe = class {
 	getClockSystem;
 	styleHandler;
 	getAmPmValue;
@@ -2089,15 +2079,15 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 		let t = this.getAmPmValue();
 		t !== "" && e.setAmPm(t);
 	}
-}, ve = class {
+}, Fe = class {
 	systemInitializer;
 	styleHandler;
 	timeHandler;
 	eventHandler;
 	constructor(e, t) {
-		this.systemInitializer = new he(e, t), this.styleHandler = new ge(e);
+		this.systemInitializer = new Me(e, t), this.styleHandler = new Ne(e);
 		let n = e.options.clock.type || "12h";
-		this.timeHandler = new _e(() => this.systemInitializer.getClockSystem(), this.styleHandler, () => this.systemInitializer.getAmPmValue(), n), this.eventHandler = new V(t, () => this.systemInitializer.getClockSystem(), (e) => this.timeHandler.setHoursToClock(e), (e) => this.timeHandler.setMinutesToClock(e), () => this.timeHandler.updateAmPm(), () => this.systemInitializer.convertDisabledTime()), this.eventHandler.setup();
+		this.timeHandler = new Pe(() => this.systemInitializer.getClockSystem(), this.styleHandler, () => this.systemInitializer.getAmPmValue(), n), this.eventHandler = new Ce(t, () => this.systemInitializer.getClockSystem(), (e) => this.timeHandler.setHoursToClock(e), (e) => this.timeHandler.setMinutesToClock(e), () => this.timeHandler.updateAmPm(), () => this.systemInitializer.convertDisabledTime()), this.eventHandler.setup();
 	}
 	initializeClockSystem() {
 		this.systemInitializer.initialize();
@@ -2145,7 +2135,11 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.destroyClockSystem();
 	}
-}, ye = class {
+};
+function U(e, t, n, r) {
+	e.on(n, r), t.push(() => e.off(n, r));
+}
+var Ie = class {
 	core;
 	emitter;
 	cleanupHandlers = [];
@@ -2156,20 +2150,18 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	init() {
 		if (!this.core.options.ui.clearButton) return;
 		let e = this.getClearButton();
-		if (!e) return;
-		let t = () => {
-			this.core.isDestroyed || e.getAttribute("aria-disabled") !== "true" && this.handleClearClick();
-		};
-		e.addEventListener("click", t), this.cleanupHandlers.push(() => e.removeEventListener("click", t)), this.setupInternalEventListeners();
+		e && (this.cleanupHandlers.push(F(e, () => {
+			this.core.isDestroyed || this.handleClearClick();
+		})), this.setupInternalEventListeners());
 	}
 	setupInternalEventListeners() {
-		this.emitter.on("update", () => {
+		U(this.emitter, this.cleanupHandlers, "update", () => {
 			this.updateClearButtonState();
-		}), this.emitter.on("open", () => {
+		}), U(this.emitter, this.cleanupHandlers, "open", () => {
 			this.updateClearButtonState();
-		}), this.emitter.on("select:hour", () => {
+		}), U(this.emitter, this.cleanupHandlers, "select:hour", () => {
 			this.updateClearButtonState(), this.reenableConfirmIfCleared();
-		}), this.emitter.on("select:minute", () => {
+		}), U(this.emitter, this.cleanupHandlers, "select:minute", () => {
 			this.updateClearButtonState(), this.reenableConfirmIfCleared();
 		});
 	}
@@ -2235,7 +2227,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
 	}
-}, be = class {
+}, Le = class {
 	animation;
 	modal;
 	config;
@@ -2246,7 +2238,7 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	clearButton;
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t) {
-		this.animation = new i(e, t), this.modal = new re(e, t), this.config = new se(e, t), this.theme = new ce(e, t), this.validation = new le(e, t), this.events = new B(e, t), this.clock = new ve(e, t), this.clearButton = new ye(e, t), h.getAll().forEach((n) => {
+		this.animation = new i(e, t), this.modal = new oe(e, t), this.config = new fe(e, t), this.theme = new pe(e, t), this.validation = new he(e, t), this.events = new Se(e, t), this.clock = new Fe(e, t), this.clearButton = new Ie(e, t), h.getAll().forEach((n) => {
 			let r = n.factory(e, t);
 			this.plugins.set(n.name, r);
 		});
@@ -2257,46 +2249,98 @@ var e = () => typeof window > "u", t = () => typeof document < "u", n = class {
 	destroy() {
 		this.animation.destroy(), this.modal.destroy(), this.config.destroy(), this.theme.destroy(), this.validation.destroy(), this.events.destroy(), this.clock.destroy(), this.clearButton.destroy(), this.plugins.forEach((e) => e.destroy()), this.plugins.clear();
 	}
-}, K = "is-rippling", q = "ripple-hold", J = null;
-function xe(e) {
+}, W = "is-rippling", G = "ripple-hold", K = null;
+function Re(e) {
 	let t = e.target, n = t.hasAttribute("data-md3-ripple") ? t : t.closest("[data-md3-ripple]");
 	if (!n || e.button !== 0 && e.pointerType === "mouse") return;
 	let r = n.getBoundingClientRect(), i = Math.max(r.width, r.height) * 2, a = e.clientX - r.left, o = e.clientY - r.top;
-	n.style.setProperty("--ripple-size", `${i}px`), n.style.setProperty("--ripple-x", `${a}px`), n.style.setProperty("--ripple-y", `${o}px`), n.classList.remove(K, q), n.offsetWidth, n.classList.add(K, q), n._rippleHold = !0, J = n;
+	n.style.setProperty("--ripple-size", `${i}px`), n.style.setProperty("--ripple-x", `${a}px`), n.style.setProperty("--ripple-y", `${o}px`), n.classList.remove(W, G), n.offsetWidth, n.classList.add(W, G), n._rippleHold = !0, K = n;
 }
-function Y(e) {
-	let t = e.target, n = (t.hasAttribute("data-md3-ripple") ? t : t.closest("[data-md3-ripple]")) || J;
-	n && (n._rippleHold = !1, n.classList.remove(q), setTimeout(() => {
-		n.classList.remove(K), J === n && (J = null);
+function q(e) {
+	let t = e.target, n = (t.hasAttribute("data-md3-ripple") ? t : t.closest("[data-md3-ripple]")) || K;
+	n && (n._rippleHold = !1, n.classList.remove(G), setTimeout(() => {
+		n.classList.remove(W), K === n && (K = null);
 	}, 1e3));
 }
-function Se(e) {
+function ze(e) {
 	let t = e.currentTarget;
-	!t || !t._rippleHold || (t._rippleHold = !1, t.classList.remove(q), setTimeout(() => {
-		t.classList.remove(K), J === t && (J = null);
+	!t || !t._rippleHold || (t._rippleHold = !1, t.classList.remove(G), setTimeout(() => {
+		t.classList.remove(W), K === t && (K = null);
 	}, 1e3));
 }
-function Ce(e) {
+function Be(e) {
 	if (t() === !1) return;
 	let n = e || document;
-	n.addEventListener("pointerdown", xe), n.addEventListener("pointerup", Y), n.addEventListener("pointercancel", Y), n.querySelectorAll("[data-md3-ripple]").forEach((e) => {
-		e.addEventListener("mouseleave", Se);
+	n.addEventListener("pointerdown", Re), n.addEventListener("pointerup", q), n.addEventListener("pointercancel", q), n.querySelectorAll("[data-md3-ripple]").forEach((e) => {
+		e.addEventListener("mouseleave", ze);
 	});
 }
-var X = (e, t) => {
+var Ve = (e, t) => {
 	let n;
 	return (...r) => {
 		clearTimeout(n), n = setTimeout(() => {
 			e(...r);
 		}, t);
 	};
-}, Z = [
-	"basic",
-	"crane-straight",
-	"crane",
-	"m2",
-	"m3-green"
-], we = class {
+};
+function J(e) {
+	let t = e.ui.mode;
+	return t === "wheel" || t === "compact-wheel";
+}
+function Y(e) {
+	return e.ui.mode === "compact-wheel";
+}
+function X(e) {
+	return Y(e) && !!e.wheel?.placement;
+}
+var He = [
+	["onOpen", "open"],
+	["onCancel", "cancel"],
+	["onConfirm", "confirm"],
+	["onUpdate", "update"],
+	["onSelectHour", "select:hour"],
+	["onSelectMinute", "select:minute"],
+	["onSelectAM", "select:am"],
+	["onSelectPM", "select:pm"],
+	["onError", "error"],
+	["onTimezoneChange", "timezone:change"],
+	["onRangeConfirm", "range:confirm"],
+	["onRangeSwitch", "range:switch"],
+	["onRangeValidation", "range:validation"],
+	["onClear", "clear"]
+], Ue = [
+	{
+		needed: (e) => e.ui.mode === "wheel" || e.ui.mode === "compact-wheel",
+		name: "wheel",
+		message: "WheelPlugin is not registered. Import and register it: PluginRegistry.register(WheelPlugin)"
+	},
+	{
+		needed: (e) => !!e.range?.enabled,
+		name: "range",
+		message: "RangePlugin is not registered. Import and register it: PluginRegistry.register(RangePlugin)"
+	},
+	{
+		needed: (e) => !!e.timezone?.enabled,
+		name: "timezone",
+		message: "TimezonePlugin is not registered. Import and register it: PluginRegistry.register(TimezonePlugin)"
+	}
+];
+function We(e, t) {
+	let { callbacks: n } = e.options;
+	for (let [e, r] of He) {
+		let i = n[e];
+		i && t.on(r, i);
+	}
+}
+function Ge(e, t) {
+	for (let n of Ue) n.needed(e.options) && !h.has(n.name) && t.emit("error", { error: n.message });
+}
+var Ke = class e {
+	static EXPANDED_EXCLUDED = [
+		"tp-ui-select-time",
+		"tp-ui-mobile-clock-wrapper",
+		"tp-ui-wrapper"
+	];
 	core;
 	managers;
 	emitter;
@@ -2314,99 +2358,75 @@ var X = (e, t) => {
 				this.core.setIsDestroyed(!0);
 				return;
 			}
-			this.managers.theme.setTimepickerClassToElement(), this.managers.theme.setInputClassToInputElement(), this.managers.theme.setDataOpenToInputIfDoesntExistInWrapper(), this.managers.theme.setClassTopOpenElement(), this.managers.config.getDisableTime(), this.core.options.ui.inline?.enabled || this.managers.events.handleOpenOnClick(), this.managers.events.handleOpenOnEnterFocus(), this.setupCallbackBridge(), this.core.setIsInitialized(!0);
+			this.managers.theme.setTimepickerClassToElement(), this.managers.theme.setInputClassToInputElement(), this.managers.theme.setDataOpenToInputIfDoesntExistInWrapper(), this.managers.theme.setClassTopOpenElement(), this.managers.config.getDisableTime(), this.core.options.ui.inline?.enabled || this.managers.events.handleOpenOnClick(), this.managers.events.handleOpenOnEnterFocus(), We(this.core, this.emitter), this.core.setIsInitialized(!0);
 		}
 	}
-	setupCallbackBridge() {
-		let { callbacks: e } = this.core.options;
-		e.onOpen && this.emitter.on("open", e.onOpen), e.onCancel && this.emitter.on("cancel", e.onCancel), e.onConfirm && this.emitter.on("confirm", e.onConfirm), e.onUpdate && this.emitter.on("update", e.onUpdate), e.onSelectHour && this.emitter.on("select:hour", e.onSelectHour), e.onSelectMinute && this.emitter.on("select:minute", e.onSelectMinute), e.onSelectAM && this.emitter.on("select:am", e.onSelectAM), e.onSelectPM && this.emitter.on("select:pm", e.onSelectPM), e.onError && this.emitter.on("error", e.onError), e.onTimezoneChange && this.emitter.on("timezone:change", e.onTimezoneChange), e.onRangeConfirm && this.emitter.on("range:confirm", e.onRangeConfirm), e.onRangeSwitch && this.emitter.on("range:switch", e.onRangeSwitch), e.onRangeValidation && this.emitter.on("range:validation", e.onRangeValidation), e.onClear && this.emitter.on("clear", e.onClear);
-	}
 	mount() {
 		this.core.isDestroyed || this.core.isOpen || (this.core.isInitialized || this.init(), this.eventsBundle());
 	}
 	unmount(e) {
-		let n = X((...e) => {
+		let t = Ve((...e) => {
 			if (e.length > 2) return;
-			let [n] = e.filter((e) => typeof e == "boolean"), [i] = e.filter((e) => typeof e == "function");
+			let [t] = e.filter((e) => typeof e == "boolean"), [n] = e.filter((e) => typeof e == "function");
 			this.core.setIsMobileView(!!this.core.options.ui.mobile);
-			let a = this.core.getModalElement();
-			if (n && a && this.core.getOkButton()?.click(), this.core.setIsTouchMouseMove(!1), this.core.setIsOpen(!1), this.removeEventListeners(), this.isPopoverMode()) {
-				let e = this.managers.getPlugin("wheel");
-				e && "detachPopover" in e && e.detachPopover();
-			}
-			a && this.managers.animation.removeAnimationToClose(), this.core.getOpenElement().forEach((e) => e?.classList.remove("disabled"));
-			let o = setTimeout(() => {
-				t() && (document.body.style.overflowY = "", document.body.style.paddingRight = "");
+			let i = this.core.getModalElement();
+			t && i && this.core.getOkButton()?.click(), this.core.setIsTouchMouseMove(!1), this.core.setIsOpen(!1), this.removeEventListeners(), X(this.core.options) && this.managers.getPlugin("wheel")?.detachPopover?.(), i && this.managers.animation.removeAnimationToClose(), this.core.getOpenElement().forEach((e) => e?.classList.remove("disabled"));
+			let a = setTimeout(() => {
+				this.managers.modal.unlockScroll();
 			}, r.SCROLLBAR_RESTORE);
-			this.unmountTimeouts.push(o);
-			let s = setTimeout(() => {
+			this.unmountTimeouts.push(a);
+			let o = setTimeout(() => {
 				let e = this.core.getInput();
 				this.core.options.behavior.focusInputAfterClose && e?.focus();
 				let t = this.core.getModalElement();
 				t && t.remove(), this.core.setIsModalRemove(!0);
 			}, r.MODAL_REMOVE);
-			this.unmountTimeouts.push(s), i && i();
+			this.unmountTimeouts.push(o), n && n();
 		}, this.core.options.behavior.delayHandler || r.DEFAULT_DELAY);
-		e ? n(e) : n();
+		e ? t(e) : t();
 	}
-	destroy(t) {
+	destroy(e) {
 		if (this.core.isDestroyed) return;
 		this.clearUnmountTimeouts();
-		let { keepInputValue: n = !1, callback: r } = typeof t == "function" ? { callback: t } : t || {}, i = this.core.getInput(), a = n ? i?.value : null;
+		let { keepInputValue: t = !1, callback: n } = typeof e == "function" ? { callback: e } : e || {}, r = this.core.getInput(), i = t ? r?.value : null;
 		this.removeEventListeners(), this.core.getModalElement()?.remove(), this.core.getOpenElement()?.forEach((e) => {
-			e && (e.classList.remove("disabled", "active", "tp-ui-open-element"), e.classList.remove(...Z));
-		}), i && (i.classList.remove("tp-ui-invalid-format", "invalid-value", "error", "active", "tp-ui-input"), i.removeAttribute("data-open"), i.removeAttribute("data-owner-id"), n && a && (i.value = a));
-		let o = this.core.element;
-		o && (o.classList.remove(...Z), o.classList.remove("error", "active", "disabled"), o.removeAttribute("data-owner-id"), o.removeAttribute("data-open"), this.core.options.ui.cssClass && o.classList.remove(this.core.options.ui.cssClass)), o?.querySelectorAll(".tp-ui-invalid-text")?.forEach((e) => e.remove()), this.mutliEventsMoveHandler = () => {}, this.eventsClickMobileHandler = () => {}, this.core.reset(), this.managers.destroy(), this.emitter.clear(), e() || (document.body.style.overflowY = "", document.body.style.paddingRight = ""), r && r();
+			e && e.classList.remove("disabled", "active", "tp-ui-open-element");
+		}), r && (r.classList.remove("tp-ui-invalid-format", "invalid-value", "error", "active", "tp-ui-input"), r.removeAttribute("data-open"), r.removeAttribute("data-owner-id"), t && i && (r.value = i));
+		let a = this.core.element;
+		a && (a.classList.remove("error", "active", "disabled"), a.removeAttribute("data-owner-id"), a.removeAttribute("data-open"), this.core.options.ui.cssClass && a.classList.remove(this.core.options.ui.cssClass)), a?.querySelectorAll(".tp-ui-invalid-text")?.forEach((e) => e.remove()), this.mutliEventsMoveHandler = () => {}, this.eventsClickMobileHandler = () => {}, this.core.reset(), this.managers.destroy(), this.emitter.clear(), this.managers.modal.unlockScroll(), n && n();
 	}
 	eventsBundle() {
 		if (this.core.isDestroyed || !this.core.isModalRemove) return;
 		this.clearUnmountTimeouts(), this.core.setIsOpen(!0), this.core.setIsModalRemove(!1), this.setupValidation(), this.disableOpenElements(), this.setupModal(), this.applyExpandedState(), this.managers.modal.setFlexEndToFooterIfNoKeyboardIcon(), this.applyThemeDeferred(), this.managers.animation.setAnimationToOpen(), this.managers.config.getInputValueOnOpenAndSet();
-		let e = this.resolveWheelMode();
-		if (this.emitMissingPluginErrors(), this.initClockOrWheel(e), this.initOptionalPlugins(e), this.bindEventHandlers(e), this.finalizeModal(e), this.isPopoverMode()) {
-			let e = this.managers.getPlugin("wheel");
-			e && "attachPopover" in e && e.attachPopover();
-		}
-		this.managers.modal.setShowClassToBackdrop();
+		let e = J(this.core.options) && h.has("wheel");
+		Ge(this.core, this.emitter), this.initClockOrWheel(e), this.initOptionalPlugins(e), this.bindEventHandlers(e), this.finalizeModal(e), X(this.core.options) && this.managers.getPlugin("wheel")?.attachPopover?.(), this.managers.modal.setShowClassToBackdrop();
 	}
 	setupValidation() {
 		this.managers.validation.setErrorHandler(), this.managers.validation.removeErrorHandler();
 	}
 	disableOpenElements() {
-		this.core.options.ui.inline?.enabled || (this.core.getOpenElement().forEach((e) => e?.classList.add("disabled")), this.isPopoverMode() || this.core.getInput()?.blur());
+		this.core.options.ui.inline?.enabled || (this.core.getOpenElement().forEach((e) => e?.classList.add("disabled")), X(this.core.options) || this.core.getInput()?.blur());
 	}
 	setupModal() {
 		this.managers.modal.setScrollbarOrNot(), this.managers.modal.setModalTemplate(), this.managers.modal.setNormalizeClass(), this.managers.modal.removeBackdrop();
 	}
 	applyExpandedState() {
-		if (this.core.isMobileView) this.managers.config.updateClockFaceAccessibility(!0);
-		else {
-			let e = this.core.getModalElement(), t = e?.querySelector(".tp-ui-mobile-clock-wrapper"), n = e?.querySelector(".tp-ui-wrapper"), r = e?.querySelectorAll("*");
-			t?.classList.add("expanded"), n?.classList.add("expanded"), r?.forEach((e) => {
-				!e.classList.contains("tp-ui-select-time") && !e.classList.contains("tp-ui-mobile-clock-wrapper") && !e.classList.contains("tp-ui-wrapper") && e.classList.add("expanded");
-			});
+		if (this.core.isMobileView) {
+			this.managers.config.updateClockFaceAccessibility(!0);
+			return;
 		}
+		let t = this.core.getModalElement();
+		t && (t.querySelector(".tp-ui-mobile-clock-wrapper")?.classList.add("expanded"), t.querySelector(".tp-ui-wrapper")?.classList.add("expanded"), t.querySelectorAll("*").forEach((t) => {
+			e.EXPANDED_EXCLUDED.some((e) => t.classList.contains(e)) || t.classList.add("expanded");
+		}));
 	}
 	applyThemeDeferred() {
-		setTimeout(() => {
+		let e = setTimeout(() => {
 			this.managers.theme.setTheme();
 			let e = this.core.getWrapper();
 			e && this.core.options.ui.cssClass && e.classList.add(this.core.options.ui.cssClass);
 		}, 0);
-	}
-	isCompactWheelMode() {
-		return this.core.options.ui.mode === "compact-wheel";
-	}
-	isPopoverMode() {
-		return this.isCompactWheelMode() && !!this.core.options.wheel?.placement;
-	}
-	resolveWheelMode() {
-		let e = this.core.options.ui.mode;
-		return (e === "wheel" || e === "compact-wheel") && h.has("wheel");
-	}
-	emitMissingPluginErrors() {
-		let e = this.core.options.ui.mode;
-		(e === "wheel" || e === "compact-wheel") && !h.has("wheel") && this.emitter.emit("error", { error: "WheelPlugin is not registered. Import and register it: PluginRegistry.register(WheelPlugin)" }), this.core.options.range?.enabled && !h.has("range") && this.emitter.emit("error", { error: "RangePlugin is not registered. Import and register it: PluginRegistry.register(RangePlugin)" }), this.core.options.timezone?.enabled && !h.has("timezone") && this.emitter.emit("error", { error: "TimezonePlugin is not registered. Import and register it: PluginRegistry.register(TimezonePlugin)" });
+		this.unmountTimeouts.push(e);
 	}
 	initClockOrWheel(e) {
 		if (e) {
@@ -2421,11 +2441,11 @@ var X = (e, t) => {
 		n && !e && n.init();
 	}
 	bindEventHandlers(e) {
-		this.managers.events.handleCancelButton(), this.managers.events.handleOkButton(), this.managers.clearButton.init(), e || (this.managers.events.handleHourEvents(), this.managers.events.handleMinutesEvents()), this.managers.events.handleKeyboardInput(), this.core.options.ui.enableSwitchIcon && !e && this.managers.events.handleSwitchViewButton(), this.core.options.clock.type !== "24h" && !this.isCompactWheelMode() && (this.managers.events.handleAmClick(), this.managers.events.handlePmClick()), this.core.options.behavior.focusTrap && this.managers.events.focusTrapHandler(), this.core.options.ui.inline?.enabled || (this.managers.events.handleEscClick(), this.isPopoverMode() || (this.core.options.ui.mode === "wheel" || this.core.options.ui.mode === "compact-wheel") && this.core.options.wheel?.ignoreOutsideClick || this.managers.events.handleBackdropClick());
+		this.managers.events.handleCancelButton(), this.managers.events.handleOkButton(), this.managers.clearButton.init(), e || (this.managers.events.handleHourEvents(), this.managers.events.handleMinutesEvents()), this.managers.events.handleKeyboardInput(), this.core.options.ui.enableSwitchIcon && !e && this.managers.events.handleSwitchViewButton(), this.core.options.clock.type !== "24h" && !Y(this.core.options) && (this.managers.events.handleAmClick(), this.managers.events.handlePmClick()), this.core.options.behavior.focusTrap && this.managers.events.focusTrapHandler(), this.core.options.ui.inline?.enabled || (this.managers.events.handleEscClick(), X(this.core.options) || e && this.core.options.wheel?.ignoreOutsideClick || this.managers.events.handleBackdropClick());
 	}
 	finalizeModal(e) {
 		let t = this.core.getModalElement();
-		if (t && Ce(t), !e) {
+		if (t && Be(t), !e) {
 			let e = this.core.getClockFace();
 			e && typeof requestAnimationFrame < "u" && requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
@@ -2438,26 +2458,34 @@ var X = (e, t) => {
 		this.unmountTimeouts.forEach(clearTimeout), this.unmountTimeouts = [];
 	}
 	removeEventListeners() {
-		t() !== !1 && (ie.split(" ").forEach((e) => {
+		t() !== !1 && (se.split(" ").forEach((e) => {
 			document.removeEventListener(e, this.mutliEventsMoveHandler, !1);
 		}), document.removeEventListener("mousedown", this.eventsClickMobileHandler));
 	}
-}, Te = class {
+}, Z = class {
 	events = /* @__PURE__ */ new Map();
 	on(e, t) {
 		this.events.has(e) || this.events.set(e, /* @__PURE__ */ new Set()), this.events.get(e).add(t);
 	}
 	once(e, t) {
 		let n = (r) => {
-			t(r), this.off(e, n);
+			t(r), this.events.get(e)?.delete(n);
 		};
-		this.on(e, n);
+		n.__originalHandler = t, this.on(e, n);
 	}
 	off(e, t) {
-		t ? this.events.get(e)?.delete(t) : this.events.delete(e);
+		if (!t) {
+			this.events.delete(e);
+			return;
+		}
+		let n = this.events.get(e);
+		n && n.forEach((e) => {
+			(e === t || e.__originalHandler === t) && n.delete(e);
+		});
 	}
 	emit(e, t) {
-		this.events.get(e)?.forEach((e) => {
+		let n = this.events.get(e);
+		n && [...n].forEach((e) => {
 			e(t);
 		});
 	}
@@ -2501,7 +2529,23 @@ var X = (e, t) => {
 		mobileTime: "Enter Time",
 		mobileHour: "Hour",
 		mobileMinute: "Minute",
-		clear: "Clear"
+		clear: "Clear",
+		hourLabel: "Hour",
+		minuteLabel: "Minute",
+		clockLabel: "Clock",
+		periodLabel: "Period",
+		timeLabel: "Time",
+		format24Label: "24-hour",
+		rangeSelectionLabel: "Range selection",
+		switchToKeyboardLabel: "Switch to keyboard input",
+		switchToClockLabel: "Switch to clock",
+		toggleLabel: "Toggle",
+		timezoneSelectorLabel: "Timezone",
+		announceHour: "Hour",
+		announceMinute: "Minutes",
+		announceAmSelected: "AM selected",
+		announcePmSelected: "PM selected",
+		invalidTimeFormat: "Invalid time format"
 	},
 	behavior: {
 		focusInputAfterClose: !1,
@@ -2547,7 +2591,7 @@ var X = (e, t) => {
 	},
 	clearBehavior: { clearInput: !0 }
 };
-function Ee(e = {}) {
+function qe(e = {}) {
 	let t = {
 		clock: {
 			...Q.clock,
@@ -2594,7 +2638,42 @@ function Ee(e = {}) {
 		...t.wheel
 	}), t;
 }
-var De = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), $ = /* @__PURE__ */ new Map(), Oe = class {
+var Je = (e) => e.replace(/[^0-9:APMapm\s]/g, "");
+function Ye(e, t) {
+	if (e.options.clock.type === "24h") {
+		let e = De(t);
+		if (!e) throw Error("Invalid 24h format. Expected HH:MM");
+		return {
+			hourValue: e.hour.padStart(2, "0"),
+			minutesValue: e.minutes,
+			typeValue: "AM"
+		};
+	}
+	let n = Ee(t);
+	if (!n) throw Error("Invalid 12h format. Expected HH:MM AM/PM");
+	return {
+		hourValue: n.hour,
+		minutesValue: n.minutes,
+		typeValue: n.type
+	};
+}
+function Xe(e, t) {
+	let n = e.getHour(), r = e.getMinutes();
+	n && (n.value = t.hourValue, n.setAttribute("aria-valuenow", t.hourValue), e.setDegreesHours(Number(t.hourValue) * 30)), r && (r.value = t.minutesValue, r.setAttribute("aria-valuenow", t.minutesValue), e.setDegreesMinutes(Number(t.minutesValue) * 6));
+}
+function Ze(e, t) {
+	if (e.options.clock.type === "24h") return;
+	let n = e.getAM(), r = e.getPM();
+	!n || !r || (t === "AM" ? (n.classList.add("active"), r.classList.remove("active")) : (r.classList.add("active"), n.classList.remove("active")));
+}
+function Qe(e, t, n) {
+	if (J(e.options)) t.getPlugin("wheel")?.scrollToValue?.(n.hourValue, n.minutesValue, n.typeValue);
+	else {
+		let t = e.getClockHand();
+		t && (t.style.transform = `rotateZ(${e.degreesHours || 0}deg)`);
+	}
+}
+var $ = /* @__PURE__ */ new Map(), $e = class {
 	core;
 	managers;
 	lifecycle;
@@ -2603,18 +2682,18 @@ var De = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), $ = /* @__PURE__ */ new Map()
 		if (e()) throw Error("TimepickerUI requires browser environment");
 		let i = this.resolveInputElement(t);
 		if (!i) throw Error("Input element not found");
-		let a = r?.behavior?.id, o = a || `tp-ui-${f()}`, s = this.createWrapperElement(i), c = Ee(r || {});
+		let a = r?.behavior?.id, o = a || `tp-ui-${f()}`, s = this.createWrapperElement(i), c = qe(r || {});
 		if (c.ui.inline?.enabled && typeof r?.behavior?.focusTrap > "u" && (c.behavior.focusTrap = !1), c.ui.inline?.enabled) {
 			if (!c.ui.inline.containerId) throw Error("inline.containerId is required when inline mode is enabled");
 			if (!e() && !document.getElementById(c.ui.inline.containerId)) throw Error(`Container element with id "${c.ui.inline.containerId}" not found`);
 		}
-		this.emitter = new Te(), this.core = new n(s, c, o, a);
+		this.emitter = new Z(), this.core = new n(s, c, o, a);
 		let l = this.core.getInput();
 		if (l) {
-			let e = C(l, c.clock.type), t = Number(e.hour) * 30, n = Number(e.minutes) * 6;
+			let e = T(l, c.clock.type), t = Number(e.hour) * 30, n = Number(e.minutes) * 6;
 			this.core.setDegreesHours(t), this.core.setDegreesMinutes(n);
 		}
-		this.managers = new be(this.core, this.emitter), this.lifecycle = new we(this.core, this.managers, this.emitter), this.managers.config.checkMobileOption(), this.managers.config.preventClockTypeByCurrentTime(), this.setupInternalEventListeners(), $.set(this.core.instanceId, this);
+		this.managers = new Le(this.core, this.emitter), this.lifecycle = new Ke(this.core, this.managers, this.emitter), this.managers.config.checkMobileOption(), this.managers.config.preventClockTypeByCurrentTime(), this.setupInternalEventListeners(), $.set(this.core.instanceId, this);
 	}
 	setupInternalEventListeners() {
 		this.emitter.on("show", () => {
@@ -2666,7 +2745,7 @@ var De = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), $ = /* @__PURE__ */ new Map()
 			let e = this.core.getHour(), t = this.core.getMinutes(), s = this.core.getActiveTypeMode();
 			n = e?.value || "12", r = t?.value || "00", i = this.core.options.clock.type === "24h" ? void 0 : s?.textContent || "AM", a = this.core.degreesHours, o = this.core.degreesMinutes;
 		} else if (t) {
-			let e = C(t, this.core.options.clock.type);
+			let e = T(t, this.core.options.clock.type);
 			n = e.hour, r = e.minutes, i = e.type, a = Number(n) * 30, o = Number(r) * 6;
 		}
 		let s = "";
@@ -2682,55 +2761,18 @@ var De = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), $ = /* @__PURE__ */ new Map()
 	setValue(e, t = !0) {
 		if (this.core.isDestroyed || !e || typeof e != "string") return;
 		this.core.isInitialized || this.create();
-		let n = De(e.trim());
+		let n = Je(e.trim());
 		try {
-			let e = this.parseTimeString(n);
-			if (this.applyParsedTime(e), this.syncPeriodIndicator(e.typeValue), t) {
+			let e = Ye(this.core, n);
+			if (Xe(this.core, e), Ze(this.core, e.typeValue), t) {
 				let e = this.core.getInput();
 				e && (e.value = n);
 			}
-			this.syncClockVisual(e);
+			Qe(this.core, this.managers, e);
 		} catch {
 			return;
 		}
 	}
-	parseTimeString(e) {
-		if (this.core.options.clock.type === "24h") {
-			let t = e.match(/^([0-1]?[0-9]|2[0-3]):([0-5][0-9])$/);
-			if (!t) throw Error("Invalid 24h format. Expected HH:MM");
-			return {
-				hourValue: t[1].padStart(2, "0"),
-				minutesValue: t[2],
-				typeValue: "AM"
-			};
-		}
-		let t = e.match(/^(1[0-2]|[1-9]):([0-5][0-9])\s*(AM|PM)$/i);
-		if (!t) throw Error("Invalid 12h format. Expected HH:MM AM/PM");
-		return {
-			hourValue: t[1],
-			minutesValue: t[2],
-			typeValue: t[3].toUpperCase()
-		};
-	}
-	applyParsedTime(e) {
-		let t = this.core.getHour(), n = this.core.getMinutes();
-		t && (t.value = e.hourValue, t.setAttribute("aria-valuenow", e.hourValue), this.core.setDegreesHours(Number(e.hourValue) * 30)), n && (n.value = e.minutesValue, n.setAttribute("aria-valuenow", e.minutesValue), this.core.setDegreesMinutes(Number(e.minutesValue) * 6));
-	}
-	syncPeriodIndicator(e) {
-		if (this.core.options.clock.type === "24h") return;
-		let t = this.core.getAM(), n = this.core.getPM();
-		!t || !n || (e === "AM" ? (t.classList.add("active"), n.classList.remove("active")) : (n.classList.add("active"), t.classList.remove("active")));
-	}
-	syncClockVisual(e) {
-		let t = this.core.options.ui.mode;
-		if (t === "wheel" || t === "compact-wheel") {
-			let t = this.managers.getPlugin("wheel");
-			t && "scrollToValue" in t && t.scrollToValue(e.hourValue, e.minutesValue, e.typeValue);
-		} else {
-			let e = this.core.getClockHand();
-			e && (e.style.transform = `rotateZ(${this.core.degreesHours || 0}deg)`);
-		}
-	}
 	getElement() {
 		return this.core.element;
 	}
@@ -2802,4 +2844,4 @@ var De = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), $ = /* @__PURE__ */ new Map()
 	}
 };
 //#endregion
-export { h as PluginRegistry, Oe as TimepickerUI };
+export { h as PluginRegistry, $e as TimepickerUI };