import { JSXInterface } from '../jsx';
import { CSSResultGroup, FormFieldElement, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
import '@refinitiv-ui/phrasebook/locale/en/time-picker.js';
import { TranslateDirective } from '@refinitiv-ui/translate';
import '../number-field/index.js';
declare enum Segment {
    HOURS = "hours",
    MINUTES = "minutes",
    SECONDS = "seconds"
}
/**
 * Control the time input
 * @event value-changed - Fired when the user commits a value change. The event is not triggered if `value` property is changed programmatically.
 * @event error-changed - Fired when user inputs invalid value. The event is not triggered if `error` property is changed programmatically.
 *
 * @attr {boolean} readonly - Set readonly state
 * @prop {boolean} [readonly=false] - Set readonly state
 *
 * @attr {boolean} disabled - Set disabled state
 * @prop {boolean} [disabled=false] - Set disabled state
 *
 * @attr {boolean} error - Set error state
 * @prop {boolean} [error=false] - Set error state
 */
export declare class TimePicker extends FormFieldElement {
    /**
     * Element version number
     * @returns version number
     */
    static get version(): string;
    protected readonly defaultRole: string | null;
    /**
     * If time-picker is in mobile mode
     */
    private isMobile;
    /**
     * Internal hours value, used only in value getters and setters
     */
    private _hours;
    /**
     * Internal minutes value, used only in value getters and setters
     */
    private _minutes;
    /**
     * Internal seconds value, used only in value getters and setters
     */
    private _seconds;
    /**
     * If external value is set with seconds, this flag is true.
     * The flag is not relevant when withSecond is forced to be true
     */
    private valueWithSeconds;
    /**
     * Disable automatic build-in validation checking for partial input of hour, minute & second (if applicable) segments
     */
    customValidation: boolean;
    /**
     * Hours time segment in 24hr format
     * @param hours hours value
     * @default null
     * @returns {void}
     */
    set hours(hours: number | null);
    /**
     * Get hours value
     * @returns hours
     */
    get hours(): number | null;
    /**
     * Minutes time segment
     * @param minutes minutes value
     * @default null
     * @returns {void}
     */
    set minutes(minutes: number | null);
    /**
     * Get minutes value
     * @returns minutes
     */
    get minutes(): number | null;
    /**
     * Seconds time segment
     * @param seconds seconds value
     * @default null
     * @returns {void}
     */
    set seconds(seconds: number | null);
    /**
     * Get seconds value
     * @returns seconds
     */
    get seconds(): number | null;
    /**
     * Toggles 12hr time display
     */
    amPm: boolean;
    /**
     * Flag to show seconds time segment in display.
     * Seconds are automatically shown when `hh:mm:ss` time format is provided as a value.
     */
    showSeconds: boolean;
    /**
     * Current time value
     * @param value Element value
     * @default -
     */
    set value(value: string);
    get value(): string;
    /**
     * Getter for mtp element (mobile)
     */
    private mtpInput?;
    /**
     * Getter for hours part.
     */
    private hoursInput;
    /**
     * Getter for minutes part.
     */
    private minutesInput;
    /**
     * Getter for seconds part.
     */
    private secondsInput?;
    /**
     * Getter for toggle part.
     */
    private toggleEl?;
    /**
     * Used for translations
     */
    protected t: TranslateDirective;
    private _selectedSegment;
    /**
     * State to select text in the segment
     * Used to asynchronously select text after render cycle is complete
     * @param segment Selected segment or null
     */
    private set selectedSegment(value);
    private get selectedSegment();
    /**
     * Connected to role. If false, the values are not announced in the screen reader
     */
    private announceValues;
    /**
     * Return the current time string, based on the current hours, minutes and seconds.
     * Used internally to set the value string after updates.
     */
    private get currentTimeString();
    /**
     * Seconds are automatically shown when `hh:mm:ss` time format is provided as a value.
     */
    private get isShowSeconds();
    /**
     * True if time value is complete, that is having all the required time segment
     */
    private get isCompleteValue();
    /**
     * Get hours taking into account AM/PM placeholder
     */
    private get periodHours();
    /**
     * Formats the hours value
     */
    private get formattedHours();
    /**
     * Formats the minutes value
     */
    private get formattedMinutes();
    /**
     * Formats the seconds value
     */
    private get formattedSeconds();
    /**
     * Observes attribute change for `attributeChangedCallback`
     */
    static get observedAttributes(): string[];
    /**
     * Synchronizes attribute value
     * @param name attribute name
     * @param oldValue old attribute value
     * @param newValue new attribute value
     * @returns {void}
     */
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
    /**
     * On first updated life-cycle
     * @param changedProperties changed properties
     * @returns {void}
     */
    protected firstUpdated(changedProperties: PropertyValues): void;
    /**
     * On updated life-cycle
     * @param changedProperties changed properties
     * @returns {void}
     */
    protected updated(changedProperties: PropertyValues): void;
    /**
     * Select text in input when update element is complete
     * @returns returns a promise void
     */
    private selectSegment;
    /**
     * Overwrite validation method for value
     * @param value value
     * @returns True if value is valid
     */
    protected isValidValue(value: string): boolean;
    /**
     * Set time segment value in consistent way
     * @param segment Time segment
     * @param value Value to check
     * @returns {void}
     */
    protected setSegmentAndNotify(segment: Segment, value: number | null): void;
    /**
     * True if time segment has changed
     * @param changedProperties changed properties
     * @returns True if changed
     */
    private static hasTimeChanged;
    /**
     * Validates a given unit against a min and max value, returning a fallback if invalid.
     * @param unit Unit to validate
     * @param min Minimum allowed
     * @param max Maximum allowed
     * @param fallback Fallback value to use, if unit is invalid
     * @returns unit or fallback or 0 value
     */
    private static validUnit;
    /**
     * Handles value change from native time picker on mobile devices
     * @param event Event Object
     * @returns {void}
     */
    private onMobileTimeChange;
    /**
     * Helper, used to update the mobile time picker value
     * @returns {void}
     */
    private updateMobileTimePickerValue;
    /**
     * Handles action when input focused change
     * @param event Focus change event
     * @returns {void}
     */
    private onInputFocusedChanged;
    /**
     * Handles action when input value changes
     * @param event Value change event
     * @returns {void}
     */
    private onInputValueChanged;
    /**
     * Returns `true` if all input segments contain valid data or empty. Otherwise, returns false.
     * @returns true if input is valid
     */
    checkValidity(): boolean;
    /**
     * Validate input. Mark as error if input is invalid
     * @returns false if there is an error
     */
    reportValidity(): boolean;
    /**
     * Handle validation on input segments
     * @returns {void}
     */
    private onInputValidation;
    /**
     * Updates a time segment to the provided value
     * @param segment Segment id
     * @param value Unit to change to
     * @returns {void}
     */
    private updateTimeSegmentTo;
    /**
     * Updates the value of a time segment (element)
     * @param segment Segment's name
     * @returns {void}
     */
    private updateSegmentValue;
    /**
     * Handles any keydown events
     * Used for control keys
     * @param event Event Object
     * @returns {void}
     */
    private onKeydown;
    /**
     * Handle valid control keys and execute their corresponding commands
     * Will stop when readonly is set
     * @param event Keyboard event
     * @returns {void}
     */
    private manageControlKeys;
    /**
     * Handles ENTER key press
     * @param event Keyboard event
     * @returns {void}
     */
    private handleEnterKey;
    /**
     * Handles UP key press
     * @param event Keyboard event
     * @returns {void}
     */
    private handleUpKey;
    /**
     * Handle DOWN key press
     * @param event Keyboard event
     * @returns {void}
     */
    private handleDownKey;
    /**
     * Toggles the amPm flag or updates the time segment value.
     * Essentially a handler for user inputs on the control.
     * @param amount to change value by
     * @param target Segment id
     * @returns {void}
     */
    private toggleOrModify;
    /**
     * Changes a time segment value by a specified amount.
     * Also updates parent values when rolling through cycles.
     * Incomplete value will update only segment without pre-populate value.
     * @param amount Amount to change by
     * @param segment Segment id
     * @returns {void}
     */
    private changeValueBy;
    /**
     * Gets the hours segment of the provided value
     * as there is extra logic required for 12hr support
     *
     * @param value Unit to change to
     * @returns updated value
     */
    private getHoursSegment;
    /**
     * Updates the value of the hours element
     * @returns {void}
     */
    private updateHoursSegmentValue;
    /**
     * Updated the value of the minutes element
     * @returns {void}
     */
    private updateMinutesSegmentValue;
    /**
     * Updates the value of the seconds element
     * @returns {void}
     */
    private updateSecondsSegmentValue;
    /**
     * Formats a given number and prefixes a 0 on numbers lower than 10
     * @param n Number to format
     * @returns Formatted number
     */
    private static formattedUnit;
    /**
     * Returns `true` or `false` depending on whether the hours are before, or, after noon
     * @returns True if time is AM
     */
    private isAM;
    /**
     * Returns opposite of isAM
     * @returns True if time is PM
     */
    private isPM;
    /**
     * Toggles the AM/PM state
     * @returns {void}
     */
    toggle(): void;
    /**
     * Handle tap toggle between AP and PM state
     * @param  userInteraction indicates whether the toggle is triggered by user interaction or not
     * @returns {void}
     */
    private onToggle;
    /**
     * A `CSSResultGroup` that will be used
     * to style the host, slotted children
     * and the internal template of the element.
     * @returns CSS template
     */
    static get styles(): CSSResultGroup;
    /**
     * Template for divider segment
     * @returns Divider segment
     */
    private static dividerTemplate;
    /**
     * Template for Hours Segment
     * @returns template hours segment
     */
    private get hoursTemplate();
    /**
     * Template for Minutes Segment
     * @returns template minutes segment
     */
    private get minutesTemplate();
    /**
     * Template for Seconds Segment
     * @returns template seconds segment
     */
    private get secondsTemplate();
    /**
     * Template for AmPm Segment
     * @returns Am/Pm segment
     */
    private get getAmPmHtml();
    /**
     * Native input's template for mobile
     * @returns input
     */
    private get nativeInputForMobile();
    /**
     * A template used to notify currently selected value for screen readers
     * @returns template result
     */
    private get selectionTemplate();
    /**
     * Get time input template
     * @returns template result
     */
    private get inputTemplate();
    /**
     * A `TemplateResult` that will be used
     * to render the updated internal template.
     * @returns Render template
     */
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'ef-time-picker': TimePicker;
    }
}
export {};

declare global {
  interface HTMLElementTagNameMap {
    'ef-time-picker': TimePicker;
  }

  namespace JSX {
    interface IntrinsicElements {
      'ef-time-picker': Partial<TimePicker> | JSXInterface.HTMLAttributes<TimePicker>;
    }
  }
}

export {};