@nebular/theme
Version:
@nebular/theme
179 lines (178 loc) • 5.88 kB
TypeScript
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { NbComponentStatus } from '../component-status';
/**
* Styled checkbox component
*
* @stacked-example(Showcase, checkbox/checkbox-showcase.component)
*
* ### Installation
*
* Import `NbCheckboxComponent` to your feature module.
* ```ts
* @NgModule({
* imports: [
* // ...
* NbCheckboxModule,
* ],
* })
* export class PageModule { }
* ```
* ### Usage
*
* Can have one of the following statuses: danger, success or warning
*
* @stacked-example(Colored Checkboxes, checkbox/checkbox-status.component)
*
* Indeterminate state is also supported:
* @stacked-example(Indeterminate Checkbox, checkbox/checkbox-indeterminate.component)
*
* @additional-example(Disabled Checkbox, checkbox/checkbox-disabled.component)
*
* @styles
*
* checkbox-height:
* checkbox-width:
* checkbox-background-color:
* checkbox-border-color:
* checkbox-border-style:
* checkbox-border-width:
* checkbox-border-radius:
* checkbox-outline-width:
* checkbox-outline-color:
* checkbox-text-color:
* checkbox-text-font-family:
* checkbox-text-font-size:
* checkbox-text-font-weight:
* checkbox-text-line-height:
* checkbox-disabled-background-color:
* checkbox-disabled-border-color:
* checkbox-disabled-checkmark-color:
* checkbox-disabled-text-color:
* checkbox-primary-background-color:
* checkbox-primary-border-color:
* checkbox-primary-checked-background-color:
* checkbox-primary-checked-border-color:
* checkbox-primary-checked-checkmark-color:
* checkbox-primary-indeterminate-background-color:
* checkbox-primary-indeterminate-border-color:
* checkbox-primary-indeterminate-checkmark-color:
* checkbox-primary-focus-border-color:
* checkbox-primary-hover-background-color:
* checkbox-primary-hover-border-color:
* checkbox-primary-active-background-color:
* checkbox-primary-active-border-color:
* checkbox-success-background-color:
* checkbox-success-border-color:
* checkbox-success-checked-background-color:
* checkbox-success-checked-border-color:
* checkbox-success-checked-checkmark-color:
* checkbox-success-indeterminate-background-color:
* checkbox-success-indeterminate-border-color:
* checkbox-success-indeterminate-checkmark-color:
* checkbox-success-focus-border-color:
* checkbox-success-hover-background-color:
* checkbox-success-hover-border-color:
* checkbox-success-active-background-color:
* checkbox-success-active-border-color:
* checkbox-warning-background-color:
* checkbox-warning-border-color:
* checkbox-warning-checked-background-color:
* checkbox-warning-checked-border-color:
* checkbox-warning-checked-checkmark-color:
* checkbox-warning-indeterminate-background-color:
* checkbox-warning-indeterminate-border-color:
* checkbox-warning-indeterminate-checkmark-color:
* checkbox-warning-focus-border-color:
* checkbox-warning-hover-background-color:
* checkbox-warning-hover-border-color:
* checkbox-warning-active-background-color:
* checkbox-warning-active-border-color:
* checkbox-danger-background-color:
* checkbox-danger-border-color:
* checkbox-danger-checked-background-color:
* checkbox-danger-checked-border-color:
* checkbox-danger-checked-checkmark-color:
* checkbox-danger-indeterminate-background-color:
* checkbox-danger-indeterminate-border-color:
* checkbox-danger-indeterminate-checkmark-color:
* checkbox-danger-focus-border-color:
* checkbox-danger-hover-background-color:
* checkbox-danger-hover-border-color:
* checkbox-danger-active-background-color:
* checkbox-danger-active-border-color:
* checkbox-info-background-color:
* checkbox-info-border-color:
* checkbox-info-checked-background-color:
* checkbox-info-checked-border-color:
* checkbox-info-checked-checkmark-color:
* checkbox-info-indeterminate-background-color:
* checkbox-info-indeterminate-border-color:
* checkbox-info-indeterminate-checkmark-color:
* checkbox-info-focus-border-color:
* checkbox-info-hover-background-color:
* checkbox-info-hover-border-color:
* checkbox-info-active-background-color:
* checkbox-info-active-border-color:
*/
export declare class NbCheckboxComponent implements ControlValueAccessor {
private changeDetector;
onChange: any;
onTouched: any;
/**
* Checkbox value
* @deprecated
* @breaking-change Remove @5.0.0
*/
/**
* @deprecated
* @breaking-change Remove @5.0.0
*/
value: boolean;
checked: boolean;
private _checked;
/**
* Controls input disabled state
*/
disabled: boolean;
private _disabled;
/**
* Checkbox status.
* Possible values are: `primary` (default), `success`, `warning`, `danger`, `info`
*/
status: '' | NbComponentStatus;
/**
* Controls checkbox indeterminate state
*/
indeterminate: boolean;
private _indeterminate;
/**
* Output when checked state is changed by a user
* @deprecated
* @breaking-change Remove @5.0.0
* @type EventEmitter<boolean>
*/
valueChange: EventEmitter<boolean>;
/**
* Output when checked state is changed by a user
* @type EventEmitter<boolean>
*/
checkedChange: EventEmitter<boolean>;
readonly primary: boolean;
readonly success: boolean;
readonly warning: boolean;
readonly danger: boolean;
readonly info: boolean;
constructor(changeDetector: ChangeDetectorRef);
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
writeValue(val: any): void;
setDisabledState(val: boolean): void;
setTouched(): void;
updateValueAndIndeterminate(event: Event): void;
}