igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

package/lib/igc-x-checkbox-component.d.ts

@@ -22,7 +22,7 @@ export declare class IgcXCheckboxComponent extends IgcHTMLElement {
     /**
      * @hidden
      */
-    readonly i: XCheckbox; /**
+    get i(): XCheckbox; /**
                                  * @hidden
                                  */
     static _createFromInternal(internal: any): IgcXCheckboxComponent;
@@ -33,7 +33,7 @@ export declare class IgcXCheckboxComponent extends IgcHTMLElement {
     protected _flushQueuedAttributes(): void;
     protected _a(attrName: string, attrValue: any): void;
     private static _observedAttributesIgcXCheckboxComponent;
-    static readonly observedAttributes: string[];
+    static get observedAttributes(): string[];
     private _updatingFromAttribute;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     static htmlTagName: string;
@@ -42,139 +42,172 @@ export declare class IgcXCheckboxComponent extends IgcHTMLElement {
     /**
  * Gets or sets the base built in theme to use for the checkbox.
 */
-    baseTheme: BaseControlTheme;
+    get baseTheme(): BaseControlTheme;
+    set baseTheme(v: BaseControlTheme);
     /**
      * Gets or sets the color to use for the background when the checkbox is unchecked.
     */
-    uncheckedBackgroundColor: string;
+    get uncheckedBackgroundColor(): string;
+    set uncheckedBackgroundColor(v: string);
     /**
      * Gets or sets the color to use for the actual background when the checkbox is unchecked.
     */
-    actualUncheckedBackgroundColor: string;
+    get actualUncheckedBackgroundColor(): string;
+    set actualUncheckedBackgroundColor(v: string);
     /**
      * Gets or sets the color to use for the background when the checkbox is checked.
     */
-    checkedBackgroundColor: string;
+    get checkedBackgroundColor(): string;
+    set checkedBackgroundColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is checked.
     */
-    tickColor: string;
+    get tickColor(): string;
+    set tickColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is checked.
     */
-    actualTickColor: string;
+    get actualTickColor(): string;
+    set actualTickColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is unchecked.
     */
-    uncheckedBorderColor: string;
+    get uncheckedBorderColor(): string;
+    set uncheckedBorderColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is checked.
     */
-    checkedBorderColor: string;
+    get checkedBorderColor(): string;
+    set checkedBorderColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is checked.
     */
-    actualUncheckedBorderColor: string;
+    get actualUncheckedBorderColor(): string;
+    set actualUncheckedBorderColor(v: string);
     /**
      * Gets or sets the color to use for the check mark when the checkbox is checked.
     */
-    actualCheckedBorderColor: string;
+    get actualCheckedBorderColor(): string;
+    set actualCheckedBorderColor(v: string);
     /**
      * Gets or sets the Width to use for the check mark when the checkbox is checked.
     */
-    borderWidth: number;
+    get borderWidth(): number;
+    set borderWidth(v: number);
     /**
      * Gets or sets the Width to use for the check mark when the checkbox is checked.
     */
-    actualBorderWidth: number;
+    get actualBorderWidth(): number;
+    set actualBorderWidth(v: number);
     /**
      * Gets or sets the corner radius to use for the checkbox.
     */
-    cornerRadius: number;
+    get cornerRadius(): number;
+    set cornerRadius(v: number);
     /**
      * Gets or sets the corner radius to use for the checkbox.
     */
-    tickStrokeWidth: number;
+    get tickStrokeWidth(): number;
+    set tickStrokeWidth(v: number);
     /**
      * Gets or sets the stroke width to use for the check mark.
     */
-    actualTickStrokeWidth: number;
+    get actualTickStrokeWidth(): number;
+    set actualTickStrokeWidth(v: number);
     /**
      * Gets the actual corner radius to use for the checkbox.
     */
-    actualCornerRadius: number;
+    get actualCornerRadius(): number;
+    set actualCornerRadius(v: number);
     /**
      * Gets or sets the color to use for the actual background when the checkbox is checked.
     */
-    actualCheckedBackgroundColor: string;
+    get actualCheckedBackgroundColor(): string;
+    set actualCheckedBackgroundColor(v: string);
     /**
      * Gets or sets the id to use for the internal native checkbox.
     */
-    inputId: string;
+    get inputId(): string;
+    set inputId(v: string);
     /**
      * Gets or sets the id to use for the checkbox.
     */
-    id: string;
+    get id(): string;
+    set id(v: string);
     /**
      * Gets or sets id to use for the checkbox label.
     */
-    labelId: string;
+    get labelId(): string;
+    set labelId(v: string);
     /**
      * Gets or sets name to use for the checkbox.
     */
-    name: string;
+    get name(): string;
+    set name(v: string);
     /**
      * Gets or sets TabIndex to use for the checkbox.
     */
-    tabIndex: number;
+    get tabIndex(): number;
+    set tabIndex(v: number);
     /**
      * Gets or sets if the checkbox is required.
     */
-    required: number;
+    get required(): number;
+    set required(v: number);
     /**
      * Gets or sets the value of the aria-labelledby attribute.
     */
-    ariaLabelledBy: string;
+    get ariaLabelledBy(): string;
+    set ariaLabelledBy(v: string);
     /**
      * Gets or sets the value of the aria-label attribute.
     */
-    ariaLabel: string;
+    get ariaLabel(): string;
+    set ariaLabel(v: string);
     /**
      * Gets or sets value to use for the checkbox.
     */
-    value: any;
+    get value(): any;
+    set value(v: any);
     /**
      * Gets or sets if the checkbox is Focused.
     */
-    focused: boolean;
+    get focused(): boolean;
+    set focused(v: boolean);
     /**
      * Gets or sets LabelPosition to use for the checkbox.
     */
-    labelPosition: CheckboxLabelPosition;
+    get labelPosition(): CheckboxLabelPosition;
+    set labelPosition(v: CheckboxLabelPosition);
     /**
      * Gets or sets whether to disable the ripple effect for the checkbox.
     */
-    disableRipple: boolean;
+    get disableRipple(): boolean;
+    set disableRipple(v: boolean);
     /**
      * Gets or sets whether the checkbox is checked.
     */
-    checked: boolean;
+    get checked(): boolean;
+    set checked(v: boolean);
     /**
      * Gets or sets whether the checkbox is indeterminate.
     */
-    indeterminate: boolean;
+    get indeterminate(): boolean;
+    set indeterminate(v: boolean);
     /**
      * Gets or sets whether the checkbox is disabled.
     */
-    disabled: boolean;
+    get disabled(): boolean;
+    set disabled(v: boolean);
     /**
      * Gets or sets whether the checkbox transitions are disabled.
     */
-    disableTransitions: boolean;
+    get disableTransitions(): boolean;
+    set disableTransitions(v: boolean);
     findByName(name: string): any;
     protected __p: string;
     protected _hasUserValues: Set<string>;
-    protected readonly hasUserValues: Set<string>;
+    protected get hasUserValues(): Set<string>;
     protected __m(propertyName: string): void;
     protected _stylingContainer: any;
     protected _stylingParent: any;
@@ -194,5 +227,6 @@ export declare class IgcXCheckboxComponent extends IgcHTMLElement {
     exportSerializedVisualModel(): string;
     private _change;
     private _change_wrapped;
-    change: (s: IgcXCheckboxComponent, e: IgcCheckboxChangeEventArgs) => void;
+    get change(): (s: IgcXCheckboxComponent, e: IgcCheckboxChangeEventArgs) => void;
+    set change(ev: (s: IgcXCheckboxComponent, e: IgcCheckboxChangeEventArgs) => void);
 }

package/lib/igc-x-icon-component.d.ts

@@ -20,7 +20,7 @@ export declare class IgcXIconComponent extends IgcHTMLElement {
     /**
      * @hidden
      */
-    readonly i: XIcon; /**
+    get i(): XIcon; /**
                                  * @hidden
                                  */
     static _createFromInternal(internal: any): IgcXIconComponent;
@@ -31,7 +31,7 @@ export declare class IgcXIconComponent extends IgcHTMLElement {
     protected _flushQueuedAttributes(): void;
     protected _a(attrName: string, attrValue: any): void;
     private static _observedAttributesIgcXIconComponent;
-    static readonly observedAttributes: string[];
+    static get observedAttributes(): string[];
     private _updatingFromAttribute;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     static htmlTagName: string;
@@ -40,100 +40,196 @@ export declare class IgcXIconComponent extends IgcHTMLElement {
     /**
  * Gets or sets the base built in theme to use for the button.
 */
-    baseTheme: BaseControlTheme;
+    get baseTheme(): BaseControlTheme;
+    set baseTheme(v: BaseControlTheme);
     /**
-     * Gets the color to use for the actual background.
+     * Gets the fill color currently used by the icon.
     */
-    actualFill: string;
+    get actualFill(): string;
+    set actualFill(v: string);
     /**
-     * Gets the color to use for the actual text color.
+     * Gets the stroke color currently used by the icon.
     */
-    actualTextColor: string;
+    get actualStroke(): string;
+    set actualStroke(v: string);
     /**
-     * Gets the color to use for the actual background.
+     * Gets the text color currently used by the icon.
     */
-    actualHoverFill: string;
+    get actualTextColor(): string;
+    set actualTextColor(v: string);
     /**
-     * Gets the hover stroke to use for the icon.
+     * Gets the stroke width currently used by the icon.
     */
-    actualHoverStroke: string;
+    get actualStrokeWidth(): number;
+    set actualStrokeWidth(v: number);
     /**
-     * Gets the stroke to use for the icon.
+     * Gets or sets the fill color to use for the icon.
     */
-    actualStroke: string;
+    get fill(): string;
+    set fill(v: string);
     /**
-     * Gets the hover stroke to use for the icon.
+     * Gets or sets the stroke color to use for the icon.
     */
-    actualHoverStrokeThickness: number;
+    get stroke(): string;
+    set stroke(v: string);
     /**
-     * Gets the stroke to use for the icon.
+     * Gets or sets the stroke thickness to use for the icon.
     */
-    actualStrokeThickness: number;
+    get strokeWidth(): number;
+    set strokeWidth(v: number);
     /**
-     * Gets or sets the color to use for the actual background.
+     * Gets or sets the text color to use for the icon.
     */
-    fill: string;
+    get textColor(): string;
+    set textColor(v: string);
     /**
-     * Gets or sets the color to use for the text.
+     * Gets or sets the fill color to use when the icon is hovered.
     */
-    textColor: string;
+    get hoverFill(): string;
+    set hoverFill(v: string);
     /**
-     * Gets or sets the color to use for the text.
+     * Gets or sets the stroke color to use when the icon is hovered.
     */
-    svgPath: string;
+    get hoverStroke(): string;
+    set hoverStroke(v: string);
     /**
-     * Gets or sets the color to use for the actual background.
+     * Gets or sets the stroke thickness to use when the icon is hovered.
     */
-    hoverFill: string;
+    get hoverStrokeThickness(): number;
+    set hoverStrokeThickness(v: number);
     /**
-     * Gets or sets the hover stroke to use for the icon.
+     * Gets or sets the text color to use when the icon is hovered.
     */
-    hoverStroke: string;
+    get hoverTextColor(): string;
+    set hoverTextColor(v: string);
     /**
-     * Gets or sets the stroke to use for the icon.
+     * Gets or sets a collection of fill colors to use in the icon.
+     * These colors can be used by SVG elements that have been marked with the
+     * ig-icon-fill-#
+     * class where # is a number from 0 to count - 1.
     */
-    stroke: string;
+    get fillColors(): string[];
+    set fillColors(v: string[]);
     /**
-     * Gets or sets the hover stroke to use for the icon.
+     * Gets or sets a collection of stroke colors to use in the icon.
+     * These colors can be used by SVG elements that have been marked with the
+     * ig-icon-stroke-#
+     * class where # is a number from 0 to count - 1.
     */
-    hoverStrokeThickness: number;
+    get strokeColors(): string[];
+    set strokeColors(v: string[]);
     /**
-     * Gets or sets the stroke to use for the icon.
+     * Gets or sets a primary fill color for the icon.
+     * This color is used by SVG elements that have been marked
+     * with the
+     * ig-icon-primary-fill
+     * class.
     */
-    strokeThickness: number;
+    get primaryFillColor(): string;
+    set primaryFillColor(v: string);
     /**
-     * Gets or sets the use for the button.
+     * Gets or sets a primary stroke color for the icon.
+     * This color is used by SVG elements that have been marked
+     * with the
+     * ig-icon-primary-stroke
+     * class.
+    */
+    get primaryStrokeColor(): string;
+    set primaryStrokeColor(v: string);
+    /**
+     * Gets or sets a secondary fill color for the icon.
+     * This color is used by SVG elements that have been marked
+     * with the
+     * ig-icon-secondary-fill
+     * class.
     */
-    textStyle: string;
+    get secondaryFillColor(): string;
+    set secondaryFillColor(v: string);
     /**
-     * Gets or sets the color to use for the hovered text of the button regardless of type.
+     * Gets or sets a secondary stroke color for the icon.
+     * This color is used by SVG elements that have been marked
+     * with the
+     * ig-icon-secondary-stroke
+     * class.
     */
-    hoverTextColor: string;
+    get secondaryStrokeColor(): string;
+    set secondaryStrokeColor(v: string);
+    /**
+     * Gets or sets path data for the icon to use.
+    */
+    get svgPath(): string;
+    set svgPath(v: string);
+    /**
+     * Gets or sets svg text for the icon to use.
+    */
+    get svg(): string;
+    set svg(v: string);
+    /**
+     * Gets or sets the use for the button.
+    */
+    get textStyle(): string;
+    set textStyle(v: string);
     /**
      * Gets or sets the id to use for the checkbox.
     */
-    id: string;
+    get id(): string;
+    set id(v: string);
     /**
      * Gets or sets TabIndex to use for the checkbox.
     */
-    tabIndex: number;
+    get tabIndex(): number;
+    set tabIndex(v: number);
     /**
      * Gets or sets the value of the aria-label attribute.
     */
-    ariaLabel: string;
+    get ariaLabel(): string;
+    set ariaLabel(v: string);
     /**
      * Gets or sets whether the icon is hovered.
     */
-    isHover: boolean;
+    get isHover(): boolean;
+    set isHover(v: boolean);
     /**
      * Gets or sets whether the checkbox is disabled.
     */
-    disabled: boolean;
-    opacity: number;
+    get disabled(): boolean;
+    set disabled(v: boolean);
+    get opacity(): number;
+    set opacity(v: number);
+    /**
+     * Gets or sets the viewbox left for the svg icon.
+    */
+    get viewBoxLeft(): number;
+    set viewBoxLeft(v: number);
+    /**
+     * Gets or sets the viewbox top for the svg icon.
+    */
+    get viewBoxTop(): number;
+    set viewBoxTop(v: number);
+    /**
+     * Gets or sets the viewbox width for the svg icon.
+    */
+    get viewBoxWidth(): number;
+    set viewBoxWidth(v: number);
+    /**
+     * Gets or sets the viewbox height for the svg icon.
+    */
+    get viewBoxHeight(): number;
+    set viewBoxHeight(v: number);
+    /**
+     * Gets or sets the width of the icon.
+    */
+    get width(): number;
+    set width(v: number);
+    /**
+     * Gets or sets the height of the icon.
+    */
+    get height(): number;
+    set height(v: number);
     findByName(name: string): any;
     protected __p: string;
     protected _hasUserValues: Set<string>;
-    protected readonly hasUserValues: Set<string>;
+    protected get hasUserValues(): Set<string>;
     protected __m(propertyName: string): void;
     protected _stylingContainer: any;
     protected _stylingParent: any;