import { CustomElement } from '../../../Abstracts/CustomElement'; import { IResizeAdornerElementProps } from './IResizeAdornerElementProps'; declare const ResizeAdornerElement_base: (abstract new (...args: Array) => import("../../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../../Behaviors/Themeable").IThemeableCtor; /** * Resize Adorner - An interactive UI element typically used to resize an element. * * @description * The resize adorner element is used to resize an element. * * @name Resize Adorner * @element mosaik-resize-adorner * @category Adorners * * @slot - The content of the resize adorner. * * @csspart resizable * @csspart handle top-left * @csspart handle top-right * @csspart handle bottom-left * @csspart handle bottom-right * * @cssprop {Color} --resize-adorner-border-color * @cssprop {String} --resize-adorner-border-width * @cssprop {String} --resize-adorner-border-radius * @cssprop {String} --resize-adorner-border-style * @cssprop {Color} --resize-adorner-thumb-background-color * @cssprop {String} --resize-adorner-thumb-border-radius * * @example * ```html * * ``` * * @public */ export declare class ResizeAdornerElement extends ResizeAdornerElement_base implements IResizeAdornerElementProps { private _angle; private _transformOrigin; private _topLeftHandleMouseDownSubscription; private _topRightHandleMouseDownSubscription; private _bottomLeftHandleMouseDownSubscription; private _bottomRightHandleMouseDownSubscription; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `angle` property. * * @public * @attr */ get angle(): number; set angle(value: number); /** * Gets or sets the `transformOrigin` property. * * @public * @attr */ get transformOrigin(): { x: number; y: number; }; set transformOrigin(value: { x: number; y: number; }); /** * @public * @override */ disconnectedCallback(): void; /** * @protected * @override */ protected onApplyTemplate(): void; /** * @protected */ protected onAnglePropertyChanged(prev: number, next: number): void; /** * @protected */ protected onTransformOriginPropertyChanged(prev: { x: number; y: number; }, next: { x: number; y: number; }): void; /** * @protected */ protected onDisabledPropertyChanged(prev: boolean, next: boolean): void; /** * @protected * @template */ onHandle(event: MouseEvent, direction: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'): void; /** * @private */ private updateTransforms; /** * @private */ private onDragResize; } /** * @public */ export declare namespace ResizeAdornerElement { type Props = IResizeAdornerElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-resize-adorner': ResizeAdornerElement; } } export {}; //# sourceMappingURL=ResizeAdornerElement.d.ts.map