igniteui-angular-inputs
Version:
Ignite UI Angular input components for building rich data visualizations for modern web apps.
1,518 lines • 100 kB
JavaScript
import { TemplateRef, Component, ViewContainerRef, ViewChild, ContentChildren, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';
import { XInputGroup } from "./XInputGroup";
import { ensureEnum, brushToString, stringToBrush, ensureBool, toSpinal, initializePropertiesFromCss, NamePatcher } from "igniteui-angular-core";
import { AngularRenderer, PortalManager } from "igniteui-angular-core";
import { IgxXInputGroupItemComponent } from './igx-x-input-group-item-component';
import { IgxXInputGroupInputCollection } from './igx-x-input-group-input-collection';
import { CollectionAdapter } from "igniteui-angular-core";
import { NotifyCollectionChangedAction } from "igniteui-angular-core";
import { InputGroupDisplayType_$type } from './InputGroupDisplayType';
import { CornerRadius } from "igniteui-angular-core";
import { Thickness } from "igniteui-angular-core";
import { ControlDisplayDensity_$type } from "igniteui-angular-core";
import { BaseControlTheme_$type } from "igniteui-angular-core";
import * as i0 from "@angular/core";
var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
function IgxXInputGroupComponent(renderer, _elRef, ngZone, injector, componentFactoryResolver) {
var _this = this;
this.renderer = renderer;
this._elRef = _elRef;
this.ngZone = ngZone;
this.injector = injector;
this.componentFactoryResolver = componentFactoryResolver;
this._wrapper = null;
this._portalManager = null;
this._root = null;
/**
* The style mappings actually present in the chart. Do not directly modify this array.
* This array's contents can be modified by causing Angular to reproject the child content.
* Or adding and removing stye mappings from the manual style mapping collection on the styleMappings property.
*/
this.actualInputs = [];
this._inputs = null;
this._inputsAdapter = null;
this._implementation = null;
this.__p = null;
this._hasUserValues = new Set();
this._stylingContainer = null;
this._stylingParent = null;
this._inStyling = false;
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 inputGroup = this.i;
this._inputGroup = inputGroup;
this._inputsAdapter = new CollectionAdapter([], this.i.inputs, this.actualInputs, function (c) { return c.i; }, function (i) {
if (_this._root && _this._root.parentElement) {
i._styling(_this._root, _this, _this);
}
}, function (i) { });
if (renderer) {
this._portalManager = new PortalManager("inputContent", componentFactoryResolver);
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
this._wrapper = ren;
inputGroup.provideContainer(ren);
}
}
Object.defineProperty(IgxXInputGroupComponent.prototype, "inputs", {
/**
* A collection or manually added axes for the chart.
*/
get: function () {
var _this = this;
if (this._inputs === null) {
var coll = new IgxXInputGroupInputCollection();
var inner = coll._innerColl;
inner.addListener(function (sender, e) {
switch (e.action) {
case NotifyCollectionChangedAction.Add:
_this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
break;
case NotifyCollectionChangedAction.Remove:
_this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
break;
case NotifyCollectionChangedAction.Replace:
_this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
_this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
break;
case NotifyCollectionChangedAction.Reset:
_this._inputsAdapter.clearManualItems();
break;
}
});
this._inputs = coll;
}
return this._inputs;
},
enumerable: false,
configurable: true
});
// supports angular themes or custom properties set in CSS
IgxXInputGroupComponent.prototype.updateStyle = function () {
this._styling(this._root, this);
};
IgxXInputGroupComponent.prototype.ngOnDestroy = function () {
this._inputGroup.destroy();
this._wrapper.destroy();
};
IgxXInputGroupComponent.prototype.ngAfterContentInit = function () {
this._inputsAdapter.updateQuery(this.contentInputs);
this._styling(this._root, this);
if (this.actualInputs && this.actualInputs.length > 0) {
var currInputs = this.actualInputs;
for (var i = 0; i < currInputs.length; i++) {
currInputs[i]._styling(this._root, this, this);
}
}
this.updateStyle();
};
IgxXInputGroupComponent.prototype.ngAfterViewInit = function () {
this._portalManager.dynamicContent = this._dynamicContent;
this._portalManager.onChildContentChanged(this._childTemplateRef);
this.i.ensureShift();
};
IgxXInputGroupComponent.prototype.createImplementation = function () {
return new XInputGroup();
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "i", {
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "displayType", {
/**
* Gets or sets the display style to use for the button.
*/
get: function () {
return this.i.d;
},
set: function (v) {
this.i.d = ensureEnum(InputGroupDisplayType_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "density", {
/**
* Gets or sets the display density to use for the input group.
*/
get: function () {
return this.i.t;
},
set: function (v) {
this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualDensity", {
/**
* Gets the actual display density to use for the input group.
*/
get: function () {
return this.i.s;
},
set: function (v) {
this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "baseTheme", {
/**
* Gets or sets the base built in theme to use for the label.
*/
get: function () {
return this.i.p;
},
set: function (v) {
this.i.p = ensureEnum(BaseControlTheme_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "inputHasValue", {
get: function () {
return this.i.al;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualBorderColor", {
/**
* Gets the actual item background color.
*/
get: function () {
return brushToString(this.i.l6);
},
set: function (v) {
this.i.l6 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualFocusBorderColor", {
/**
* Gets the actual item border color.
*/
get: function () {
return brushToString(this.i.l7);
},
set: function (v) {
this.i.l7 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualBorderWidth", {
/**
* Gets the actual item border width.
*/
get: function () {
return this.i.cg;
},
set: function (v) {
this.i.cg = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualFocusBorderWidth", {
/**
* Gets the actual item border width.
*/
get: function () {
return this.i.ch;
},
set: function (v) {
this.i.ch = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusBottomRight", {
get: function () {
return this.i.ko ? this.i.ko.c : NaN;
},
set: function (v) {
this.ensureActualCornerRadius();
this.i.ko.c = +v;
this.i.ko = this.i.ko;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusBottomLeft", {
get: function () {
return this.i.ko ? this.i.ko.b : NaN;
},
set: function (v) {
this.ensureActualCornerRadius();
this.i.ko.b = +v;
this.i.ko = this.i.ko;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusTopLeft", {
get: function () {
return this.i.ko ? this.i.ko.d : NaN;
},
set: function (v) {
this.ensureActualCornerRadius();
this.i.ko.d = +v;
this.i.ko = this.i.ko;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusTopRight", {
get: function () {
return this.i.ko ? this.i.ko.e : NaN;
},
set: function (v) {
this.ensureActualCornerRadius();
this.i.ko.e = +v;
this.i.ko = this.i.ko;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureActualCornerRadius = function () {
if (this.i.ko) {
return;
}
this.i.ko = new CornerRadius(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualContentPaddingBottom", {
get: function () {
return this.i.oe ? this.i.oe.bottom : NaN;
},
set: function (v) {
this.ensureActualContentPadding();
this.i.oe.bottom = +v;
this.i.oe = this.i.oe;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualContentPaddingLeft", {
get: function () {
return this.i.oe ? this.i.oe.left : NaN;
},
set: function (v) {
this.ensureActualContentPadding();
this.i.oe.left = +v;
this.i.oe = this.i.oe;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualContentPaddingRight", {
get: function () {
return this.i.oe ? this.i.oe.right : NaN;
},
set: function (v) {
this.ensureActualContentPadding();
this.i.oe.right = +v;
this.i.oe = this.i.oe;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualContentPaddingTop", {
get: function () {
return this.i.oe ? this.i.oe.top : NaN;
},
set: function (v) {
this.ensureActualContentPadding();
this.i.oe.top = +v;
this.i.oe = this.i.oe;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureActualContentPadding = function () {
if (this.i.oe) {
return;
}
this.i.oe = new Thickness(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineWidth", {
/**
* Gets the actual width to use for the underline element.
*/
get: function () {
return this.i.cp;
},
set: function (v) {
this.i.cp = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineRippleWidth", {
/**
* Gets the actual width to use for the underline element.
*/
get: function () {
return this.i.co;
},
set: function (v) {
this.i.co = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualHoverUnderlineWidth", {
/**
* Gets the width to use for the underline element when hovered.
*/
get: function () {
return this.i.cl;
},
set: function (v) {
this.i.cl = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineColor", {
/**
* Gets the actual color to use for the underline element.
*/
get: function () {
return brushToString(this.i.ma);
},
set: function (v) {
this.i.ma = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineRippleColor", {
/**
* Gets the actual color to use for the underline ripple element.
*/
get: function () {
return brushToString(this.i.mb);
},
set: function (v) {
this.i.mb = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualHoverUnderlineColor", {
/**
* Gets the actual color to use for the underline element.
*/
get: function () {
return brushToString(this.i.l9);
},
set: function (v) {
this.i.l9 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualFocusUnderlineColor", {
/**
* Gets the actual color to use for the underline element when focused.
*/
get: function () {
return brushToString(this.i.l8);
},
set: function (v) {
this.i.l8 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineOpacity", {
/**
* Gets the actual opacity to use for the underline element.
*/
get: function () {
return this.i.cm;
},
set: function (v) {
this.i.cm = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualHoverUnderlineOpacity", {
/**
* Gets the actual opacity to use for the underline element when hovered.
*/
get: function () {
return this.i.ck;
},
set: function (v) {
this.i.ck = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualFocusUnderlineOpacity", {
/**
* Gets the actual opacity to use for the underline element when focused.
*/
get: function () {
return this.i.ci;
},
set: function (v) {
this.i.ci = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualFocusUnderlineRippleOpacity", {
/**
* Gets the actual opacity to use for the underline ripple element when focused.
*/
get: function () {
return this.i.cj;
},
set: function (v) {
this.i.cj = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualUnderlineRippleOpacity", {
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get: function () {
return this.i.cn;
},
set: function (v) {
this.i.cn = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "actualBackgroundColor", {
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get: function () {
return brushToString(this.i.l5);
},
set: function (v) {
this.i.l5 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "borderWidth", {
/**
* Gets or sets the border width to use for the border of the item group.
*/
get: function () {
return this.i.c0;
},
set: function (v) {
this.i.c0 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "focusBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when focused.
*/
get: function () {
return this.i.eg;
},
set: function (v) {
this.i.eg = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "borderColor", {
/**
* Gets or sets the color to use the border of the input group.
*/
get: function () {
return brushToString(this.i.md);
},
set: function (v) {
this.i.md = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusBottomRight", {
get: function () {
return this.i.ks ? this.i.ks.c : NaN;
},
set: function (v) {
this.ensureCornerRadius();
this.i.ks.c = +v;
this.i.ks = this.i.ks;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusBottomLeft", {
get: function () {
return this.i.ks ? this.i.ks.b : NaN;
},
set: function (v) {
this.ensureCornerRadius();
this.i.ks.b = +v;
this.i.ks = this.i.ks;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusTopLeft", {
get: function () {
return this.i.ks ? this.i.ks.d : NaN;
},
set: function (v) {
this.ensureCornerRadius();
this.i.ks.d = +v;
this.i.ks = this.i.ks;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusTopRight", {
get: function () {
return this.i.ks ? this.i.ks.e : NaN;
},
set: function (v) {
this.ensureCornerRadius();
this.i.ks.e = +v;
this.i.ks = this.i.ks;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureCornerRadius = function () {
if (this.i.ks) {
return;
}
this.i.ks = new CornerRadius(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "contentPaddingBottom", {
get: function () {
return this.i.oi ? this.i.oi.bottom : NaN;
},
set: function (v) {
this.ensureContentPadding();
this.i.oi.bottom = +v;
this.i.oi = this.i.oi;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "contentPaddingLeft", {
get: function () {
return this.i.oi ? this.i.oi.left : NaN;
},
set: function (v) {
this.ensureContentPadding();
this.i.oi.left = +v;
this.i.oi = this.i.oi;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "contentPaddingRight", {
get: function () {
return this.i.oi ? this.i.oi.right : NaN;
},
set: function (v) {
this.ensureContentPadding();
this.i.oi.right = +v;
this.i.oi = this.i.oi;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "contentPaddingTop", {
get: function () {
return this.i.oi ? this.i.oi.top : NaN;
},
set: function (v) {
this.ensureContentPadding();
this.i.oi.top = +v;
this.i.oi = this.i.oi;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureContentPadding = function () {
if (this.i.oi) {
return;
}
this.i.oi = new Thickness(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineWidth", {
/**
* Gets or sets the width to use for the underline element.
*/
get: function () {
return this.i.e8;
},
set: function (v) {
this.i.e8 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineRippleWidth", {
/**
* Gets or sets the width to use for the underline element.
*/
get: function () {
return this.i.e7;
},
set: function (v) {
this.i.e7 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "hoverUnderlineWidth", {
/**
* Gets or sets the width to use for the underline element when hovered.
*/
get: function () {
return this.i.ek;
},
set: function (v) {
this.i.ek = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineColor", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return brushToString(this.i.n6);
},
set: function (v) {
this.i.n6 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineRippleColor", {
/**
* Gets or sets the color to use for the underline ripple element.
*/
get: function () {
return brushToString(this.i.n7);
},
set: function (v) {
this.i.n7 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "hoverUnderlineColor", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return brushToString(this.i.nq);
},
set: function (v) {
this.i.nq = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "focusUnderlineColor", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return brushToString(this.i.np);
},
set: function (v) {
this.i.np = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineOpacity", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return this.i.e5;
},
set: function (v) {
this.i.e5 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "hoverUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return this.i.ej;
},
set: function (v) {
this.i.ej = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "focusUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element.
*/
get: function () {
return this.i.eh;
},
set: function (v) {
this.i.eh = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "focusUnderlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element when focused.
*/
get: function () {
return this.i.ei;
},
set: function (v) {
this.i.ei = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "underlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element.
*/
get: function () {
return this.i.e6;
},
set: function (v) {
this.i.e6 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "backgroundColor", {
/**
* Gets or sets the background color to use for the input group.
*/
get: function () {
return brushToString(this.i.mc);
},
set: function (v) {
this.i.mc = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get: function () {
return this.i.el;
},
set: function (v) {
this.i.el = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeFocusBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when focused when type is line.
*/
get: function () {
return this.i.em;
},
set: function (v) {
this.i.em = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeFocusBorderColor", {
/**
* Gets or sets the focus color to use the border of the input group when type is line.
*/
get: function () {
return brushToString(this.i.nt);
},
set: function (v) {
this.i.nt = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeBorderColor", {
/**
* Gets or sets the color to use the border of the input group when type is line.
*/
get: function () {
return brushToString(this.i.ns);
},
set: function (v) {
this.i.ns = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomRight", {
get: function () {
return this.i.kx ? this.i.kx.c : NaN;
},
set: function (v) {
this.ensureLineTypeCornerRadius();
this.i.kx.c = +v;
this.i.kx = this.i.kx;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomLeft", {
get: function () {
return this.i.kx ? this.i.kx.b : NaN;
},
set: function (v) {
this.ensureLineTypeCornerRadius();
this.i.kx.b = +v;
this.i.kx = this.i.kx;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusTopLeft", {
get: function () {
return this.i.kx ? this.i.kx.d : NaN;
},
set: function (v) {
this.ensureLineTypeCornerRadius();
this.i.kx.d = +v;
this.i.kx = this.i.kx;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusTopRight", {
get: function () {
return this.i.kx ? this.i.kx.e : NaN;
},
set: function (v) {
this.ensureLineTypeCornerRadius();
this.i.kx.e = +v;
this.i.kx = this.i.kx;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureLineTypeCornerRadius = function () {
if (this.i.kx) {
return;
}
this.i.kx = new CornerRadius(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeContentPaddingBottom", {
get: function () {
return this.i.on ? this.i.on.bottom : NaN;
},
set: function (v) {
this.ensureLineTypeContentPadding();
this.i.on.bottom = +v;
this.i.on = this.i.on;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeContentPaddingLeft", {
get: function () {
return this.i.on ? this.i.on.left : NaN;
},
set: function (v) {
this.ensureLineTypeContentPadding();
this.i.on.left = +v;
this.i.on = this.i.on;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeContentPaddingRight", {
get: function () {
return this.i.on ? this.i.on.right : NaN;
},
set: function (v) {
this.ensureLineTypeContentPadding();
this.i.on.right = +v;
this.i.on = this.i.on;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeContentPaddingTop", {
get: function () {
return this.i.on ? this.i.on.top : NaN;
},
set: function (v) {
this.ensureLineTypeContentPadding();
this.i.on.top = +v;
this.i.on = this.i.on;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureLineTypeContentPadding = function () {
if (this.i.on) {
return;
}
this.i.on = new Thickness(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineWidth", {
/**
* Gets or sets the width to use for the underline element when type is line.
*/
get: function () {
return this.i.eu;
},
set: function (v) {
this.i.eu = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineRippleWidth", {
/**
* Gets or sets the width to use for the underline element when type is line.
*/
get: function () {
return this.i.et;
},
set: function (v) {
this.i.et = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeHoverUnderlineWidth", {
/**
* Gets or sets the width to use for the underline element when hovered when type is line.
*/
get: function () {
return this.i.eq;
},
set: function (v) {
this.i.eq = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return brushToString(this.i.nw);
},
set: function (v) {
this.i.nw = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineRippleColor", {
/**
* Gets or sets the color to use for the underline ripple element when type is line.
*/
get: function () {
return brushToString(this.i.nx);
},
set: function (v) {
this.i.nx = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeHoverUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return brushToString(this.i.nv);
},
set: function (v) {
this.i.nv = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeFocusUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return brushToString(this.i.nu);
},
set: function (v) {
this.i.nu = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return this.i.er;
},
set: function (v) {
this.i.er = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeHoverUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return this.i.ep;
},
set: function (v) {
this.i.ep = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeFocusUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is line.
*/
get: function () {
return this.i.en;
},
set: function (v) {
this.i.en = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeFocusUnderlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is line.
*/
get: function () {
return this.i.eo;
},
set: function (v) {
this.i.eo = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeUnderlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element when type is line.
*/
get: function () {
return this.i.es;
},
set: function (v) {
this.i.es = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeBackgroundColor", {
/**
* Gets or sets the background color to use for the input group when type is line.
*/
get: function () {
return brushToString(this.i.nr);
},
set: function (v) {
this.i.nr = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get: function () {
return this.i.c1;
},
set: function (v) {
this.i.c1 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeFocusBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when focused when type is box.
*/
get: function () {
return this.i.c2;
},
set: function (v) {
this.i.c2 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeFocusBorderColor", {
/**
* Gets or sets the focus color to use the border of the input group when type is box.
*/
get: function () {
return brushToString(this.i.mn);
},
set: function (v) {
this.i.mn = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeBorderColor", {
/**
* Gets or sets the color to use the border of the input group when type is box.
*/
get: function () {
return brushToString(this.i.mm);
},
set: function (v) {
this.i.mm = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomRight", {
get: function () {
return this.i.kq ? this.i.kq.c : NaN;
},
set: function (v) {
this.ensureBoxTypeCornerRadius();
this.i.kq.c = +v;
this.i.kq = this.i.kq;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomLeft", {
get: function () {
return this.i.kq ? this.i.kq.b : NaN;
},
set: function (v) {
this.ensureBoxTypeCornerRadius();
this.i.kq.b = +v;
this.i.kq = this.i.kq;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusTopLeft", {
get: function () {
return this.i.kq ? this.i.kq.d : NaN;
},
set: function (v) {
this.ensureBoxTypeCornerRadius();
this.i.kq.d = +v;
this.i.kq = this.i.kq;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusTopRight", {
get: function () {
return this.i.kq ? this.i.kq.e : NaN;
},
set: function (v) {
this.ensureBoxTypeCornerRadius();
this.i.kq.e = +v;
this.i.kq = this.i.kq;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureBoxTypeCornerRadius = function () {
if (this.i.kq) {
return;
}
this.i.kq = new CornerRadius(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeContentPaddingBottom", {
get: function () {
return this.i.og ? this.i.og.bottom : NaN;
},
set: function (v) {
this.ensureBoxTypeContentPadding();
this.i.og.bottom = +v;
this.i.og = this.i.og;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeContentPaddingLeft", {
get: function () {
return this.i.og ? this.i.og.left : NaN;
},
set: function (v) {
this.ensureBoxTypeContentPadding();
this.i.og.left = +v;
this.i.og = this.i.og;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeContentPaddingRight", {
get: function () {
return this.i.og ? this.i.og.right : NaN;
},
set: function (v) {
this.ensureBoxTypeContentPadding();
this.i.og.right = +v;
this.i.og = this.i.og;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeContentPaddingTop", {
get: function () {
return this.i.og ? this.i.og.top : NaN;
},
set: function (v) {
this.ensureBoxTypeContentPadding();
this.i.og.top = +v;
this.i.og = this.i.og;
},
enumerable: false,
configurable: true
});
IgxXInputGroupComponent.prototype.ensureBoxTypeContentPadding = function () {
if (this.i.og) {
return;
}
this.i.og = new Thickness(2);
};
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineWidth", {
/**
* Gets or sets the width to use for the underline element when type is box.
*/
get: function () {
return this.i.da;
},
set: function (v) {
this.i.da = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineRippleWidth", {
/**
* Gets or sets the width to use for the underline element when type is box.
*/
get: function () {
return this.i.c9;
},
set: function (v) {
this.i.c9 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeHoverUnderlineWidth", {
/**
* Gets or sets the width to use for the underline element when hovered when type is box.
*/
get: function () {
return this.i.c6;
},
set: function (v) {
this.i.c6 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return brushToString(this.i.mq);
},
set: function (v) {
this.i.mq = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineRippleColor", {
/**
* Gets or sets the color to use for the underline ripple element when type is box.
*/
get: function () {
return brushToString(this.i.mr);
},
set: function (v) {
this.i.mr = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeHoverUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return brushToString(this.i.mp);
},
set: function (v) {
this.i.mp = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeFocusUnderlineColor", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return brushToString(this.i.mo);
},
set: function (v) {
this.i.mo = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return this.i.c7;
},
set: function (v) {
this.i.c7 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeHoverUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return this.i.c5;
},
set: function (v) {
this.i.c5 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeFocusUnderlineOpacity", {
/**
* Gets or sets the color to use for the underline element when type is box.
*/
get: function () {
return this.i.c3;
},
set: function (v) {
this.i.c3 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeFocusUnderlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element when focused when type is box.
*/
get: function () {
return this.i.c4;
},
set: function (v) {
this.i.c4 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeUnderlineRippleOpacity", {
/**
* Gets or sets the opacity to use for the underline ripple element when type is box.
*/
get: function () {
return this.i.c8;
},
set: function (v) {
this.i.c8 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeBackgroundColor", {
/**
* Gets or sets the background color to use for the input group when type is box.
*/
get: function () {
return brushToString(this.i.ml);
},
set: function (v) {
this.i.ml = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeBorderWidth", {
/**
* Gets or sets the border width to use for the border of the item group when using type line.
*/
get: function () {
return this.i.cq;
},
set: function (v) {
this.i.cq = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeFocusBorderWidth", {
/**
* Gets