igniteui-webcomponents-inputs/esm5/lib/igc-multi-slider-component.js

Ignite UI Web Components inputs components.

import { __extends } from "tslib";
import { IgcHTMLElement } from "igniteui-webcomponents-core";
import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
import { IgcMultiSliderThumbCollection } from "./igc-multi-slider-thumb-collection";
import { MultiSliderOrientation_$type } from "./MultiSliderOrientation";
import { IgcMultiSliderResolvingToolTipValueEventArgs } from "./igc-multi-slider-resolving-tool-tip-value-event-args";
import { IgcMultiSliderThumbValueChangingEventArgs } from "./igc-multi-slider-thumb-value-changing-event-args";
import { IgcMultiSliderYValueChangingEventArgs } from "./igc-multi-slider-y-value-changing-event-args";
import { MultiSlider } from "./MultiSlider";
import { TypeRegistrar } from "igniteui-webcomponents-core";
import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, fromRect, toRect, rectToString, ensureEnum, enumToString, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
import { MultiSliderThumbCollection as MultiSliderThumbCollection_internal } from "./MultiSliderThumbCollection";
import { MultiSliderThumb } from "./MultiSliderThumb";
import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
import { FontInfo } from "igniteui-webcomponents-core";
export var IgcMultiSliderComponent = /** @class */ /*@__PURE__*/ (function (_super) {
    __extends(IgcMultiSliderComponent, _super);
    function IgcMultiSliderComponent() {
        var _this = _super.call(this) || this;
        _this._settingAttributes = false;
        _this._attached = false;
        _this._queuedSetAttributes = [];
        _this._updatingFromAttribute = false;
        _this._thumbs = null;
        _this.__p = null;
        _this._hasUserValues = new Set();
        _this._stylingContainer = null;
        _this._stylingParent = null;
        _this._inStyling = false;
        _this._resolvingToolTipValue = null;
        _this._resolvingToolTipValue_wrapped = null;
        _this._thumbValueChanging = null;
        _this._thumbValueChanging_wrapped = null;
        _this._thumbValueChanged = null;
        _this._thumbValueChanged_wrapped = null;
        _this._yValueChanging = null;
        _this._yValueChanging_wrapped = null;
        _this._yValueChanged = null;
        _this._yValueChanged_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;
    }
    IgcMultiSliderComponent.prototype.createImplementation = function () {
        return new MultiSlider();
    };
    Object.defineProperty(IgcMultiSliderComponent.prototype, "i", {
        /**
         * @hidden
         */
        get: function () {
            return this._implementation;
        } /**
                                     * @hidden
                                     */,
        enumerable: false,
        configurable: true
    });
    IgcMultiSliderComponent._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);
    };
    IgcMultiSliderComponent.prototype.onImplementationCreated = function () {
    };
    IgcMultiSliderComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
    };
    IgcMultiSliderComponent.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;
    };
    IgcMultiSliderComponent.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;
    };
    IgcMultiSliderComponent.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();
        }
    };
    IgcMultiSliderComponent.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(IgcMultiSliderComponent, "observedAttributes", {
        get: function () {
            if (IgcMultiSliderComponent._observedAttributesIgcMultiSliderComponent == null) {
                var names = getAllPropertyNames(IgcMultiSliderComponent);
                for (var i = 0; i < names.length; i++) {
                    names[i] = toSpinal(names[i]);
                }
                IgcMultiSliderComponent._observedAttributesIgcMultiSliderComponent = names;
            }
            return IgcMultiSliderComponent._observedAttributesIgcMultiSliderComponent;
        },
        enumerable: false,
        configurable: true
    });
    IgcMultiSliderComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
        if (this._settingAttributes) {
            return;
        }
        var setName = fromSpinal(name);
        this._updatingFromAttribute = true;
        this[setName] = newValue;
        this._updatingFromAttribute = false;
    };
    IgcMultiSliderComponent.register = function () {
        if (!IgcMultiSliderComponent._isElementRegistered) {
            IgcMultiSliderComponent._isElementRegistered = true;
            RegisterElementHelper.registerElement(IgcMultiSliderComponent.htmlTagName, IgcMultiSliderComponent);
        }
    };
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbs", {
        /**
         * Gets the column definitions that are assigned to the grid. This collection can be modified to add or remove columns in the grid.
        */
        get: function () {
            if (this._thumbs === null) {
                var coll = new IgcMultiSliderThumbCollection();
                var innerColl = this.i.thumbs;
                if (!innerColl) {
                    innerColl = new MultiSliderThumbCollection_internal();
                }
                this._thumbs = coll._fromInner(innerColl);
            }
            return this._thumbs;
        },
        set: function (v) {
            if (this._thumbs !== null) {
                this._thumbs._setSyncTarget(null);
                this._thumbs = null;
            }
            var coll = new IgcMultiSliderThumbCollection();
            this._thumbs = coll._fromOuter(v);
            var syncColl = new SyncableObservableCollection$1(MultiSliderThumb.$type);
            var innerColl = this.i.thumbs;
            if (!innerColl) {
                innerColl = new MultiSliderThumbCollection_internal();
            }
            syncColl._inner = innerColl;
            syncColl.clear();
            this._thumbs._setSyncTarget(syncColl);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "min", {
        get: function () {
            return this.i.bg;
        },
        set: function (v) {
            this.i.bg = +v;
            this._a("min", this.i.bg);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "max", {
        get: function () {
            return this.i.bf;
        },
        set: function (v) {
            this.i.bf = +v;
            this._a("max", this.i.bf);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "step", {
        get: function () {
            return this.i.bl;
        },
        set: function (v) {
            this.i.bl = +v;
            this._a("step", this.i.bl);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yMax", {
        get: function () {
            return this.i.bu;
        },
        set: function (v) {
            this.i.bu = +v;
            this._a("yMax", this.i.bu);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yMin", {
        get: function () {
            return this.i.bv;
        },
        set: function (v) {
            this.i.bv = +v;
            this._a("yMin", this.i.bv);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yStep", {
        get: function () {
            return this.i.bx;
        },
        set: function (v) {
            this.i.bx = +v;
            this._a("yStep", this.i.bx);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "pixelScalingRatio", {
        /**
         * Gets or sets the scaling value used to affect the pixel density of the control.
         * A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
         * to appear blurry.
        */
        get: function () {
            return this.i.bh;
        },
        set: function (v) {
            this.i.bh = +v;
            this._a("pixelScalingRatio", this.i.bh);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "actualPixelScalingRatio", {
        get: function () {
            return this.i.a9;
        },
        set: function (v) {
            this.i.a9 = +v;
            this._a("actualPixelScalingRatio", this.i.a9);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "windowRect", {
        get: function () {
            return fromRect(this.i.e1);
        },
        set: function (v) {
            this.i.e1 = toRect(v);
            this._a("windowRect", rectToString(this.i.e1));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yValue", {
        get: function () {
            return this.i.b0;
        },
        set: function (v) {
            this.i.b0 = +v;
            this._a("yValue", this.i.b0);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "startInset", {
        get: function () {
            return this.i.bk;
        },
        set: function (v) {
            this.i.bk = +v;
            this._a("startInset", this.i.bk);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "endInset", {
        get: function () {
            return this.i.be;
        },
        set: function (v) {
            this.i.be = +v;
            this._a("endInset", this.i.be);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "trackStartInset", {
        get: function () {
            return this.i.bq;
        },
        set: function (v) {
            this.i.bq = +v;
            this._a("trackStartInset", this.i.bq);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "trackEndInset", {
        get: function () {
            return this.i.bp;
        },
        set: function (v) {
            this.i.bp = +v;
            this._a("trackEndInset", this.i.bp);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yTrackStartInset", {
        get: function () {
            return this.i.bz;
        },
        set: function (v) {
            this.i.bz = +v;
            this._a("yTrackStartInset", this.i.bz);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yTrackEndInset", {
        get: function () {
            return this.i.by;
        },
        set: function (v) {
            this.i.by = +v;
            this._a("yTrackEndInset", this.i.by);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "barExtent", {
        get: function () {
            return this.i.bb;
        },
        set: function (v) {
            this.i.bb = +v;
            this._a("barExtent", this.i.bb);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "orientation", {
        get: function () {
            return this.i.e;
        },
        set: function (v) {
            this.i.e = ensureEnum(MultiSliderOrientation_$type, v);
            this._a("orientation", enumToString(MultiSliderOrientation_$type, this.i.e));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbBrush", {
        get: function () {
            return brushToString(this.i.es);
        },
        set: function (v) {
            this.i.es = stringToBrush(v);
            this._a("thumbBrush", brushToString(this.i.es));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbStrokeThickness", {
        get: function () {
            return this.i.bn;
        },
        set: function (v) {
            this.i.bn = +v;
            this._a("thumbStrokeThickness", this.i.bn);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbOutline", {
        get: function () {
            return brushToString(this.i.et);
        },
        set: function (v) {
            this.i.et = stringToBrush(v);
            this._a("thumbOutline", brushToString(this.i.et));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbWidth", {
        get: function () {
            return this.i.bo;
        },
        set: function (v) {
            this.i.bo = +v;
            this._a("thumbWidth", this.i.bo);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbHeight", {
        get: function () {
            return this.i.bm;
        },
        set: function (v) {
            this.i.bm = +v;
            this._a("thumbHeight", this.i.bm);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "barBrush", {
        get: function () {
            return brushToString(this.i.ek);
        },
        set: function (v) {
            this.i.ek = stringToBrush(v);
            this._a("barBrush", brushToString(this.i.ek));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "barOutline", {
        get: function () {
            return brushToString(this.i.el);
        },
        set: function (v) {
            this.i.el = stringToBrush(v);
            this._a("barOutline", brushToString(this.i.el));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "barStrokeThickness", {
        get: function () {
            return this.i.bc;
        },
        set: function (v) {
            this.i.bc = +v;
            this._a("barStrokeThickness", this.i.bc);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "rangeThumbBrush", {
        get: function () {
            return brushToString(this.i.ep);
        },
        set: function (v) {
            this.i.ep = stringToBrush(v);
            this._a("rangeThumbBrush", brushToString(this.i.ep));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "rangeThumbOutline", {
        get: function () {
            return brushToString(this.i.eq);
        },
        set: function (v) {
            this.i.eq = stringToBrush(v);
            this._a("rangeThumbOutline", brushToString(this.i.eq));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "rangeThumbStrokeThickness", {
        get: function () {
            return this.i.bj;
        },
        set: function (v) {
            this.i.bj = +v;
            this._a("rangeThumbStrokeThickness", this.i.bj);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "rangeThumbRidgesBrush", {
        get: function () {
            return brushToString(this.i.er);
        },
        set: function (v) {
            this.i.er = stringToBrush(v);
            this._a("rangeThumbRidgesBrush", brushToString(this.i.er));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbRidgesBrush", {
        get: function () {
            return brushToString(this.i.eu);
        },
        set: function (v) {
            this.i.eu = stringToBrush(v);
            this._a("thumbRidgesBrush", brushToString(this.i.eu));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "calloutBrush", {
        get: function () {
            return brushToString(this.i.em);
        },
        set: function (v) {
            this.i.em = stringToBrush(v);
            this._a("calloutBrush", brushToString(this.i.em));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "calloutTextColor", {
        get: function () {
            return brushToString(this.i.eo);
        },
        set: function (v) {
            this.i.eo = stringToBrush(v);
            this._a("calloutTextColor", brushToString(this.i.eo));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "calloutOutline", {
        get: function () {
            return brushToString(this.i.en);
        },
        set: function (v) {
            this.i.en = stringToBrush(v);
            this._a("calloutOutline", brushToString(this.i.en));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "calloutStrokeThickness", {
        get: function () {
            return this.i.bd;
        },
        set: function (v) {
            this.i.bd = +v;
            this._a("calloutStrokeThickness", this.i.bd);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "isCustomThumbProvided", {
        get: function () {
            return this.i.ac;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "isCustomRangeThumbProvided", {
        get: function () {
            return this.i.aa;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "isCustomBarProvided", {
        get: function () {
            return this.i.z;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "isCustomShadeProvided", {
        get: function () {
            return this.i.ab;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "areThumbCalloutsEnabled", {
        get: function () {
            return this.i.t;
        },
        set: function (v) {
            this.i.t = ensureBool(v);
            this._a("areThumbCalloutsEnabled", this.i.t);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbCalloutTextStyle", {
        get: function () {
            if (this.i.p == null) {
                return null;
            }
            return this.i.p.fontString;
        },
        set: function (v) {
            var fi = new FontInfo();
            fi.fontString = v;
            this.i.p = fi;
            this._a("thumbCalloutTextStyle", this.i.p != null ? this.i.p.fontString : "");
        },
        enumerable: false,
        configurable: true
    });
    IgcMultiSliderComponent.prototype.findByName = function (name) {
        if (this.findEphemera) {
            if (name && name.indexOf("@@e:") == 0) {
                return this.findEphemera(name);
            }
        }
        if (this.thumbs != null && this.thumbs.findByName && this.thumbs.findByName(name)) {
            return this.thumbs.findByName(name);
        }
        return null;
    };
    Object.defineProperty(IgcMultiSliderComponent.prototype, "hasUserValues", {
        get: function () {
            return this._hasUserValues;
        },
        enumerable: false,
        configurable: true
    });
    IgcMultiSliderComponent.prototype.__m = function (propertyName) {
        if (!this._inStyling) {
            this._hasUserValues.add(propertyName);
        }
    };
    IgcMultiSliderComponent.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("MultiSliderComponent");
        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;
    };
    IgcMultiSliderComponent.prototype.onDetachedFromUI = function () {
        this.i.onDetachedFromUI();
    };
    IgcMultiSliderComponent.prototype.onAttachedToUI = function () {
        this.i.onAttachedToUI();
    };
    /**
     * Called by the UI framework to provide a UI container for rendering this control.
    
    * @param container  * The UI container element.
    */
    IgcMultiSliderComponent.prototype.provideContainer = function (container) {
        this.i.provideContainer(container);
    };
    IgcMultiSliderComponent.prototype.flush = function () {
        this.i.c7();
    };
    IgcMultiSliderComponent.prototype.trackDirty = function () {
        this.i.trackDirty();
    };
    /**
     * Shows the ZoomSlider.
    
    */
    IgcMultiSliderComponent.prototype.show = function () {
        this.i.dw();
    };
    /**
     * Hides the ZoomSlider.
    
    */
    IgcMultiSliderComponent.prototype.hide = function () {
        this.i.c8();
    };
    Object.defineProperty(IgcMultiSliderComponent.prototype, "resolvingToolTipValue", {
        get: function () {
            return this._resolvingToolTipValue;
        },
        set: function (ev) {
            var _this = this;
            if (this._resolvingToolTipValue_wrapped !== null) {
                this.i.resolvingToolTipValue = delegateRemove(this.i.resolvingToolTipValue, this._resolvingToolTipValue_wrapped);
                this._resolvingToolTipValue_wrapped = null;
                this._resolvingToolTipValue = null;
            }
            this._resolvingToolTipValue = ev;
            this._resolvingToolTipValue_wrapped = function (o, e) {
                var outerArgs = new IgcMultiSliderResolvingToolTipValueEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeResolvingToolTipValue) {
                    _this.beforeResolvingToolTipValue(_this, outerArgs);
                }
                if (_this._resolvingToolTipValue) {
                    _this._resolvingToolTipValue(_this, outerArgs);
                }
            };
            this.i.resolvingToolTipValue = delegateCombine(this.i.resolvingToolTipValue, this._resolvingToolTipValue_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbValueChanging", {
        get: function () {
            return this._thumbValueChanging;
        },
        set: function (ev) {
            var _this = this;
            if (this._thumbValueChanging_wrapped !== null) {
                this.i.thumbValueChanging = delegateRemove(this.i.thumbValueChanging, this._thumbValueChanging_wrapped);
                this._thumbValueChanging_wrapped = null;
                this._thumbValueChanging = null;
            }
            this._thumbValueChanging = ev;
            this._thumbValueChanging_wrapped = function (o, e) {
                var outerArgs = new IgcMultiSliderThumbValueChangingEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeThumbValueChanging) {
                    _this.beforeThumbValueChanging(_this, outerArgs);
                }
                if (_this._thumbValueChanging) {
                    _this._thumbValueChanging(_this, outerArgs);
                }
            };
            this.i.thumbValueChanging = delegateCombine(this.i.thumbValueChanging, this._thumbValueChanging_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "thumbValueChanged", {
        get: function () {
            return this._thumbValueChanged;
        },
        set: function (ev) {
            var _this = this;
            if (this._thumbValueChanged_wrapped !== null) {
                this.i.thumbValueChanged = delegateRemove(this.i.thumbValueChanged, this._thumbValueChanged_wrapped);
                this._thumbValueChanged_wrapped = null;
                this._thumbValueChanged = null;
            }
            this._thumbValueChanged = ev;
            this._thumbValueChanged_wrapped = function (o, e) {
                var outerArgs = new IgcMultiSliderThumbValueChangingEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeThumbValueChanged) {
                    _this.beforeThumbValueChanged(_this, outerArgs);
                }
                if (_this._thumbValueChanged) {
                    _this._thumbValueChanged(_this, outerArgs);
                }
            };
            this.i.thumbValueChanged = delegateCombine(this.i.thumbValueChanged, this._thumbValueChanged_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yValueChanging", {
        get: function () {
            return this._yValueChanging;
        },
        set: function (ev) {
            var _this = this;
            if (this._yValueChanging_wrapped !== null) {
                this.i.yValueChanging = delegateRemove(this.i.yValueChanging, this._yValueChanging_wrapped);
                this._yValueChanging_wrapped = null;
                this._yValueChanging = null;
            }
            this._yValueChanging = ev;
            this._yValueChanging_wrapped = function (o, e) {
                var outerArgs = new IgcMultiSliderYValueChangingEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeYValueChanging) {
                    _this.beforeYValueChanging(_this, outerArgs);
                }
                if (_this._yValueChanging) {
                    _this._yValueChanging(_this, outerArgs);
                }
            };
            this.i.yValueChanging = delegateCombine(this.i.yValueChanging, this._yValueChanging_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcMultiSliderComponent.prototype, "yValueChanged", {
        get: function () {
            return this._yValueChanged;
        },
        set: function (ev) {
            var _this = this;
            if (this._yValueChanged_wrapped !== null) {
                this.i.yValueChanged = delegateRemove(this.i.yValueChanged, this._yValueChanged_wrapped);
                this._yValueChanged_wrapped = null;
                this._yValueChanged = null;
            }
            this._yValueChanged = ev;
            this._yValueChanged_wrapped = function (o, e) {
                var outerArgs = new IgcMultiSliderYValueChangingEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeYValueChanged) {
                    _this.beforeYValueChanged(_this, outerArgs);
                }
                if (_this._yValueChanged) {
                    _this._yValueChanged(_this, outerArgs);
                }
            };
            this.i.yValueChanged = delegateCombine(this.i.yValueChanged, this._yValueChanged_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    IgcMultiSliderComponent._observedAttributesIgcMultiSliderComponent = null;
    IgcMultiSliderComponent.htmlTagName = "igc-multi-slider";
    IgcMultiSliderComponent._isElementRegistered = false;
    return IgcMultiSliderComponent;
}(IgcHTMLElement));