@nuralyui/timepicker 0.1.1

package/timepicker.constants.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { TimeFormat, TimeStep } from './timepicker.types.js';
+/**
+ * Default time picker configuration
+ */
+export declare const DEFAULT_TIME_CONFIG: {
+    readonly format: TimeFormat.TwentyFourHour;
+    readonly showSeconds: false;
+    readonly minuteInterval: 1;
+    readonly secondInterval: 1;
+    readonly use12HourClock: false;
+};
+/**
+ * Default time display formats
+ */
+export declare const DEFAULT_TIME_FORMAT = "HH:mm";
+export declare const DEFAULT_TIME_FORMAT_WITH_SECONDS = "HH:mm:ss";
+export declare const DEFAULT_12H_TIME_FORMAT = "hh:mm A";
+export declare const DEFAULT_12H_TIME_FORMAT_WITH_SECONDS = "hh:mm:ss A";
+/**
+ * Time input field ID
+ */
+export declare const TIME_INPUT_FIELD_ID = "time-input-field";
+/**
+ * Clock container CSS class
+ */
+export declare const CLOCK_CONTAINER_CLASS = "time-picker-clock-container";
+/**
+ * Time validation patterns
+ */
+export declare const TIME_VALIDATION_PATTERNS: {
+    readonly TWENTY_FOUR_HOUR: RegExp;
+    readonly TWELVE_HOUR: RegExp;
+};
+/**
+ * Time boundaries
+ */
+export declare const TIME_BOUNDARIES: {
+    readonly MIN_HOUR_24: 0;
+    readonly MAX_HOUR_24: 23;
+    readonly MIN_HOUR_12: 1;
+    readonly MAX_HOUR_12: 12;
+    readonly MIN_MINUTE: 0;
+    readonly MAX_MINUTE: 59;
+    readonly MIN_SECOND: 0;
+    readonly MAX_SECOND: 59;
+};
+/**
+ * Default step values
+ */
+export declare const DEFAULT_STEPS: {
+    readonly HOURS: TimeStep.One;
+    readonly MINUTES: TimeStep.One;
+    readonly SECONDS: TimeStep.One;
+};
+/**
+ * Time picker CSS classes
+ */
+export declare const TIME_PICKER_CLASSES: {
+    readonly CONTAINER: "time-picker";
+    readonly INPUT: "time-picker__input";
+    readonly CLOCK: "time-picker__clock";
+    readonly DROPDOWN: "time-picker__dropdown";
+    readonly HOUR: "time-picker__hour";
+    readonly MINUTE: "time-picker__minute";
+    readonly SECOND: "time-picker__second";
+    readonly PERIOD: "time-picker__period";
+    readonly BUTTON: "time-picker__button";
+    readonly SEPARATOR: "time-picker__separator";
+};
+/**
+ * Clock face constants
+ */
+export declare const CLOCK_FACE: {
+    readonly RADIUS: 100;
+    readonly CENTER: 50;
+    readonly HOUR_HAND_LENGTH: 30;
+    readonly MINUTE_HAND_LENGTH: 40;
+    readonly SECOND_HAND_LENGTH: 45;
+};
+//# sourceMappingURL=timepicker.constants.d.ts.map

package/timepicker.constants.js

@@ -0,0 +1,85 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { TimeFormat, TimeStep } from './timepicker.types.js';
+/**
+ * Default time picker configuration
+ */
+export const DEFAULT_TIME_CONFIG = {
+    format: TimeFormat.TwentyFourHour,
+    showSeconds: false,
+    minuteInterval: 1,
+    secondInterval: 1,
+    use12HourClock: false,
+};
+/**
+ * Default time display formats
+ */
+export const DEFAULT_TIME_FORMAT = 'HH:mm';
+export const DEFAULT_TIME_FORMAT_WITH_SECONDS = 'HH:mm:ss';
+export const DEFAULT_12H_TIME_FORMAT = 'hh:mm A';
+export const DEFAULT_12H_TIME_FORMAT_WITH_SECONDS = 'hh:mm:ss A';
+/**
+ * Time input field ID
+ */
+export const TIME_INPUT_FIELD_ID = 'time-input-field';
+/**
+ * Clock container CSS class
+ */
+export const CLOCK_CONTAINER_CLASS = 'time-picker-clock-container';
+/**
+ * Time validation patterns
+ */
+export const TIME_VALIDATION_PATTERNS = {
+    TWENTY_FOUR_HOUR: /^([01]?[0-9]|2[0-3]):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,
+    TWELVE_HOUR: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])(:([0-5]?[0-9]))?\s?(AM|PM|am|pm)$/,
+};
+/**
+ * Time boundaries
+ */
+export const TIME_BOUNDARIES = {
+    MIN_HOUR_24: 0,
+    MAX_HOUR_24: 23,
+    MIN_HOUR_12: 1,
+    MAX_HOUR_12: 12,
+    MIN_MINUTE: 0,
+    MAX_MINUTE: 59,
+    MIN_SECOND: 0,
+    MAX_SECOND: 59,
+};
+/**
+ * Default step values
+ */
+export const DEFAULT_STEPS = {
+    HOURS: TimeStep.One,
+    MINUTES: TimeStep.One,
+    SECONDS: TimeStep.One,
+};
+/**
+ * Time picker CSS classes
+ */
+export const TIME_PICKER_CLASSES = {
+    CONTAINER: 'time-picker',
+    INPUT: 'time-picker__input',
+    CLOCK: 'time-picker__clock',
+    DROPDOWN: 'time-picker__dropdown',
+    HOUR: 'time-picker__hour',
+    MINUTE: 'time-picker__minute',
+    SECOND: 'time-picker__second',
+    PERIOD: 'time-picker__period',
+    BUTTON: 'time-picker__button',
+    SEPARATOR: 'time-picker__separator',
+};
+/**
+ * Clock face constants
+ */
+export const CLOCK_FACE = {
+    RADIUS: 100,
+    CENTER: 50,
+    HOUR_HAND_LENGTH: 30,
+    MINUTE_HAND_LENGTH: 40,
+    SECOND_HAND_LENGTH: 45,
+};
+//# sourceMappingURL=timepicker.constants.js.map

package/timepicker.style.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=timepicker.style.d.ts.map