import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
import { default as CortexElement } from '../../../base/src/cortex-element.ts';
import { SizeInputGroupUnit } from '../../../types/src/size-input-group';
import { CSSResultGroup, TemplateResult } from 'lit';

export default class CxSizeInputGroup extends CortexElement {
    static readonly styles: CSSResultGroup;
    static readonly dependencies: {
        'cx-icon-button': typeof CxIconButton;
        'cx-input': typeof CxInput;
        'cx-select': typeof CxSelect;
        'cx-space': typeof CxSpace;
        'cx-tooltip': typeof CxTooltip;
    };
    private readonly localize;
    widthInput: CxInput;
    heightInput: CxInput;
    unitSelect: CxSelect;
    value: [string, string];
    defaultPixelValue: [string, string];
    keepRatio: boolean;
    canSetUnit: boolean;
    canSetAspectRatio: boolean;
    useMask: boolean;
    unit: SizeInputGroupUnit;
    defaultUnit: SizeInputGroupUnit;
    fallbackValue: [string, string];
    /**
     * The name of the select, submitted as a name/value pair with form data.
     */
    name: string;
    /**
     * The default value of the form control. Primarily used for resetting the form control.
     */
    defaultValue: [string, string];
    get mask(): "numpx" | "num" | "num%";
    get defaultAspectRatio(): number;
    handleValueChange(): void;
    private handleWidthInput;
    private handleHeightInput;
    private handleUnitChange;
    private handleKeepRatioClick;
    private handleInputChange;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-size-input-group': CxSizeInputGroup;
    }
}
