igniteui-webcomponents-inputs 7.1.0-alpha.1 → 7.1.0-alpha.2

package/esm5/lib/XIconBridge.js

@@ -28,15 +28,15 @@ export var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 16: return this.v;
             case 15: return this.u;
             case 18: return enumGetBox(BaseControlTheme_$type, c.m);
-            case 44: return c.a6;
-            case 45: return c.a7;
-            case 46: return c.a8;
-            case 47: return c.a5;
-            case 48: return c.a9;
-            case 49: return c.a1;
-            case 63: return c.e;
-            case 64: return c.f;
-            case 65: return c.a4;
+            case 45: return c.a6;
+            case 46: return c.a7;
+            case 47: return c.a8;
+            case 48: return c.a5;
+            case 49: return c.a9;
+            case 50: return c.a1;
+            case 64: return c.e;
+            case 65: return c.f;
+            case 66: return c.a4;
         }
         return _super.prototype.getValue.call(this, a, b);
     };
@@ -56,31 +56,31 @@ export var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.w(d);
                 }
                 break;
-            case 44:
+            case 45:
                 d.a6 = c;
                 break;
-            case 45:
+            case 46:
                 d.a7 = c;
                 break;
-            case 46:
+            case 47:
                 d.a8 = c;
                 break;
-            case 47:
+            case 48:
                 d.a5 = c;
                 break;
-            case 48:
+            case 49:
                 d.a9 = c;
                 break;
-            case 49:
+            case 50:
                 d.a1 = c;
                 break;
-            case 63:
+            case 64:
                 d.e = c;
                 break;
-            case 64:
+            case 65:
                 d.f = c;
                 break;
-            case 65:
+            case 66:
                 d.a4 = c;
                 break;
         }
@@ -95,8 +95,8 @@ export var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         a.svg = null;
         a.svgPath = null;
         a.b = null;
-        a.b0 = null;
-        a.bh = null;
+        a.b2 = null;
+        a.bj = null;
         var b = SvgIconRegistry.instance.getSvgPathString(this.u, this.v);
         if (b != null) {
             if (stringStartsWith(trimStart(b, ' ', '\n', '\r', '\t'), "<svg")) {
@@ -114,16 +114,16 @@ export var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var d = SvgIconRegistry.instance.getDataURLString(this.u, this.v);
         if (d != null) {
-            a.b0 = d;
+            a.b2 = d;
             return;
         }
         var e = SvgIconRegistry.instance.getIconSource(this.u, this.v);
         if (e != null) {
-            a.bh = e;
+            a.bj = e;
         }
     };
     XIconBridge.prototype.exportVisualData = function (a) {
-        var b = a.bg();
+        var b = a.bi();
         return b;
     };
     XIconBridge.$t = markType(XIconBridge, 'XIconBridge', XComponentBridge.$);

package/esm5/lib/XIconButtonBridge.js

@@ -24,12 +24,12 @@ export var XIconButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 15:
             case 16:
-            case 44:
             case 45:
             case 46:
             case 47:
             case 48:
-            case 49: return this.al.t;
+            case 49:
+            case 50: return this.al.t;
         }
         return _super.prototype.getTargetForBuildInProperty.call(this, a, b);
     };
@@ -45,12 +45,12 @@ export var XIconButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 16:
             case 15:
-            case 44:
             case 45:
             case 46:
             case 47:
             case 48:
-            case 49: return this.al.getValue(a, b);
+            case 49:
+            case 50: return this.al.getValue(a, b);
             case 18: return enumGetBox(BaseControlTheme_$type, a.o);
         }
         return _super.prototype.getValue.call(this, a, b);
@@ -60,12 +60,12 @@ export var XIconButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 16:
             case 15:
-            case 44:
             case 45:
             case 46:
             case 47:
             case 48:
             case 49:
+            case 50:
                 this.al.setValue(a, b, c);
                 break;
             case 18:

package/esm5/lib/XInputBridge.js

@@ -268,18 +268,18 @@ export var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = a;
         var d = typeCast(XInput.$, c.inputs._inner[0]);
         switch (b) {
-            case 103: return a.mc;
+            case 104: return a.mc;
             case 3:
                 this.an(a);
                 var e = this.v(a);
                 return e.text;
-            case 100:
+            case 101:
                 this.ao(a);
                 return this.u.svgPath;
-            case 101:
+            case 102:
                 this.ao(a);
                 return this.u.fill;
-            case 102:
+            case 103:
                 this.ao(a);
                 return this.u.ea;
             case 2: return d.cq;
@@ -315,11 +315,11 @@ export var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case 21: return d.a1;
-            case 32: return d.disabled;
-            case 33: return d.d8;
-            case 105: return d.selectionStart;
-            case 106: return d.selectionEnd;
-            case 107: return c.an;
+            case 33: return d.disabled;
+            case 34: return d.d8;
+            case 106: return d.selectionStart;
+            case 107: return d.selectionEnd;
+            case 108: return c.an;
         }
         return null;
     };
@@ -327,7 +327,7 @@ export var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = a;
         var e = typeCast(XInput.$, d.inputs._inner[0]);
         switch (b) {
-            case 103:
+            case 104:
                 a.mc = c;
                 break;
             case 3:
@@ -335,15 +335,15 @@ export var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 var f = this.v(a);
                 f.text = c;
                 break;
-            case 100:
+            case 101:
                 this.ao(a);
                 this.u.svgPath = c;
                 break;
-            case 101:
+            case 102:
                 this.ao(a);
                 this.u.fill = c;
                 break;
-            case 102:
+            case 103:
                 this.ao(a);
                 this.u.ea = c;
                 break;
@@ -414,19 +414,19 @@ export var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 21:
                 e.a1 = c;
                 break;
-            case 32:
+            case 33:
                 e.disabled = c;
                 break;
-            case 33:
+            case 34:
                 e.d8 = c;
                 break;
-            case 105:
+            case 106:
                 e.selectionStart = typeGetValue(c);
                 break;
-            case 106:
+            case 107:
                 e.selectionEnd = typeGetValue(c);
                 break;
-            case 107:
+            case 108:
                 d.an = c;
                 break;
         }

package/esm5/lib/XPopupBridge.js

@@ -170,28 +170,28 @@ export var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = a;
         switch (b) {
             case 22: return c.ax;
-            case 60: return c.av;
-            case 61: return c.aq;
+            case 61: return c.av;
+            case 62: return c.aq;
             case 25: return c.am;
             case 26: return c.a9;
             case 17: return c.a1;
             case 23: return c.c0;
-            case 35: switch (c.p) {
+            case 36: switch (c.p) {
                 case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
                 default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
             }
-            case 36: return c.at;
-            case 37: return c.as;
-            case 40: return c.bb;
-            case 41: return c.au;
-            case 43: switch (c.v) {
+            case 37: return c.at;
+            case 38: return c.as;
+            case 41: return c.bb;
+            case 42: return c.au;
+            case 44: switch (c.v) {
                 case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
                 default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
             }
-            case 42: return c.c4;
-            case 39: return c.ao;
-            case 62: return c.a4;
-            case 110: return c.ay;
+            case 43: return c.c4;
+            case 40: return c.ao;
+            case 63: return c.a4;
+            case 111: return c.ay;
         }
         return _super.prototype.getValue.call(this, a, b);
     };
@@ -210,7 +210,7 @@ export var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 23:
                 d.c0 = c;
                 break;
-            case 35:
+            case 36:
                 switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
                     case 1:
                         d.p = 1;
@@ -220,22 +220,22 @@ export var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                         break;
                 }
                 break;
-            case 36:
+            case 37:
                 d.at = c;
                 break;
-            case 37:
+            case 38:
                 d.as = c;
                 break;
-            case 40:
+            case 41:
                 d.bb = typeGetValue(c);
                 break;
-            case 41:
+            case 42:
                 d.au = c;
                 break;
-            case 42:
+            case 43:
                 d.c4 = c;
                 break;
-            case 43:
+            case 44:
                 switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
                     case 1:
                         d.v = 1;
@@ -245,13 +245,13 @@ export var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                         break;
                 }
                 break;
-            case 39:
+            case 40:
                 d.ao = c;
                 break;
-            case 62:
+            case 63:
                 d.a4 = c;
                 break;
-            case 110:
+            case 111:
                 d.ay = c;
                 break;
         }
@@ -293,7 +293,7 @@ export var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XPopupBridge.prototype.exportVisualData = function (a) {
-        return a.bg();
+        return a.bi();
     };
     XPopupBridge.prototype.addChild = function (a, b) {
         this.ae.add(b);

package/esm5/lib/igc-multi-slider-thumb-collection.js

@@ -3,13 +3,13 @@ import { IgCollection } from "igniteui-webcomponents-core";
 import { markType } from "igniteui-webcomponents-core";
 import { SyncableObservableCollection$2 } from "igniteui-webcomponents-core";
 import { MultiSliderThumb as MultiSliderThumb_internal } from './MultiSliderThumb';
-import { IgcMultiSliderThumb as IgcMultiSliderThumb } from './igc-multi-slider-thumb';
+import { IgcMultiSliderThumbComponent as IgcMultiSliderThumbComponent } from './igc-multi-slider-thumb-component';
 var IgcMultiSliderThumbCollection = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcMultiSliderThumbCollection, _super);
     function IgcMultiSliderThumbCollection(list) {
         var _this = _super.call(this) || this;
-        if (!IgcMultiSliderThumb.$type) {
-            IgcMultiSliderThumb.$type = markType(IgcMultiSliderThumb, "IgcMultiSliderThumb");
+        if (!IgcMultiSliderThumbComponent.$type) {
+            IgcMultiSliderThumbComponent.$type = markType(IgcMultiSliderThumbComponent, "IgcMultiSliderThumbComponent");
         }
         if (list) {
             for (var i = 0; i < list.length; i++) {
@@ -19,10 +19,10 @@ var IgcMultiSliderThumbCollection = /** @class */ /*@__PURE__*/ (function (_supe
         return _this;
     }
     IgcMultiSliderThumbCollection.prototype._createInnerColl = function () {
-        if (!IgcMultiSliderThumb.$type) {
-            IgcMultiSliderThumb.$type = markType(IgcMultiSliderThumb, "IgcMultiSliderThumb");
+        if (!IgcMultiSliderThumbComponent.$type) {
+            IgcMultiSliderThumbComponent.$type = markType(IgcMultiSliderThumbComponent, "IgcMultiSliderThumbComponent");
         }
-        var coll = new SyncableObservableCollection$2(IgcMultiSliderThumb.$type, MultiSliderThumb_internal.$type, 0);
+        var coll = new SyncableObservableCollection$2(IgcMultiSliderThumbComponent.$type, MultiSliderThumb_internal.$type, 0);
         coll.compare = function (ext, int) {
             var comp = ext;
             if (comp._implementation) {
@@ -39,7 +39,7 @@ var IgcMultiSliderThumbCollection = /** @class */ /*@__PURE__*/ (function (_supe
         coll.createFrom = function (int) {
             var ext = int.externalObject;
             if (!ext) {
-                ext = new IgcMultiSliderThumb();
+                ext = new IgcMultiSliderThumbComponent();
                 if (ext) {
                     if (!int.$type && ext._implementation.setNativeElement) {
                         ext._implementation.setNativeElement(int);

package/esm5/lib/igc-multi-slider-thumb-component.js

@@ -0,0 +1,300 @@
+import { __extends } from "tslib";
+import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { MultiSliderThumbRangePosition_$type } from "./MultiSliderThumbRangePosition";
+import { IgcMultiSliderTrackThumbRange } from "./igc-multi-slider-track-thumb-range";
+import { IgcPropertyUpdatedEventArgs } from "igniteui-webcomponents-core";
+import { MultiSliderThumb } from "./MultiSliderThumb";
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+export var IgcMultiSliderThumbComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(IgcMultiSliderThumbComponent, _super);
+    function IgcMultiSliderThumbComponent() {
+        var _this = _super.call(this) || this;
+        _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;
+        _this._propertyUpdated = null;
+        _this._propertyUpdated_wrapped = null;
+        if (_this._styling) {
+            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
+        }
+        _this._implementation = _this.createImplementation();
+        _this._implementation.externalObject = _this;
+        _this.onImplementationCreated();
+        if (_this._initializeAdapters) {
+            _this._initializeAdapters();
+        }
+        return _this;
+    }
+    IgcMultiSliderThumbComponent.prototype.createImplementation = function () {
+        return new MultiSliderThumb();
+    };
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "i", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this._implementation;
+        } /**
+                                     * @hidden
+                                     */,
+        enumerable: false,
+        configurable: true
+    });
+    IgcMultiSliderThumbComponent._createFromInternal = function (internal) {
+        if (!internal) {
+            return null;
+        }
+        if (!internal.$type) {
+            return null;
+        }
+        var name = internal.$type.name;
+        var externalName = "Igc" + name + "Component";
+        if (!TypeRegistrar.isRegistered(externalName)) {
+            return null;
+        }
+        return TypeRegistrar.create(externalName);
+    };
+    IgcMultiSliderThumbComponent.prototype.onImplementationCreated = function () {
+    };
+    IgcMultiSliderThumbComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+    };
+    IgcMultiSliderThumbComponent.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;
+    };
+    IgcMultiSliderThumbComponent.prototype._a = function (attrName, attrValue) {
+        if (this._updatingFromAttribute) {
+            return;
+        }
+        if (attrValue) {
+            attrValue = attrValue.toString();
+        }
+        this._settingAttributes = true;
+        attrName = toSpinal(attrName);
+        if (this._attached) {
+            this.setAttribute(attrName, attrValue);
+        }
+        else {
+            this._enqueueSetAttribute(attrName, attrValue);
+        }
+        this._settingAttributes = false;
+    };
+    IgcMultiSliderThumbComponent.prototype.connectedCallback = function () {
+        if (_super.prototype["connectedCallback"]) {
+            _super.prototype["connectedCallback"].call(this);
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    };
+    IgcMultiSliderThumbComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
+    Object.defineProperty(IgcMultiSliderThumbComponent, "observedAttributes", {
+        get: function () {
+            if (IgcMultiSliderThumbComponent._observedAttributesIgcMultiSliderThumbComponent == null) {
+                var names = getAllPropertyNames(IgcMultiSliderThumbComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcMultiSliderThumbComponent._observedAttributesIgcMultiSliderThumbComponent = names;
+            }
+            return IgcMultiSliderThumbComponent._observedAttributesIgcMultiSliderThumbComponent;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcMultiSliderThumbComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+        if (this._settingAttributes) {
+            return;
+        }
+        var setName = fromSpinal(name);
+        this._updatingFromAttribute = true;
+        this[setName] = newValue;
+        this._updatingFromAttribute = false;
+    };
+    IgcMultiSliderThumbComponent.register = function () {
+        if (!IgcMultiSliderThumbComponent._isElementRegistered) {
+            IgcMultiSliderThumbComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcMultiSliderThumbComponent.htmlTagName, IgcMultiSliderThumbComponent);
+        }
+    };
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "value", {
+        get: function () {
+            return this.i.s;
+        },
+        set: function (v) {
+            this.i.s = +v;
+            this._a("value", this.i.s);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "rangePosition", {
+        get: function () {
+            return this.i.g;
+        },
+        set: function (v) {
+            this.i.g = ensureEnum(MultiSliderThumbRangePosition_$type, v);
+            this._a("rangePosition", enumToString(MultiSliderThumbRangePosition_$type, this.i.g));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "range", {
+        get: function () {
+            var r = this.i.i;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                var e = new IgcMultiSliderTrackThumbRange();
+                if (r.$type) {
+                    e._implementation = r;
+                }
+                else {
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        },
+        set: function (v) {
+            v == null ? this.i.i = null : this.i.i = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcMultiSliderThumbComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
+        if (this.range && this.range.name && this.range.name == name) {
+            return this.range;
+        }
+        return null;
+    };
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "hasUserValues", {
+        get: function () {
+            return this._hasUserValues;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcMultiSliderThumbComponent.prototype.__m = function (propertyName) {
+        if (!this._inStyling) {
+            this._hasUserValues.add(propertyName);
+        }
+    };
+    IgcMultiSliderThumbComponent.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 = toSpinal("MultiSliderThumbComponent");
+        var additionalPrefixes = [];
+        var prefix = 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 = 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 = toSpinal(parentTypeName);
+            additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+            additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+        }
+        initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+        if (this._otherStyling) {
+            this._otherStyling(container, component, parent);
+        }
+        this._inStyling = false;
+    };
+    IgcMultiSliderThumbComponent.prototype.push = function (amount) {
+        var iv = this.i.r(amount);
+        return (iv);
+    };
+    Object.defineProperty(IgcMultiSliderThumbComponent.prototype, "propertyUpdated", {
+        get: function () {
+            return this._propertyUpdated;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._propertyUpdated_wrapped !== null) {
+                this.i.propertyUpdated = delegateRemove(this.i.propertyUpdated, this._propertyUpdated_wrapped);
+                this._propertyUpdated_wrapped = null;
+                this._propertyUpdated = null;
+            }
+            this._propertyUpdated = ev;
+            this._propertyUpdated_wrapped = function (o, e) {
+                var outerArgs = new IgcPropertyUpdatedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePropertyUpdated) {
+                    _this.beforePropertyUpdated(_this, outerArgs);
+                }
+                if (_this._propertyUpdated) {
+                    _this._propertyUpdated(_this, outerArgs);
+                }
+            };
+            this.i.propertyUpdated = delegateCombine(this.i.propertyUpdated, this._propertyUpdated_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcMultiSliderThumbComponent._observedAttributesIgcMultiSliderThumbComponent = null;
+    IgcMultiSliderThumbComponent.htmlTagName = "igc-multi-slider-thumb";
+    IgcMultiSliderThumbComponent._isElementRegistered = false;
+    return IgcMultiSliderThumbComponent;
+}(IgcHTMLElement));