igniteui-angular-inputs
Version:
Ignite UI Angular input components for building rich data visualizations for modern web apps.
1,753 lines (1,752 loc) • 83 kB
JavaScript
import { Output, TemplateRef, EventEmitter, Component, ViewContainerRef, Injector, Renderer2, ViewChild, Input, NgZone, ChangeDetectionStrategy, HostBinding } from '@angular/core';
import { XButton } from "./XButton";
import { ensureEnum, brushToString, stringToBrush, ensureBool, toSpinal, initializePropertiesFromCss, NamePatcher } from "igniteui-angular-core";
import { FontInfo } from "igniteui-angular-core";
import { AngularRenderer, PortalManager } from "igniteui-angular-core";
import { delegateCombine } from "igniteui-angular-core";
import { CornerRadius } from "igniteui-angular-core";
import { ButtonDisplayStyle_$type } from './ButtonDisplayStyle';
import { IgxButtonClickEventArgs } from './igx-button-click-event-args';
import { TypeRegistrar } from "igniteui-angular-core";
import { ControlDisplayDensity, ControlDisplayDensity_$type } from "igniteui-angular-core";
import { ElevationMode, ElevationMode_$type } from "igniteui-angular-core";
import { BaseControlTheme, BaseControlTheme_$type } from "igniteui-angular-core";
import { HorizontalAlignment, HorizontalAlignment_$type } from "igniteui-angular-core";
import { VerticalAlignment, VerticalAlignment_$type } from "igniteui-angular-core";
import { IgxFocusEventArgs } from "igniteui-angular-core";
import * as i0 from "@angular/core";
export class IgxXButtonComponent {
constructor(renderer, _elRef, ngZone, injector) {
this.renderer = renderer;
this._elRef = _elRef;
this.ngZone = ngZone;
this.injector = injector;
this._wrapper = null;
this._portalManager = null;
this._root = null;
this.__p = null;
this._hasUserValues = new Set();
this._stylingContainer = null;
this._stylingParent = null;
this._inStyling = false;
this._clicked = null;
this._gotFocus = null;
this._lostFocus = null;
this._zoneRunner = null;
if (this._styling) {
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
}
this._implementation = this.createImplementation();
this._implementation.externalObject = this;
if (renderer) {
this.container = renderer.createElement("div");
renderer.appendChild(_elRef.element.nativeElement, this.container);
renderer.setStyle(this.container, "display", "inline-block");
}
var root;
root = this.container;
if (this.container != null) {
root = this.container;
}
if (root && root.nativeElement) {
root = root.nativeElement;
}
this._root = root;
var button = this.i;
this._button = button;
if (renderer) {
this._portalManager = new PortalManager("buttonContent");
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
this._wrapper = ren;
button.provideContainer(ren);
}
}
// supports angular themes or custom properties set in CSS
updateStyle() {
this._styling(this._root, this);
}
ngOnDestroy() {
this._button.destroy();
this._wrapper.destroy();
}
ngAfterViewInit() {
this._portalManager.dynamicContent = this._dynamicContent;
this._portalManager.onChildContentChanged(this._childTemplateRef);
this._styling(this._root, this);
this.updateStyle();
}
createImplementation() {
return new XButton();
}
/**
* @hidden
*/
get i() {
return this._implementation;
} /**
* @hidden
*/
static _createFromInternal(internal) {
if (!internal) {
return null;
}
if (!internal.$type) {
return null;
}
let name = internal.$type.name;
let externalName = "Igx" + name + "Component";
if (!TypeRegistrar.isRegistered(externalName)) {
return null;
}
return TypeRegistrar.create(externalName);
}
/**
* Gets or sets the min width to use for the button.
*/
get minWidth() {
return this.i.bz;
}
set minWidth(v) {
this.i.bz = +v;
}
/**
* Gets or sets the min height to use for the button.
*/
get minHeight() {
return this.i.by;
}
set minHeight(v) {
this.i.by = +v;
}
/**
* Gets or sets the display style to use for the button.
*/
get displayType() {
return this.i.e;
}
set displayType(v) {
this.i.e = ensureEnum(ButtonDisplayStyle_$type, v);
}
/**
* Gets or sets the display density to use for the button.
*/
get density() {
return this.i.s;
}
set density(v) {
this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
}
/**
* Gets or sets the base built in theme to use for the button.
*/
get baseTheme() {
return this.i.o;
}
set baseTheme(v) {
this.i.o = ensureEnum(BaseControlTheme_$type, v);
}
/**
* Gets the actual display density to use for the label.
*/
get actualDensity() {
return this.i.r;
}
set actualDensity(v) {
this.i.r = ensureEnum(ControlDisplayDensity_$type, v);
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualBorderColor() {
return brushToString(this.i.nu);
}
set actualBorderColor(v) {
this.i.nu = stringToBrush(v);
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualUmbraShadowColor() {
return brushToString(this.i.n5);
}
set actualUmbraShadowColor(v) {
this.i.n5 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualPenumbraShadowColor() {
return brushToString(this.i.n2);
}
set actualPenumbraShadowColor(v) {
this.i.n2 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualAmbientShadowColor() {
return brushToString(this.i.ns);
}
set actualAmbientShadowColor(v) {
this.i.ns = stringToBrush(v);
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualRestingElevation() {
return this.i.cy;
}
set actualRestingElevation(v) {
this.i.cy = +v;
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualFocusElevation() {
return this.i.cw;
}
set actualFocusElevation(v) {
this.i.cw = +v;
}
/**
* Gets or sets the color to use for the check mark when the checkbox is checked.
*/
get actualHoverElevation() {
return this.i.cx;
}
set actualHoverElevation(v) {
this.i.cx = +v;
}
/**
* Gets or sets the color to use for the ripple when the button is pressed.
*/
get actualRippleColor() {
return brushToString(this.i.n3);
}
set actualRippleColor(v) {
this.i.n3 = stringToBrush(v);
}
get actualCornerRadiusBottomRight() {
return this.i.k4 ? this.i.k4.c : NaN;
}
set actualCornerRadiusBottomRight(v) {
this.ensureActualCornerRadius();
const __nv = +v;
if (this.i.k4.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.k4.b;
__copy.d = this.i.k4.d;
__copy.e = this.i.k4.e;
this.i.k4 = __copy;
}
get actualCornerRadiusBottomLeft() {
return this.i.k4 ? this.i.k4.b : NaN;
}
set actualCornerRadiusBottomLeft(v) {
this.ensureActualCornerRadius();
const __nv = +v;
if (this.i.k4.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.k4.c;
__copy.d = this.i.k4.d;
__copy.e = this.i.k4.e;
this.i.k4 = __copy;
}
get actualCornerRadiusTopLeft() {
return this.i.k4 ? this.i.k4.d : NaN;
}
set actualCornerRadiusTopLeft(v) {
this.ensureActualCornerRadius();
const __nv = +v;
if (this.i.k4.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.k4.c;
__copy.b = this.i.k4.b;
__copy.e = this.i.k4.e;
this.i.k4 = __copy;
}
get actualCornerRadiusTopRight() {
return this.i.k4 ? this.i.k4.e : NaN;
}
set actualCornerRadiusTopRight(v) {
this.ensureActualCornerRadius();
const __nv = +v;
if (this.i.k4.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.k4.c;
__copy.b = this.i.k4.b;
__copy.d = this.i.k4.d;
this.i.k4 = __copy;
}
ensureActualCornerRadius() {
if (this.i.k4) {
return;
}
this.i.k4 = new CornerRadius(2);
}
/**
* Gets the color to use for the actual background.
*/
get actualBackgroundColor() {
return brushToString(this.i.nt);
}
set actualBackgroundColor(v) {
this.i.nt = stringToBrush(v);
}
/**
* Gets the actual color to use for the disabled background of the button.
*/
get actualDisabledBackgroundColor() {
return brushToString(this.i.nv);
}
set actualDisabledBackgroundColor(v) {
this.i.nv = stringToBrush(v);
}
/**
* Gets the actual color to use for the disabled border of the button.
*/
get actualDisabledBorderColor() {
return brushToString(this.i.nw);
}
set actualDisabledBorderColor(v) {
this.i.nw = stringToBrush(v);
}
/**
* Gets the actual color to use for the disabled text of the button.
*/
get actualDisabledTextColor() {
return brushToString(this.i.nx);
}
set actualDisabledTextColor(v) {
this.i.nx = stringToBrush(v);
}
/**
* Gets the actual disabled elevation to use for the button.
*/
get actualDisabledElevation() {
return this.i.cv;
}
set actualDisabledElevation(v) {
this.i.cv = +v;
}
/**
* Gets the actual disabled elevation to use for the button.
*/
get actualElevationMode() {
return this.i.v;
}
set actualElevationMode(v) {
this.i.v = ensureEnum(ElevationMode_$type, v);
}
/**
* Gets the color to use for the actual background.
*/
get actualTextColor() {
return brushToString(this.i.n4);
}
set actualTextColor(v) {
this.i.n4 = stringToBrush(v);
}
/**
* Gets the color to use for the actual background.
*/
get actualHoverTextColor() {
return brushToString(this.i.n1);
}
set actualHoverTextColor(v) {
this.i.n1 = stringToBrush(v);
}
/**
* Gets the color to use for the actual background.
*/
get actualFocusBackgroundColor() {
return brushToString(this.i.ny);
}
set actualFocusBackgroundColor(v) {
this.i.ny = stringToBrush(v);
}
/**
* Gets the actual color to use for the focused text.
*/
get actualFocusTextColor() {
return brushToString(this.i.nz);
}
set actualFocusTextColor(v) {
this.i.nz = stringToBrush(v);
}
/**
* Gets the hover color to use for the actual background.
*/
get actualHoverBackgroundColor() {
return brushToString(this.i.n0);
}
set actualHoverBackgroundColor(v) {
this.i.n0 = stringToBrush(v);
}
/**
* Gets or sets the Width to use for the check mark when the checkbox is checked.
*/
get actualBorderWidth() {
return this.i.bk;
}
set actualBorderWidth(v) {
this.i.bk = +v;
}
/**
* Gets or sets the color to use for the background of the button when the type is raised.
*/
get raisedBackgroundColor() {
return brushToString(this.i.q9);
}
set raisedBackgroundColor(v) {
this.i.q9 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is raised.
*/
get raisedDisabledBackgroundColor() {
return brushToString(this.i.rb);
}
set raisedDisabledBackgroundColor(v) {
this.i.rb = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is raised.
*/
get raisedDisabledBorderColor() {
return brushToString(this.i.rc);
}
set raisedDisabledBorderColor(v) {
this.i.rc = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is raised.
*/
get raisedDisabledTextColor() {
return brushToString(this.i.rd);
}
set raisedDisabledTextColor(v) {
this.i.rd = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is raised.
*/
get raisedDisabledElevation() {
return this.i.d3;
}
set raisedDisabledElevation(v) {
this.i.d3 = +v;
}
/**
* Gets or sets the hover color to use for the background of the button when the type is raised.
*/
get raisedHoverBackgroundColor() {
return brushToString(this.i.rg);
}
set raisedHoverBackgroundColor(v) {
this.i.rg = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button when the type is raised.
*/
get raisedBorderColor() {
return brushToString(this.i.ra);
}
set raisedBorderColor(v) {
this.i.ra = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button when the type is raised.
*/
get raisedRestingElevation() {
return this.i.d6;
}
set raisedRestingElevation(v) {
this.i.d6 = +v;
}
/**
* Gets or sets the hover elevation to use for the button when the type is raised.
*/
get raisedHoverElevation() {
return this.i.d5;
}
set raisedHoverElevation(v) {
this.i.d5 = +v;
}
/**
* Gets or sets the focus elevation to use for the button when the type is raised.
*/
get raisedFocusElevation() {
return this.i.d4;
}
set raisedFocusElevation(v) {
this.i.d4 = +v;
}
/**
* Gets or sets the width to use for the button border when the type is raised.
*/
get raisedBorderWidth() {
return this.i.b1;
}
set raisedBorderWidth(v) {
this.i.b1 = +v;
}
get raisedCornerRadiusBottomRight() {
return this.i.lh ? this.i.lh.c : NaN;
}
set raisedCornerRadiusBottomRight(v) {
this.ensureRaisedCornerRadius();
const __nv = +v;
if (this.i.lh.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.lh.b;
__copy.d = this.i.lh.d;
__copy.e = this.i.lh.e;
this.i.lh = __copy;
}
get raisedCornerRadiusBottomLeft() {
return this.i.lh ? this.i.lh.b : NaN;
}
set raisedCornerRadiusBottomLeft(v) {
this.ensureRaisedCornerRadius();
const __nv = +v;
if (this.i.lh.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.lh.c;
__copy.d = this.i.lh.d;
__copy.e = this.i.lh.e;
this.i.lh = __copy;
}
get raisedCornerRadiusTopLeft() {
return this.i.lh ? this.i.lh.d : NaN;
}
set raisedCornerRadiusTopLeft(v) {
this.ensureRaisedCornerRadius();
const __nv = +v;
if (this.i.lh.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.lh.c;
__copy.b = this.i.lh.b;
__copy.e = this.i.lh.e;
this.i.lh = __copy;
}
get raisedCornerRadiusTopRight() {
return this.i.lh ? this.i.lh.e : NaN;
}
set raisedCornerRadiusTopRight(v) {
this.ensureRaisedCornerRadius();
const __nv = +v;
if (this.i.lh.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.lh.c;
__copy.b = this.i.lh.b;
__copy.d = this.i.lh.d;
this.i.lh = __copy;
}
ensureRaisedCornerRadius() {
if (this.i.lh) {
return;
}
this.i.lh = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
*/
get raisedRippleColor() {
return brushToString(this.i.ri);
}
set raisedRippleColor(v) {
this.i.ri = stringToBrush(v);
}
/**
* Gets or sets the color to use for the background of the button when the type is flat.
*/
get flatBackgroundColor() {
return brushToString(this.i.p8);
}
set flatBackgroundColor(v) {
this.i.p8 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is flat.
*/
get flatDisabledBackgroundColor() {
return brushToString(this.i.qa);
}
set flatDisabledBackgroundColor(v) {
this.i.qa = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is flat.
*/
get flatDisabledBorderColor() {
return brushToString(this.i.qb);
}
set flatDisabledBorderColor(v) {
this.i.qb = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is flat.
*/
get flatDisabledTextColor() {
return brushToString(this.i.qc);
}
set flatDisabledTextColor(v) {
this.i.qc = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is flat.
*/
get flatDisabledElevation() {
return this.i.dp;
}
set flatDisabledElevation(v) {
this.i.dp = +v;
}
/**
* Gets or sets the hover color to use for the background of the button when the type is flat.
*/
get flatHoverBackgroundColor() {
return brushToString(this.i.qf);
}
set flatHoverBackgroundColor(v) {
this.i.qf = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button when the type is flat.
*/
get flatBorderColor() {
return brushToString(this.i.p9);
}
set flatBorderColor(v) {
this.i.p9 = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button when the type is flat.
*/
get flatRestingElevation() {
return this.i.ds;
}
set flatRestingElevation(v) {
this.i.ds = +v;
}
/**
* Gets or sets the hover elevation to use for the button when the type is flat.
*/
get flatHoverElevation() {
return this.i.dr;
}
set flatHoverElevation(v) {
this.i.dr = +v;
}
/**
* Gets or sets the focus elevation to use for the button when the type is flat.
*/
get flatFocusElevation() {
return this.i.dq;
}
set flatFocusElevation(v) {
this.i.dq = +v;
}
/**
* Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
*/
get flatRippleColor() {
return brushToString(this.i.qh);
}
set flatRippleColor(v) {
this.i.qh = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when type is flat.
*/
get flatTextColor() {
return brushToString(this.i.qi);
}
set flatTextColor(v) {
this.i.qi = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button when type is flat.
*/
get flatHoverTextColor() {
return brushToString(this.i.qg);
}
set flatHoverTextColor(v) {
this.i.qg = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused and flat.
*/
get flatFocusBackgroundColor() {
return brushToString(this.i.qd);
}
set flatFocusBackgroundColor(v) {
this.i.qd = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text the button when it is focused and flat.
*/
get flatFocusTextColor() {
return brushToString(this.i.qe);
}
set flatFocusTextColor(v) {
this.i.qe = stringToBrush(v);
}
/**
* Gets or sets the width to use for the button border when the type is flat.
*/
get flatBorderWidth() {
return this.i.bw;
}
set flatBorderWidth(v) {
this.i.bw = +v;
}
get flatCornerRadiusBottomRight() {
return this.i.ld ? this.i.ld.c : NaN;
}
set flatCornerRadiusBottomRight(v) {
this.ensureFlatCornerRadius();
const __nv = +v;
if (this.i.ld.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.ld.b;
__copy.d = this.i.ld.d;
__copy.e = this.i.ld.e;
this.i.ld = __copy;
}
get flatCornerRadiusBottomLeft() {
return this.i.ld ? this.i.ld.b : NaN;
}
set flatCornerRadiusBottomLeft(v) {
this.ensureFlatCornerRadius();
const __nv = +v;
if (this.i.ld.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.ld.c;
__copy.d = this.i.ld.d;
__copy.e = this.i.ld.e;
this.i.ld = __copy;
}
get flatCornerRadiusTopLeft() {
return this.i.ld ? this.i.ld.d : NaN;
}
set flatCornerRadiusTopLeft(v) {
this.ensureFlatCornerRadius();
const __nv = +v;
if (this.i.ld.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.ld.c;
__copy.b = this.i.ld.b;
__copy.e = this.i.ld.e;
this.i.ld = __copy;
}
get flatCornerRadiusTopRight() {
return this.i.ld ? this.i.ld.e : NaN;
}
set flatCornerRadiusTopRight(v) {
this.ensureFlatCornerRadius();
const __nv = +v;
if (this.i.ld.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.ld.c;
__copy.b = this.i.ld.b;
__copy.d = this.i.ld.d;
this.i.ld = __copy;
}
ensureFlatCornerRadius() {
if (this.i.ld) {
return;
}
this.i.ld = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background when the button regardless of type.
*/
get backgroundColor() {
return brushToString(this.i.n6);
}
set backgroundColor(v) {
this.i.n6 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is disabled.
*/
get disabledBackgroundColor() {
return brushToString(this.i.pu);
}
set disabledBackgroundColor(v) {
this.i.pu = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is raised.
*/
get disabledBorderColor() {
return brushToString(this.i.pv);
}
set disabledBorderColor(v) {
this.i.pv = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is raised.
*/
get disabledTextColor() {
return brushToString(this.i.pw);
}
set disabledTextColor(v) {
this.i.pw = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is raised.
*/
get disabledElevation() {
return this.i.dj;
}
set disabledElevation(v) {
this.i.dj = +v;
}
/**
* Gets or sets the disabled elevation to use for the button when the type is raised.
*/
get elevationMode() {
return this.i.x;
}
set elevationMode(v) {
this.i.x = ensureEnum(ElevationMode_$type, v);
}
/**
* Gets or sets the hover color to use for the background of the button when the type is hovered.
*/
get hoverBackgroundColor() {
return brushToString(this.i.ql);
}
set hoverBackgroundColor(v) {
this.i.ql = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button regardless of type.
*/
get borderColor() {
return brushToString(this.i.n7);
}
set borderColor(v) {
this.i.n7 = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button regardless of type.
*/
get restingElevation() {
return this.i.d7;
}
set restingElevation(v) {
this.i.d7 = +v;
}
/**
* Gets or sets the hover elevation to use for the button regardless of type.
*/
get hoverElevation() {
return this.i.du;
}
set hoverElevation(v) {
this.i.du = +v;
}
/**
* Gets or sets the focus elevation to use for the button regardless of type.
*/
get focusElevation() {
return this.i.dt;
}
set focusElevation(v) {
this.i.dt = +v;
}
/**
* Gets or sets the use for the button.
*/
get textStyle() {
if (this.i.ab == null) {
return null;
}
return this.i.ab.fontString;
}
set textStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.ab = fi;
}
/**
* Gets or sets the color to use for the text of the button regardless of type.
*/
get textColor() {
return brushToString(this.i.rl);
}
set textColor(v) {
this.i.rl = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button regardless of type.
*/
get hoverTextColor() {
return brushToString(this.i.qm);
}
set hoverTextColor(v) {
this.i.qm = stringToBrush(v);
}
/**
* Gets or sets the color to use for the background of the button regardless of type.
*/
get rippleColor() {
return brushToString(this.i.rk);
}
set rippleColor(v) {
this.i.rk = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when type is raised.
*/
get raisedTextColor() {
return brushToString(this.i.rj);
}
set raisedTextColor(v) {
this.i.rj = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button when type is raised.
*/
get raisedHoverTextColor() {
return brushToString(this.i.rh);
}
set raisedHoverTextColor(v) {
this.i.rh = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused and raised.
*/
get raisedFocusBackgroundColor() {
return brushToString(this.i.re);
}
set raisedFocusBackgroundColor(v) {
this.i.re = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text the button when it is focused and raised.
*/
get raisedFocusTextColor() {
return brushToString(this.i.rf);
}
set raisedFocusTextColor(v) {
this.i.rf = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused.
*/
get focusBackgroundColor() {
return brushToString(this.i.qj);
}
set focusBackgroundColor(v) {
this.i.qj = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when it is focused.
*/
get focusTextColor() {
return brushToString(this.i.qk);
}
set focusTextColor(v) {
this.i.qk = stringToBrush(v);
}
/**
* Gets or sets the width to use for the button border regardless of type.
*/
get borderWidth() {
return this.i.bl;
}
set borderWidth(v) {
this.i.bl = +v;
}
get cornerRadiusBottomRight() {
return this.i.k6 ? this.i.k6.c : NaN;
}
set cornerRadiusBottomRight(v) {
this.ensureCornerRadius();
const __nv = +v;
if (this.i.k6.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.k6.b;
__copy.d = this.i.k6.d;
__copy.e = this.i.k6.e;
this.i.k6 = __copy;
}
get cornerRadiusBottomLeft() {
return this.i.k6 ? this.i.k6.b : NaN;
}
set cornerRadiusBottomLeft(v) {
this.ensureCornerRadius();
const __nv = +v;
if (this.i.k6.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.k6.c;
__copy.d = this.i.k6.d;
__copy.e = this.i.k6.e;
this.i.k6 = __copy;
}
get cornerRadiusTopLeft() {
return this.i.k6 ? this.i.k6.d : NaN;
}
set cornerRadiusTopLeft(v) {
this.ensureCornerRadius();
const __nv = +v;
if (this.i.k6.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.k6.c;
__copy.b = this.i.k6.b;
__copy.e = this.i.k6.e;
this.i.k6 = __copy;
}
get cornerRadiusTopRight() {
return this.i.k6 ? this.i.k6.e : NaN;
}
set cornerRadiusTopRight(v) {
this.ensureCornerRadius();
const __nv = +v;
if (this.i.k6.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.k6.c;
__copy.b = this.i.k6.b;
__copy.d = this.i.k6.d;
this.i.k6 = __copy;
}
ensureCornerRadius() {
if (this.i.k6) {
return;
}
this.i.k6 = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background of the button when the type is outlined.
*/
get outlinedBackgroundColor() {
return brushToString(this.i.qy);
}
set outlinedBackgroundColor(v) {
this.i.qy = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is outlined.
*/
get outlinedDisabledBackgroundColor() {
return brushToString(this.i.q0);
}
set outlinedDisabledBackgroundColor(v) {
this.i.q0 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is outlined.
*/
get outlinedDisabledBorderColor() {
return brushToString(this.i.q1);
}
set outlinedDisabledBorderColor(v) {
this.i.q1 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is outlined.
*/
get outlinedDisabledTextColor() {
return brushToString(this.i.q2);
}
set outlinedDisabledTextColor(v) {
this.i.q2 = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is outlined.
*/
get outlinedDisabledElevation() {
return this.i.dz;
}
set outlinedDisabledElevation(v) {
this.i.dz = +v;
}
/**
* Gets or sets the hover color to use for the background of the button when the type is hoveredOutlined.
*/
get outlinedHoverBackgroundColor() {
return brushToString(this.i.q5);
}
set outlinedHoverBackgroundColor(v) {
this.i.q5 = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button when the type is outlined.
*/
get outlinedBorderColor() {
return brushToString(this.i.qz);
}
set outlinedBorderColor(v) {
this.i.qz = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button when the type is outlined.
*/
get outlinedRestingElevation() {
return this.i.d2;
}
set outlinedRestingElevation(v) {
this.i.d2 = +v;
}
/**
* Gets or sets the hover elevation to use for the button when the type is outlined.
*/
get outlinedHoverElevation() {
return this.i.d1;
}
set outlinedHoverElevation(v) {
this.i.d1 = +v;
}
/**
* Gets or sets the focus elevation to use for the button when the type is outlined.
*/
get outlinedFocusElevation() {
return this.i.d0;
}
set outlinedFocusElevation(v) {
this.i.d0 = +v;
}
/**
* Gets or sets the width to use for the button border when the type is outlined.
*/
get outlinedBorderWidth() {
return this.i.b0;
}
set outlinedBorderWidth(v) {
this.i.b0 = +v;
}
get outlinedCornerRadiusBottomRight() {
return this.i.lg ? this.i.lg.c : NaN;
}
set outlinedCornerRadiusBottomRight(v) {
this.ensureOutlinedCornerRadius();
const __nv = +v;
if (this.i.lg.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.lg.b;
__copy.d = this.i.lg.d;
__copy.e = this.i.lg.e;
this.i.lg = __copy;
}
get outlinedCornerRadiusBottomLeft() {
return this.i.lg ? this.i.lg.b : NaN;
}
set outlinedCornerRadiusBottomLeft(v) {
this.ensureOutlinedCornerRadius();
const __nv = +v;
if (this.i.lg.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.lg.c;
__copy.d = this.i.lg.d;
__copy.e = this.i.lg.e;
this.i.lg = __copy;
}
get outlinedCornerRadiusTopLeft() {
return this.i.lg ? this.i.lg.d : NaN;
}
set outlinedCornerRadiusTopLeft(v) {
this.ensureOutlinedCornerRadius();
const __nv = +v;
if (this.i.lg.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.lg.c;
__copy.b = this.i.lg.b;
__copy.e = this.i.lg.e;
this.i.lg = __copy;
}
get outlinedCornerRadiusTopRight() {
return this.i.lg ? this.i.lg.e : NaN;
}
set outlinedCornerRadiusTopRight(v) {
this.ensureOutlinedCornerRadius();
const __nv = +v;
if (this.i.lg.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.lg.c;
__copy.b = this.i.lg.b;
__copy.d = this.i.lg.d;
this.i.lg = __copy;
}
ensureOutlinedCornerRadius() {
if (this.i.lg) {
return;
}
this.i.lg = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
*/
get outlinedRippleColor() {
return brushToString(this.i.q7);
}
set outlinedRippleColor(v) {
this.i.q7 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when type is outlined.
*/
get outlinedTextColor() {
return brushToString(this.i.q8);
}
set outlinedTextColor(v) {
this.i.q8 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button when type is outlined.
*/
get outlinedHoverTextColor() {
return brushToString(this.i.q6);
}
set outlinedHoverTextColor(v) {
this.i.q6 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused and outlined.
*/
get outlinedFocusBackgroundColor() {
return brushToString(this.i.q3);
}
set outlinedFocusBackgroundColor(v) {
this.i.q3 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text the button when it is focused and outlined.
*/
get outlinedFocusTextColor() {
return brushToString(this.i.q4);
}
set outlinedFocusTextColor(v) {
this.i.q4 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the background of the button when the type is floating action button.
*/
get fabBackgroundColor() {
return brushToString(this.i.px);
}
set fabBackgroundColor(v) {
this.i.px = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is fab.
*/
get fabDisabledBackgroundColor() {
return brushToString(this.i.pz);
}
set fabDisabledBackgroundColor(v) {
this.i.pz = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is fab.
*/
get fabDisabledBorderColor() {
return brushToString(this.i.p0);
}
set fabDisabledBorderColor(v) {
this.i.p0 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is fab.
*/
get fabDisabledTextColor() {
return brushToString(this.i.p1);
}
set fabDisabledTextColor(v) {
this.i.p1 = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is fab.
*/
get fabDisabledElevation() {
return this.i.dk;
}
set fabDisabledElevation(v) {
this.i.dk = +v;
}
/**
* Gets or sets the hover color to use for the background of the button when the type is hoveredFab.
*/
get fabHoverBackgroundColor() {
return brushToString(this.i.p4);
}
set fabHoverBackgroundColor(v) {
this.i.p4 = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button when the type is floating action button.
*/
get fabBorderColor() {
return brushToString(this.i.py);
}
set fabBorderColor(v) {
this.i.py = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button when the type is floating action button.
*/
get fabRestingElevation() {
return this.i.dn;
}
set fabRestingElevation(v) {
this.i.dn = +v;
}
/**
* Gets or sets the hover elevation to use for the button when the type is floating action button.
*/
get fabHoverElevation() {
return this.i.dm;
}
set fabHoverElevation(v) {
this.i.dm = +v;
}
/**
* Gets or sets the focus elevation to use for the button when the type is floating action button.
*/
get fabFocusElevation() {
return this.i.dl;
}
set fabFocusElevation(v) {
this.i.dl = +v;
}
/**
* Gets or sets the width to use for the button border when the type is floating action button.
*/
get fabBorderWidth() {
return this.i.bv;
}
set fabBorderWidth(v) {
this.i.bv = +v;
}
get fabCornerRadiusBottomRight() {
return this.i.lc ? this.i.lc.c : NaN;
}
set fabCornerRadiusBottomRight(v) {
this.ensureFabCornerRadius();
const __nv = +v;
if (this.i.lc.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.lc.b;
__copy.d = this.i.lc.d;
__copy.e = this.i.lc.e;
this.i.lc = __copy;
}
get fabCornerRadiusBottomLeft() {
return this.i.lc ? this.i.lc.b : NaN;
}
set fabCornerRadiusBottomLeft(v) {
this.ensureFabCornerRadius();
const __nv = +v;
if (this.i.lc.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.lc.c;
__copy.d = this.i.lc.d;
__copy.e = this.i.lc.e;
this.i.lc = __copy;
}
get fabCornerRadiusTopLeft() {
return this.i.lc ? this.i.lc.d : NaN;
}
set fabCornerRadiusTopLeft(v) {
this.ensureFabCornerRadius();
const __nv = +v;
if (this.i.lc.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.lc.c;
__copy.b = this.i.lc.b;
__copy.e = this.i.lc.e;
this.i.lc = __copy;
}
get fabCornerRadiusTopRight() {
return this.i.lc ? this.i.lc.e : NaN;
}
set fabCornerRadiusTopRight(v) {
this.ensureFabCornerRadius();
const __nv = +v;
if (this.i.lc.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.lc.c;
__copy.b = this.i.lc.b;
__copy.d = this.i.lc.d;
this.i.lc = __copy;
}
ensureFabCornerRadius() {
if (this.i.lc) {
return;
}
this.i.lc = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
*/
get fabRippleColor() {
return brushToString(this.i.p6);
}
set fabRippleColor(v) {
this.i.p6 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when type is floating action button.
*/
get fabTextColor() {
return brushToString(this.i.p7);
}
set fabTextColor(v) {
this.i.p7 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button when type is floating action button.
*/
get fabHoverTextColor() {
return brushToString(this.i.p5);
}
set fabHoverTextColor(v) {
this.i.p5 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused and fab.
*/
get fabFocusBackgroundColor() {
return brushToString(this.i.p2);
}
set fabFocusBackgroundColor(v) {
this.i.p2 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text the button when it is focused and fab.
*/
get fabFocusTextColor() {
return brushToString(this.i.p3);
}
set fabFocusTextColor(v) {
this.i.p3 = stringToBrush(v);
}
/**
* Gets or sets the color to use for the background of the button when the type is icon.
*/
get iconBackgroundColor() {
return brushToString(this.i.qn);
}
set iconBackgroundColor(v) {
this.i.qn = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled background of the button when the type is icon.
*/
get iconDisabledBackgroundColor() {
return brushToString(this.i.qp);
}
set iconDisabledBackgroundColor(v) {
this.i.qp = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled border of the button when the type is icon.
*/
get iconDisabledBorderColor() {
return brushToString(this.i.qq);
}
set iconDisabledBorderColor(v) {
this.i.qq = stringToBrush(v);
}
/**
* Gets or sets the color to use for the disabled text of the button when the type is icon.
*/
get iconDisabledTextColor() {
return brushToString(this.i.qr);
}
set iconDisabledTextColor(v) {
this.i.qr = stringToBrush(v);
}
/**
* Gets or sets the disabled elevation to use for the button when the type is icon.
*/
get iconDisabledElevation() {
return this.i.dv;
}
set iconDisabledElevation(v) {
this.i.dv = +v;
}
/**
* Gets or sets the hover color to use for the background of the button when the type is hoveredIcon.
*/
get iconHoverBackgroundColor() {
return brushToString(this.i.qu);
}
set iconHoverBackgroundColor(v) {
this.i.qu = stringToBrush(v);
}
/**
* Gets or sets the border color to use for the button when the type is icon.
*/
get iconBorderColor() {
return brushToString(this.i.qo);
}
set iconBorderColor(v) {
this.i.qo = stringToBrush(v);
}
/**
* Gets or sets the elevation to use for the button when the type is icon.
*/
get iconRestingElevation() {
return this.i.dy;
}
set iconRestingElevation(v) {
this.i.dy = +v;
}
/**
* Gets or sets the hover elevation to use for the button when the type is icon.
*/
get iconHoverElevation() {
return this.i.dx;
}
set iconHoverElevation(v) {
this.i.dx = +v;
}
/**
* Gets or sets the focus elevation to use for the button when the type is icon.
*/
get iconFocusElevation() {
return this.i.dw;
}
set iconFocusElevation(v) {
this.i.dw = +v;
}
/**
* Gets or sets the width to use for the button border when the type is icon.
*/
get iconBorderWidth() {
return this.i.bx;
}
set iconBorderWidth(v) {
this.i.bx = +v;
}
get iconCornerRadiusBottomRight() {
return this.i.lf ? this.i.lf.c : NaN;
}
set iconCornerRadiusBottomRight(v) {
this.ensureIconCornerRadius();
const __nv = +v;
if (this.i.lf.c === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.c = __nv;
__copy.b = this.i.lf.b;
__copy.d = this.i.lf.d;
__copy.e = this.i.lf.e;
this.i.lf = __copy;
}
get iconCornerRadiusBottomLeft() {
return this.i.lf ? this.i.lf.b : NaN;
}
set iconCornerRadiusBottomLeft(v) {
this.ensureIconCornerRadius();
const __nv = +v;
if (this.i.lf.b === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.b = __nv;
__copy.c = this.i.lf.c;
__copy.d = this.i.lf.d;
__copy.e = this.i.lf.e;
this.i.lf = __copy;
}
get iconCornerRadiusTopLeft() {
return this.i.lf ? this.i.lf.d : NaN;
}
set iconCornerRadiusTopLeft(v) {
this.ensureIconCornerRadius();
const __nv = +v;
if (this.i.lf.d === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.d = __nv;
__copy.c = this.i.lf.c;
__copy.b = this.i.lf.b;
__copy.e = this.i.lf.e;
this.i.lf = __copy;
}
get iconCornerRadiusTopRight() {
return this.i.lf ? this.i.lf.e : NaN;
}
set iconCornerRadiusTopRight(v) {
this.ensureIconCornerRadius();
const __nv = +v;
if (this.i.lf.e === __nv) {
return;
}
const __copy = new CornerRadius(2);
__copy.e = __nv;
__copy.c = this.i.lf.c;
__copy.b = this.i.lf.b;
__copy.d = this.i.lf.d;
this.i.lf = __copy;
}
ensureIconCornerRadius() {
if (this.i.lf) {
return;
}
this.i.lf = new CornerRadius(2);
}
/**
* Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
*/
get iconRippleColor() {
return brushToString(this.i.qw);
}
set iconRippleColor(v) {
this.i.qw = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text of the button when type is icon.
*/
get iconTextColor() {
return brushToString(this.i.qx);
}
set iconTextColor(v) {
this.i.qx = stringToBrush(v);
}
/**
* Gets or sets the color to use for the hovered text of the button when type is icon.
*/
get iconHoverTextColor() {
return brushToString(this.i.qv);
}
set iconHoverTextColor(v) {
this.i.qv = stringToBrush(v);
}
/**
* Gets or sets the color to use for the backround the button when it is focused and icon.
*/
get iconFocusBackgroundColor() {
return brushToString(this.i.qs);
}
set iconFocusBackgroundColor(v) {
this.i.qs = stringToBrush(v);
}
/**
* Gets or sets the color to use for the text the button when it is focused and icon.
*/
get iconFocusTextColor() {
return brushToString(this.i.qt);
}
set iconFocusTextColor(v) {
this.i.qt = stringToBrush(v);
}
/**
* Gets or sets the id to use for the internal native checkbox.
*/
get inputId() {
return this.i.hz;
}
set inputId(v) {
this.i.hz = v;
}
/**
* Gets or sets the id to use for the checkbox.
*/
get id() {
return this.i.hx;
}
set id(v) {
this.i.hx = v;
}
/**
* Gets or sets the id to use for the checkbox.
*/
get display() {
return this.i.f1;
}
set display(v) {
this.i.f1 = v;
}
/**
* Gets or sets the id to use for the checkbox.
*/
get flexDirection() {
return this.i.g5;
}
set flexDirection(v) {
this.i.g5 = v;
}
/**
* Gets or sets the flex-grow setting for the button.
*/