@pacem/pacem-ui 1.0.0-abel

package/typings/index.d.ts

@@ -0,0 +1,1165 @@
+import { Animations } from '@pacem/pacem-core';
+import { Components as Components_2 } from '@pacem/pacem-core';
+import { CustomTypedEvent } from '@pacem/pacem-core';
+import { CustomUIEvent } from '@pacem/pacem-core';
+import { Net } from '@pacem/pacem-core';
+import { PacemEventTarget } from '@pacem/pacem-core';
+import { Point } from '@pacem/pacem-foundation';
+import { PropertyConverter } from '@pacem/pacem-core';
+
+declare enum AdapterOrientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+
+declare class AdapterPageButtonRefreshEvent extends CustomEvent<AdapterPageButtonRefreshEventArgs> {
+    constructor(args: AdapterPageButtonRefreshEventArgs);
+}
+
+declare interface AdapterPageButtonRefreshEventArgs {
+    index: number;
+    hide: boolean;
+    disabled: boolean;
+    content: string | Node;
+}
+
+declare const AdapterPageButtonRefreshEventName = "pagerefresh";
+
+declare enum BalloonAlignment {
+    Start = "start",
+    Center = "center",
+    End = "end",
+    Auto = "auto"
+}
+
+declare enum BalloonBehavior {
+    Menu = "menu",
+    Tooltip = "tooltip",
+    Inert = "inert"
+}
+
+declare type BalloonOptions = {
+    trigger?: BalloonTrigger;
+    position?: BalloonPosition;
+    size?: BalloonSizing;
+    behavior?: BalloonBehavior;
+    verticalOffset?: number;
+    horizontalOffset?: number;
+    track?: boolean;
+    /** @deprecated Just use 'track' instead. */
+    'trackPosition'?: boolean;
+    /** @deprecated Use <pacem-shell-proxy> to wrap the balloon. */
+    'moveToRoot'?: boolean;
+    hoverDelay?: number;
+    hoverTimeout?: number;
+    align?: BalloonAlignment;
+    /** Optimizes the start- and end-alignments in case of tiny targets. */
+    autoAdjust?: boolean;
+};
+
+declare const BalloonPopoutEventName = "popout";
+
+declare const BalloonPopupEventName = "popup";
+
+declare enum BalloonPosition {
+    Top = "top",
+    Left = "left",
+    Bottom = "bottom",
+    Right = "right",
+    Auto = "auto",
+    HorizontalAuto = "x",
+    VerticalAuto = "y"
+}
+
+declare enum BalloonSizing {
+    Auto = "auto",
+    Match = "match"
+}
+
+declare enum BalloonTrigger {
+    Hover = "hover",
+    Click = "click",
+    ContextMenu = "contextmenu",
+    Focus = "focus"
+}
+
+declare enum BinderAnchor {
+    Auto = "auto",
+    Left = "left",
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Center = "center"
+}
+
+declare enum BinderEnd {
+    Default = "default",
+    Arrow = "arrow",
+    FatArrow = "fatarrow",
+    None = "none"
+}
+
+declare class BinderInteractionEvent extends CustomUIEvent<null> {
+    constructor(orig: MouseEvent | KeyboardEvent | TouchEvent);
+}
+
+declare const BinderInteractionEventName = "interact";
+
+declare enum BinderTension {
+    Mass = "mass",
+    Path = "path"
+}
+
+declare type CalendarDataItem = {
+    continuing: {
+        start: boolean;
+        end: boolean;
+    };
+    allDay?: boolean;
+    day?: number;
+    hour?: number;
+    span: number;
+    caption: string;
+    offset?: {
+        start: string;
+        end: string;
+    };
+    event: PacemCalendarEventElement;
+};
+
+declare type CalendarEventEventArgs = {
+    event: PacemCalendarEventElement;
+    element: HTMLElement;
+};
+
+declare class CalendarEventSelectEvent extends CustomTypedEvent<CalendarEventEventArgs> {
+    constructor(args: CalendarEventEventArgs);
+}
+
+declare class CalendarEventUnselectEvent extends CustomTypedEvent<CalendarEventEventArgs> {
+    constructor(args: CalendarEventEventArgs);
+}
+
+declare enum CalendarZoom {
+    Month = "month",
+    Week = "week",
+    Day = "day"
+}
+
+export declare namespace Components {
+    export {
+        UI
+    }
+}
+
+declare type DateRange = {
+    from?: Date;
+    to?: Date;
+};
+
+declare class DateSelectEvent extends CustomTypedEvent<Date> {
+    constructor(date: Date);
+}
+
+declare enum DialogButton {
+    Yes = "yes",
+    No = "no",
+    Cancel = "cancel",
+    Ok = "ok"
+}
+
+declare enum DialogButtons {
+    YesNo = "yesno",
+    YesNoCancel = "yesnocancel",
+    Ok = "ok",
+    OkCancel = "okcancel"
+}
+
+declare class DialogResultEvent extends CustomTypedEvent<DialogResultEventArgs> {
+    constructor(args: DialogResultEventArgs);
+}
+
+declare type DialogResultEventArgs = {
+    button: DialogButton;
+    state?: any;
+};
+
+declare const DialogResultEventName = "commit";
+
+declare type ElementOrPoint = Element | Point;
+
+declare const ElementOrPointPropertyConverter: PropertyConverter;
+
+declare interface Lightbox {
+    show: boolean;
+    behavior: LightboxBehavior;
+}
+
+declare enum LightboxBehavior {
+    ClickOutsideClose = "clickOutsideClose",
+    ExplicitClose = "explicitClose"
+}
+
+declare enum LoaderType {
+    Spinner = "spin",
+    Pacem = "pacem",
+    Custom = "custom"
+}
+
+declare class MarkdownService {
+    #private;
+    constructor();
+    private _escape;
+    toHtml(md: string): string;
+    tokenize(md: string): any[];
+}
+
+declare const MEDIAQUERY_2K = "(min-width: 2048px)";
+
+declare const MEDIAQUERY_4K = "(min-width: 3840px)";
+
+declare const MEDIAQUERY_HD = "(min-width: 1920px)";
+
+declare const MEDIAQUERY_LANDSCAPE = "(orientation: landscape)";
+
+declare const MEDIAQUERY_LG = "(min-width: 1200px)";
+
+declare const MEDIAQUERY_MD = "(min-width: 992px)";
+
+declare const MEDIAQUERY_PORTRAIT = "(orientation: portrait)";
+
+declare const MEDIAQUERY_PREFERS_DARK = "(prefers-color-scheme: dark)";
+
+declare const MEDIAQUERY_PREFERS_LIGHT = "(prefers-color-scheme: light)";
+
+declare const MEDIAQUERY_SM = "(min-width: 768px)";
+
+declare const MEDIAQUERY_XL = "(min-width: 1824px)";
+
+declare const MEDIAQUERY_XS = "(max-width: 767px)";
+
+declare abstract class PacemAdaptedIterativeElement<TItem> extends Components_2.PacemElement {
+    protected abstract get adapter(): PacemAdapterElement;
+    index: number;
+    datasource: TItem[];
+    protected isCloseTo(ndx: number, focusndx: number): boolean;
+    protected isPrevious(ndx: number, focusndx: number): boolean;
+    protected isNext(ndx: number, focusndx: number): boolean;
+    private _isNextCore;
+    private _isPreviousCore;
+    private _isCloseToCore;
+}
+
+declare class PacemAdapterElement extends Components_2.PacemAdapter<Components_2.PacemIterativeElement<any>, any> {
+    private _repeater;
+    private _prevBtn;
+    private _nextBtn;
+    private _panel;
+    private _swiper;
+    private _liPause;
+    masterPropertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _previousTabIndex;
+    initializeCallback(): void;
+    destroyCallback(): void;
+    itemPropertyChangedCallback(index: number, name: string, old: any, val: any, first?: boolean): void;
+    private _itemCreatedHandler;
+    private _pageMap;
+    private _fireAdapterPageRefreshCallback;
+    private _tickVersion;
+    private _handle;
+    pausable: boolean;
+    interval: number;
+    orientation: AdapterOrientation;
+    interactive: boolean;
+    /** Gets or sets whether swipe gesture is enabled for navigation (also depends on the 'interactive' flag being set to 'true') */
+    swipeEnabled: boolean;
+    /** Gets or sets whether, by selecting twice an item, you will de-select it and obtain an overall unselected state. */
+    deselectable: boolean;
+    loop: boolean;
+    labelCallback: (item: any, index: number) => string | Node;
+    private _index;
+    private _paused;
+    private _v;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _syncViewWithItems;
+    private _toggle;
+    private _resetTimer;
+    private _next;
+    private _previous;
+    private _select;
+    private _itemRegisterHandler;
+    private _itemUnregisterHandler;
+    private _keydownHandler;
+    private _isDisabled;
+    private _isHidden;
+    private _disableOrHide;
+    private _labelCallback;
+}
+
+declare class PacemAgendaElement extends PacemCalendarWithEventsBaseElement {
+    protected buildDataSource(items: PacemCalendarEventElement[]): CalendarDataItem[][];
+    private _clock;
+    time: Date;
+    private _allDayDatasource;
+    get allDayDatasource(): CalendarDataItem[];
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemAnchorElement extends Components_2.PacemElement implements Net.OAuthFetchable {
+    fetchCredentials: RequestCredentials;
+    fetchHeaders: {
+        [key: string]: string;
+    };
+    constructor();
+    href: string;
+    target: string;
+    download: string | boolean;
+    router: Components_2.PacemRouterElement;
+    private _fetching;
+    get fetching(): boolean;
+    connectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    protected emit(evt: Event): void;
+    private _download;
+}
+
+declare class PacemBalloonElement extends Components_2.PacemElement {
+    private _timer;
+    private _visible;
+    private _options;
+    private _originalNeighborhood;
+    private _container;
+    private _resize;
+    private _position;
+    target: ElementOrPoint;
+    options: BalloonOptions;
+    /** Gets whether the balloon is open and visible. */
+    get visible(): boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _synchronizeOptions;
+    private _ensurePopup;
+    private _destroyPopup;
+    private _registerEvents;
+    private _unregisterEvents;
+    private _onLayoutChange;
+    private _adjust;
+    private _adjustWatchers;
+    /**
+     * Shows the balloon, if hidden.
+     */
+    popup(delay?: number): void;
+    private _popoutDelegate;
+    /**
+     * Hides the balloon, if visible.
+     */
+    popout(delay?: number): void;
+    /**
+     * Shows the balloon, if hidden. Otherwise hides it.
+     */
+    toggle(delay?: number): void;
+    private _hoverDelegate;
+    private _outConditionalDelegate;
+    private _mousedownConditionalDelegate;
+    private _outDelegate;
+    private _toggleDelegate;
+    private _removeHandlers;
+    private _setHandlers;
+}
+
+declare class PacemBinderElement extends Components_2.PacemElement {
+    from: PacemBinderTarget;
+    to: PacemBinderTarget;
+    fromAnchor: BinderAnchor;
+    toAnchor: BinderAnchor;
+    fromEnd: BinderEnd;
+    toEnd: BinderEnd;
+    tension: BinderTension;
+    color: string;
+    interactive: boolean;
+    connectedCallback(): void;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _broadcastHandler;
+    disconnectedCallback(): void;
+    private _setPathVisibility;
+    private _ensurePath;
+    invalidateSize(): void;
+    private _path;
+    private _svg;
+    private _state;
+    private _computeAnchorPoints;
+    refresh(element: PacemBinderTarget, args?: Components_2.ResizeEventArgs): void;
+    private _draw;
+    private _getDefaultEndingPath;
+    private _getArrowEndingPath;
+    private _getFatArrowEndingPath;
+}
+
+declare type PacemBinderTarget = ElementOrPoint;
+
+declare class PacemBladeElement extends Components_2.PacemElement {
+    open: boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _toggle;
+}
+
+declare class PacemBottomSheetElement extends Components_2.PacemElement {
+    private _swiper;
+    private _resizer;
+    private _handleResizer;
+    private _sheet;
+    open: boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _toggleSwiper;
+    /** @internal */
+    _setHandle(handle: PacemBottomSheetHandleElement | null): void;
+    private _assignLogger;
+    private _resizeHandler;
+    private _rebuildSwiperSnaps;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _panHandler;
+    private _swipeHandler;
+    /**
+     * Snap (other than 0 := current position) given the current state.
+     * Anchor point for sheet is the top of the page, so snap is computed accordingly.
+     * @param ope
+     * @returns
+     */
+    private _getSnap;
+    /**
+     * Css transform to be applied to the sheet in order to have UI consistent with open state.
+     * Anchor point for sheet is the bottom of the page, so CSS transform is applied accordingly.
+     * @param open
+     * @returns
+     */
+    private _getCssTransform;
+    private _setPosition;
+    private _toggle;
+}
+
+declare class PacemBottomSheetHandleElement extends Components_2.PacemElement {
+    #private;
+    _icon: PacemIconElement;
+    iconGlyph: string;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    disconnectedCallback(): void;
+    private _bindToBottomSheet;
+    private _clickHandler;
+    private _toggleHandle;
+    private _setIcon;
+}
+
+declare class PacemButtonElement extends Components_2.PacemIterableElement {
+    constructor();
+    iconGlyph: string;
+    iconUrl: string;
+    commandName: string;
+    commandArgument: any;
+    confirmationMessage: string;
+    confirmationDialog: PacemDialogBase;
+    connectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    protected emit(evt: Event): void;
+}
+
+declare class PacemButtonsetElement extends Components_2.PacemIterativeElement<PacemButtonElement> {
+    connectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    validate(item: any): item is PacemButtonElement;
+}
+
+declare abstract class PacemCalendarBaseElement extends Components_2.PacemItemsContainerElement<PacemCalendarEventElement> {
+    validate(item: PacemCalendarEventElement): boolean;
+    viewDate: Date;
+    now: Date;
+    zoom: CalendarZoom;
+    weekStart: 'mon' | 'sun' | 'm' | 's' | 'monday' | 'sunday';
+    week: Date[];
+    month: Date[][];
+    disabledRanges: DateRange[];
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    protected oneventselect(el: HTMLElement, evt: PacemCalendarEventElement): void;
+    protected oneventunselect(el: HTMLElement, evt: PacemCalendarEventElement): void;
+    protected getHeaderLabel(d: Date, f: CalendarZoom): string;
+    protected getDayLabel(d: Date): string;
+    protected getHourLabel(d: Date): string;
+    protected getTimeLabel(d: Date): string;
+    protected isNow(d: Date, now: Date): boolean;
+    protected isToday(d: Date, now: Date): boolean;
+    protected isViewDay(d: Date, vd?: Date): boolean;
+    protected isDate(expected: Date, d: Date): boolean;
+    protected isViewWeek(d: Date): Date;
+    protected isViewMonth(d: Date): boolean;
+    protected isTimeSlotDisabled(ranges: DateRange[], d: Date, h?: number): boolean;
+    private _getWeekStart;
+    private _getDatasource;
+    private _synchronizeWeek;
+}
+
+declare class PacemCalendarDayOfWeekRuleElement extends PacemCalendarRuleBaseElement {
+    days: string[];
+    viewActivatedCallback(): void;
+    private _daysOfWeek;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _calendarChangeHandler;
+    protected computeDisabledRanges(): DateRange[];
+}
+
+declare class PacemCalendarElement extends PacemCalendarWithEventsBaseElement {
+    protected buildDataSource(items: PacemCalendarEventElement[]): CalendarDataItem[][];
+    date: Date;
+    /** Gets or sets the format for the first day of each month. */
+    dayLabelFormatter: (d: Date) => string;
+    private _formatVersion;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _setDate;
+    protected getDayLabel(d: Date, _?: number): string;
+}
+
+declare class PacemCalendarEventElement extends Components_2.PacemItemElement {
+    start: Date;
+    end: Date;
+    caption: string;
+    place: string;
+    allDay: boolean;
+    private _handle;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare abstract class PacemCalendarRuleBaseElement extends HTMLElement {
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _target;
+    protected get target(): PacemCalendarBaseElement;
+    private _disabledRanges;
+    protected refreshDisabledRanges(): void;
+    protected abstract computeDisabledRanges(): DateRange[];
+}
+
+declare abstract class PacemCalendarWithEventsBaseElement extends PacemCalendarBaseElement {
+    private _datasource;
+    private _handle;
+    get datasource(): CalendarDataItem[][];
+    private _getSortedItems;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    protected abstract buildDataSource(items: PacemCalendarEventElement[]): CalendarDataItem[][];
+}
+
+declare class PacemClockElement extends Components_2.PacemElement {
+    now: Date;
+}
+
+declare class PacemCollapseElement extends PacemEventTarget {
+    #private;
+    collapse: boolean;
+    horizontal: boolean;
+    private _resizer;
+    private _container;
+    private _resizeHandler;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _toggle;
+}
+
+declare abstract class PacemDialogBase extends Components_2.PacemElement {
+    #private;
+    /** Gets the current state/datacontext of the dialog.
+     * It is automatically destroyed when the dialog closes.
+     * (It has not to be set declaratively.) */
+    state: any;
+    protected abstract get lightbox(): Lightbox;
+    open(state?: any): Promise<DialogResultEventArgs>;
+    protected commit(btn: DialogButton, evt: Event): void;
+}
+
+declare class PacemDialogElement extends PacemDialogBase {
+    buttons: DialogButtons;
+    okCaption: string;
+    yesCaption: string;
+    noCaption: string;
+    cancelCaption: string;
+    private _buttons;
+    protected lightbox: PacemLightboxElement;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    open(state?: any): Promise<DialogResultEventArgs>;
+    viewActivatedCallback(): void;
+    /** Gets the 'ok', 'yes', 'no' and 'cancel' dialog buttons. */
+    get dialogButtons(): {
+        ok: Element;
+        yes: Element;
+        no: Element;
+        cancel: Element;
+    };
+}
+
+declare class PacemDividerElement extends Components_2.PacemElement {
+    constructor();
+    orientation: 'vertical' | 'horizontal';
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _syncOrientation;
+}
+
+declare class PacemIconElement extends Components_2.PacemElement {
+    constructor();
+    icon: string;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _setIcon;
+}
+
+declare class PacemImageElement extends Components_2.PacemElement {
+    #private;
+    constructor();
+    adapt: 'cover' | 'contain' | 'auto';
+    src: string;
+    size: {
+        width: string;
+        height: string;
+        weight?: number;
+    };
+    loading: boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _setLayout;
+    private _setSource;
+}
+
+declare class PacemInfiniteScrollerElement extends PacemEventTarget {
+    constructor();
+    container: string | HTMLElement;
+    threshold: number;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    setInfiniteScrollContainer(v?: string | HTMLElement): void;
+    private _scrollDelegate;
+    private _enabled;
+    private _viewportHeight;
+    private _innerHeight;
+    private _isDocument;
+    private _container;
+    private _viewport;
+    private _scroller;
+    private _bottomGap;
+    private _emitFetchMore;
+    private _doScroll;
+    private _computeHeight;
+}
+
+declare class PacemLightboxElement extends Components_2.PacemElement implements Lightbox {
+    #private;
+    private _keyupHandler;
+    private _wrapperMousedownHandler;
+    show: boolean;
+    modal: boolean;
+    behavior: LightboxBehavior;
+    private _wrapperElement;
+    private _container;
+    private _slot;
+    private _closeWrapper;
+    private _slotchangeHandler;
+    private _resetLayout;
+    private _toggleCloseVisibility;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    disconnectedCallback(): void;
+    private _disposeButton;
+    private _disposeSlot;
+    private _closeHandler;
+    private _close;
+    private _ensureButton;
+    private _lookForAButton;
+}
+
+declare class PacemLoaderElement extends Components_2.PacemElement {
+    private _spinner;
+    private _container;
+    private _svgSpinner;
+    active: boolean;
+    type: LoaderType;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemMarkdownElement extends Components_2.PacemElement {
+    private _md;
+    constructor(_md?: MarkdownService);
+    value: string;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    tokens(md?: string): any[];
+    html(md?: string): string;
+}
+
+declare class PacemMarqueeElement extends Components_2.PacemElement {
+    connectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _overlapResize;
+    private _contentResize;
+    private _css;
+    private _state;
+    private _marquee;
+    private _overlap;
+    private _resizer;
+    /** seconds per 1920px */
+    speed: number;
+    private _adjust;
+}
+
+declare class PacemMediaQueryElement extends PacemEventTarget {
+    #private;
+    query: string;
+    /** @readonly */
+    isMatch: boolean;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    disconnectedCallback(): void;
+    private _changeHandler;
+    private _broadcastChange;
+    private _init;
+}
+
+declare class PacemMenuCursorElement extends Components_2.PacemElement {
+    private _menu;
+    viewActivatedCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onPathChange;
+}
+
+declare class PacemMenuElement extends Components_2.PacemElement {
+    open: boolean;
+    hideHamburgerButton: boolean;
+    hideBackButton: boolean;
+    outset: boolean;
+    synchronizeShell: boolean;
+    private _container;
+    private _base;
+    private _stopPropagationHandlerConditional;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    private _toggle;
+    private _shell;
+    private _sync;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemPagerElement extends Components_2.PacemElement {
+    private _repeater;
+    index: number;
+    total: number;
+    pages: number;
+    size: number;
+    mode: 'standard' | 'numeric-only';
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _databind;
+}
+
+declare class PacemPictureElement extends Components_2.PacemItemsContainerElement<PacemPictureSourceElement> {
+    constructor();
+    validate(item: any): boolean;
+    private _picture;
+    private _img;
+    src: string;
+    currentSrc: string;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _updateCurrentSrcHandler;
+    refreshSources(): void;
+    private _setSources;
+    private _setSource;
+    private _setAltText;
+}
+
+declare class PacemPictureSourceElement extends Components_2.PacemItemElement {
+    srcset: string;
+    media: string;
+    type: string;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemProgressbarElement extends Components_2.PacemElement {
+    constructor();
+    private _bar;
+    private _glow;
+    private _caption;
+    caption: string;
+    percentage: number;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemScheduleElement extends PacemCalendarBaseElement {
+    private _calendar;
+    private _agenda;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+}
+
+declare class PacemSidebarElement extends Components_2.PacemElement {
+    #private;
+    open: boolean;
+    synchronizeShell: boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    disconnectedCallback(): void;
+    private _sync;
+    connectedCallback(): void;
+}
+
+declare class PacemSlideElement extends Components_2.PacemIterableElement {
+}
+
+declare class PacemSlideshowElement extends Components_2.PacemIterativeElement<PacemSlideElement> {
+    validate(item: any): item is PacemSlideElement;
+}
+
+declare class PacemStickyHeaderElement extends PacemEventTarget {
+    #private;
+    threshold: number;
+    offset: Components_2.ScrollEventArgs;
+    visible: boolean;
+    visibility: StickyHeaderVisibility;
+    private _scrollHandler;
+    private _ensureScrollAwareElement;
+    private _manageOffsetChange;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+
+declare class PacemTabElement extends Components_2.PacemIterableElement {
+    #private;
+    constructor();
+    _slotLabel: HTMLSlotElement;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _slotChangeHandler;
+    get content(): NodeList;
+    label: string | Node;
+    key: string;
+}
+
+declare class PacemTabsElement extends Components_2.PacemIterativeElement<PacemTabElement> {
+    private _tweener;
+    constructor(_tweener?: Animations.TweenService);
+    private _defaultTabAdapter;
+    private _tabs;
+    private _container;
+    private _isUsingDefaultTabAdapter;
+    /** Gets or sets the orientation of the default tabs adapter. */
+    orientation: AdapterOrientation;
+    private _labelCallback;
+    private _syncOrientation;
+    private _syncVisibility;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    validate(item: any): item is PacemTabElement;
+}
+
+declare class PacemTickerElement extends Components_2.PacemSafeContentElement {
+    #private;
+    private _slot;
+    private _outgoing;
+    private _incoming;
+    private _tickContent;
+    private _buildMarkupNode;
+    private _contentChangeHandler;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+}
+
+declare class PacemToastElement extends Components_2.PacemElement {
+    autohide: boolean;
+    timeout: number;
+    show: boolean;
+    connectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    disconnectedCallback(): void;
+    private _handle;
+    private _doHide;
+    private _show;
+    popup(): void;
+    /**
+     * Opinionated shortcut/utility for toast spinning.
+     * @param toaster Toast container
+     * @param level Message criticity level
+     * @param message The message
+     * @param options Further options object
+     */
+    static toast(toaster: HTMLElement, level: 'info' | 'success' | 'warning' | 'danger' | 'error', message: string | HTMLElement, options?: {
+        autohide?: boolean;
+        timeout?: number;
+        cssClass?: string | string[];
+    }): Promise<void>;
+    static toast2(toaster: HTMLElement, level: 'info' | 'success' | 'warning' | 'danger' | 'error', message: string | HTMLElement, options?: {
+        autohide?: boolean;
+        timeout?: number;
+        cssClass?: string | string[];
+    }): Promise<void>;
+}
+
+declare class PacemTocElement extends Components_2.PacemElement {
+    private _tweener;
+    constructor(_tweener?: Animations.TweenService);
+    selector: string;
+    offset: number;
+    target: HTMLElement;
+    router: Components_2.PacemRouterElement;
+    /** @readonly */
+    hasContent: boolean;
+    private _repeater;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    viewActivatedCallback(): void;
+    private _onScroll;
+    private _observer;
+    private _items;
+    private _observe;
+    private _scrollToSelf;
+    private _getTop;
+    private _scrollTo;
+    private _hashChange;
+    private _startScrollTo;
+    private _update;
+    /** DOM might change while interacting with the page, this method allows extemporary resets. */
+    refresh(): void;
+}
+
+declare class PacemTunerElement extends Components_2.PacemElement {
+    #private;
+    constructor();
+    private _canvas;
+    private _rail;
+    private _counterRail;
+    private _tween;
+    private _rotate;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    value: number;
+    min: number;
+    max: number;
+    interactive: boolean;
+    round: number;
+    private _toggleRotate;
+    private _angleToValue;
+    private _valueToAngle;
+    private _rotateStartHandler;
+    private _rotateEndHandler;
+    private _rotateHandler;
+    private _setValue;
+    /**
+     * Returns the angle between the vertical line through 'center' and the line through 'center' and 'currentPosition'.
+     * @param evt
+     * @returns
+     */
+    private _getAngle;
+    private _draw;
+}
+
+declare class PacemTweetEmbedElement extends Components_2.PacemElement {
+    tweetid: string;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _scriptsLoaded;
+    viewActivatedCallback(): void;
+    private _render;
+}
+
+declare class PacemVibrateElement extends PacemEventTarget {
+    pattern: number[];
+    vibrate(): void;
+}
+
+declare class PacemViewElement extends PacemEventTarget {
+    #private;
+    url: string | HTMLTemplateElement | Components_2.PacemTemplateProxyElement;
+    fetching: boolean;
+    progress: number;
+    renderErrors: boolean;
+    followRedirects: boolean;
+    /** use it to ensure animation */
+    debounce: number;
+    private _fetchHandle;
+    private _renderHandle;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _isReference;
+    private _templateChangeHandler;
+    private _dispose;
+    private _manage;
+    private _manageRef;
+    private _setTmpl;
+    private _manageUrl;
+    private _manageResult;
+    private _dispatchRender;
+}
+
+declare class PacemWindowAreaElement extends Components_2.PacemIterativeElement<PacemWindowElement> {
+    validate(item: PacemWindowElement): boolean;
+    private _behaviors;
+    private _dragDrop;
+    private _rescale;
+    private _zIndex;
+    private _startHandler;
+    private _blurHandler;
+    private _focusHandler;
+    private _incrementZIndex;
+    connectedCallback(): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    register(item: PacemWindowElement): boolean;
+    unregister(item: PacemWindowElement): boolean;
+    private _itemPropertyChangeHandler;
+    private _adapterPagerCallback;
+    private _syncVisibility;
+}
+
+declare class PacemWindowElement extends Components_2.PacemIterableElement {
+    caption: string;
+    minimized: boolean;
+    floating: boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    private _syncLayout;
+}
+
+declare enum StickyHeaderVisibility {
+    Persistent = "persistent",
+    QuickReturn = "quickreturn"
+}
+
+declare class TimeSelectEvent extends CustomTypedEvent<Date> {
+    constructor(date: Date);
+}
+
+export declare namespace UI {
+    export {
+        AdapterOrientation,
+        AdapterPageButtonRefreshEventArgs,
+        AdapterPageButtonRefreshEventName,
+        AdapterPageButtonRefreshEvent,
+        PacemAdapterElement,
+        PacemAnchorElement,
+        BalloonBehavior,
+        BalloonTrigger,
+        BalloonAlignment,
+        BalloonPosition,
+        BalloonSizing,
+        BalloonPopupEventName,
+        BalloonPopoutEventName,
+        BalloonOptions,
+        PacemBalloonElement,
+        BinderAnchor,
+        BinderEnd,
+        BinderTension,
+        BinderInteractionEventName,
+        BinderInteractionEvent,
+        PacemBinderElement,
+        PacemBladeElement,
+        PacemBottomSheetHandleElement,
+        PacemBottomSheetElement,
+        PacemButtonElement,
+        PacemButtonsetElement,
+        CalendarZoom,
+        ViewDateChangeEvent,
+        DateSelectEvent,
+        TimeSelectEvent,
+        DateRange,
+        PacemCalendarEventElement,
+        CalendarEventSelectEvent,
+        CalendarEventUnselectEvent,
+        PacemCalendarBaseElement,
+        PacemCalendarWithEventsBaseElement,
+        PacemAgendaElement,
+        PacemCalendarElement,
+        PacemClockElement,
+        PacemScheduleElement,
+        PacemCalendarRuleBaseElement,
+        PacemCalendarDayOfWeekRuleElement,
+        PacemCollapseElement,
+        DialogButtons,
+        DialogButton,
+        DialogResultEventArgs,
+        DialogResultEventName,
+        DialogResultEvent,
+        PacemDialogBase,
+        PacemDialogElement,
+        PacemDividerElement,
+        PacemIconElement,
+        PacemImageElement,
+        PacemInfiniteScrollerElement,
+        PacemAdaptedIterativeElement,
+        LightboxBehavior,
+        Lightbox,
+        PacemLightboxElement,
+        LoaderType,
+        PacemLoaderElement,
+        PacemMarkdownElement,
+        MarkdownService,
+        PacemMarqueeElement,
+        MEDIAQUERY_XS,
+        MEDIAQUERY_SM,
+        MEDIAQUERY_MD,
+        MEDIAQUERY_LG,
+        MEDIAQUERY_XL,
+        MEDIAQUERY_HD,
+        MEDIAQUERY_2K,
+        MEDIAQUERY_4K,
+        MEDIAQUERY_PORTRAIT,
+        MEDIAQUERY_LANDSCAPE,
+        MEDIAQUERY_PREFERS_LIGHT,
+        MEDIAQUERY_PREFERS_DARK,
+        PacemMediaQueryElement,
+        PacemMenuElement,
+        PacemMenuCursorElement,
+        PacemPagerElement,
+        PacemPictureSourceElement,
+        PacemPictureElement,
+        PacemProgressbarElement,
+        PacemSidebarElement,
+        PacemSlideElement,
+        PacemSlideshowElement,
+        PacemTweetEmbedElement,
+        StickyHeaderVisibility,
+        PacemStickyHeaderElement,
+        PacemTabElement,
+        PacemTabsElement,
+        PacemTickerElement,
+        PacemToastElement,
+        PacemTocElement,
+        PacemTunerElement,
+        ElementOrPoint,
+        ElementOrPointPropertyConverter,
+        PacemVibrateElement,
+        PacemViewElement,
+        PacemWindowAreaElement,
+        PacemWindowElement
+    }
+}
+
+declare class ViewDateChangeEvent extends CustomTypedEvent<Date> {
+    constructor(date: Date);
+}
+
+
+
+declare global {
+    namespace Pacem {
+        export {
+            Components,
+            UI
+        };
+    }
+}