igniteui-react-inputs
Version:
Ignite UI React input components.
1,238 lines (1,235 loc) • 47.5 kB
TypeScript
import * as React from 'react';
import { XInputGroup } from "./XInputGroup";
import { IgrXInputGroupItem } from './igr-x-input-group-item';
import { IgrXInputGroupInputCollection } from './igr-x-input-group-input-collection';
import { InputGroupDisplayType } from './InputGroupDisplayType';
import { ControlDisplayDensity } from "igniteui-react-core";
import { BaseControlTheme } from "igniteui-react-core";
export declare class IgrXInputGroup extends React.Component<IIgrXInputGroupProps> {
private _container;
private _initialized;
private _elRef;
private _portalManager;
private _wrapper;
private _getMainRef;
private _contentChildrenManager;
private _updateContentChildren;
contentInputs: IgrXInputGroupItem[];
/**
* The style mappings actually present in the treemap. Do not directly modify this array.
* This array's contents can be modified by causing React to reproject the child content.
* Or adding and removing ranges from the manual ranges collection on the ranges property.
*/
actualInputs: IgrXInputGroupItem[];
private _inputs;
private _inputsAdapter;
/**
* A collection of manually added style mappings for the treemap.
*/
get inputs(): IgrXInputGroupInputCollection;
render(): React.DetailedReactHTMLElement<{
className: string;
ref: (ref: any) => void;
children: any[];
}, any>;
private requestRender;
constructor(props: IIgrXInputGroupProps);
shouldComponentUpdate(nextProps: any, nextState: any): boolean;
protected initializeProperties(): void;
updateStyle(): void;
destroy(): void;
componentWillUnmount(): void;
private _implementation;
componentDidMount(): void;
initializeContent(): void;
protected createImplementation(): XInputGroup;
get i(): XInputGroup;
private _inputGroup;
/**
* Gets or sets the display style to use for the button.
*/
get displayType(): InputGroupDisplayType;
set displayType(v: InputGroupDisplayType);
/**
* Gets or sets the display density to use for the input group.
*/
get density(): ControlDisplayDensity;
set density(v: ControlDisplayDensity);
/**
* Gets the actual display density to use for the input group.
*/
get actualDensity(): ControlDisplayDensity;
set actualDensity(v: ControlDisplayDensity);
/**
* Gets or sets the base built in theme to use for the label.
*/
get baseTheme(): BaseControlTheme;
set baseTheme(v: BaseControlTheme);
get inputHasValue(): boolean;
/**
* Gets the actual item background color.
*/
get actualBorderColor(): string;
set actualBorderColor(v: string);
/**
* Gets the actual item border color.
*/
get actualFocusBorderColor(): string;
set actualFocusBorderColor(v: string);
/**
* Gets the actual item border width.
*/
get actualBorderWidth(): number;
set actualBorderWidth(v: number);
/**
* Gets the actual item border width.
*/
get actualFocusBorderWidth(): number;
set actualFocusBorderWidth(v: number);
get actualCornerRadiusBottomRight(): number;
set actualCornerRadiusBottomRight(v: number);
get actualCornerRadiusBottomLeft(): number;
set actualCornerRadiusBottomLeft(v: number);
get actualCornerRadiusTopLeft(): number;
set actualCornerRadiusTopLeft(v: number);
get actualCornerRadiusTopRight(): number;
set actualCornerRadiusTopRight(v: number);
ensureActualCornerRadius(): void;
get actualContentPaddingBottom(): number;
set actualContentPaddingBottom(v: number);
get actualContentPaddingLeft(): number;
set actualContentPaddingLeft(v: number);
get actualContentPaddingRight(): number;
set actualContentPaddingRight(v: number);
get actualContentPaddingTop(): number;
set actualContentPaddingTop(v: number);
ensureActualContentPadding(): void;
/**
* Gets the actual width to use for the underline element.
*/
get actualUnderlineWidth(): number;
set actualUnderlineWidth(v: number);
/**
* Gets the actual width to use for the underline element.
*/
get actualUnderlineRippleWidth(): number;
set actualUnderlineRippleWidth(v: number);
/**
* Gets the width to use for the underline element when hovered.
*/
get actualHoverUnderlineWidth(): number;
set actualHoverUnderlineWidth(v: number);
/**
* Gets the actual color to use for the underline element.
*/
get actualUnderlineColor(): string;
set actualUnderlineColor(v: string);
/**
* Gets the actual color to use for the underline ripple element.
*/
get actualUnderlineRippleColor(): string;
set actualUnderlineRippleColor(v: string);
/**
* Gets the actual color to use for the underline element.
*/
get actualHoverUnderlineColor(): string;
set actualHoverUnderlineColor(v: string);
/**
* Gets the actual color to use for the underline element when focused.
*/
get actualFocusUnderlineColor(): string;
set actualFocusUnderlineColor(v: string);
/**
* Gets the actual opacity to use for the underline element.
*/
get actualUnderlineOpacity(): number;
set actualUnderlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline element when hovered.
*/
get actualHoverUnderlineOpacity(): number;
set actualHoverUnderlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline element when focused.
*/
get actualFocusUnderlineOpacity(): number;
set actualFocusUnderlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline ripple element when focused.
*/
get actualFocusUnderlineRippleOpacity(): number;
set actualFocusUnderlineRippleOpacity(v: number);
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get actualUnderlineRippleOpacity(): number;
set actualUnderlineRippleOpacity(v: number);
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get actualBackgroundColor(): string;
set actualBackgroundColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group.
*/
get borderWidth(): number;
set borderWidth(v: number);
/**
* Gets or sets the border width to use for the border of the item group when focused.
*/
get focusBorderWidth(): number;
set focusBorderWidth(v: number);
/**
* Gets or sets the color to use the border of the input group.
*/
get borderColor(): string;
set borderColor(v: string);
get cornerRadiusBottomRight(): number;
set cornerRadiusBottomRight(v: number);
get cornerRadiusBottomLeft(): number;
set cornerRadiusBottomLeft(v: number);
get cornerRadiusTopLeft(): number;
set cornerRadiusTopLeft(v: number);
get cornerRadiusTopRight(): number;
set cornerRadiusTopRight(v: number);
ensureCornerRadius(): void;
get contentPaddingBottom(): number;
set contentPaddingBottom(v: number);
get contentPaddingLeft(): number;
set contentPaddingLeft(v: number);
get contentPaddingRight(): number;
set contentPaddingRight(v: number);
get contentPaddingTop(): number;
set contentPaddingTop(v: number);
ensureContentPadding(): void;
/**
* Gets or sets the width to use for the underline element.
*/
get underlineWidth(): number;
set underlineWidth(v: number);
/**
* Gets or sets the width to use for the underline element.
*/
get underlineRippleWidth(): number;
set underlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element when hovered.
*/
get hoverUnderlineWidth(): number;
set hoverUnderlineWidth(v: number);
/**
* Gets or sets the color to use for the underline element.
*/
get underlineColor(): string;
set underlineColor(v: string);
/**
* Gets or sets the color to use for the underline ripple element.
*/
get underlineRippleColor(): string;
set underlineRippleColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get hoverUnderlineColor(): string;
set hoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get focusUnderlineColor(): string;
set focusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get underlineOpacity(): number;
set underlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element.
*/
get hoverUnderlineOpacity(): number;
set hoverUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element.
*/
get focusUnderlineOpacity(): number;
set focusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused.
*/
get focusUnderlineRippleOpacity(): number;
set focusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element.
*/
get underlineRippleOpacity(): number;
set underlineRippleOpacity(v: number);
/**
* Gets or sets the background color to use for the input group.
*/
get backgroundColor(): string;
set backgroundColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get lineTypeBorderWidth(): number;
set lineTypeBorderWidth(v: number);
/**
* Gets or sets the border width to use for the border of the item group when focused when type is line.
*/
get lineTypeFocusBorderWidth(): number;
set lineTypeFocusBorderWidth(v: number);
/**
* Gets or sets the focus color to use the border of the input group when type is line.
*/
get lineTypeFocusBorderColor(): string;
set lineTypeFocusBorderColor(v: string);
/**
* Gets or sets the color to use the border of the input group when type is line.
*/
get lineTypeBorderColor(): string;
set lineTypeBorderColor(v: string);
get lineTypeCornerRadiusBottomRight(): number;
set lineTypeCornerRadiusBottomRight(v: number);
get lineTypeCornerRadiusBottomLeft(): number;
set lineTypeCornerRadiusBottomLeft(v: number);
get lineTypeCornerRadiusTopLeft(): number;
set lineTypeCornerRadiusTopLeft(v: number);
get lineTypeCornerRadiusTopRight(): number;
set lineTypeCornerRadiusTopRight(v: number);
ensureLineTypeCornerRadius(): void;
get lineTypeContentPaddingBottom(): number;
set lineTypeContentPaddingBottom(v: number);
get lineTypeContentPaddingLeft(): number;
set lineTypeContentPaddingLeft(v: number);
get lineTypeContentPaddingRight(): number;
set lineTypeContentPaddingRight(v: number);
get lineTypeContentPaddingTop(): number;
set lineTypeContentPaddingTop(v: number);
ensureLineTypeContentPadding(): void;
/**
* Gets or sets the width to use for the underline element when type is line.
*/
get lineTypeUnderlineWidth(): number;
set lineTypeUnderlineWidth(v: number);
/**
* Gets or sets the width to use for the underline element when type is line.
*/
get lineTypeUnderlineRippleWidth(): number;
set lineTypeUnderlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element when hovered when type is line.
*/
get lineTypeHoverUnderlineWidth(): number;
set lineTypeHoverUnderlineWidth(v: number);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeUnderlineColor(): string;
set lineTypeUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline ripple element when type is line.
*/
get lineTypeUnderlineRippleColor(): string;
set lineTypeUnderlineRippleColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeHoverUnderlineColor(): string;
set lineTypeHoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeFocusUnderlineColor(): string;
set lineTypeFocusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeUnderlineOpacity(): number;
set lineTypeUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeHoverUnderlineOpacity(): number;
set lineTypeHoverUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get lineTypeFocusUnderlineOpacity(): number;
set lineTypeFocusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is line.
*/
get lineTypeFocusUnderlineRippleOpacity(): number;
set lineTypeFocusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when type is line.
*/
get lineTypeUnderlineRippleOpacity(): number;
set lineTypeUnderlineRippleOpacity(v: number);
/**
* Gets or sets the background color to use for the input group when type is line.
*/
get lineTypeBackgroundColor(): string;
set lineTypeBackgroundColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get boxTypeBorderWidth(): number;
set boxTypeBorderWidth(v: number);
/**
* Gets or sets the border width to use for the border of the item group when focused when type is box.
*/
get boxTypeFocusBorderWidth(): number;
set boxTypeFocusBorderWidth(v: number);
/**
* Gets or sets the focus color to use the border of the input group when type is box.
*/
get boxTypeFocusBorderColor(): string;
set boxTypeFocusBorderColor(v: string);
/**
* Gets or sets the color to use the border of the input group when type is box.
*/
get boxTypeBorderColor(): string;
set boxTypeBorderColor(v: string);
get boxTypeCornerRadiusBottomRight(): number;
set boxTypeCornerRadiusBottomRight(v: number);
get boxTypeCornerRadiusBottomLeft(): number;
set boxTypeCornerRadiusBottomLeft(v: number);
get boxTypeCornerRadiusTopLeft(): number;
set boxTypeCornerRadiusTopLeft(v: number);
get boxTypeCornerRadiusTopRight(): number;
set boxTypeCornerRadiusTopRight(v: number);
ensureBoxTypeCornerRadius(): void;
get boxTypeContentPaddingBottom(): number;
set boxTypeContentPaddingBottom(v: number);
get boxTypeContentPaddingLeft(): number;
set boxTypeContentPaddingLeft(v: number);
get boxTypeContentPaddingRight(): number;
set boxTypeContentPaddingRight(v: number);
get boxTypeContentPaddingTop(): number;
set boxTypeContentPaddingTop(v: number);
ensureBoxTypeContentPadding(): void;
/**
* Gets or sets the width to use for the underline element when type is box.
*/
get boxTypeUnderlineWidth(): number;
set boxTypeUnderlineWidth(v: number);
/**
* Gets or sets the width to use for the underline element when type is box.
*/
get boxTypeUnderlineRippleWidth(): number;
set boxTypeUnderlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element when hovered when type is box.
*/
get boxTypeHoverUnderlineWidth(): number;
set boxTypeHoverUnderlineWidth(v: number);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeUnderlineColor(): string;
set boxTypeUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline ripple element when type is box.
*/
get boxTypeUnderlineRippleColor(): string;
set boxTypeUnderlineRippleColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeHoverUnderlineColor(): string;
set boxTypeHoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeFocusUnderlineColor(): string;
set boxTypeFocusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeUnderlineOpacity(): number;
set boxTypeUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeHoverUnderlineOpacity(): number;
set boxTypeHoverUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get boxTypeFocusUnderlineOpacity(): number;
set boxTypeFocusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is box.
*/
get boxTypeFocusUnderlineRippleOpacity(): number;
set boxTypeFocusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when type is box.
*/
get boxTypeUnderlineRippleOpacity(): number;
set boxTypeUnderlineRippleOpacity(v: number);
/**
* Gets or sets the background color to use for the input group when type is box.
*/
get boxTypeBackgroundColor(): string;
set boxTypeBackgroundColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get borderTypeBorderWidth(): number;
set borderTypeBorderWidth(v: number);
/**
* Gets or sets the border width to use for the border of the item group when focused when type is border.
*/
get borderTypeFocusBorderWidth(): number;
set borderTypeFocusBorderWidth(v: number);
/**
* Gets or sets the focus color to use the border of the input group when type is border.
*/
get borderTypeFocusBorderColor(): string;
set borderTypeFocusBorderColor(v: string);
/**
* Gets or sets the color to use the border of the input group when type is border.
*/
get borderTypeBorderColor(): string;
set borderTypeBorderColor(v: string);
get borderTypeCornerRadiusBottomRight(): number;
set borderTypeCornerRadiusBottomRight(v: number);
get borderTypeCornerRadiusBottomLeft(): number;
set borderTypeCornerRadiusBottomLeft(v: number);
get borderTypeCornerRadiusTopLeft(): number;
set borderTypeCornerRadiusTopLeft(v: number);
get borderTypeCornerRadiusTopRight(): number;
set borderTypeCornerRadiusTopRight(v: number);
ensureBorderTypeCornerRadius(): void;
get borderTypeContentPaddingBottom(): number;
set borderTypeContentPaddingBottom(v: number);
get borderTypeContentPaddingLeft(): number;
set borderTypeContentPaddingLeft(v: number);
get borderTypeContentPaddingRight(): number;
set borderTypeContentPaddingRight(v: number);
get borderTypeContentPaddingTop(): number;
set borderTypeContentPaddingTop(v: number);
ensureBorderTypeContentPadding(): void;
/**
* Gets or sets the width to use for the underline element when type is border.
*/
get borderTypeUnderlineWidth(): number;
set borderTypeUnderlineWidth(v: number);
/**
* Gets or sets the width to use for the underline element when type is border.
*/
get borderTypeUnderlineRippleWidth(): number;
set borderTypeUnderlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element when hovered when type is border.
*/
get borderTypeHoverUnderlineWidth(): number;
set borderTypeHoverUnderlineWidth(v: number);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeUnderlineColor(): string;
set borderTypeUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline ripple element when type is border.
*/
get borderTypeUnderlineRippleColor(): string;
set borderTypeUnderlineRippleColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeHoverUnderlineColor(): string;
set borderTypeHoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeFocusUnderlineColor(): string;
set borderTypeFocusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeUnderlineOpacity(): number;
set borderTypeUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeHoverUnderlineOpacity(): number;
set borderTypeHoverUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is border.
*/
get borderTypeFocusUnderlineOpacity(): number;
set borderTypeFocusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is border.
*/
get borderTypeFocusUnderlineRippleOpacity(): number;
set borderTypeFocusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when type is border.
*/
get borderTypeUnderlineRippleOpacity(): number;
set borderTypeUnderlineRippleOpacity(v: number);
/**
* Gets or sets the background color to use for the input group when type is border.
*/
get borderTypeBackgroundColor(): string;
set borderTypeBackgroundColor(v: string);
/**
* Gets or sets the search width to use for the border of the item group when using type line.
*/
get searchTypeBorderWidth(): number;
set searchTypeBorderWidth(v: number);
/**
* Gets or sets the search width to use for the border of the item group when focused when type is search.
*/
get searchTypeFocusBorderWidth(): number;
set searchTypeFocusBorderWidth(v: number);
/**
* Gets or sets the focus color to use the search of the input group when type is search.
*/
get searchTypeFocusBorderColor(): string;
set searchTypeFocusBorderColor(v: string);
/**
* Gets or sets the color to use the search of the input group when type is search.
*/
get searchTypeBorderColor(): string;
set searchTypeBorderColor(v: string);
get searchTypeCornerRadiusBottomRight(): number;
set searchTypeCornerRadiusBottomRight(v: number);
get searchTypeCornerRadiusBottomLeft(): number;
set searchTypeCornerRadiusBottomLeft(v: number);
get searchTypeCornerRadiusTopLeft(): number;
set searchTypeCornerRadiusTopLeft(v: number);
get searchTypeCornerRadiusTopRight(): number;
set searchTypeCornerRadiusTopRight(v: number);
ensureSearchTypeCornerRadius(): void;
get searchTypeContentPaddingBottom(): number;
set searchTypeContentPaddingBottom(v: number);
get searchTypeContentPaddingLeft(): number;
set searchTypeContentPaddingLeft(v: number);
get searchTypeContentPaddingRight(): number;
set searchTypeContentPaddingRight(v: number);
get searchTypeContentPaddingTop(): number;
set searchTypeContentPaddingTop(v: number);
ensureSearchTypeContentPadding(): void;
/**
* Gets or sets the width to use for the underline element when type is search.
*/
get searchTypeUnderlineWidth(): number;
set searchTypeUnderlineWidth(v: number);
/**
* Gets or sets the width to use for the underline element when type is search.
*/
get searchTypeUnderlineRippleWidth(): number;
set searchTypeUnderlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element when hovered when type is search.
*/
get searchTypeHoverUnderlineWidth(): number;
set searchTypeHoverUnderlineWidth(v: number);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeUnderlineColor(): string;
set searchTypeUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline ripple element when type is search.
*/
get searchTypeUnderlineRippleColor(): string;
set searchTypeUnderlineRippleColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeHoverUnderlineColor(): string;
set searchTypeHoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeFocusUnderlineColor(): string;
set searchTypeFocusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeUnderlineOpacity(): number;
set searchTypeUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeHoverUnderlineOpacity(): number;
set searchTypeHoverUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline element when type is search.
*/
get searchTypeFocusUnderlineOpacity(): number;
set searchTypeFocusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is search.
*/
get searchTypeFocusUnderlineRippleOpacity(): number;
set searchTypeFocusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when type is search.
*/
get searchTypeUnderlineRippleOpacity(): number;
set searchTypeUnderlineRippleOpacity(v: number);
/**
* Gets or sets the background color to use for the input group when type is search.
*/
get searchTypeBackgroundColor(): string;
set searchTypeBackgroundColor(v: string);
/**
* Gets or sets whether the input group is expanded or not.
*/
get isExpanded(): boolean;
set isExpanded(v: boolean);
/**
* Gets or sets whether the input group is hovered or not.
*/
get isHovered(): boolean;
set isHovered(v: boolean);
/**
* Gets or sets whether the input group is hovered or not.
*/
get isFocused(): boolean;
set isFocused(v: boolean);
/**
* Gets or sets whether the input group is expanded or not.
*/
get actualIsExpanded(): boolean;
set actualIsExpanded(v: boolean);
/**
* Gets or sets the color to use the hovered background of the inputs in the group.
*/
get focusBorderColor(): string;
set focusBorderColor(v: string);
/**
* Gets or sets the id to use for the checkbox.
*/
get id(): string;
set id(v: string);
/**
* Gets or sets whether the checkbox is disabled.
*/
get disabled(): boolean;
set disabled(v: boolean);
findByName(name: string): any;
protected __p: string;
protected _hasUserValues: Set<string>;
protected get hasUserValues(): Set<string>;
protected __m(propertyName: string): void;
protected _stylingContainer: any;
protected _stylingParent: any;
protected _inStyling: boolean;
protected _styling(container: any, component: any, parent?: any): void;
onDetachedFromUI(): void;
onAttachedToUI(): void;
/**
* Exports visual information about the current state of the grid.
*/
exportVisualModel(): any;
/**
* Returns a serialized copy of the exported visual model
*/
exportSerializedVisualModel(): string;
}
export interface IIgrXInputGroupProps {
children?: React.ReactNode;
/**
* Gets or sets the display style to use for the button.
*/
displayType?: InputGroupDisplayType | string;
/**
* Gets or sets the display density to use for the input group.
*/
density?: ControlDisplayDensity | string;
/**
* Gets the actual display density to use for the input group.
*/
actualDensity?: ControlDisplayDensity | string;
/**
* Gets or sets the base built in theme to use for the label.
*/
baseTheme?: BaseControlTheme | string;
/**
* Gets the actual item background color.
*/
actualBorderColor?: string;
/**
* Gets the actual item border color.
*/
actualFocusBorderColor?: string;
/**
* Gets the actual item border width.
*/
actualBorderWidth?: number | string;
/**
* Gets the actual item border width.
*/
actualFocusBorderWidth?: number | string;
actualCornerRadiusBottomRight?: number | string;
actualCornerRadiusBottomLeft?: number | string;
actualCornerRadiusTopLeft?: number | string;
actualCornerRadiusTopRight?: number | string;
actualContentPaddingBottom?: number | string;
actualContentPaddingLeft?: number | string;
actualContentPaddingRight?: number | string;
actualContentPaddingTop?: number | string;
/**
* Gets the actual width to use for the underline element.
*/
actualUnderlineWidth?: number | string;
/**
* Gets the actual width to use for the underline element.
*/
actualUnderlineRippleWidth?: number | string;
/**
* Gets the width to use for the underline element when hovered.
*/
actualHoverUnderlineWidth?: number | string;
/**
* Gets the actual color to use for the underline element.
*/
actualUnderlineColor?: string;
/**
* Gets the actual color to use for the underline ripple element.
*/
actualUnderlineRippleColor?: string;
/**
* Gets the actual color to use for the underline element.
*/
actualHoverUnderlineColor?: string;
/**
* Gets the actual color to use for the underline element when focused.
*/
actualFocusUnderlineColor?: string;
/**
* Gets the actual opacity to use for the underline element.
*/
actualUnderlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline element when hovered.
*/
actualHoverUnderlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline element when focused.
*/
actualFocusUnderlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline ripple element when focused.
*/
actualFocusUnderlineRippleOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline ripple element.
*/
actualUnderlineRippleOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline ripple element.
*/
actualBackgroundColor?: string;
/**
* Gets or sets the border width to use for the border of the item group.
*/
borderWidth?: number | string;
/**
* Gets or sets the border width to use for the border of the item group when focused.
*/
focusBorderWidth?: number | string;
/**
* Gets or sets the color to use the border of the input group.
*/
borderColor?: string;
cornerRadiusBottomRight?: number | string;
cornerRadiusBottomLeft?: number | string;
cornerRadiusTopLeft?: number | string;
cornerRadiusTopRight?: number | string;
contentPaddingBottom?: number | string;
contentPaddingLeft?: number | string;
contentPaddingRight?: number | string;
contentPaddingTop?: number | string;
/**
* Gets or sets the width to use for the underline element.
*/
underlineWidth?: number | string;
/**
* Gets or sets the width to use for the underline element.
*/
underlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered.
*/
hoverUnderlineWidth?: number | string;
/**
* Gets or sets the color to use for the underline element.
*/
underlineColor?: string;
/**
* Gets or sets the color to use for the underline ripple element.
*/
underlineRippleColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
hoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
focusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
underlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element.
*/
hoverUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element.
*/
focusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused.
*/
focusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element.
*/
underlineRippleOpacity?: number | string;
/**
* Gets or sets the background color to use for the input group.
*/
backgroundColor?: string;
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
lineTypeBorderWidth?: number | string;
/**
* Gets or sets the border width to use for the border of the item group when focused when type is line.
*/
lineTypeFocusBorderWidth?: number | string;
/**
* Gets or sets the focus color to use the border of the input group when type is line.
*/
lineTypeFocusBorderColor?: string;
/**
* Gets or sets the color to use the border of the input group when type is line.
*/
lineTypeBorderColor?: string;
lineTypeCornerRadiusBottomRight?: number | string;
lineTypeCornerRadiusBottomLeft?: number | string;
lineTypeCornerRadiusTopLeft?: number | string;
lineTypeCornerRadiusTopRight?: number | string;
lineTypeContentPaddingBottom?: number | string;
lineTypeContentPaddingLeft?: number | string;
lineTypeContentPaddingRight?: number | string;
lineTypeContentPaddingTop?: number | string;
/**
* Gets or sets the width to use for the underline element when type is line.
*/
lineTypeUnderlineWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when type is line.
*/
lineTypeUnderlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered when type is line.
*/
lineTypeHoverUnderlineWidth?: number | string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline ripple element when type is line.
*/
lineTypeUnderlineRippleColor?: string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeHoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeFocusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeHoverUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is line.
*/
lineTypeFocusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is line.
*/
lineTypeFocusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when type is line.
*/
lineTypeUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the background color to use for the input group when type is line.
*/
lineTypeBackgroundColor?: string;
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
boxTypeBorderWidth?: number | string;
/**
* Gets or sets the border width to use for the border of the item group when focused when type is box.
*/
boxTypeFocusBorderWidth?: number | string;
/**
* Gets or sets the focus color to use the border of the input group when type is box.
*/
boxTypeFocusBorderColor?: string;
/**
* Gets or sets the color to use the border of the input group when type is box.
*/
boxTypeBorderColor?: string;
boxTypeCornerRadiusBottomRight?: number | string;
boxTypeCornerRadiusBottomLeft?: number | string;
boxTypeCornerRadiusTopLeft?: number | string;
boxTypeCornerRadiusTopRight?: number | string;
boxTypeContentPaddingBottom?: number | string;
boxTypeContentPaddingLeft?: number | string;
boxTypeContentPaddingRight?: number | string;
boxTypeContentPaddingTop?: number | string;
/**
* Gets or sets the width to use for the underline element when type is box.
*/
boxTypeUnderlineWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when type is box.
*/
boxTypeUnderlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered when type is box.
*/
boxTypeHoverUnderlineWidth?: number | string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline ripple element when type is box.
*/
boxTypeUnderlineRippleColor?: string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeHoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeFocusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeHoverUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is box.
*/
boxTypeFocusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is box.
*/
boxTypeFocusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when type is box.
*/
boxTypeUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the background color to use for the input group when type is box.
*/
boxTypeBackgroundColor?: string;
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
borderTypeBorderWidth?: number | string;
/**
* Gets or sets the border width to use for the border of the item group when focused when type is border.
*/
borderTypeFocusBorderWidth?: number | string;
/**
* Gets or sets the focus color to use the border of the input group when type is border.
*/
borderTypeFocusBorderColor?: string;
/**
* Gets or sets the color to use the border of the input group when type is border.
*/
borderTypeBorderColor?: string;
borderTypeCornerRadiusBottomRight?: number | string;
borderTypeCornerRadiusBottomLeft?: number | string;
borderTypeCornerRadiusTopLeft?: number | string;
borderTypeCornerRadiusTopRight?: number | string;
borderTypeContentPaddingBottom?: number | string;
borderTypeContentPaddingLeft?: number | string;
borderTypeContentPaddingRight?: number | string;
borderTypeContentPaddingTop?: number | string;
/**
* Gets or sets the width to use for the underline element when type is border.
*/
borderTypeUnderlineWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when type is border.
*/
borderTypeUnderlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered when type is border.
*/
borderTypeHoverUnderlineWidth?: number | string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline ripple element when type is border.
*/
borderTypeUnderlineRippleColor?: string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeHoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeFocusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeHoverUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is border.
*/
borderTypeFocusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is border.
*/
borderTypeFocusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when type is border.
*/
borderTypeUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the background color to use for the input group when type is border.
*/
borderTypeBackgroundColor?: string;
/**
* Gets or sets the search width to use for the border of the item group when using type line.
*/
searchTypeBorderWidth?: number | string;
/**
* Gets or sets the search width to use for the border of the item group when focused when type is search.
*/
searchTypeFocusBorderWidth?: number | string;
/**
* Gets or sets the focus color to use the search of the input group when type is search.
*/
searchTypeFocusBorderColor?: string;
/**
* Gets or sets the color to use the search of the input group when type is search.
*/
searchTypeBorderColor?: string;
searchTypeCornerRadiusBottomRight?: number | string;
searchTypeCornerRadiusBottomLeft?: number | string;
searchTypeCornerRadiusTopLeft?: number | string;
searchTypeCornerRadiusTopRight?: number | string;
searchTypeContentPaddingBottom?: number | string;
searchTypeContentPaddingLeft?: number | string;
searchTypeContentPaddingRight?: number | string;
searchTypeContentPaddingTop?: number | string;
/**
* Gets or sets the width to use for the underline element when type is search.
*/
searchTypeUnderlineWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when type is search.
*/
searchTypeUnderlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered when type is search.
*/
searchTypeHoverUnderlineWidth?: number | string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline ripple element when type is search.
*/
searchTypeUnderlineRippleColor?: string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeHoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeFocusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeHoverUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element when type is search.
*/
searchTypeFocusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is search.
*/
searchTypeFocusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when type is search.
*/
searchTypeUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the background color to use for the input group when type is search.
*/
searchTypeBackgroundColor?: string;
/**
* Gets or sets whether the input group is expanded or not.
*/
isExpanded?: boolean | string;
/**
* Gets or sets whether the input group is hovered or not.
*/
isHovered?: boolean | string;
/**
* Gets or sets whether the input group is hovered or not.
*/
isFocused?: boolean | string;
/**
* Gets or sets whether the input group is expanded or not.
*/
actualIsExpanded?: boolean | string;
/**
* Gets or sets the color to use the hovered background of the inputs in the group.
*/
focusBorderColor?: string;
/**
* Gets or sets the id to use for the checkbox.
*/
id?: string;
/**
* Gets or sets whether the checkbox is disabled.
*/
disabled?: boolean | string;
}