import { OnChanges, SimpleChanges } from "@angular/core";
import { EventEmitter } from "@angular/core";
import { BehaviorSubject } from "rxjs";
import { CssUtils } from "../utils";
import { BackgroundProviderService } from "../background-provider/service/background-provider.service";
import * as i0 from "@angular/core";
declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
declare type Margin = {
    top?: Space;
    bottom?: Space;
    left?: Space;
    right?: Space;
};
export declare class DxcSwitchComponent implements OnChanges {
    private utils;
    bgProviderService?: BackgroundProviderService;
    className: any;
    darkBackground: boolean;
    lightBackground: boolean;
    /**
     * If true, the component is checked. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
     */
    get checked(): boolean;
    set checked(value: boolean);
    private _checked;
    /**
     * Will be passed to the value attribute of the html input element. When inside a form, this value will be only submitted if the switch is checked.
     */
    value: string;
    /**
     * If true, the component will be disabled.
     */
    get disabled(): boolean;
    set disabled(value: boolean);
    private _disabled;
    /**
     * If true, the switch will change its appearence, showing that the value is required.
     */
    get required(): boolean;
    set required(value: boolean);
    private _required;
    /**
     * Text to be placed next to the switch.
     */
    label: string;
    /**
     * Name attribute of the input element.
     */
    name: string;
    /**
     * Whether the label should appear after or before the switch.
     */
    labelPosition: "before" | "after";
    /**
     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
     */
    margin: Space | Margin;
    /**
     * Size of the component.
     */
    size: "small" | "medium" | "large" | "fillParent" | "fitContent";
    /**
     * Value of the tabindex.
     */
    get tabIndexValue(): number;
    set tabIndexValue(value: number);
    private _tabIndexValue;
    /**
     * This event will be emitted when the user changes the state of the switch.
     * The new value of the checked property will be passed as a parameter.
     */
    onChange: EventEmitter<boolean>;
    renderedChecked: boolean;
    defaultInputs: BehaviorSubject<any>;
    sizes: {
        small: string;
        medium: string;
        large: string;
        fillParent: string;
        fitContent: string;
    };
    ngOnChanges(changes: SimpleChanges): void;
    ngOnInit(): void;
    constructor(utils: CssUtils, bgProviderService?: BackgroundProviderService);
    onChangeHandler($event: any): void;
    calculateWidth(margin: any, size: any): string;
    setTextAlign(labelPosition: any): string;
    getDarkStyle(): string;
    getLightStyle(): string;
    getDynamicStyle(inputs: any): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<DxcSwitchComponent, [null, { optional: true; }]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DxcSwitchComponent, "dxc-switch", never, { "checked": "checked"; "value": "value"; "disabled": "disabled"; "required": "required"; "label": "label"; "name": "name"; "labelPosition": "labelPosition"; "margin": "margin"; "size": "size"; "tabIndexValue": "tabIndexValue"; }, { "onChange": "onChange"; }, never, never>;
}
export {};
//# sourceMappingURL=dxc-switch.component.d.ts.map