/**
 * @fileoverview added by tsickle
 * Generated from: base-component/currency/bcac-icon/bcac-zoom-icon/bcac-zoom-icon.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
// import * as color from '../../../../business-component/chart/config/colors';
var BcacZoomIconComponent = /** @class */ (function () {
    function BcacZoomIconComponent() {
        this.darkModeTextColor = '#EEE';
        this.defaultColor = '#323232';
        this.activeColor = '#1890ff';
        this.iconType = "zoom_enlarge";
        this.tooltipTitle = "区域缩放";
        this._bcacIsDarkMode = false;
        this._enlargeIconColor = this.defaultColor;
        this._backIconColor = this.defaultColor;
        this.isBack = false; //区域缩放还原状态
        //区域缩放还原状态
        this.isActive = false; //区域缩放点击状态
        this.bcacZoomEmit = new EventEmitter();
    }
    /**
     * @return {?}
     */
    BcacZoomIconComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    Object.defineProperty(BcacZoomIconComponent.prototype, "bcacIconType", {
        set: /**
         * @param {?} value
         * @return {?}
         */
        function (value) {
            this.iconType = value;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(BcacZoomIconComponent.prototype, "bcacTooltipTitle", {
        set: /**
         * @param {?} value
         * @return {?}
         */
        function (value) {
            this.tooltipTitle = value;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(BcacZoomIconComponent.prototype, "bcacIsDarkMode", {
        set: /**
         * @param {?} value
         * @return {?}
         */
        function (value) {
            this._bcacIsDarkMode = value;
            this.switchColor();
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(BcacZoomIconComponent.prototype, "bcacZoomBackActive", {
        set: 
        //区域缩放点击状态
        /**
         * @param {?} value
         * @return {?}
         */
        function (value) {
            this.isBack = value;
            this.switchColor();
        },
        enumerable: true,
        configurable: true
    });
    //todo 切换颜色
    //todo 切换颜色
    /**
     * @return {?}
     */
    BcacZoomIconComponent.prototype.switchColor = 
    //todo 切换颜色
    /**
     * @return {?}
     */
    function () {
        this._enlargeIconColor = this.isActive
            ? this.activeColor
            : (this._bcacIsDarkMode
                ? this.darkModeTextColor
                : this.defaultColor);
        this._backIconColor = this.isBack
            ? this.activeColor
            : (this._bcacIsDarkMode
                ? this.darkModeTextColor
                : this.defaultColor);
    };
    /**
     * @return {?}
     */
    BcacZoomIconComponent.prototype.clickZoom = /**
     * @return {?}
     */
    function () {
        this.isActive = !this.isActive;
        this.switchColor();
        /** @type {?} */
        var param = {
            type: this.iconType,
            active: this.isActive
        };
        this.bcacZoomEmit.emit(param);
    };
    BcacZoomIconComponent.decorators = [
        { type: Component, args: [{
                    selector: 'bcac-zoom-icon',
                    template: "<div style=\"width: 20px;text-align: center;\" (click)=\"clickZoom()\">\r\n    <ng-container *ngIf=\"iconType == 'zoom_enlarge' \">\r\n        <bcac-icon\r\n            class=\"singleSelectIcon\"\r\n            [iconColor]=\"_enlargeIconColor\"\r\n            [iconType]=\"iconType\"\r\n            [tooltipTitle]=\"tooltipTitle\"\r\n        >\r\n        </bcac-icon>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"iconType == 'zoom_back' \">\r\n        <bcac-icon\r\n            class=\"singleSelectIcon\"\r\n            [iconColor]=\"_backIconColor\"\r\n            [iconType]=\"iconType\"\r\n            [tooltipTitle]=\"tooltipTitle\"\r\n        >\r\n        </bcac-icon>\r\n    </ng-container>\r\n    \r\n    \r\n    \r\n</div>",
                    styles: [".singleSelectIcon{font-size:1.6rem;line-height:1}"]
                }] }
    ];
    /** @nocollapse */
    BcacZoomIconComponent.ctorParameters = function () { return []; };
    BcacZoomIconComponent.propDecorators = {
        bcacIconType: [{ type: Input }],
        bcacTooltipTitle: [{ type: Input }],
        bcacIsDarkMode: [{ type: Input }],
        bcacZoomBackActive: [{ type: Input }],
        bcacZoomEmit: [{ type: Output }]
    };
    return BcacZoomIconComponent;
}());
export { BcacZoomIconComponent };
if (false) {
    /** @type {?} */
    BcacZoomIconComponent.prototype.darkModeTextColor;
    /** @type {?} */
    BcacZoomIconComponent.prototype.defaultColor;
    /** @type {?} */
    BcacZoomIconComponent.prototype.activeColor;
    /** @type {?} */
    BcacZoomIconComponent.prototype.iconType;
    /** @type {?} */
    BcacZoomIconComponent.prototype.tooltipTitle;
    /** @type {?} */
    BcacZoomIconComponent.prototype._bcacIsDarkMode;
    /** @type {?} */
    BcacZoomIconComponent.prototype._enlargeIconColor;
    /** @type {?} */
    BcacZoomIconComponent.prototype._backIconColor;
    /** @type {?} */
    BcacZoomIconComponent.prototype.isBack;
    /** @type {?} */
    BcacZoomIconComponent.prototype.isActive;
    /** @type {?} */
    BcacZoomIconComponent.prototype.bcacZoomEmit;
}
//# sourceMappingURL=data:application/json;base64, 