ag-charts-enterprise/dist/types/src/components/dialog/dialog.d.ts

Advanced Charting / Charts supporting Javascript / Typescript / React / Angular / Vue

import { _ModuleSupport } from 'ag-charts-community';
import type { AgIconName } from 'ag-charts-types';
declare const DraggablePopover: typeof _ModuleSupport.DraggablePopover;
export interface DialogOptions extends _ModuleSupport.PopoverOptions {
}
interface RadioGroupOptions<T extends string> {
    label: string;
    options: Array<{
        icon: AgIconName;
        altText: string;
        value: T;
    }>;
    value: T;
    onChange: (value: T) => void;
}
interface SelectOptions extends _ModuleSupport.SelectOptions {
    altText: string;
    label: string;
}
interface TextAreaOptions extends _ModuleSupport.TextAreaOptions {
    placeholder: string;
}
interface CheckboxOptions extends _ModuleSupport.CheckboxOptions {
    label: string;
}
interface ColorPickerOptions {
    altText: string;
    label: string;
    color?: string;
    opacity?: number;
    isMultiColor?: boolean;
    hasMultiColorOption: boolean;
    onChange: (colorOpacity: string, color: string, opacity: number, isMultiColor: boolean) => void;
    onChangeHide: () => void;
}
/**
 * A popover that opens at a given position but can be moved by the user. By default, it opens at the bottom right or
 * bottom middle of the chart on charts thinner or wider than 1000px respectively. It will reposition to be
 * constrained within the boundaries of the chart.
 *
 * Dialogs may also contain tabs, inputs and nested color pickers.
 */
export declare abstract class Dialog<Options extends DialogOptions = DialogOptions> extends DraggablePopover<Options> {
    private static readonly offset;
    dragHandleDraggingClass: string;
    private readonly colorPicker;
    private colorPickerAnchorElement?;
    private seriesRect?;
    constructor(ctx: _ModuleSupport.ModuleContext, id: string);
    protected showWithChildren(children: Array<HTMLElement>, options: Options): HTMLDivElement;
    protected updatePosition(position: _ModuleSupport.Vec2): void;
    /**************
     * Containers *
     **************/
    protected createTabs<T extends Record<string, {
        label: string;
        panel: HTMLElement;
        onShow?: () => void;
    }>>(tablistLabel: string, initial: keyof T, tabs: T): {
        tabs: HTMLDivElement;
        initialFocus: Record<keyof T, HTMLButtonElement>[keyof T];
    };
    protected createTabPanel(): HTMLDivElement;
    /**********
     * Inputs *
     **********/
    protected createInputGroupLine(): HTMLDivElement;
    protected createRadioGroup<T extends string>({ label, options, value, onChange }: RadioGroupOptions<T>): HTMLDivElement;
    protected createSelect({ altText, label, options, value, onChange }: SelectOptions): HTMLDivElement;
    protected createTextArea({ placeholder, value, onChange }: TextAreaOptions): HTMLTextAreaElement;
    protected createCheckbox({ label, checked, onChange }: CheckboxOptions): HTMLDivElement;
    protected createColorPicker({ color, opacity, label, altText, onChange, onChangeHide, isMultiColor, hasMultiColorOption, }: ColorPickerOptions): HTMLDivElement;
    /***********
     * Private *
     ***********/
    private createHeaderCloseButton;
    private createInputGroup;
    private onLayoutComplete;
    private onKeyDown;
    private reposition;
    private getColorPickerAnchors;
}
export {};