igniteui-webcomponents-inputs
Version:
Ignite UI Web Components inputs components.
1,264 lines (1,252 loc) • 1.93 MB
JavaScript
/*!
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.
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('tslib'), require('igniteui-webcomponents-core')) :
typeof define === 'function' && define.amd ? define(['exports', 'tslib', 'igniteui-webcomponents-core'], factory) :
(global = global || self, factory(global['igniteui-webcomponents-inputs'] = {}, global.tslib, global.igniteuiWebcomponentsCore));
}(this, (function (exports, tslib, igniteuiWebcomponentsCore) { 'use strict';
/*
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.
*/
/**
* @hidden
*/
var RippleVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(RippleVisualModelExport, _super);
function RippleVisualModelExport() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.a = null;
_this.b = null;
_this.f = 0;
_this.d = false;
_this.c = false;
_this.e = false;
return _this;
}
RippleVisualModelExport.prototype.g = function () {
var a = new igniteuiWebcomponentsCore.StringBuilder(0);
a.l("{");
a.l("ActualHoverColor : " + this.a.serialize() + ", ");
a.l("ActualRippleColor : " + this.b.serialize() + ", ");
a.l("RippleDuration : " + this.f + ", ");
a.l("IsDisabled : " + this.d + ", ");
a.l("IsCentered : " + this.c + ", ");
a.l("IsHoverEnabled : " + this.e + ", ");
a.l("}");
return a.toString();
};
RippleVisualModelExport.$t = igniteuiWebcomponentsCore.markType(RippleVisualModelExport, 'RippleVisualModelExport');
return RippleVisualModelExport;
}(igniteuiWebcomponentsCore.Base));
/*
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.
*/
/**
* @hidden
*/
var RippleView = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(RippleView, _super);
function RippleView() {
var _this = _super.call(this) || this;
_this.b = null;
_this.g = null;
_this.c = null;
_this.f = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Delegate_$type, 0);
_this.l = null;
_this.d = true;
_this.k = null;
_this.h = null;
_this.j = null;
_this.i = null;
return _this;
}
RippleView.prototype.w = function () {
};
RippleView.prototype.e = function () {
return true;
};
RippleView.prototype.t = function (a) {
var e_1, _a;
if (a == null) {
try {
for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _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.f.clear();
}
this.g = a;
this.b.ai();
};
RippleView.prototype.v = function () {
var e_2, _a;
if (this.b.q == null) {
this.l = null;
try {
for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _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.f.clear();
}
else {
var b = this.b.q;
var c = this.g.getWrapper(b);
this.l = c;
this.f.add(c.listen("click", igniteuiWebcomponentsCore.runOn(this, this.p)));
this.f.add(c.listen("mouseenter", igniteuiWebcomponentsCore.runOn(this, this.q)));
this.f.add(c.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this, this.r)));
}
};
RippleView.prototype.r = function (a) {
this.b.ag();
};
RippleView.prototype.q = function (a) {
this.b.af();
};
RippleView.prototype.p = function (a) {
if (this.l == null) {
return;
}
var b = this.g.rootWrapper.getOffset();
var c = a.pageX - b.left;
var d = a.pageY - b.top;
this.b.al(c, d, this.g.rootWrapper.outerWidth(), this.g.rootWrapper.outerHeight());
};
RippleView.prototype.aa = function () {
if (this.b.j) {
this.g.rootWrapper.setStyleProperty("background-color", this.b.as._fill);
}
};
RippleView.prototype.x = function () {
this.g.rootWrapper.setStyleProperty("background-color", "transparent");
};
RippleView.prototype.z = function () {
this.g.rootWrapper.setStyleProperty("background-color", this.b.as._fill);
};
RippleView.prototype.m = function (a, b, c) {
var d = this.g.createElement("span");
d.setStyleProperty("width", c * 2 + "px");
d.setStyleProperty("height", c * 2 + "px");
d.setStyleProperty("top", b + "px");
d.setStyleProperty("left", a + "px");
d.setStyleProperty("background-color", this.b.at._fill);
d.setStyleProperty("position", "absolute");
d.setStyleProperty("pointer-events", "none");
d.setStyleProperty("border-radius", c + "px");
d.setStyleProperty("opacity", ".5");
igniteuiWebcomponentsCore.NativeUI.af(d, ((function () {
var $ret = new igniteuiWebcomponentsCore.ScaleTransform();
$ret.l = 0.3;
$ret.m = 0.3;
return $ret;
})()));
this.g.append(d);
return d;
};
RippleView.prototype.y = function (a) {
var b = a;
b.remove();
};
RippleView.prototype.n = function () {
if (igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h == null) {
igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.g;
}
};
RippleView.prototype.a = function (a, b) {
return new igniteuiWebcomponentsCore.AnimationKeyFrameEffect(0, a, 0, null, b);
};
RippleView.prototype.o = function (a) {
};
RippleView.prototype.s = function () {
this.d = true;
this.v();
};
RippleView.prototype.u = function () {
var e_3, _a;
this.d = false;
try {
for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
var a = _c.value;
a();
}
}
catch (e_3_1) {
e_3 = { error: e_3_1 };
}
finally {
try {
if (_c && !_c.done && (_a = _b.return))
_a.call(_b);
}
finally {
if (e_3)
throw e_3.error;
}
}
this.f.clear();
};
RippleView.$t = igniteuiWebcomponentsCore.markType(RippleView, 'RippleView');
return RippleView;
}(igniteuiWebcomponentsCore.Base));
/**
* @hidden
*/
var XRipple = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(XRipple, _super);
function XRipple() {
var _this = _super.call(this) || this;
_this.c = null;
_this.j = false;
_this.p = null;
_this.ar = null;
_this.aq = null;
_this.ao = XRipple.au;
_this.m = new igniteuiWebcomponentsCore.LinkedList$1(igniteuiWebcomponentsCore.IKeyFrameAnimation_$type);
_this.ap = XRipple.av;
_this.n = 600;
_this.f = false;
_this.e = false;
_this.g = false;
_this.propertyChanged = null;
var a = new RippleView();
a.b = _this;
_this.c = a;
_this.c.w();
return _this;
}
XRipple.prototype.destroy = function () {
this.provideContainer(null);
};
XRipple.prototype.ah = function (a, b, c) {
if (this.propertyChanged != null) {
this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
}
this.aj(a, b, c);
};
XRipple.prototype.aj = function (a, b, c) {
switch (a) {
case "RippleColor":
this.at = this.ax != null ? this.ax : XRipple.av;
break;
case "HoverColor":
this.as = this.aw != null ? this.aw : XRipple.au;
break;
case "EventSource":
if (this.c.e()) {
this.c.v();
}
break;
case "ActualRippleColor":
this.an();
break;
case "ActualHoverColor":
this.am();
break;
}
};
XRipple.prototype.am = function () {
if (this.i) {
this.c.x();
return;
}
this.c.aa();
};
XRipple.prototype.an = function () {
};
XRipple.prototype.af = function () {
this.j = true;
if (this.i) {
this.c.x();
return;
}
if (this.k) {
this.c.z();
}
};
XRipple.prototype.ag = function () {
this.j = false;
if (this.k || this.i) {
this.c.x();
}
};
Object.defineProperty(XRipple.prototype, "q", {
get: function () {
return this.p;
},
set: function (a) {
var b = this.p;
this.p = a;
if (b != this.p) {
this.ah("EventSource", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "ax", {
get: function () {
return this.ar;
},
set: function (a) {
var b = this.ar;
this.ar = a;
if (b != this.ar) {
this.ah("RippleColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "aw", {
get: function () {
return this.aq;
},
set: function (a) {
var b = this.aq;
this.aq = a;
if (b != this.aq) {
this.ah("HoverColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "as", {
get: function () {
return this.ao;
},
set: function (a) {
var b = this.ao;
this.ao = a;
if (b != this.ao) {
this.ah("ActualHoverColor", b, a);
}
},
enumerable: false,
configurable: true
});
XRipple.prototype.al = function (a, b, c, d) {
var _this = this;
if (this.i) {
return;
}
var e = Math.max(c, d);
var f = e / 2;
var g = a - f;
var h = b - f;
if (this.h) {
g = 0;
h = 0;
}
var i = this.c.m(g, h, f);
var j = this.d(i);
this.m.f(j);
var k = this.m.d;
j.play();
j.finished.f(function (l) {
j.commitStyles();
_this.m.h(k);
_this.c.y(i);
});
};
XRipple.prototype.d = function (a) {
var b = this.a;
var c = igniteuiWebcomponentsCore.KeyFrameAnimationFactory.f.c(this.c.a(a, b).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 0.5), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(14, ((function () {
var $ret = new igniteuiWebcomponentsCore.ScaleTransform();
$ret.l = 0.3;
$ret.m = 0.3;
return $ret;
})()))).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 0), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(14, ((function () {
var $ret = new igniteuiWebcomponentsCore.ScaleTransform();
$ret.l = 2;
$ret.m = 2;
return $ret;
})()))));
return c;
};
Object.defineProperty(XRipple.prototype, "at", {
get: function () {
return this.ap;
},
set: function (a) {
var b = this.ap;
this.ap = a;
if (b != this.ap) {
this.ah("ActualRippleColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "o", {
get: function () {
return this.n;
},
set: function (a) {
var b = this.n;
this.n = a;
if (b != this.n) {
this.ah("RippleDuration", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "i", {
get: function () {
return this.f;
},
set: function (a) {
var b = this.f;
this.f = a;
if (b != this.f) {
this.ah("IsDisabled", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "h", {
get: function () {
return this.e;
},
set: function (a) {
var b = this.e;
this.e = a;
if (b != this.e) {
this.ah("IsCentered", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XRipple.prototype, "k", {
get: function () {
return this.g;
},
set: function (a) {
var b = this.g;
this.g = a;
if (b != this.g) {
this.ah("IsHoverEnabled", b, a);
}
},
enumerable: false,
configurable: true
});
XRipple.prototype.ai = function () {
this.c.v();
};
Object.defineProperty(XRipple.prototype, "a", {
get: function () {
var a = new igniteuiWebcomponentsCore.AnimationKeyFrameEffectTiming();
a.g = this.o;
a.b = 0;
return a;
},
enumerable: false,
configurable: true
});
XRipple.prototype.onDetachedFromUI = function () {
this.c.u();
};
XRipple.prototype.onAttachedToUI = function () {
this.c.s();
};
XRipple.prototype.l = function () {
return this.c.e();
};
XRipple.prototype.r = function () {
return this.b();
};
XRipple.prototype.v = function () {
var a = this.b();
return a.g();
};
XRipple.prototype.b = function () {
var a = new RippleVisualModelExport();
a.a = igniteuiWebcomponentsCore.AppearanceHelper.a(this.as);
a.b = igniteuiWebcomponentsCore.AppearanceHelper.a(this.at);
a.f = this.o;
a.d = this.i;
a.c = this.h;
a.e = this.k;
return a;
};
XRipple.prototype.provideContainer = function (a) {
this.c.t(a);
};
XRipple.$t = igniteuiWebcomponentsCore.markType(XRipple, 'XRipple', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
XRipple.au = igniteuiWebcomponentsCore.BrushUtil.j(40, 0, 0, 0);
XRipple.av = igniteuiWebcomponentsCore.BrushUtil.j(189, 0, 0, 0);
return XRipple;
}(igniteuiWebcomponentsCore.Base));
/*
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.
*/
var IgcXRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(IgcXRippleComponent, _super);
function IgcXRippleComponent() {
var _this = _super.call(this) || this;
_this._disconnected = false;
_this._settingAttributes = false;
_this._attached = false;
_this._queuedSetAttributes = [];
_this._updatingFromAttribute = false;
_this.__p = null;
_this._hasUserValues = new Set();
_this._stylingContainer = null;
_this._stylingParent = null;
_this._inStyling = false;
if (_this._styling) {
igniteuiWebcomponentsCore.NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
}
_this._renderer = new igniteuiWebcomponentsCore.WebComponentRenderer(_this, document, true, {});
_this._implementation = _this.createImplementation();
_this._implementation.externalObject = _this;
_this._container = _this._renderer.createElement("div");
_this._renderer.updateRoot(_this._container);
//this._renderer.rootWrapper.append(this._container);
_this._container.setStyleProperty("display", "inline-block");
//this._container.setStyleProperty("width", "100%");
//this._container.setStyleProperty("height", "100%");
var root;
root = _this._container;
if (_this._container.getNativeElement() != null) {
root = _this._container.getNativeElement();
}
_this._wrapper = _this._renderer;
var Ripple = _this.i;
_this._ripple = Ripple;
Ripple.provideContainer(_this._renderer);
return _this;
//Ripple.notifySizeChanged();
//let mut = new MutationObserver((list) => {
// for (var mutation of list) {
// if (mutation.type == 'childList') {
// this.updateContentStyleMappings();
// }
// }
//});
//mut.observe(this, {
// childList: true
//});
//this._renderer.addSizeWatcher(() => {
// this._ripple.notifySizeChanged();
//});
}
Object.defineProperty(IgcXRippleComponent.prototype, "height", {
get: function () {
return this._height;
},
set: function (value) {
this._height = value;
this.style.height = value;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "width", {
get: function () {
return this._width;
},
set: function (value) {
this._width = value;
this.style.width = value;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "top", {
get: function () {
return this._top;
},
set: function (value) {
this._top = value;
this.style.top = value;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "left", {
get: function () {
return this._left;
},
set: function (value) {
this._left = value;
this.style.left = value;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "position", {
get: function () {
return this._position;
},
set: function (value) {
this._position = value;
this.style.position = value;
},
enumerable: false,
configurable: true
});
// supports angular themes or custom properties set in CSS
IgcXRippleComponent.prototype.updateStyle = function () {
this._styling(this, this);
};
IgcXRippleComponent.prototype.destroy = function () {
this._ripple.destroy();
this._wrapper.destroy();
};
IgcXRippleComponent.prototype.createImplementation = function () {
return new XRipple();
};
IgcXRippleComponent.prototype.disconnectedCallback = function () {
this._disconnected = true;
if (this.i) {
this.i.onDetachedFromUI();
}
};
IgcXRippleComponent.prototype.connectedCallback = function () {
if (this._disconnected) {
this._disconnected = false;
if (this.i) {
this.i.onAttachedToUI();
}
return;
}
this.classList.add("ig-x-ripple");
this.classList.add("igc-x-ripple");
this.appendChild(this._renderer.rootWrapper.getNativeElement());
this._attached = true;
this.style.display = "inline-block";
//this.style.height = this._height;
//this.style.width = this._width;
this._flushQueuedAttributes();
// supports themes or custom properties set in CSS
this._styling(this, this);
this.afterContentInit();
};
IgcXRippleComponent.prototype.afterContentInit = function () {
//this.i.notifySizeChanged();
};
Object.defineProperty(IgcXRippleComponent.prototype, "i", {
/**
* @hidden
*/
get: function () {
return this._implementation;
} /**
* @hidden
*/,
enumerable: false,
configurable: true
});
IgcXRippleComponent._createFromInternal = function (internal) {
if (!internal) {
return null;
}
if (!internal.$type) {
return null;
}
var name = internal.$type.name;
var externalName = "Igc" + name + "Component";
if (!igniteuiWebcomponentsCore.TypeRegistrar.isRegistered(externalName)) {
return null;
}
return igniteuiWebcomponentsCore.TypeRegistrar.create(externalName);
};
IgcXRippleComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
};
IgcXRippleComponent.prototype._flushQueuedAttributes = function () {
this._settingAttributes = true;
for (var i = 0; i < this._queuedSetAttributes.length; i++) {
this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
}
this._settingAttributes = false;
this._queuedSetAttributes.length = 0;
};
IgcXRippleComponent.prototype._a = function (attrName, attrValue) {
if (this._updatingFromAttribute) {
return;
}
if (attrValue) {
attrValue = attrValue.toString();
}
this._settingAttributes = true;
attrName = igniteuiWebcomponentsCore.toSpinal(attrName);
if (this._attached) {
this.setAttribute(attrName, attrValue);
}
else {
this._enqueueSetAttribute(attrName, attrValue);
}
this._settingAttributes = false;
};
Object.defineProperty(IgcXRippleComponent, "observedAttributes", {
get: function () {
if (IgcXRippleComponent._observedAttributesIgcXRippleComponent == null) {
var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcXRippleComponent);
for (var i = 0; i < names.length; i++) {
names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
}
IgcXRippleComponent._observedAttributesIgcXRippleComponent = names;
}
return IgcXRippleComponent._observedAttributesIgcXRippleComponent;
},
enumerable: false,
configurable: true
});
IgcXRippleComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
if (this._settingAttributes) {
return;
}
var setName = igniteuiWebcomponentsCore.fromSpinal(name);
this._updatingFromAttribute = true;
this[setName] = newValue;
this._updatingFromAttribute = false;
};
IgcXRippleComponent.register = function () {
if (!IgcXRippleComponent._isElementRegistered) {
IgcXRippleComponent._isElementRegistered = true;
igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcXRippleComponent.htmlTagName, IgcXRippleComponent);
}
};
Object.defineProperty(IgcXRippleComponent.prototype, "eventSource", {
/**
* Gets or sets the target element to inject ripples into.
*/
get: function () {
return this.i.q;
},
set: function (v) {
this.i.q = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "rippleColor", {
/**
* Gets or sets the color to use for the background when the checkbox is unchecked.
*/
get: function () {
return igniteuiWebcomponentsCore.brushToString(this.i.ax);
},
set: function (v) {
this.i.ax = igniteuiWebcomponentsCore.stringToBrush(v);
this._a("rippleColor", igniteuiWebcomponentsCore.brushToString(this.i.ax));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "hoverColor", {
/**
* Gets or sets the color to use for the background when the ripple is hovered.
*/
get: function () {
return igniteuiWebcomponentsCore.brushToString(this.i.aw);
},
set: function (v) {
this.i.aw = igniteuiWebcomponentsCore.stringToBrush(v);
this._a("hoverColor", igniteuiWebcomponentsCore.brushToString(this.i.aw));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "actualHoverColor", {
/**
* Gets or sets the actual color to use for the background when the ripple is hovered.
*/
get: function () {
return igniteuiWebcomponentsCore.brushToString(this.i.as);
},
set: function (v) {
this.i.as = igniteuiWebcomponentsCore.stringToBrush(v);
this._a("actualHoverColor", igniteuiWebcomponentsCore.brushToString(this.i.as));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "actualRippleColor", {
/**
* Gets or sets the color to use for the actual background when the checkbox is unchecked.
*/
get: function () {
return igniteuiWebcomponentsCore.brushToString(this.i.at);
},
set: function (v) {
this.i.at = igniteuiWebcomponentsCore.stringToBrush(v);
this._a("actualRippleColor", igniteuiWebcomponentsCore.brushToString(this.i.at));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "rippleDuration", {
/**
* Gets or sets the duration to use for the ripple animation.
*/
get: function () {
return this.i.o;
},
set: function (v) {
this.i.o = +v;
this._a("rippleDuration", this.i.o);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "isDisabled", {
/**
* Gets or sets if the ripple is disabled.
*/
get: function () {
return this.i.i;
},
set: function (v) {
this.i.i = igniteuiWebcomponentsCore.ensureBool(v);
this._a("isDisabled", this.i.i);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "isCentered", {
/**
* Gets or sets if the ripple is centered.
*/
get: function () {
return this.i.h;
},
set: function (v) {
this.i.h = igniteuiWebcomponentsCore.ensureBool(v);
this._a("isCentered", this.i.h);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcXRippleComponent.prototype, "isHoverEnabled", {
/**
* Gets or sets if the ripple is centered.
*/
get: function () {
return this.i.k;
},
set: function (v) {
this.i.k = igniteuiWebcomponentsCore.ensureBool(v);
this._a("isHoverEnabled", this.i.k);
},
enumerable: false,
configurable: true
});
IgcXRippleComponent.prototype.findByName = function (name) {
if (this.findEphemera) {
if (name && name.indexOf("@@e:") == 0) {
return this.findEphemera(name);
}
}
return null;
};
Object.defineProperty(IgcXRippleComponent.prototype, "hasUserValues", {
get: function () {
return this._hasUserValues;
},
enumerable: false,
configurable: true
});
IgcXRippleComponent.prototype.__m = function (propertyName) {
if (!this._inStyling) {
this._hasUserValues.add(propertyName);
}
};
IgcXRippleComponent.prototype._styling = function (container, component, parent) {
if (this._inStyling) {
return;
}
this._inStyling = true;
this._stylingContainer = container;
this._stylingParent = component;
var genericPrefix = "";
var typeName = this.i.$type.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
genericPrefix = igniteuiWebcomponentsCore.toSpinal("XRippleComponent");
var additionalPrefixes = [];
var prefix = igniteuiWebcomponentsCore.toSpinal(typeName);
additionalPrefixes.push(prefix + "-");
var b = this.i.$type.baseType;
while (b && b.name != "Object" &&
b.name != "Base" &&
b.name != "Control" &&
b.Name != "DependencyObject" &&
b.Name != "FrameworkElement") {
typeName = b.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
var basePrefix = igniteuiWebcomponentsCore.toSpinal(typeName);
additionalPrefixes.push(basePrefix + "-");
b = b.baseType;
}
if (parent) {
var parentTypeName = parent.i.$type.name;
if (parentTypeName.indexOf("Xam") === 0) {
parentTypeName = parentTypeName.substring(3);
}
var parentPrefix = igniteuiWebcomponentsCore.toSpinal(parentTypeName);
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
}
igniteuiWebcomponentsCore.initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
if (this._otherStyling) {
this._otherStyling(container, component, parent);
}
this._inStyling = false;
};
IgcXRippleComponent.prototype.onDetachedFromUI = function () {
this.i.onDetachedFromUI();
};
IgcXRippleComponent.prototype.onAttachedToUI = function () {
this.i.onAttachedToUI();
};
/**
* Exports visual information about the current state of the grid.
*/
IgcXRippleComponent.prototype.exportVisualModel = function () {
var iv = this.i.r();
return (iv);
};
/**
* Returns a serialized copy of the exported visual model
*/
IgcXRippleComponent.prototype.exportSerializedVisualModel = function () {
var iv = this.i.v();
return (iv);
};
IgcXRippleComponent._observedAttributesIgcXRippleComponent = null;
IgcXRippleComponent.htmlTagName = "igc-x-ripple";
IgcXRippleComponent._isElementRegistered = false;
return IgcXRippleComponent;
}(igniteuiWebcomponentsCore.IgcHTMLElement));
/*
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.
*/
var IgcXRippleModule = /** @class */ /*@__PURE__*/ (function () {
function IgcXRippleModule() {
}
IgcXRippleModule.register = function () {
IgcXRippleComponent.register();
igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcXRippleComponent', IgcXRippleComponent);
igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcXRippleComponent', IgcXRippleComponent);
igniteuiWebcomponentsCore.TypeRegistrar.register('XRipple', XRipple.$type);
};
return IgcXRippleModule;
}());
/*
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.
*/
/**
* @hidden
*/
var ElevationHelper = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(ElevationHelper, _super);
function ElevationHelper() {
return _super !== null && _super.apply(this, arguments) || this;
}
ElevationHelper.g = function (a, b) {
if (ElevationHelper.c == null) {
ElevationHelper.c = ["0 1px 3px 0 ", "0 1px 5px 0 ", "0 1px 8px 0 ", "0 2px 4px -1px ", "0 3px 5px -1px ", "0 3px 5px -1px ", "0 4px 5px -2px ", "0 5px 5px -3px ", "0 5px 6px -3px ", "0 6px 6px -3px ", "0 6px 7px -4px ", "0 7px 8px -4px ", "0 7px 8px -4px ", "0 7px 9px -4px ", "0 8px 9px -5px ", "0 8px 10px -5px ", "0 8px 11px -5px ", "0 9px 11px -5px ", "0 9px 12px -6px ", "0 10px 13px -6px ", "0 10px 13px -6px ", "0 10px 14px -6px ", "0 11px 14px -7px ", "0 11px 15px -7px "];
}
a--;
if (a < 0) {
return "";
}
if (a > ElevationHelper.c.length - 1) {
a = ElevationHelper.c.length - 1;
}
return ElevationHelper.c[a] + b;
};
ElevationHelper.f = function (a, b) {
if (ElevationHelper.b == null) {
ElevationHelper.b = ["0 1px 1px 0 ", "0 2px 2px 0 ", "0 3px 4px 0 ", "0 4px 5px 0 ", "0 5px 8px 0 ", "0 6px 10px 0 ", "0 7px 10px 1px ", "0 8px 10px 1px ", "0 9px 12px 1px ", "0 10px 14px 1px ", "0 11px 15px 1px ", "0 12px 17px 2px ", "0 13px 19px 2px ", "0 14px 21px 2px ", "0 15px 22px 2px ", "0 16px 24px 2px ", "0 17px 26px 2px ", "0 18px 28px 2px ", "0 19px 29px 2px ", "0 20px 31px 3px ", "0 21px 33px 3px ", "0 22px 35px 3px ", "0 23px 36px 3px ", "0 24px 38px 3px "];
}
a--;
if (a < 0) {
return "";
}
if (a > ElevationHelper.b.length - 1) {
a = ElevationHelper.b.length - 1;
}
return ElevationHelper.b[a] + b;
};
ElevationHelper.d = function (a, b) {
if (ElevationHelper.a == null) {
ElevationHelper.a = ["0 2px 1px -1px ", "0 3px 1px -2px ", "0 3px 3px -2px ", "0 1px 10px 0 ", "0 1px 14px 0 ", "0 1px 18px 0 ", "0 2px 16px 1px ", "0 3px 14px 2px ", "0 3px 16px 2px ", "0 4px 18px 3px ", "0 4px 20px 3px ", "0 5px 22px 4px ", "0 5px 24px 4px ", "0 5px 26px 4px ", "0 6px 28px 5px ", "0 6px 30px 5px ", "0 6px 32px 5px ", "0 7px 34px 6px ", "0 7px 36px 6px ", "0 8px 38px 7px ", "0 8px 40px 7px ", "0 8px 42px 7px ", "0 9px 44px 8px ", "0 9px 46px 8px "];
}
a--;
if (a < 0) {
return "";
}
if (a > ElevationHelper.a.length - 1) {
a = ElevationHelper.a.length - 1;
}
return ElevationHelper.a[a] + b;
};
ElevationHelper.e = function (a, b, c, d, e) {
if (e == 2) {
return "0 0 " + a + "px " + (a / 20) + "rem " + b._fill;
}
if (a == 0) {
return "";
}
return ElevationHelper.g(a, b._fill) + ", " + ElevationHelper.f(a, c._fill) + ", " + ElevationHelper.d(a, d._fill);
};
ElevationHelper.$t = igniteuiWebcomponentsCore.markType(ElevationHelper, 'ElevationHelper');
ElevationHelper.c = null;
ElevationHelper.b = null;
ElevationHelper.a = null;
return ElevationHelper;
}(igniteuiWebcomponentsCore.Base));
/*
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.
*/
/**
* @hidden
*/
var ButtonDisplayStyle_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('ButtonDisplayStyle', 'Raised,0|Flat,1|Outlined,2|Fab,3|Icon,4');
/*
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.
*/
/**
* @hidden
*/
var Theme = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(Theme, _super);
function Theme(a) {
var _rest = [];
for (var _i = 1; _i < arguments.length; _i++) {
_rest[_i - 1] = arguments[_i];
}
var _this = _super.call(this) || this;
_this.b = null;
_this.a = null;
a = (a == void 0) ? 0 : a;
switch (a) {
case 0:
{
var c = _rest[0];
_this.b = c;
}
break;
case 1:
{
var c = _rest[0];
var d = _rest[1];
var e = [c];
{
var g = e[0];
_this.b = g;
}
_this.a = d;
}
break;
}
return _this;
}
Object.defineProperty(Theme.prototype, "c", {
get: function () {
return this.a;
},
enumerable: false,
configurable: true
});
Theme.prototype.item = function (a) {
return this.b.item(a);
};
Theme.$t = igniteuiWebcomponentsCore.markType(Theme, 'Theme');
return Theme;
}(igniteuiWebcomponentsCore.Base));
/*
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.
*/
/**
* @hidden
*/
var ThemeResolver = /** @class */ /*@__PURE__*/ (function (_super) {
tslib.__extends(ThemeResolver, _super);
function ThemeResolver(a) {
var _rest = [];
for (var _i = 1; _i < arguments.length; _i++) {
_rest[_i - 1] = arguments[_i];
}
var _this = _super.call(this) || this;
_this.b = 0;
_this.h = null;
a = (a == void 0) ? 0 : a;
switch (a) {
case 0: break;
case 1:
{
var c = _rest[0];
var d = _rest[1];
_this.h = c;
_this.b = d;
}
break;
}
return _this;
}
ThemeResolver.ah = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.r = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.m = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.ac = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.am = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.g = function (a, b, c) {
if (a == 1) {
return c;
}
return b;
};
ThemeResolver.a = function (a) {
return new Theme(0, a);
};
ThemeResolver.ag = function (a, b, c) {
return b.ae(a, c);
};
ThemeResolver.af = function (a, b, c, d) {
return b.ad(a, c, d);
};
ThemeResolver.q = function (a, b, c) {
return b.o(a, c);
};
ThemeResolver.p = function (a, b, c, d) {
return b.n(a, c, d);
};
ThemeResolver.l = function (a, b, c) {
return b.j(a, c);
};
ThemeResolver.k = function (a, b, c, d) {
return b.i(a, c, d);
};
ThemeResolver.x = function (a, b, c) {
return b.v(a, c);
};
ThemeResolver.w = function (a, b, c, d) {
return b.u(a, c, d);
};
ThemeResolver.f = function (a, b, c) {
return b.d(a, c);
};
ThemeResolver.e = function (a, b, c, d) {
return b.c(a, c, d);
};
ThemeResolver.ab = function (a, b, c) {
return b.z(a, c);
};
ThemeResolver.aa = function (a, b, c, d) {
return b.y(a, c, d);
};
ThemeResolver.al = function (a, b, c) {
return b.aj(a, c);
};
ThemeResolver.ak = function (a, b, c, d) {
return b.ai(a, c, d);
};
ThemeResolver.prototype.t = function (a, b) {
if (this.h.containsKey(a)) {
return this.h.item(a).item(b);
}
else {
return this.h.item(this.b).item(b);
}
};
ThemeResolver.prototype.s = function (a, b, c) {
if (this.h.containsKey(a)) {
var d = this.h.item(a).c;
return d.item(b).item(c);
}
else {
var e = this.h.item(this.b).c;
return e.item(b).item(c)