import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
import { default as CxOption } from '../../../atoms/src/components/option/option.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 CortexElement } from '../../../base/src/cortex-element.ts';
import { CornerPosition } from '../../../types/src/index.ts';
import { CSSResultGroup } from 'lit';

/**
 * @summary CxCornerPositionInputGroup
 *
 * @event {{ position: CornerPosition; offsetX: string; offsetY: string }} cx-corner-position-input-group-change - Emitted when the control's values change.
 *
 * @typedef CornerPosition - {'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'}
 */
export default class CxCornerPositionInputGroup extends CortexElement {
    static readonly styles: CSSResultGroup;
    static readonly dependencies: {
        'cx-input': typeof CxInput;
        'cx-option': typeof CxOption;
        'cx-select': typeof CxSelect;
        'cx-space': typeof CxSpace;
    };
    private readonly localize;
    position: CornerPosition;
    offsetX: string;
    offsetY: string;
    get offsetXKey(): string;
    get offsetYKey(): string;
    private handlePositionChange;
    private handleOffsetXChange;
    private handleOffsetYChange;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-corner-position-input-group': CxCornerPositionInputGroup;
    }
}
