UNPKG

igniteui-react-inputs

Version:

Ignite UI React input components.

1,112 lines 149 kB
/* THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE: https://www.infragistics.com/legal/license/igultimate-la https://www.infragistics.com/legal/license/igultimate-eula GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company. */ import { __extends, __values } from "tslib"; import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, String_$type } from "igniteui-react-core"; import { List$1 } from "igniteui-react-core"; import { XRipple } from "./XRipple"; import { NativeUI } from "igniteui-react-core"; import { ControlDisplayDensity_$type } from "igniteui-react-core"; import { HorizontalAlignment_$type } from "igniteui-react-core"; import { KeyFrameAnimationFactory } from "igniteui-react-core"; import { ElevationMode_$type } from "igniteui-react-core"; import { ElevationHelper } from "./ElevationHelper"; import { ButtonDisplayStyle_$type } from "./ButtonDisplayStyle"; import { isNaN_ } from "igniteui-react-core"; import { BaseControlTheme_$type } from "igniteui-react-core"; import { CornerRadius } from "igniteui-react-core"; import { VerticalAlignment_$type } from "igniteui-react-core"; import { AnimationKeyFrameEffectTiming } from "igniteui-react-core"; import { ThemeResolver } from "./ThemeResolver"; import { ButtonClickEventArgs } from "./ButtonClickEventArgs"; import { MouseEventArgs } from "igniteui-react-core"; import { FocusEventArgs } from "igniteui-react-core"; import { Thickness } from "igniteui-react-core"; import { BrushUtil } from "igniteui-react-core"; import { ButtonVisualModelExport } from "./ButtonVisualModelExport"; import { AppearanceHelper } from "igniteui-react-core"; import { FontUtil } from "igniteui-react-core"; import { Dictionary$2 } from "igniteui-react-core"; import { Theme } from "./Theme"; /** * @hidden */ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) { __extends(ButtonView, _super); function ButtonView() { var _this = _super.call(this) || this; _this.b = null; _this.k = null; _this.d = null; _this.h = new List$1(Delegate_$type, 0); _this.e = true; _this.n = null; _this.j = NaN; _this.i = NaN; _this.l = null; _this.c = null; _this.m = null; _this.p = null; _this.o = null; return _this; } ButtonView.prototype.aq = function () { }; ButtonView.prototype.g = function () { return true; }; Object.defineProperty(ButtonView.prototype, "q", { get: function () { return this.n; }, enumerable: false, configurable: true }); Object.defineProperty(ButtonView.prototype, "s", { get: function () { return this.m; }, enumerable: false, configurable: true }); ButtonView.prototype.ak = function (a) { var e_1, _a; var _this = this; if (a == null) { try { for (var _b = __values(fromEnum(this.h)), _c = _b.next(); !_c.done; _c = _b.next()) { var b = _c.value; b(); } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (_c && !_c.done && (_a = _b.return)) _a.call(_b); } finally { if (e_1) throw e_1.error; } } this.h.clear(); return; } this.k = a; this.k.rootWrapper.setStyleProperty("display", "flex"); this.k.rootWrapper.setStyleProperty("flex-direction", "row"); this.k.rootWrapper.setStyleProperty("flex-wrap", "no-wrap"); this.k.rootWrapper.setStyleProperty("align-items", "center"); var c = this.k.createElement("button"); this.n = c; this.n.setStyleProperty("position", "relative"); this.n.setStyleProperty("display", "inline-flex"); this.n.setStyleProperty("align-items", "center"); this.n.setStyleProperty("justify-content", "center"); this.a0(); this.n.setStyleProperty("border", "none"); this.n.setStyleProperty("cursor", "pointer"); this.n.setStyleProperty("user-select", "none"); this.n.setStyleProperty("outline-style", "none"); this.n.setStyleProperty("-webkit-tap-highlight-color", "transparent"); this.n.setStyleProperty("overflow", "hidden"); this.n.setStyleProperty("white-space", "no-wrap"); this.n.setStyleProperty("color", "#000"); this.n.setStyleProperty("background", this.b.no._fill); NativeUI.o(this.n, this.b.kz); this.n.setAttribute("id", this.b.hy); this.ax(); this.h.add(c.listen("change", runOn(this, this.z))); this.h.add(c.listen("click", runOn(this, this.aa))); this.h.add(c.listen("focus", runOn(this, this.ab))); this.h.add(c.listen("blur", runOn(this, this.y))); this.h.add(this.k.rootWrapper.listen("mouseenter", runOn(this, this.v))); this.h.add(this.k.rootWrapper.listen("mouseleave", runOn(this, this.w))); this.h.add(this.k.rootWrapper.listen("mousedown", runOn(this, this.u))); this.h.add(this.k.rootWrapper.listen("mouseup", runOn(this, this.x))); this.h.add(this.k.rootWrapper.listen("focusin", runOn(this, this.ac))); this.h.add(this.k.rootWrapper.listen("focusout", runOn(this, this.ad))); this.k.append(c); var d = this.k.createElement("div"); var e = this.k.getSubRenderer(d); d.setStyleProperty("position", "absolute"); d.setStyleProperty("width", "100%"); d.setStyleProperty("height", "100%"); d.setStyleProperty("left", "0px"); d.setStyleProperty("top", "0px"); d.setStyleProperty("overflow", "hidden"); var f = new XRipple(); f.provideContainer(e); f.q = c; var g = this.k.getExternal(f, this.k.rootWrapper, this.k.getExternal(this.b, null, null)); f.h = false; f.k = true; this.c = f; this.n.append(d); var h = this.k.createElement("div"); h.addClass("ig-button-content"); h.setStyleProperty("font-family", "Verdana"); h.setStyleProperty("font-weight", "400"); h.setStyleProperty("font-size", ".875rem"); this.m = h; this.h.add(h.listen("click", runOn(this, this.t))); this.n.append(h); this.o = h; this.k.getPortal(h, "ChildContent", function (i) { var comp_ = i.componentRef; _this.p = comp_; { _this.o.setStyleProperty("flex-direction", _this.b.g4); _this.o.setStyleProperty("align-items", _this.b.fb); var direction_ = _this.b.g4; var display_ = _this.b.fj != null ? _this.b.fj : _this.b.f0; var alignItems_ = _this.b.fb; comp_.display = display_; comp_.flexDirection = direction_; comp_.alignItems = alignItems_; } }, true); this.b.kl(); }; ButtonView.prototype.am = function () { this.c.i = this.b.as; }; ButtonView.prototype.a0 = function () { var a = "2.25rem"; var b = "2.25rem"; var c = "2.25rem"; var d = "2.25rem"; var e = "3.5rem"; var f = "3.5rem"; var g = "3.5rem"; var h = "3.5rem"; var i = "5.5rem"; var j = "2.25rem"; var k = "0px"; var l = ".9375rem"; var m = ".5625rem 1rem"; switch (this.b.q) { case 2: m = ".375rem .75rem"; j = "1.875rem"; e = "3rem"; f = "3rem"; g = "3rem"; h = "3rem"; l = ".6875rem"; break; case 3: m = ".1875rem 1rem"; j = "1.5rem"; f = "2.5rem"; e = "2.5rem"; h = "2.5rem"; g = "2.5rem"; l = ".4375rem"; break; case 4: m = "0.09375rem 0.5rem"; j = "0.5rem"; f = "1.5rem"; e = "1.5rem"; h = "1.5rem"; g = "1.5rem"; l = "0.21875rem"; b = "1rem"; a = "1rem"; d = "1rem"; c = "1rem"; break; } if (!isNaN_(this.b.bm) && !isNaN_(this.b.bo) && !isNaN_(this.b.bn) && !isNaN_(this.b.bl)) { m = this.b.bo + "px " + this.b.bn + "px " + this.b.bl + "px " + this.b.bm + "px"; } if (this.b.e == 4) { this.n.setStyleProperty("min-width", a); this.n.setStyleProperty("min-height", b); this.n.setStyleProperty("padding", k); this.n.setStyleProperty("width", c); this.n.setStyleProperty("height", d); } else if (this.b.e == 3) { this.n.setStyleProperty("min-width", e); this.n.setStyleProperty("min-height", f); this.n.setStyleProperty("padding", l); this.n.setStyleProperty("width", g); this.n.setStyleProperty("height", h); } else { this.n.setStyleProperty("width", "auto"); this.n.setStyleProperty("height", "auto"); this.n.setStyleProperty("min-width", i); this.n.setStyleProperty("min-height", j); this.n.setStyleProperty("padding", m); } this.k.rootWrapper.setStyleProperty("height", "auto"); if (!isNaN_(this.b.bj) && this.b.bj > 0) { this.n.setStyleProperty("border-style", "solid"); } else { this.n.setStyleProperty("border-style", "none"); } if (!isNaN_(this.j)) { this.n.setStyleProperty("min-width", this.j.toString() + "px"); } if (!isNaN_(this.i)) { this.n.setStyleProperty("min-height", this.i.toString() + "px"); } if (this.b.ay) { this.n.setStyleProperty("width", "100%"); this.n.setStyleProperty("height", "100%"); this.k.rootWrapper.setStyleProperty("height", "100%"); } }; ButtonView.prototype.au = function () { switch (this.b.le) { case 1: this.n.setStyleProperty("justify-content", "center"); this.o.setStyleProperty("flex-grow", "unset"); break; case 3: this.n.setStyleProperty("justify-content", "stretch"); this.o.setStyleProperty("flex-grow", "1"); break; case 0: this.n.setStyleProperty("justify-content", "left"); this.o.setStyleProperty("flex-grow", "unset"); break; case 2: this.n.setStyleProperty("justify-content", "right"); this.o.setStyleProperty("flex-grow", "unset"); break; } }; ButtonView.prototype.aw = function (a) { this.j = a; }; ButtonView.prototype.av = function (a) { this.i = a; }; ButtonView.prototype.as = function () { this.n.setAttribute("disabled", this.b.disabled ? "true" : "false"); this.n.setProperty("disabled", this.b.disabled); }; ButtonView.prototype.an = function () { if (this.k != null) { this.k.rootWrapper.setStyleProperty("display", this.b.f0); var comp_ = this.p; if (this.p != null) { this.o.setStyleProperty("display", this.b.f0); var display_ = this.b.fj != null ? this.b.f0 : this.b.fj; comp_.display = display_; } var ext_ = this.k.getExternal(this.b, null, null); if (ext_ && ext_._onDisplayChanged) { ext_._onDisplayChanged(); } ; } }; ButtonView.prototype.aj = function () { if (this.k != null) { var comp_ = this.p; if (this.p != null) { var display_ = this.b.fj != null ? this.b.fj : this.b.f0; comp_.display = display_; } } }; ButtonView.prototype.ah = function () { if (this.k != null) { this.k.rootWrapper.setStyleProperty("align-items", this.b.fb); this.n.setStyleProperty("align-items", this.b.fb); var comp_ = this.p; if (this.p != null) { this.o.setStyleProperty("align-items", this.b.fb); var alignItems_ = this.b.fb; comp_.alignItems = alignItems_; } var ext_ = this.k.getExternal(this.b, null, null); if (ext_ && ext_._onAlignItemsChanged) { ext_._onAlignItemsChanged(); } ; } }; ButtonView.prototype.ao = function () { if (this.k != null) { this.k.rootWrapper.setStyleProperty("flex-direction", this.b.g4); this.n.setStyleProperty("flex-direction", this.b.g4); var ext_ = this.k.getExternal(this.b, null, null); var comp_ = this.p; if (this.p != null) { this.o.setStyleProperty("flex-direction", this.b.g4); var direction_ = this.b.g4; comp_.flexDirection = direction_; } if (ext_ && ext_._onFlexDirectionChanged) { ext_._onFlexDirectionChanged(); } ; } }; ButtonView.prototype.ap = function () { if (this.k != null) { this.k.rootWrapper.setStyleProperty("flex-grow", this.b.g6); this.n.setStyleProperty("flex-grow", this.b.g6); var ext_ = this.k.getExternal(this.b, null, null); if (ext_ && ext_._onFlexGrowChanged) { ext_._onFlexGrowChanged(); } ; } }; ButtonView.prototype.t = function (a) { }; ButtonView.prototype.ax = function () { if (this.g()) { var a = this.b.hy; this.n.setAttribute("name", this.b.h6); this.n.setProperty("value", this.b.ee); if (this.b.az) { this.n.setAttribute("tabindex", this.b.d7.toString()); } this.n.setProperty("disabled", this.b.disabled); { } this.n.setAttribute("aria-label", this.b.fd); this.n.setStyleProperty("cursor", !this.b.av ? "pointer" : "unset"); } }; ButtonView.prototype.ar = function () { if (this.g()) { var a = this.b.hy; this.n.setAttribute("id", a); } }; ButtonView.prototype.v = function (a) { this.b.kh(); if (this.b.a5) { a.stopPropagation(); } }; ButtonView.prototype.w = function (a) { this.b.ki(); if (this.b.a5) { a.stopPropagation(); } }; ButtonView.prototype.u = function (a) { this.b.kg(); if (this.b.a5) { a.stopPropagation(); } }; ButtonView.prototype.x = function (a) { this.b.kj(); if (this.b.a5) { a.stopPropagation(); } }; ButtonView.prototype.y = function (a) { this.b.ka(); }; ButtonView.prototype.ab = function (a) { this.b.kd(); }; ButtonView.prototype.aa = function (a) { this.b.kb(); if (!this.b.at) { a.preventDefault(); } if (this.b.a5) { a.stopPropagation(); } }; ButtonView.prototype.ac = function (a) { this.b.ke(); }; ButtonView.prototype.ad = function (a) { this.b.kf(a.originalEvent.relatedTarget, a.originalEvent.target); }; ButtonView.prototype.f = function () { return false; }; ButtonView.prototype.z = function (a) { }; ButtonView.prototype.ag = function () { if (KeyFrameAnimationFactory.h == null) { KeyFrameAnimationFactory.h = this.k; } }; ButtonView.prototype.ai = function () { this.e = true; this.h.add(this.n.listen("change", runOn(this, this.z))); this.h.add(this.n.listen("click", runOn(this, this.aa))); this.h.add(this.n.listen("focus", runOn(this, this.ab))); this.h.add(this.n.listen("blur", runOn(this, this.y))); this.h.add(this.m.listen("click", runOn(this, this.t))); this.h.add(this.n.listen("mouseenter", runOn(this, this.v))); this.h.add(this.n.listen("mouseleave", runOn(this, this.w))); this.h.add(this.n.listen("mousedown", runOn(this, this.u))); this.h.add(this.n.listen("mouseup", runOn(this, this.x))); this.h.add(this.n.listen("focusin", runOn(this, this.ac))); this.h.add(this.n.listen("focusout", runOn(this, this.ad))); }; ButtonView.prototype.al = function () { var e_2, _a; this.e = false; try { for (var _b = __values(fromEnum(this.h)), _c = _b.next(); !_c.done; _c = _b.next()) { var a = _c.value; a(); } } catch (e_2_1) { e_2 = { error: e_2_1 }; } finally { try { if (_c && !_c.done && (_a = _b.return)) _a.call(_b); } finally { if (e_2) throw e_2.error; } } this.h.clear(); }; ButtonView.prototype.at = function () { var model_ = this.b; if (model_.externalObject && model_.externalObject.refreshDefaults) { model_.externalObject.refreshDefaults(); } ; }; ButtonView.prototype.ay = function (a, b) { this.c.ax = a; this.c.aw = b; }; ButtonView.prototype.az = function (a, b) { var c = ElevationHelper.e(a, this.b.n0, this.b.nx, this.b.nn, b); this.n.setStyleProperty("box-shadow", c); }; ButtonView.prototype.a1 = function (a) { if (a != null) { this.m.setStyleProperty("font", a.fontString); } }; ButtonView.prototype.ae = function (a) { this.m.append(a); }; ButtonView.prototype.af = function () { this.m.removeChildren(); }; ButtonView.prototype.r = function () { return this.m.getChildCount() > 0 ? this.m.getChildAt(0) : null; }; ButtonView.prototype.a = function () { var rect_ = this.k.rootWrapper.getNativeElement().getBoundingClientRect(); var a = (rect_.top); var b = (rect_.left); var c = new Array(2); c[0] = a; c[1] = b; return c; }; ButtonView.$t = markType(ButtonView, 'ButtonView'); return ButtonView; }(Base)); export { ButtonView }; /** * @hidden */ var XButton = /** @class */ /*@__PURE__*/ (function (_super) { __extends(XButton, _super); function XButton() { var _this = _super.call(this) || this; _this._view = null; _this.ed = null; _this.po = XButton.k.ae(XButton.m, "UmbraShadowColor"); _this.pc = XButton.k.ae(XButton.m, "PenumbraShadowColor"); _this.n3 = XButton.k.ae(XButton.m, "AmbientShadowColor"); _this.v = XButton.k.d(XButton.m, "ElevationMode"); _this.pf = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBackgroundColor"); _this.pg = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBorderColor"); _this.ph = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledTextColor"); _this.de = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledElevation"); _this.dh = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "RestingElevation"); _this.dg = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverElevation"); _this.df = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusElevation"); _this.pe = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderColor"); _this.pm = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "RippleColor"); _this.k6 = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "CornerRadius"); _this.bt = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderWidth"); _this.pd = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BackgroundColor"); _this.pn = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "TextColor"); _this.pl = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverTextColor"); _this.pk = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverBackgroundColor"); _this.pi = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusBackgroundColor"); _this.pj = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusTextColor"); _this.oh = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor"); _this.oi = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor"); _this.oj = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor"); _this.c2 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledElevation"); _this.c5 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "RestingElevation"); _this.c4 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverElevation"); _this.c3 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusElevation"); _this.og = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor"); _this.oo = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "RippleColor"); _this.k3 = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius"); _this.bq = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth"); _this.of = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor"); _this.op = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor"); _this.on = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor"); _this.om = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor"); _this.ok = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusBackgroundColor"); _this.ol = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusTextColor"); _this.o3 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor"); _this.o4 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor"); _this.o5 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor"); _this.da = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledElevation"); _this.dd = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "RestingElevation"); _this.dc = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverElevation"); _this.db = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusElevation"); _this.o2 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor"); _this.pa = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "RippleColor"); _this.k5 = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius"); _this.bs = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth"); _this.o1 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor"); _this.pb = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor"); _this.o9 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor"); _this.o8 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor"); _this.o6 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusBackgroundColor"); _this.o7 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusTextColor"); _this.os = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBackgroundColor"); _this.ot = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBorderColor"); _this.ou = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledTextColor"); _this.c6 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledElevation"); _this.c9 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "RestingElevation"); _this.c8 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverElevation"); _this.c7 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusElevation"); _this.or = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderColor"); _this.oz = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "RippleColor"); _this.k4 = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "CornerRadius"); _this.br = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderWidth"); _this.oq = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BackgroundColor"); _this.o0 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "TextColor"); _this.oy = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverTextColor"); _this.ox = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverBackgroundColor"); _this.ov = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusBackgroundColor"); _this.ow = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusTextColor"); _this.n6 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBackgroundColor"); _this.n7 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBorderColor"); _this.n8 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledTextColor"); _this.cy = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledElevation"); _this.c1 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "RestingElevation"); _this.c0 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverElevation"); _this.cz = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusElevation"); _this.n5 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderColor"); _this.od = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "RippleColor"); _this.k2 = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "CornerRadius"); _this.bp = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderWidth"); _this.n4 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BackgroundColor"); _this.oe = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "TextColor"); _this.oc = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverTextColor"); _this.ob = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverBackgroundColor"); _this.n9 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusBackgroundColor"); _this.oa = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusTextColor"); _this.bg = NaN; _this.bf = NaN; _this.d = 0; _this.p = 0; _this.l = 0; _this.o = 1; _this.lh = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderColor"); _this.ls = ThemeResolver.ag(XButton.m, XButton.k, "UmbraShadowColor"); _this.lp = ThemeResolver.ag(XButton.m, XButton.k, "PenumbraShadowColor"); _this.lf = ThemeResolver.ag(XButton.m, XButton.k, "AmbientShadowColor"); _this.b4 = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "RestingElevation"); _this.b2 = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusElevation"); _this.b3 = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverElevation"); _this.lq = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "RippleColor"); _this.ks = ThemeResolver.aa(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "CornerRadius"); _this.lg = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BackgroundColor"); _this.li = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBackgroundColor"); _this.lj = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBorderColor"); _this.lk = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledTextColor"); _this.b1 = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledElevation"); _this.s = ThemeResolver.f(XButton.m, XButton.k, "ElevationMode"); _this.lr = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "TextColor"); _this.lo = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverTextColor"); _this.ll = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusBackgroundColor"); _this.lm = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusTextColor"); _this.ln = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverBackgroundColor"); _this.a6 = ThemeResolver.k(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderWidth"); _this.na = null; _this.nc = null; _this.nd = null; _this.ne = null; _this.co = -1; _this.nh = null; _this.nb = null; _this.cr = -1; _this.cq = -1; _this.cp = -1; _this.bi = NaN; _this.ky = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.nj = null; _this.l8 = null; _this.ma = null; _this.mb = null; _this.mc = null; _this.ca = -1; _this.mf = null; _this.l9 = null; _this.cd = -1; _this.cc = -1; _this.cb = -1; _this.mh = null; _this.mi = null; _this.mg = null; _this.md = null; _this.me = null; _this.bd = NaN; _this.kv = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.lt = null; _this.lv = null; _this.lw = null; _this.lx = null; _this.b5 = -1; _this.t = 0; _this.ml = null; _this.lu = null; _this.cs = -1; _this.cf = -1; _this.ce = -1; _this.z = null; _this.nm = null; _this.mn = null; _this.nl = null; _this.nk = null; _this.ni = null; _this.nf = null; _this.ng = null; _this.mj = null; _this.mk = null; _this.a7 = NaN; _this.kt = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.mz = null; _this.m1 = null; _this.m2 = null; _this.m3 = null; _this.ck = -1; _this.m6 = null; _this.m0 = null; _this.cn = -1; _this.cm = -1; _this.cl = -1; _this.bh = NaN; _this.kx = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.m8 = null; _this.m9 = null; _this.m7 = null; _this.m4 = null; _this.m5 = null; _this.ly = null; _this.l0 = null; _this.l1 = null; _this.l2 = null; _this.b6 = -1; _this.mm = null; _this.lz = null; _this.b9 = -1; _this.b8 = -1; _this.b7 = -1; _this.bc = NaN; _this.ku = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.l6 = null; _this.l7 = null; _this.l5 = null; _this.l3 = null; _this.l4 = null; _this.mo = null; _this.mq = null; _this.mr = null; _this.ms = null; _this.cg = -1; _this.mv = null; _this.mp = null; _this.cj = -1; _this.ci = -1; _this.ch = -1; _this.be = NaN; _this.kw = new CornerRadius(1, NaN, NaN, NaN, NaN); _this.mx = null; _this.my = null; _this.mw = null; _this.mt = null; _this.mu = null; _this.em = "ig-native-button-" + XButton.d9++; _this.el = "ig-button-" + XButton.d8++; _this.ei = "inline-block"; _this.eh = null; _this.ej = "inline-block"; _this.ek = null; _this.ef = "center"; _this.ea = null; _this.en = null; _this.ct = 0; _this.am = false; _this.eg = null; _this.al = false; _this.ao = false; _this.ap = true; _this.aj = false; _this.af = false; _this.ah = false; _this.aq = false; _this.an = false; _this.ak = false; _this.ai = false; _this.a9 = NaN; _this.bb = NaN; _this.ba = NaN; _this.a8 = NaN; _this.ld = 1; _this.rh = 1; _this.ag = true; _this.ar = false; _this.propertyChanged = null; _this.clicked = null; _this.mouseEnter = null; _this.mouseLeave = null; _this.mouseDown = null; _this.mouseUp = null; _this.gotFocus = null; _this.lostFocus = null; var a = new ButtonView(); a.b = _this; _this.view = a; _this.view.aq(); return _this; } Object.defineProperty(XButton.prototype, "view", { get: function () { return this._view; }, set: function (a) { this._view = a; }, enumerable: false, configurable: true }); XButton.prototype.destroy = function () { this.provideContainer(null); }; XButton.prototype.kk = function (a, b, c) { if (this.propertyChanged != null) { this.propertyChanged(this, new PropertyChangedEventArgs(a)); } this.km(a, b, c); }; XButton.prototype.km = function (a, b, c) { switch (a) { case "CornerRadius": case "BorderColor": case "RestingElevation": case "HoverElevation": case "FocusElevation": case "RippleColor": case "BorderWidth": case "BackgroundColor": case "DisabledBackgroundColor": case "DisabledBorderColor": case "DisabledTextColor": case "DisabledElevation": case "HoverBackgroundColor": case "FocusTextColor": case "TextColor": case "HoverTextColor": case "FocusBackgroundColor": case "RaisedBorderColor": case "RaisedRestingElevation": case "RaisedFocusElevation": case "RaisedHoverElevation": case "RaisedRippleColor": case "RaisedBorderWidth": case "RaisedBackgroundColor": case "RaisedDisabledBackgroundColor": case "RaisedDisabledBorderColor": case "RaisedDisabledTextColor": case "RaisedDisabledElevation": case "RaisedHoverBackgroundColor": case "RaisedCornerRadius": case "RaisedFocusBackgroundColor": case "RaisedFocusTextColor": case "RaisedTextColor": case "RaisedHoverTextColor": case "FlatBorderColor": case "FlatRestingElevation": case "FlatFocusElevation": case "FlatHoverElevation": case "FlatRippleColor": case "FlatBorderWidth": case "FlatBackgroundColor": case "FlatDisabledBackgroundColor": case "FlatDisabledBorderColor": case "FlatDisabledTextColor": case "FlatDisabledElevation": case "FlatHoverBackgroundColor": case "FlatCornerRadius": case "FlatFocusBackgroundColor": case "FlatFocusTextColor": case "FlatTextColor": case "FlatHoverTextColor": case "OutlinedRippleColor": case "OutlinedRestingElevation": case "OutlinedFocusElevation": case "OutlinedHoverElevation": case "OutlinedBorderColor": case "OutlinedBorderWidth": case "OutlinedBackgroundColor": case "OutlinedDisabledBackgroundColor": case "OutlinedDisabledBorderColor": case "OutlinedDisabledTextColor": case "OutlinedDisabledElevation": case "OutlinedHoverBackgroundColor": case "OutlinedCornerRadius": case "OutlinedFocusBackgroundColor": case "OutlinedFocusTextColor": case "OutlinedTextColor": case "OutlinedHoverTextColor": case "FabBorderColor": case "FabRippleColor": case "FabRestingElevation": case "FabFocusElevation": case "FabHoverElevation": case "FabBorderWidth": case "FabBackgroundColor": case "FabDisabledBackgroundColor": case "FabDisabledBorderColor": case "FabDisabledTextColor": case "FabDisabledElevation": case "FabHoverBackgroundColor": case "FabCornerRadius": case "FabFocusBackgroundColor": case "FabFocusTextColor": case "FabTextColor": case "FabHoverTextColor": case "IconRestingElevation": case "IconFocusElevation": case "IconHoverElevation": case "IconBorderColor": case "IconRippleColor": case "IconBorderWidth": case "IconBackgroundColor": case "IconDisabledBackgroundColor": case "IconDisabledBorderColor": case "IconDisabledTextColor": case "IconDisabledElevation": case "IconHoverBackgroundColor": case "IconCornerRadius": case "IconFocusBackgroundColor": case "IconFocusTextColor": case "IconTextColor": case "IconHoverTextColor": case "ElevationMode": this.kq(); break; case "BaseTheme": this.kr(this.n == 0 ? 2 : this.n); this.kq(); break; case "IsDisabled": this.as = this.disabled || this.aw; this.kq(); this.view.as(); this.kp(); break; case "DisableRipple": this.as = this.disabled || this.aw; this.kq(); break; case "TextStyle": case "DisableHover": this.kp(); break; case "ActualDisableRipple": this.view.am(); break; case "ActualBackgroundColor": case "ActualDisabledBackgroundColor": case "ActualDisabledBorderColor": case "ActualDisabledTextColor": case "ActualDisabledElevation": case "ActualHoverBackgroundColor": case "ActualBorderColor": case "ActualFocusTextColor": case "ActualHoverTextColor": case "ActualElevationMode": this.kp(); break; case "Density": this.q = this.r == 0 ? 1 : this.r; break; case "ActualDensity": case "ActualBorderWidth": case "ActualCornerRadius": if (this.e == 4) { this.ko(); } this.view.a0(); this.kp(); break; case "DisplayType": this.view.a0(); this.kq(); this.kp(); break; case "ContentPaddingLeft": case "ContentPaddingTop": case "ContentPaddingRight": case "ContentPaddingBottom": case "FillAvailableSpace": this.view.a0(); break; case "HorizontalContentAlignment": case "VerticalContentAlignment": this.view.au(); break; case "InputId": this.view.ar(); break; case "Display": this.view.an(); break; case "ChildContentDisplay": this.view.aj(); break; case "FlexDirection": this.view.ao(); break; case "FlexGrow": this.view.ap(); break; case "AlignItems": this.view.ah(); break; case "TabIndex": this.view.ax(); break; case "DisablePointer": this.view.ax(); break; case "MinWidth": this.view.aw(this.by); this.view.a0(); break; case "MinHeight": this.view.av(this.bx); this.view.a0(); break; } }; XButton.prototype.k0 = function (a, b) { return new CornerRadius(1, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.b) ? a.b : b.b); }; XButton.prototype.kq = function () { this.u = this.w != 0 ? this.w : this.v; this.n0 = this.po; this.nx = this.pc; this.nn = this.n3; switch (this.e) { case 0: this.nq = this.pp != null ? this.pp : this.q6 != null ? this.q6 : this.pf; this.nr = this.pq != null ? this.pq : this.q7 != null ? this.q7 : this.pg; this.ns = this.pr != null ? this.pr : this.q8 != null ? this.q8 : this.ph; this.cu = this.di >= 0 ? this.di : this.d2 >= 0 ? this.d2 : this.de; this.cx = this.d6 >= 0 ? this.d6 : this.d5 >= 0 ? this.d5 : this.dh; this.cw = this.dt >= 0 ? this.dt : this.d4 >= 0 ? this.d4 : this.dg; this.cv = this.ds >= 0 ? this.ds : this.d3 >= 0 ? this.d3 : this.df; this.np = this.n2 != null ? this.n2 : this.q5 != null ? this.q5 : this.pe; this.no = this.n1 != null ? this.n1 : this.q4 != null ? this.q4 : this.pd; this.nv = this.qg != null ? this.qg : this.rb != null ? this.rb : this.pk; this.kz = this.k0(this.k1, this.k0(this.lc, this.k6)); this.bj = !isNaN_(this.bk) ? this.bk : !isNaN_(this.b0) ? this.b0 : this.bt; this.ny = this.rf != null ? this.rf : this.rd != null ? this.rd : this.pm; this.nt = this.qe != null ? this.qe : this.q9 != null ? this.q9 : this.pi; this.nu = this.qf != null ? this.qf : this.ra != null ? this.ra : this.pj; this.nz = this.rg != null ? this.rg : this.re != null ? this.re : this.pn; this.nw = this.qh != null ? this.qh : this.rc != null ? this.rc : this.pl; break; case 2: this.nq = this.pp != null ? this.pp : this.qv != null ? this.qv : this.o3; this.nr = this.pq != null ? this.pq : this.qw != null ? this.qw : this.o4; this.ns = this.pr != null ? this.pr : this.qx != null ? this.qx : this.o5; this.cu = this.di >= 0 ? this.di : this.dy >= 0 ? this.dy : this.da; this.cx = this.d6 >= 0 ? this.d6 : this.d1 >= 0 ? this.d1 : this.dd; this.cw = this.dt >= 0 ? this.dt : this.d0 >= 0 ? this.d0 : this.dc; this.cv = this.ds >= 0 ? this.ds : this.dz >= 0 ? this.dz : this.db; this.np = this.n2 != null ? this.n2 : this.qu != null ? this.qu : this.o2; this.no = this.qg != null ? this.qg : this.n1 != null ? this.n1 : this.qt != null ? this.qt : this.o1; this.nv = this.q0 != null ? this.q0 : this.o8; this.kz = this.k0(this.k1, this.k0(this.lb, this.k5)); this.bj = !isNaN_(this.bk) ? this.bk : !isNaN_(this.bz) ? this.bz : this.bs; this.ny = this.rf != null ? this.rf : this.q2 != null ? this.q2 : this.pa; this.nt = this.qe != null ? this.qe : this.qy != null ? this.qy : this.o6; this.nu = this.qf != null ? this.qf : this.qz != null ? this.qz : this.o7; this.nz = this.rg != null ? this.rg : this.q3 != null ? this.q3 : this.pb; this.nw = this.qh != null ? this.qh : this.q1 != null ? this.q1 : this.o9; break; case 1: this.nq = this.pp != null ? this.pp : this.p5 != null ? this.p5 : this.oh; this.nr = this.pq != null ? this.pq : this.p6 != null ? this.p6 : this.oi; this.ns = this.pr != null ? this.pr : this.p7 != null ? this.p7 : this.oj; this.cu = this.di >= 0 ? this.di : this.dn >= 0 ? this.dn : this.c2; this.cx = this.d6 >= 0 ? this.d6 : this.dr >= 0 ? this.dr : this.c5; this.cw = this.dt >= 0 ? this.dt : this.dq >= 0 ? this.dq : this.c4; this.cv = this.ds >= 0 ? this.ds : this.dp >= 0 ? this.dp : this.c3; this.np = this.n2 != null ? this.n2 : this.p4 != null ? this.p4 : this.og; this.no = this.n1 != null ? this.n1 : this.p3 != null ? this.p3 : this.of; this.nv = this.qg != null ? this.qg : this.qa != null ? this.qa : this.om; this.kz = this.k0(this.k1, this.k0(this.k8, this.k3)); this.bj = !isNaN_(this.bk) ? this.bk : !isNaN_(this.bv) ? this.bv : this.bq; this.ny = this.rf != null ? this.rf : this.qc != null ? this.qc : this.oo; this.nt = this.qe != null ? this.qe : this.p8 != null ? this.p8 : this.ok; this.nu = this.qf != null ? this.qf : this.p9 != null ? this.p9 : this.ol; this.nz = this.rg != null ? this.rg : this.qd != null ? this.qd : this.op; this.nw = this.qh != null ? this.qh : this.qb != null ? this.qb : this.on; break; case 4: this.nq = this.pp != null ? this.pp : this.qk != null ? this.qk : this.os; this.nr = this.pq != null ? this.pq : this.ql != null ? this.ql : this.ot; this.ns = this.pr != null ? this.pr : this.qm != null ? this.qm : this.ou; this.cu = this.di >= 0 ? this.di : this.du >= 0 ? this.du : this.c6; this.cx = this.d6 >= 0 ? this.d6 : this.dx >= 0 ? this.dx : this.c9; this.cw = this.dt >= 0 ? this.dt : this.dw >= 0 ? this.dw : this.c8; this.cv = this.ds >= 0 ? this.ds : this.dv >= 0 ? this.dv : this.c7; this.np = this.n2 != null ? this.n2 : this.qj != null ? this.qj : this.or; this.no = this.n1 != null ? this.n1 : this.qi != null ? this.qi : this.oq; this.nv = this.qg != null ? this.qg : this.qp != null ? this.qp : this.ox; this.ko(); this.bj = !isNaN_(this.bk) ? this.bk : !isNaN_(this.bw) ? this.bw : this.br; this.ny = this.rf != null ? this.rf : this.qr != null ? this.qr : this.oz; this.nt = this.qe != null ? this.qe : this.qn != null ? this.qn : this.ov; this.nu = this.qf != null ? this.qf : this.qo != null ? this.qo : this.ow; this.nz = this.rg != null ? this.rg : this.qs != null ? this.qs : this.o0; this.nw = this.qh != null ? this.qh : this.qq != null ? this.qq : this.oy; break; case 3: this.nq = this.pp != null ? this.pp : this.pu != null ? this.pu : this.n6; this.nr = this.pq != null ? this.pq : this.pv != null ? this.pv : this.n7; this.ns = this.pr != null ? this.pr : this.pw != null ? this.pw : this.n8; this.cu = this.di >= 0 ? this.di : this.dj >= 0 ? this.dj : this.cy; this.cx = this.d6 >= 0 ? this.d6 :