@asoftwareworld/form-builder-pro
Version:
ASW Form Builder Pro helps you with rapid development and designed web forms which includes several controls. The key feature of Form Builder is to make your content attractive and effective. We can customize our control at run time and preview the same b
155 lines (154 loc) • 7.51 kB
TypeScript
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
import { BooleanInput } from '@angular/cdk/coercion';
import { DatetimeAdapter, AswDatetimeFormats } from '@asoftwareworld/form-builder-pro/common';
import { AswClockView } from '../clock/clock';
import { AswDatetimepickerFilterType } from '../datetimepicker-filtertype';
import { AswAMPM, AswCalendarView, AswDatetimepickerType } from '../datetimepicker-types';
import { AswDatetimepickerIntl } from '../datetimepicker-intl';
import * as i0 from "@angular/core";
/**
* A calendar that is used as part of the datetimepicker.
* @docs-private
*/
export declare class AswCalendar<D> implements AfterContentInit, OnDestroy {
private _elementRef;
private _intl;
private _ngZone;
private _adapter;
private _dateFormats;
/** Whether to show multi-year view. */
get multiYearSelector(): boolean;
set multiYearSelector(value: boolean);
private _multiYearSelector;
/** Whether the clock uses 12 hour format. */
get twelvehour(): boolean;
set twelvehour(value: boolean);
private _twelvehour;
/** Whether the calendar should be started in month or year view. */
startView: AswCalendarView;
/** Step over minutes. */
timeInterval: number;
/** A function used to filter which dates are selectable. */
dateFilter: (date: D, type: AswDatetimepickerFilterType) => boolean;
/** Prevent user to select same date time */
preventSameDateTimeSelection: boolean;
/** Emits when the currently selected date changes. */
selectedChange: EventEmitter<D>;
/** Emits when the view has been changed. */
viewChanged: EventEmitter<AswCalendarView>;
_userSelection: EventEmitter<void>;
_AMPM: AswAMPM;
_clockView: AswClockView;
_calendarState: string;
private _intlChanges;
private _clampedActiveDate;
constructor(_elementRef: ElementRef, _intl: AswDatetimepickerIntl, _ngZone: NgZone, _adapter: DatetimeAdapter<D>, _dateFormats: AswDatetimeFormats, _changeDetectorRef: ChangeDetectorRef);
/** The display type of datetimepicker. */
get type(): AswDatetimepickerType;
set type(value: AswDatetimepickerType);
private _type;
/** A date representing the period (month or year) to start the calendar in. */
get startAt(): D | null;
set startAt(value: D | null);
private _startAt;
/**
* Whether the calendar is in time mode. In time mode the calendar clock gets time input elements
* rather then just clock. When touchUi is enabled this will be disabled
*/
get timeInput(): boolean;
set timeInput(value: boolean);
private _timeInput;
/** The currently selected date. */
get selected(): D | null;
set selected(value: D | null);
private _selected;
/** The minimum selectable date. */
get minDate(): D | null;
set minDate(value: D | null);
private _minDate;
/** The maximum selectable date. */
get maxDate(): D | null;
set maxDate(value: D | null);
private _maxDate;
/**
* The current active date. This determines which time period is shown and which date is
* highlighted when using keyboard navigation.
*/
get _activeDate(): D;
set _activeDate(value: D);
/** Whether the calendar is in month view. */
get currentView(): AswCalendarView;
set currentView(view: AswCalendarView);
private _currentView;
get _yearPeriodText(): string;
get _yearButtonText(): string;
get _yearButtonLabel(): string;
get _dateButtonText(): string;
get _dateButtonLabel(): string;
get _hoursButtonText(): string;
get _hourButtonLabel(): string;
get _minutesButtonText(): string;
get _minuteButtonLabel(): string;
get _prevButtonLabel(): string;
get _nextButtonLabel(): string;
/** Date filter for the month and year views. */
_dateFilterForViews: (date: D) => boolean;
_userSelected(): void;
ngAfterContentInit(): void;
ngOnDestroy(): void;
/** Handles date selection in the month view. */
_dateSelected(date: D): void;
/** Handles month selection in the year view. */
_monthSelected(month: D): void;
/** Handles year selection in the multi year view. */
_yearSelected(year: D): void;
_timeSelected(date: D): void;
_dialTimeSelected(date: D): void;
_onActiveDateChange(date: D): void;
_updateDate(date: D): D;
_selectAMPM(date: D): void;
_ampmClicked(source: AswAMPM): void;
_yearClicked(): void;
_dateClicked(): void;
_hoursClicked(): void;
_minutesClicked(): void;
/** Handles user clicks on the previous button. */
_previousClicked(): void;
/** Handles user clicks on the next button. */
_nextClicked(): void;
/** Whether the previous period button is enabled. */
_previousEnabled(): boolean;
/** Whether the next period button is enabled. */
_nextEnabled(): boolean;
/** Handles keydown events on the calendar body. */
_handleCalendarBodyKeydown(event: KeyboardEvent): void;
_focusActiveCell(): void;
_calendarStateDone(): void;
/** Whether the two dates represent the same view in the current view mode (month or year). */
private _isSameView;
/** Handles keydown events on the calendar body when calendar is in month view. */
private _handleCalendarBodyKeydownInMonthView;
/** Handles keydown events on the calendar body when calendar is in year view. */
private _handleCalendarBodyKeydownInYearView;
/** Handles keydown events on the calendar body when calendar is in multi-year view. */
private _handleCalendarBodyKeydownInMultiYearView;
/** Handles keydown events on the calendar body when calendar is in month view. */
private _handleCalendarBodyKeydownInClockView;
/**
* Determine the date for the month that comes before the given month in the same column in the
* calendar table.
*/
private _prevMonthInSameCol;
/**
* Determine the date for the month that comes after the given month in the same column in the
* calendar table.
*/
private _nextMonthInSameCol;
private calendarState;
private _2digit;
static ngAcceptInputType_multiYearSelector: BooleanInput;
static ngAcceptInputType_twelvehour: BooleanInput;
static ngAcceptInputType_timeInput: BooleanInput;
static ɵfac: i0.ɵɵFactoryDeclaration<AswCalendar<any>, [null, null, null, { optional: true; }, { optional: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<AswCalendar<any>, "asw-calendar", ["aswCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; "_userSelection": "_userSelection"; }, never, never, false, never>;
}