UNPKG

igniteui-angular-inputs

Version:

Ignite UI Angular input components for building rich data visualizations for modern web apps.

1,542 lines (1,541 loc) 84.4 kB
import { Output, TemplateRef, EventEmitter, Component, ViewContainerRef, ViewChild, Input, 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_$type } from "igniteui-angular-core"; import { ElevationMode_$type } from "igniteui-angular-core"; import { BaseControlTheme_$type } from "igniteui-angular-core"; import { HorizontalAlignment_$type } from "igniteui-angular-core"; import { VerticalAlignment_$type } from "igniteui-angular-core"; import { IgxFocusEventArgs } from "igniteui-angular-core"; import * as i0 from "@angular/core"; export let IgxXButtonComponent = /*@__PURE__*/ (() => { class IgxXButtonComponent { constructor(renderer, _elRef, ngZone, injector, componentFactoryResolver) { this.renderer = renderer; this._elRef = _elRef; this.ngZone = ngZone; this.injector = injector; this.componentFactoryResolver = componentFactoryResolver; 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", componentFactoryResolver); 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.by; } set minWidth(v) { this.i.by = +v; } /** * Gets or sets the min height to use for the button. */ get minHeight() { return this.i.bx; } set minHeight(v) { this.i.bx = +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.r; } set density(v) { this.i.r = ensureEnum(ControlDisplayDensity_$type, v); } /** * Gets or sets the base built in theme to use for the button. */ get baseTheme() { return this.i.n; } set baseTheme(v) { this.i.n = ensureEnum(BaseControlTheme_$type, v); } /** * Gets the actual display density to use for the label. */ get actualDensity() { return this.i.q; } set actualDensity(v) { this.i.q = 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.np); } set actualBorderColor(v) { this.i.np = stringToBrush(v); } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualUmbraShadowColor() { return brushToString(this.i.n0); } set actualUmbraShadowColor(v) { this.i.n0 = stringToBrush(v); } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualPenumbraShadowColor() { return brushToString(this.i.nx); } set actualPenumbraShadowColor(v) { this.i.nx = stringToBrush(v); } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualAmbientShadowColor() { return brushToString(this.i.nn); } set actualAmbientShadowColor(v) { this.i.nn = stringToBrush(v); } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualRestingElevation() { return this.i.cx; } set actualRestingElevation(v) { this.i.cx = +v; } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualFocusElevation() { return this.i.cv; } set actualFocusElevation(v) { this.i.cv = +v; } /** * Gets or sets the color to use for the check mark when the checkbox is checked. */ get actualHoverElevation() { return this.i.cw; } set actualHoverElevation(v) { this.i.cw = +v; } /** * Gets or sets the color to use for the ripple when the button is pressed. */ get actualRippleColor() { return brushToString(this.i.ny); } set actualRippleColor(v) { this.i.ny = stringToBrush(v); } get actualCornerRadiusBottomRight() { return this.i.kz ? this.i.kz.c : NaN; } set actualCornerRadiusBottomRight(v) { this.ensureActualCornerRadius(); this.i.kz.c = +v; this.i.kz = this.i.kz; } get actualCornerRadiusBottomLeft() { return this.i.kz ? this.i.kz.b : NaN; } set actualCornerRadiusBottomLeft(v) { this.ensureActualCornerRadius(); this.i.kz.b = +v; this.i.kz = this.i.kz; } get actualCornerRadiusTopLeft() { return this.i.kz ? this.i.kz.d : NaN; } set actualCornerRadiusTopLeft(v) { this.ensureActualCornerRadius(); this.i.kz.d = +v; this.i.kz = this.i.kz; } get actualCornerRadiusTopRight() { return this.i.kz ? this.i.kz.e : NaN; } set actualCornerRadiusTopRight(v) { this.ensureActualCornerRadius(); this.i.kz.e = +v; this.i.kz = this.i.kz; } ensureActualCornerRadius() { if (this.i.kz) { return; } this.i.kz = new CornerRadius(2); } /** * Gets the color to use for the actual background. */ get actualBackgroundColor() { return brushToString(this.i.no); } set actualBackgroundColor(v) { this.i.no = stringToBrush(v); } /** * Gets the actual color to use for the disabled background of the button. */ get actualDisabledBackgroundColor() { return brushToString(this.i.nq); } set actualDisabledBackgroundColor(v) { this.i.nq = stringToBrush(v); } /** * Gets the actual color to use for the disabled border of the button. */ get actualDisabledBorderColor() { return brushToString(this.i.nr); } set actualDisabledBorderColor(v) { this.i.nr = stringToBrush(v); } /** * Gets the actual color to use for the disabled text of the button. */ get actualDisabledTextColor() { return brushToString(this.i.ns); } set actualDisabledTextColor(v) { this.i.ns = stringToBrush(v); } /** * Gets the actual disabled elevation to use for the button. */ get actualDisabledElevation() { return this.i.cu; } set actualDisabledElevation(v) { this.i.cu = +v; } /** * Gets the actual disabled elevation to use for the button. */ get actualElevationMode() { return this.i.u; } set actualElevationMode(v) { this.i.u = ensureEnum(ElevationMode_$type, v); } /** * Gets the color to use for the actual background. */ get actualTextColor() { return brushToString(this.i.nz); } set actualTextColor(v) { this.i.nz = stringToBrush(v); } /** * Gets the color to use for the actual background. */ get actualHoverTextColor() { return brushToString(this.i.nw); } set actualHoverTextColor(v) { this.i.nw = stringToBrush(v); } /** * Gets the color to use for the actual background. */ get actualFocusBackgroundColor() { return brushToString(this.i.nt); } set actualFocusBackgroundColor(v) { this.i.nt = stringToBrush(v); } /** * Gets the actual color to use for the focused text. */ get actualFocusTextColor() { return brushToString(this.i.nu); } set actualFocusTextColor(v) { this.i.nu = stringToBrush(v); } /** * Gets the hover color to use for the actual background. */ get actualHoverBackgroundColor() { return brushToString(this.i.nv); } set actualHoverBackgroundColor(v) { this.i.nv = stringToBrush(v); } /** * Gets or sets the Width to use for the check mark when the checkbox is checked. */ get actualBorderWidth() { return this.i.bj; } set actualBorderWidth(v) { this.i.bj = +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.q4); } set raisedBackgroundColor(v) { this.i.q4 = 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.q6); } set raisedDisabledBackgroundColor(v) { this.i.q6 = 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.q7); } set raisedDisabledBorderColor(v) { this.i.q7 = 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.q8); } set raisedDisabledTextColor(v) { this.i.q8 = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is raised. */ get raisedDisabledElevation() { return this.i.d2; } set raisedDisabledElevation(v) { this.i.d2 = +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.rb); } set raisedHoverBackgroundColor(v) { this.i.rb = stringToBrush(v); } /** * Gets or sets the border color to use for the button when the type is raised. */ get raisedBorderColor() { return brushToString(this.i.q5); } set raisedBorderColor(v) { this.i.q5 = stringToBrush(v); } /** * Gets or sets the elevation to use for the button when the type is raised. */ get raisedRestingElevation() { return this.i.d5; } set raisedRestingElevation(v) { this.i.d5 = +v; } /** * Gets or sets the hover elevation to use for the button when the type is raised. */ get raisedHoverElevation() { return this.i.d4; } set raisedHoverElevation(v) { this.i.d4 = +v; } /** * Gets or sets the focus elevation to use for the button when the type is raised. */ get raisedFocusElevation() { return this.i.d3; } set raisedFocusElevation(v) { this.i.d3 = +v; } /** * Gets or sets the width to use for the button border when the type is raised. */ get raisedBorderWidth() { return this.i.b0; } set raisedBorderWidth(v) { this.i.b0 = +v; } get raisedCornerRadiusBottomRight() { return this.i.lc ? this.i.lc.c : NaN; } set raisedCornerRadiusBottomRight(v) { this.ensureRaisedCornerRadius(); this.i.lc.c = +v; this.i.lc = this.i.lc; } get raisedCornerRadiusBottomLeft() { return this.i.lc ? this.i.lc.b : NaN; } set raisedCornerRadiusBottomLeft(v) { this.ensureRaisedCornerRadius(); this.i.lc.b = +v; this.i.lc = this.i.lc; } get raisedCornerRadiusTopLeft() { return this.i.lc ? this.i.lc.d : NaN; } set raisedCornerRadiusTopLeft(v) { this.ensureRaisedCornerRadius(); this.i.lc.d = +v; this.i.lc = this.i.lc; } get raisedCornerRadiusTopRight() { return this.i.lc ? this.i.lc.e : NaN; } set raisedCornerRadiusTopRight(v) { this.ensureRaisedCornerRadius(); this.i.lc.e = +v; this.i.lc = this.i.lc; } ensureRaisedCornerRadius() { 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 raisedRippleColor() { return brushToString(this.i.rd); } set raisedRippleColor(v) { this.i.rd = 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.p3); } set flatBackgroundColor(v) { this.i.p3 = 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.p5); } set flatDisabledBackgroundColor(v) { this.i.p5 = 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.p6); } set flatDisabledBorderColor(v) { this.i.p6 = 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.p7); } set flatDisabledTextColor(v) { this.i.p7 = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is flat. */ get flatDisabledElevation() { return this.i.dn; } set flatDisabledElevation(v) { this.i.dn = +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.qa); } set flatHoverBackgroundColor(v) { this.i.qa = stringToBrush(v); } /** * Gets or sets the border color to use for the button when the type is flat. */ get flatBorderColor() { return brushToString(this.i.p4); } set flatBorderColor(v) { this.i.p4 = stringToBrush(v); } /** * Gets or sets the elevation to use for the button when the type is flat. */ get flatRestingElevation() { return this.i.dr; } set flatRestingElevation(v) { this.i.dr = +v; } /** * Gets or sets the hover elevation to use for the button when the type is flat. */ get flatHoverElevation() { return this.i.dq; } set flatHoverElevation(v) { this.i.dq = +v; } /** * Gets or sets the focus elevation to use for the button when the type is flat. */ get flatFocusElevation() { return this.i.dp; } set flatFocusElevation(v) { this.i.dp = +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.qc); } set flatRippleColor(v) { this.i.qc = 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.qd); } set flatTextColor(v) { this.i.qd = 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.qb); } set flatHoverTextColor(v) { this.i.qb = 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.p8); } set flatFocusBackgroundColor(v) { this.i.p8 = 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.p9); } set flatFocusTextColor(v) { this.i.p9 = stringToBrush(v); } /** * Gets or sets the width to use for the button border when the type is flat. */ get flatBorderWidth() { return this.i.bv; } set flatBorderWidth(v) { this.i.bv = +v; } get flatCornerRadiusBottomRight() { return this.i.k8 ? this.i.k8.c : NaN; } set flatCornerRadiusBottomRight(v) { this.ensureFlatCornerRadius(); this.i.k8.c = +v; this.i.k8 = this.i.k8; } get flatCornerRadiusBottomLeft() { return this.i.k8 ? this.i.k8.b : NaN; } set flatCornerRadiusBottomLeft(v) { this.ensureFlatCornerRadius(); this.i.k8.b = +v; this.i.k8 = this.i.k8; } get flatCornerRadiusTopLeft() { return this.i.k8 ? this.i.k8.d : NaN; } set flatCornerRadiusTopLeft(v) { this.ensureFlatCornerRadius(); this.i.k8.d = +v; this.i.k8 = this.i.k8; } get flatCornerRadiusTopRight() { return this.i.k8 ? this.i.k8.e : NaN; } set flatCornerRadiusTopRight(v) { this.ensureFlatCornerRadius(); this.i.k8.e = +v; this.i.k8 = this.i.k8; } ensureFlatCornerRadius() { if (this.i.k8) { return; } this.i.k8 = 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.n1); } set backgroundColor(v) { this.i.n1 = 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.pp); } set disabledBackgroundColor(v) { this.i.pp = 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.pq); } set disabledBorderColor(v) { this.i.pq = 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.pr); } set disabledTextColor(v) { this.i.pr = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is raised. */ get disabledElevation() { return this.i.di; } set disabledElevation(v) { this.i.di = +v; } /** * Gets or sets the disabled elevation to use for the button when the type is raised. */ get elevationMode() { return this.i.w; } set elevationMode(v) { this.i.w = 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.qg); } set hoverBackgroundColor(v) { this.i.qg = stringToBrush(v); } /** * Gets or sets the border color to use for the button regardless of type. */ get borderColor() { return brushToString(this.i.n2); } set borderColor(v) { this.i.n2 = stringToBrush(v); } /** * Gets or sets the elevation to use for the button regardless of type. */ get restingElevation() { return this.i.d6; } set restingElevation(v) { this.i.d6 = +v; } /** * Gets or sets the hover elevation to use for the button regardless of type. */ get hoverElevation() { return this.i.dt; } set hoverElevation(v) { this.i.dt = +v; } /** * Gets or sets the focus elevation to use for the button regardless of type. */ get focusElevation() { return this.i.ds; } set focusElevation(v) { this.i.ds = +v; } /** * Gets or sets the use for the button. */ get textStyle() { if (this.i.aa == null) { return null; } return this.i.aa.fontString; } set textStyle(v) { let fi = new FontInfo(); fi.fontString = v; this.i.aa = fi; } /** * Gets or sets the color to use for the text of the button regardless of type. */ get textColor() { return brushToString(this.i.rg); } set textColor(v) { this.i.rg = 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.qh); } set hoverTextColor(v) { this.i.qh = stringToBrush(v); } /** * Gets or sets the color to use for the background of the button regardless of type. */ get rippleColor() { return brushToString(this.i.rf); } set rippleColor(v) { this.i.rf = 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.re); } set raisedTextColor(v) { this.i.re = 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.rc); } set raisedHoverTextColor(v) { this.i.rc = 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.q9); } set raisedFocusBackgroundColor(v) { this.i.q9 = 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.ra); } set raisedFocusTextColor(v) { this.i.ra = stringToBrush(v); } /** * Gets or sets the color to use for the backround the button when it is focused. */ get focusBackgroundColor() { return brushToString(this.i.qe); } set focusBackgroundColor(v) { this.i.qe = 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.qf); } set focusTextColor(v) { this.i.qf = stringToBrush(v); } /** * Gets or sets the width to use for the button border regardless of type. */ get borderWidth() { return this.i.bk; } set borderWidth(v) { this.i.bk = +v; } get cornerRadiusBottomRight() { return this.i.k1 ? this.i.k1.c : NaN; } set cornerRadiusBottomRight(v) { this.ensureCornerRadius(); this.i.k1.c = +v; this.i.k1 = this.i.k1; } get cornerRadiusBottomLeft() { return this.i.k1 ? this.i.k1.b : NaN; } set cornerRadiusBottomLeft(v) { this.ensureCornerRadius(); this.i.k1.b = +v; this.i.k1 = this.i.k1; } get cornerRadiusTopLeft() { return this.i.k1 ? this.i.k1.d : NaN; } set cornerRadiusTopLeft(v) { this.ensureCornerRadius(); this.i.k1.d = +v; this.i.k1 = this.i.k1; } get cornerRadiusTopRight() { return this.i.k1 ? this.i.k1.e : NaN; } set cornerRadiusTopRight(v) { this.ensureCornerRadius(); this.i.k1.e = +v; this.i.k1 = this.i.k1; } ensureCornerRadius() { if (this.i.k1) { return; } this.i.k1 = 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.qt); } set outlinedBackgroundColor(v) { this.i.qt = 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.qv); } set outlinedDisabledBackgroundColor(v) { this.i.qv = 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.qw); } set outlinedDisabledBorderColor(v) { this.i.qw = 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.qx); } set outlinedDisabledTextColor(v) { this.i.qx = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is outlined. */ get outlinedDisabledElevation() { return this.i.dy; } set outlinedDisabledElevation(v) { this.i.dy = +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.q0); } set outlinedHoverBackgroundColor(v) { this.i.q0 = stringToBrush(v); } /** * Gets or sets the border color to use for the button when the type is outlined. */ get outlinedBorderColor() { return brushToString(this.i.qu); } set outlinedBorderColor(v) { this.i.qu = stringToBrush(v); } /** * Gets or sets the elevation to use for the button when the type is outlined. */ get outlinedRestingElevation() { return this.i.d1; } set outlinedRestingElevation(v) { this.i.d1 = +v; } /** * Gets or sets the hover elevation to use for the button when the type is outlined. */ get outlinedHoverElevation() { return this.i.d0; } set outlinedHoverElevation(v) { this.i.d0 = +v; } /** * Gets or sets the focus elevation to use for the button when the type is outlined. */ get outlinedFocusElevation() { return this.i.dz; } set outlinedFocusElevation(v) { this.i.dz = +v; } /** * Gets or sets the width to use for the button border when the type is outlined. */ get outlinedBorderWidth() { return this.i.bz; } set outlinedBorderWidth(v) { this.i.bz = +v; } get outlinedCornerRadiusBottomRight() { return this.i.lb ? this.i.lb.c : NaN; } set outlinedCornerRadiusBottomRight(v) { this.ensureOutlinedCornerRadius(); this.i.lb.c = +v; this.i.lb = this.i.lb; } get outlinedCornerRadiusBottomLeft() { return this.i.lb ? this.i.lb.b : NaN; } set outlinedCornerRadiusBottomLeft(v) { this.ensureOutlinedCornerRadius(); this.i.lb.b = +v; this.i.lb = this.i.lb; } get outlinedCornerRadiusTopLeft() { return this.i.lb ? this.i.lb.d : NaN; } set outlinedCornerRadiusTopLeft(v) { this.ensureOutlinedCornerRadius(); this.i.lb.d = +v; this.i.lb = this.i.lb; } get outlinedCornerRadiusTopRight() { return this.i.lb ? this.i.lb.e : NaN; } set outlinedCornerRadiusTopRight(v) { this.ensureOutlinedCornerRadius(); this.i.lb.e = +v; this.i.lb = this.i.lb; } ensureOutlinedCornerRadius() { if (this.i.lb) { return; } this.i.lb = 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.q2); } set outlinedRippleColor(v) { this.i.q2 = 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.q3); } set outlinedTextColor(v) { this.i.q3 = 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.q1); } set outlinedHoverTextColor(v) { this.i.q1 = 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.qy); } set outlinedFocusBackgroundColor(v) { this.i.qy = 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.qz); } set outlinedFocusTextColor(v) { this.i.qz = 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.ps); } set fabBackgroundColor(v) { this.i.ps = 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.pu); } set fabDisabledBackgroundColor(v) { this.i.pu = 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.pv); } set fabDisabledBorderColor(v) { this.i.pv = 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.pw); } set fabDisabledTextColor(v) { this.i.pw = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is fab. */ get fabDisabledElevation() { return this.i.dj; } set fabDisabledElevation(v) { this.i.dj = +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.pz); } set fabHoverBackgroundColor(v) { this.i.pz = 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.pt); } set fabBorderColor(v) { this.i.pt = stringToBrush(v); } /** * Gets or sets the elevation to use for the button when the type is floating action button. */ get fabRestingElevation() { return this.i.dm; } set fabRestingElevation(v) { this.i.dm = +v; } /** * Gets or sets the hover elevation to use for the button when the type is floating action button. */ get fabHoverElevation() { return this.i.dl; } set fabHoverElevation(v) { this.i.dl = +v; } /** * Gets or sets the focus elevation to use for the button when the type is floating action button. */ get fabFocusElevation() { return this.i.dk; } set fabFocusElevation(v) { this.i.dk = +v; } /** * Gets or sets the width to use for the button border when the type is floating action button. */ get fabBorderWidth() { return this.i.bu; } set fabBorderWidth(v) { this.i.bu = +v; } get fabCornerRadiusBottomRight() { return this.i.k7 ? this.i.k7.c : NaN; } set fabCornerRadiusBottomRight(v) { this.ensureFabCornerRadius(); this.i.k7.c = +v; this.i.k7 = this.i.k7; } get fabCornerRadiusBottomLeft() { return this.i.k7 ? this.i.k7.b : NaN; } set fabCornerRadiusBottomLeft(v) { this.ensureFabCornerRadius(); this.i.k7.b = +v; this.i.k7 = this.i.k7; } get fabCornerRadiusTopLeft() { return this.i.k7 ? this.i.k7.d : NaN; } set fabCornerRadiusTopLeft(v) { this.ensureFabCornerRadius(); this.i.k7.d = +v; this.i.k7 = this.i.k7; } get fabCornerRadiusTopRight() { return this.i.k7 ? this.i.k7.e : NaN; } set fabCornerRadiusTopRight(v) { this.ensureFabCornerRadius(); this.i.k7.e = +v; this.i.k7 = this.i.k7; } ensureFabCornerRadius() { if (this.i.k7) { return; } this.i.k7 = 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.p1); } set fabRippleColor(v) { this.i.p1 = 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.p2); } set fabTextColor(v) { this.i.p2 = 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.p0); } set fabHoverTextColor(v) { this.i.p0 = 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.px); } set fabFocusBackgroundColor(v) { this.i.px = 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.py); } set fabFocusTextColor(v) { this.i.py = 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.qi); } set iconBackgroundColor(v) { this.i.qi = 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.qk); } set iconDisabledBackgroundColor(v) { this.i.qk = 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.ql); } set iconDisabledBorderColor(v) { this.i.ql = 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.qm); } set iconDisabledTextColor(v) { this.i.qm = stringToBrush(v); } /** * Gets or sets the disabled elevation to use for the button when the type is icon. */ get iconDisabledElevation() { return this.i.du; } set iconDisabledElevation(v) { this.i.du = +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.qp); } set iconHoverBackgroundColor(v) { this.i.qp = stringToBrush(v); } /** * Gets or sets the border color to use for the button when the type is icon. */ get iconBorderColor() { return brushToString(this.i.qj); } set iconBorderColor(v) { this.i.qj = stringToBrush(v); } /** * Gets or sets the elevation to use for the button when the type is icon. */ get iconRestingElevation() { return this.i.dx; } set iconRestingElevation(v) { this.i.dx = +v; } /** * Gets or sets the hover elevation to use for the button when the type is icon. */ get iconHoverElevation() { return this.i.dw; } set iconHoverElevation(v) { this.i.dw = +v; } /** * Gets or sets the focus elevation to use for the button when the type is icon. */ get iconFocusElevation() { return this.i.dv; } set iconFocusElevation(v) { this.i.dv = +v; } /** * Gets or sets the width to use for the button border when the type is icon. */ get iconBorderWidth() { return this.i.bw; } set iconBorderWidth(v) { this.i.bw = +v; } get iconCornerRadiusBottomRight() { return this.i.la ? this.i.la.c : NaN; } set iconCornerRadiusBottomRight(v) { this.ensureIconCornerRadius(); this.i.la.c = +v; this.i.la = this.i.la; } get iconCornerRadiusBottomLeft() { return this.i.la ? this.i.la.b : NaN; } set iconCornerRadiusBottomLeft(v) { this.ensureIconCornerRadius(); this.i.la.b = +v; this.i.la = this.i.la; } get iconCornerRadiusTopLeft() { return this.i.la ? this.i.la.d : NaN; } set iconCornerRadiusTopLeft(v) { this.ensureIconCornerRadius(); this.i.la.d = +v; this.i.la = this.i.la; } get iconCornerRadiusTopRight() { return this.i.la ? this.i.la.e : NaN; } set iconCornerRadiusTopRight(v) { this.ensureIconCornerRadius(); this.i.la.e = +v; this.i.la = this.i.la; } ensureIconCornerRadius() { if (this.i.la) { return; } this.i.la = 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.qr); } set iconRippleColor(v) { this.i.qr = 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.qs); } set iconTextColor(v) { this.i.qs = 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.qq); } set iconHoverTextColor(v) { this.i.qq = 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.qn); } set iconFocusBackgroundColor(v) { this.i.qn = 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.qo); } set iconFocusTextColor(v) { this.i.qo = stringToBrush(v); } /** * Gets or sets the id to use for the internal native checkbox. */ get inputId() { return this.i.hy; } set inputId(v) { this.i.hy = v; } /** * Gets or sets the id to use for the checkbox. */ get id() { return this.i.hw; } set id(v) { this.i.hw = v; } /** * Gets or sets the id to use for the checkbox. */ get display() { return this.i.f0; } set display(v) { this.i.f0 = v; } /** * Gets or sets the id to use for the checkbox. */ get flexDirection() { return this.i.g4; } set flexDirection(v) { this.i.g4 = v; } /** * Gets or sets the flex-grow setting for the button. */ get flexGrow() { return this.i.g6; } set flexGrow(v) { this.i.g6 = v; } /** * Gets or sets the id to use for the checkbox. */ get alignItems() { return this.i.fb;