igniteui-webcomponents-charts/esm5/lib/igc-zoom-slider-component.js

Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.

import { __extends } from "tslib";
import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
import { ZoomSliderOrientation_$type } from "./ZoomSliderOrientation";
import { IgcZoomSliderResolvingAxisValueEventArgs } from "./igc-zoom-slider-resolving-axis-value-event-args";
import { IgcRectChangedEventArgs } from "igniteui-webcomponents-core";
import { ZoomSlider } from "./ZoomSlider";
import { brushToString, stringToBrush, toRect, fromRect, ensureBool, ensureEnum, initializePropertiesFromCss, NamePatcher, toSpinal, fromSpinal, enumToString, getAllPropertyNames, rectToString } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
import { FontInfo } from "igniteui-webcomponents-core";
import { WebComponentRenderer } from "igniteui-webcomponents-core";
import { IgcHTMLElement } from "igniteui-webcomponents-core";
var ZoomSliderStylingDefaults = {};
var IgcZoomSliderComponent = /** @class */ /*@__PURE__*/ (function (_super) {
    __extends(IgcZoomSliderComponent, _super);
    function IgcZoomSliderComponent() {
        var _this = _super.call(this) || this;
        _this._wrapper = null;
        _this._renderer = null;
        _this._disconnected = false;
        _this._implementation = null;
        _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._resolvingAxisValue = null;
        _this._resolvingAxisValue_wrapped = null;
        _this._windowRectChanged = null;
        _this._windowRectChanged_wrapped = null;
        if (_this._styling) {
            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
        }
        _this._implementation = _this.createImplementation();
        _this._renderer = new WebComponentRenderer(_this, document, true, ZoomSliderStylingDefaults);
        _this._container = _this._renderer.createElement("div");
        _this._renderer.updateRoot(_this._container);
        //this._renderer.rootWrapper.append(this._container);
        _this._container.setStyleProperty("display", "block");
        _this._container.setStyleProperty("width", "100%");
        _this._container.setStyleProperty("height", "100%");
        var root;
        root = _this._container;
        if (_this._container.getNativeElement() != null) {
            root = _this._container.getNativeElement();
        }
        _this._wrapper = _this._renderer;
        var zoomSlider = _this.i;
        _this._zoomSlider = zoomSlider;
        zoomSlider.provideContainer(_this._renderer);
        zoomSlider.notifySizeChanged();
        _this._renderer.addSizeWatcher(function () {
            _this._zoomSlider.notifySizeChanged();
        });
        return _this;
    }
    Object.defineProperty(IgcZoomSliderComponent.prototype, "height", {
        get: function () {
            return this._height;
        },
        set: function (value) {
            this._height = value;
            this.style.height = value;
            this._zoomSlider.notifySizeChanged();
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "width", {
        get: function () {
            return this._width;
        },
        set: function (value) {
            this._width = value;
            this.style.width = value;
            this._zoomSlider.notifySizeChanged();
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent.prototype.disconnectedCallback = function () {
        this._disconnected = true;
        if (this.i) {
            this.i.onDetachedFromUI();
        }
    };
    IgcZoomSliderComponent.prototype.connectedCallback = function () {
        if (this._disconnected) {
            this._disconnected = false;
            if (this.i) {
                this.i.onAttachedToUI();
            }
            return;
        }
        this.classList.add("ig-zoom-slider");
        this.classList.add("igc-zoom-slider");
        this.appendChild(this._renderer.rootWrapper.getNativeElement());
        this._attached = true;
        this.style.display = "block";
        this.style.height = this._height;
        this.style.width = this._width;
        this._flushQueuedAttributes();
        // supports themes or custom properties set in CSS 
        this._styling(this, this);
        this.afterContentInit();
    };
    IgcZoomSliderComponent.prototype.afterContentInit = function () {
        this._zoomSlider.notifySizeChanged();
    };
    // supports themes or custom properties set in CSS
    IgcZoomSliderComponent.prototype.updateStyle = function () {
        this._styling(this, this);
    };
    IgcZoomSliderComponent.prototype.createImplementation = function () {
        return new ZoomSlider();
    };
    Object.defineProperty(IgcZoomSliderComponent.prototype, "i", {
        get: function () {
            return this._implementation;
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent._staticStyling = function (container, component, parent) {
        var genericPrefix = "";
        var typeName = (component.i ? component.i : component).$type.name;
        if (typeName.indexOf("Xam") === 0) {
            typeName = typeName.substring(3);
        }
        genericPrefix = toSpinal("ZoomSlider");
        var additionalPrefixes = [];
        var prefix = toSpinal(typeName);
        additionalPrefixes.push(prefix + "-");
        var b = (component.i ? component.i : component).$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, component, genericPrefix + "-", new Set(), false, additionalPrefixes);
    };
    IgcZoomSliderComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
    };
    IgcZoomSliderComponent.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;
    };
    IgcZoomSliderComponent.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;
    };
    Object.defineProperty(IgcZoomSliderComponent, "observedAttributes", {
        get: function () {
            if (IgcZoomSliderComponent._observedAttributesIgcZoomSliderComponent == null) {
                var names = getAllPropertyNames(IgcZoomSliderComponent);
                for (var i = 0; i < names.length; i++) {
                    names[i] = toSpinal(names[i]);
                }
                IgcZoomSliderComponent._observedAttributesIgcZoomSliderComponent = names;
            }
            return IgcZoomSliderComponent._observedAttributesIgcZoomSliderComponent;
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
        if (this._settingAttributes) {
            return;
        }
        var setName = fromSpinal(name);
        this._updatingFromAttribute = true;
        this[setName] = newValue;
        this._updatingFromAttribute = false;
    };
    IgcZoomSliderComponent.register = function () {
        if (!IgcZoomSliderComponent._isElementRegistered) {
            IgcZoomSliderComponent._isElementRegistered = true;
            RegisterElementHelper.registerElement(IgcZoomSliderComponent.htmlTagName, IgcZoomSliderComponent);
        }
    };
    Object.defineProperty(IgcZoomSliderComponent.prototype, "panTransitionDuration", {
        get: function () {
            return this.i.bl;
        },
        set: function (v) {
            this.i.bl = +v;
            this._a("panTransitionDuration", this.i.bl);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "maxZoomWidth", {
        get: function () {
            return this.i.bg;
        },
        set: function (v) {
            this.i.bg = +v;
            this._a("maxZoomWidth", this.i.bg);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.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.bi;
        },
        set: function (v) {
            this.i.bi = +v;
            this._a("pixelScalingRatio", this.i.bi);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "actualPixelScalingRatio", {
        get: function () {
            return this.i.a4;
        },
        set: function (v) {
            this.i.a4 = +v;
            this._a("actualPixelScalingRatio", this.i.a4);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "windowRect", {
        get: function () {
            return fromRect(this.i.windowRect);
        },
        set: function (v) {
            this.i.windowRect = toRect(v);
            this._a("windowRect", rectToString(this.i.windowRect));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "minZoomWidth", {
        get: function () {
            return this.i.bh;
        },
        set: function (v) {
            this.i.bh = +v;
            this._a("minZoomWidth", this.i.bh);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "startInset", {
        get: function () {
            return this.i.startInset;
        },
        set: function (v) {
            this.i.startInset = +v;
            this._a("startInset", this.i.startInset);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "endInset", {
        get: function () {
            return this.i.endInset;
        },
        set: function (v) {
            this.i.endInset = +v;
            this._a("endInset", this.i.endInset);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "trackStartInset", {
        get: function () {
            return this.i.trackStartInset;
        },
        set: function (v) {
            this.i.trackStartInset = +v;
            this._a("trackStartInset", this.i.trackStartInset);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "trackEndInset", {
        get: function () {
            return this.i.trackEndInset;
        },
        set: function (v) {
            this.i.trackEndInset = +v;
            this._a("trackEndInset", this.i.trackEndInset);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "barExtent", {
        get: function () {
            return this.i.barExtent;
        },
        set: function (v) {
            this.i.barExtent = +v;
            this._a("barExtent", this.i.barExtent);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "orientation", {
        get: function () {
            return this.i.e;
        },
        set: function (v) {
            this.i.e = ensureEnum(ZoomSliderOrientation_$type, v);
            this._a("orientation", enumToString(ZoomSliderOrientation_$type, this.i.e));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbBrush", {
        get: function () {
            return brushToString(this.i.e8);
        },
        set: function (v) {
            this.i.e8 = stringToBrush(v);
            this._a("lowerThumbBrush", brushToString(this.i.e8));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbStrokeThickness", {
        get: function () {
            return this.i.be;
        },
        set: function (v) {
            this.i.be = +v;
            this._a("lowerThumbStrokeThickness", this.i.be);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbStrokeThickness", {
        get: function () {
            return this.i.a9;
        },
        set: function (v) {
            this.i.a9 = +v;
            this._a("higherThumbStrokeThickness", this.i.a9);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbBrush", {
        get: function () {
            return brushToString(this.i.e0);
        },
        set: function (v) {
            this.i.e0 = stringToBrush(v);
            this._a("higherThumbBrush", brushToString(this.i.e0));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbOutline", {
        get: function () {
            return brushToString(this.i.e9);
        },
        set: function (v) {
            this.i.e9 = stringToBrush(v);
            this._a("lowerThumbOutline", brushToString(this.i.e9));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbOutline", {
        get: function () {
            return brushToString(this.i.e1);
        },
        set: function (v) {
            this.i.e1 = stringToBrush(v);
            this._a("higherThumbOutline", brushToString(this.i.e1));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbRidgesBrush", {
        get: function () {
            return brushToString(this.i.fa);
        },
        set: function (v) {
            this.i.fa = stringToBrush(v);
            this._a("lowerThumbRidgesBrush", brushToString(this.i.fa));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbRidgesBrush", {
        get: function () {
            return brushToString(this.i.e2);
        },
        set: function (v) {
            this.i.e2 = stringToBrush(v);
            this._a("higherThumbRidgesBrush", brushToString(this.i.e2));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbWidth", {
        get: function () {
            return this.i.bf;
        },
        set: function (v) {
            this.i.bf = +v;
            this._a("lowerThumbWidth", this.i.bf);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbWidth", {
        get: function () {
            return this.i.ba;
        },
        set: function (v) {
            this.i.ba = +v;
            this._a("higherThumbWidth", this.i.ba);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerThumbHeight", {
        get: function () {
            return this.i.bd;
        },
        set: function (v) {
            this.i.bd = +v;
            this._a("lowerThumbHeight", this.i.bd);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherThumbHeight", {
        get: function () {
            return this.i.a8;
        },
        set: function (v) {
            this.i.a8 = +v;
            this._a("higherThumbHeight", this.i.a8);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerShadeBrush", {
        get: function () {
            return brushToString(this.i.e6);
        },
        set: function (v) {
            this.i.e6 = stringToBrush(v);
            this._a("lowerShadeBrush", brushToString(this.i.e6));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerShadeOutline", {
        get: function () {
            return brushToString(this.i.e7);
        },
        set: function (v) {
            this.i.e7 = stringToBrush(v);
            this._a("lowerShadeOutline", brushToString(this.i.e7));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerShadeStrokeThickness", {
        get: function () {
            return this.i.bc;
        },
        set: function (v) {
            this.i.bc = +v;
            this._a("lowerShadeStrokeThickness", this.i.bc);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherShadeBrush", {
        get: function () {
            return brushToString(this.i.ey);
        },
        set: function (v) {
            this.i.ey = stringToBrush(v);
            this._a("higherShadeBrush", brushToString(this.i.ey));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherShadeOutline", {
        get: function () {
            return brushToString(this.i.ez);
        },
        set: function (v) {
            this.i.ez = stringToBrush(v);
            this._a("higherShadeOutline", brushToString(this.i.ez));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherShadeStrokeThickness", {
        get: function () {
            return this.i.a7;
        },
        set: function (v) {
            this.i.a7 = +v;
            this._a("higherShadeStrokeThickness", this.i.a7);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "barBrush", {
        get: function () {
            return brushToString(this.i.et);
        },
        set: function (v) {
            this.i.et = stringToBrush(v);
            this._a("barBrush", brushToString(this.i.et));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "barOutline", {
        get: function () {
            return brushToString(this.i.eu);
        },
        set: function (v) {
            this.i.eu = stringToBrush(v);
            this._a("barOutline", brushToString(this.i.eu));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "barStrokeThickness", {
        get: function () {
            return this.i.a5;
        },
        set: function (v) {
            this.i.a5 = +v;
            this._a("barStrokeThickness", this.i.a5);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "rangeThumbBrush", {
        get: function () {
            return brushToString(this.i.fb);
        },
        set: function (v) {
            this.i.fb = stringToBrush(v);
            this._a("rangeThumbBrush", brushToString(this.i.fb));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "rangeThumbOutline", {
        get: function () {
            return brushToString(this.i.fc);
        },
        set: function (v) {
            this.i.fc = stringToBrush(v);
            this._a("rangeThumbOutline", brushToString(this.i.fc));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.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(IgcZoomSliderComponent.prototype, "rangeThumbRidgesBrush", {
        get: function () {
            return brushToString(this.i.fd);
        },
        set: function (v) {
            this.i.fd = stringToBrush(v);
            this._a("rangeThumbRidgesBrush", brushToString(this.i.fd));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerCalloutBrush", {
        get: function () {
            return brushToString(this.i.e3);
        },
        set: function (v) {
            this.i.e3 = stringToBrush(v);
            this._a("lowerCalloutBrush", brushToString(this.i.e3));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerCalloutTextColor", {
        get: function () {
            return brushToString(this.i.e5);
        },
        set: function (v) {
            this.i.e5 = stringToBrush(v);
            this._a("lowerCalloutTextColor", brushToString(this.i.e5));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerCalloutOutline", {
        get: function () {
            return brushToString(this.i.e4);
        },
        set: function (v) {
            this.i.e4 = stringToBrush(v);
            this._a("lowerCalloutOutline", brushToString(this.i.e4));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "lowerCalloutStrokeThickness", {
        get: function () {
            return this.i.bb;
        },
        set: function (v) {
            this.i.bb = +v;
            this._a("lowerCalloutStrokeThickness", this.i.bb);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherCalloutBrush", {
        get: function () {
            return brushToString(this.i.ev);
        },
        set: function (v) {
            this.i.ev = stringToBrush(v);
            this._a("higherCalloutBrush", brushToString(this.i.ev));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherCalloutTextColor", {
        get: function () {
            return brushToString(this.i.ex);
        },
        set: function (v) {
            this.i.ex = stringToBrush(v);
            this._a("higherCalloutTextColor", brushToString(this.i.ex));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherCalloutOutline", {
        get: function () {
            return brushToString(this.i.ew);
        },
        set: function (v) {
            this.i.ew = stringToBrush(v);
            this._a("higherCalloutOutline", brushToString(this.i.ew));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "higherCalloutStrokeThickness", {
        get: function () {
            return this.i.a6;
        },
        set: function (v) {
            this.i.a6 = +v;
            this._a("higherCalloutStrokeThickness", this.i.a6);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "isCustomThumbProvided", {
        get: function () {
            return this.i.ab;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "isCustomRangeThumbProvided", {
        get: function () {
            return this.i.z;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "isCustomBarProvided", {
        get: function () {
            return this.i.y;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "isCustomShadeProvided", {
        get: function () {
            return this.i.aa;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "areThumbCalloutsEnabled", {
        get: function () {
            return this.i.q;
        },
        set: function (v) {
            this.i.q = ensureBool(v);
            this._a("areThumbCalloutsEnabled", this.i.q);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "thumbCalloutTextStyle", {
        get: function () {
            if (this.i.o == null) {
                return null;
            }
            return this.i.o.fontString;
        },
        set: function (v) {
            var fi = new FontInfo();
            fi.fontString = v;
            this.i.o = fi;
            this._a("thumbCalloutTextStyle", this.i.o != null ? this.i.o.fontString : "");
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent.prototype.findByName = function (name) {
        if (this.findEphemera) {
            if (name && name.indexOf("@@e:") == 0) {
                return this.findEphemera(name);
            }
        }
        return null;
    };
    Object.defineProperty(IgcZoomSliderComponent.prototype, "hasUserValues", {
        get: function () {
            return this._hasUserValues;
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent.prototype.__m = function (propertyName) {
        if (!this._inStyling) {
            this._hasUserValues.add(propertyName);
        }
    };
    IgcZoomSliderComponent.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("ZoomSliderComponent");
        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;
    };
    IgcZoomSliderComponent.prototype.onDetachedFromUI = function () {
        this.i.onDetachedFromUI();
    };
    IgcZoomSliderComponent.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.
    */
    IgcZoomSliderComponent.prototype.provideContainer = function (container) {
        this.i.provideContainer(container);
    };
    IgcZoomSliderComponent.prototype.flush = function () {
        this.i.c3();
    };
    IgcZoomSliderComponent.prototype.trackDirty = function () {
        this.i.trackDirty();
    };
    /**
     * Shows the ZoomSlider.
    
    */
    IgcZoomSliderComponent.prototype.show = function () {
        this.i.show();
    };
    /**
     * Hides the ZoomSlider.
    
    */
    IgcZoomSliderComponent.prototype.hide = function () {
        this.i.hide();
    };
    Object.defineProperty(IgcZoomSliderComponent.prototype, "resolvingAxisValue", {
        get: function () {
            return this._resolvingAxisValue;
        },
        set: function (ev) {
            var _this = this;
            if (this._resolvingAxisValue_wrapped !== null) {
                this.i.resolvingAxisValue = delegateRemove(this.i.resolvingAxisValue, this._resolvingAxisValue_wrapped);
                this._resolvingAxisValue_wrapped = null;
                this._resolvingAxisValue = null;
            }
            this._resolvingAxisValue = ev;
            this._resolvingAxisValue_wrapped = function (o, e) {
                var outerArgs = new IgcZoomSliderResolvingAxisValueEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeResolvingAxisValue) {
                    _this.beforeResolvingAxisValue(_this, outerArgs);
                }
                if (_this._resolvingAxisValue) {
                    _this._resolvingAxisValue(_this, outerArgs);
                }
            };
            this.i.resolvingAxisValue = delegateCombine(this.i.resolvingAxisValue, this._resolvingAxisValue_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcZoomSliderComponent.prototype, "windowRectChanged", {
        /**
         * Occurs just after the current ZoomSlider's window rectangle is changed.
        */
        get: function () {
            return this._windowRectChanged;
        },
        set: function (ev) {
            var _this = this;
            if (this._windowRectChanged_wrapped !== null) {
                this.i.windowRectChanged = delegateRemove(this.i.windowRectChanged, this._windowRectChanged_wrapped);
                this._windowRectChanged_wrapped = null;
                this._windowRectChanged = null;
            }
            this._windowRectChanged = ev;
            this._windowRectChanged_wrapped = function (o, e) {
                var outerArgs = new IgcRectChangedEventArgs();
                outerArgs._provideImplementation(e);
                if (_this.beforeWindowRectChanged) {
                    _this.beforeWindowRectChanged(_this, outerArgs);
                }
                if (_this._windowRectChanged) {
                    _this._windowRectChanged(_this, outerArgs);
                }
            };
            this.i.windowRectChanged = delegateCombine(this.i.windowRectChanged, this._windowRectChanged_wrapped);
            ;
        },
        enumerable: false,
        configurable: true
    });
    IgcZoomSliderComponent._observedAttributesIgcZoomSliderComponent = null;
    IgcZoomSliderComponent.htmlTagName = "igc-zoom-slider";
    IgcZoomSliderComponent._isElementRegistered = false;
    return IgcZoomSliderComponent;
}(IgcHTMLElement));
export { IgcZoomSliderComponent };