@lion/ui
Version:
A package of extendable web components
305 lines • 8.5 kB
TypeScript
declare const LionCalendar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost> & Pick<typeof import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost, "prototype" | "localizeNamespaces" | "waitForLocalizeNamespaces"> & Pick<typeof LitElement, typeof Symbol.metadata | "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions">;
/**
* @customElement lion-calendar
*/
export class LionCalendar extends LionCalendar_base {
static get properties(): {
/**
* Minimum date. All dates before will be disabled
*/
minDate: {
attribute: boolean;
};
/**
* Maximum date. All dates after will be disabled
*/
maxDate: {
attribute: boolean;
};
/**
* Disable certain dates
*/
disableDates: {
attribute: boolean;
};
/**
* The selected date, usually synchronized with datepicker-input
* Not to be confused with the focused date (therefore not necessarily in active month view)
*/
selectedDate: {
attribute: boolean;
};
/**
* The date that
* 1. determines the currently visible month
* 2. will be focused when the month grid gets focused by the keyboard
*/
centralDate: {
attribute: boolean;
};
/**
* Weekday that will be displayed in first column of month grid.
* 0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday
* Default is 0
*/
firstDayOfWeek: {
attribute: boolean;
};
/**
* Weekday header notation, based on Intl DatetimeFormat:
* - 'long' (e.g., Thursday)
* - 'short' (e.g., Thu)
* - 'narrow' (e.g., T).
* Default is 'short'
*/
weekdayHeaderNotation: {
attribute: boolean;
};
/**
* Different locale for this component scope
*/
locale: {
attribute: boolean;
};
/**
* The currently focused date (if any)
*/
__focusedDate: {
attribute: boolean;
};
/**
* Data to render current month grid
*/
__data: {
attribute: boolean;
};
};
static get styles(): import("lit").CSSResult[];
/**
* // TODO: check if this is a false positive or if we can improve
* @configure ReactiveElement
*/
static enabledWarnings: import("lit").WarningKind[];
/** @type {{months: Month[]}}
* @private
*/
private __data;
minDate: Date;
maxDate: Date;
/** @param {Day} day */
dayPreprocessor: (day: Day) => import("../types/day.js").Day;
/** @param {Date} day */
disableDates: (day: Date) => boolean;
firstDayOfWeek: number;
weekdayHeaderNotation: string;
/** @private */
private __today;
/** @type {Date} */
centralDate: Date;
/**
* @type {Date | null}
* @private
*/
private __focusedDate;
/** @private */
private __connectedCallbackDone;
/** @private */
private __eventsAdded;
locale: string;
/** @private */
private __boundKeyboardNavigationEvent;
/** @private */
private __boundClickDateDelegation;
/** @private */
private __boundFocusDateDelegation;
/** @private */
private __boundBlurDateDelegation;
render(): import("lit-html").TemplateResult<1>;
get focusedDate(): Date | null;
goToNextMonth(): void;
goToPreviousMonth(): void;
goToNextYear(): void;
goToPreviousYear(): void;
/**
* @param {Date} date
*/
focusDate(date: Date): Promise<void>;
focusCentralDate(): void;
focusSelectedDate(): Promise<void>;
connectedCallback(): Promise<void>;
__contentWrapperElement: HTMLButtonElement | undefined;
disconnectedCallback(): void;
/**
* @param {string} [name]
* @param {unknown} [oldValue]
* @param {import('lit').PropertyDeclaration} [options]
* @returns {void}
*/
requestUpdate(name?: string | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<any, any> | undefined): void;
/**
* This exposes an interface for datepickers that want to
* reinitialize when calendar is opened
*/
initCentralDate(): void;
/**
* @private
*/
private __calculateInitialCentralDate;
/** @type {Date} */
__initialCentralDate: Date | undefined;
/**
* @param {string} month
* @param {number} year
* @private
*/
private __renderMonthNavigation;
/**
* @param {string} month
* @param {number} year
* @private
*/
private __renderYearNavigation;
/**
* @private
*/
private __renderNavigation;
/**
* @private
*/
private __renderData;
/**
* @param {string} type
* @param {string} previousMonth
* @param {number} previousYear
* @private
*/
private __getPreviousDisabled;
/**
* @param {string} type
* @param {string} nextMonth
* @param {number} nextYear
* @private
*/
private __getNextDisabled;
/**
* @param {string} type
* @param {string} previousMonth
* @param {number} previousYear
* @protected
*/
protected __renderPreviousButton(type: string, previousMonth: string, previousYear: number): import("lit-html").TemplateResult<1>;
_previousIconTemplate(): import("lit-html").TemplateResult<1>;
/**
* @param {string} type
* @param {string} nextMonth
* @param {number} nextYear
* @protected
*/
protected __renderNextButton(type: string, nextMonth: string, nextYear: number): import("lit-html").TemplateResult<1>;
_nextIconTemplate(): import("lit-html").TemplateResult<1>;
/**
*
* @param {string} mode
* @param {string} type
* @param {string} month
* @param {number} year
* @private
*/
private __getNavigationLabel;
/**
*
* @private
*/
private __getSelectableDateRange;
/**
*
* @param {Day} _day
* @param {*} param1
* @private
*/
private __coreDayPreprocessor;
/**
* @param {Day} [options]
* @private
*/
private __createData;
/**
* @param {Date} selectedDate
* @private
*/
private __dateSelectedByUser;
selectedDate: Date | undefined;
/**
* @private
*/
private __focusedDateChanged;
/**
* @param {Date} [date]
* @returns
*/
findNextEnabledDate(date?: Date | undefined): Date;
/**
* @param {Date} [date]
* @returns
*/
findPreviousEnabledDate(date?: Date | undefined): Date;
/**
* @param {Date} [date]
* @returns
*/
findNearestEnabledDate(date?: Date | undefined): Date;
/**
* @param {Date} date
* @private
*/
private __isEnabledDate;
/**
* @param {Date} date
* @param {Object} opts
* @param {String} [opts.mode] Find best date in `future/past/both`
* @private
*/
private __findBestEnabledDateFor;
/**
* @param {Event} ev
* @private
*/
private __clickDateDelegation;
/**
* @private
*/
private __focusDateDelegation;
/**
* @private
*/
private __blurDateDelegation;
/**
* @param {HTMLElement & { date: Date }} el
* @private
*/
private __dayButtonSelection;
/**
* @param {KeyboardEvent} ev
* @private
*/
private __keyboardNavigationEvent;
/**
*
* @param {number} modify
* @param {Object} opts
* @param {string} opts.dateType
* @param {string} opts.type
* @private
*/
private __modifyDate;
/**
* @private
*/
private __getLocale;
}
export type Day = import('../types/day.js').Day;
export type Week = import('../types/day.js').Week;
export type Month = import('../types/day.js').Month;
import { LitElement } from "lit";
export {};
//# sourceMappingURL=LionCalendar.d.ts.map