jpush-ui
Version:
极光大数据前端Angular组件（^6.1.0）
158 lines • 26 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var SwitchComponent = /** @class */ (function () {
function SwitchComponent() {
//
this.whiteColor = '#fff';
this.blueColor = '#108ee9';
this.grayColor = '#AEB3BA';
this.borderGrayColor = '#dfdfdf';
// 打开和关闭时的状态值
this._checked = false;
this.checkedChange = new core_1.EventEmitter();
// isAutoChange为false时，点击后不直接更改checked的值，进行checkedChange()中的操作后再决定是否更改checked的值
this.isAutoChange = true;
// 打开和关闭时的文字
this.onLabel = '';
this.offLabel = '';
// 打开和关闭时的图标
this.onIcon = '';
this.offIcon = '';
// 打开和关闭时的文字颜色
this.onTextColor = this.whiteColor;
this.offTextColor = this.whiteColor;
// 打开和关闭时组件颜色
this.onColor = this.blueColor;
this.offColor = this.grayColor;
// 大小
this.size = '';
// disabled
this.disabled = false;
// 形状
this.rectangle = false;
// 打开和关闭时长方形组件的颜色类型
this.dataOn = '';
this.dataOff = '';
this.small = false;
}
Object.defineProperty(SwitchComponent.prototype, "checked", {
get:
// 打开和关闭时的状态值
function () {
return this._checked;
},
set: function (value) {
this._checked = value;
this.setColor(this._checked);
},
enumerable: true,
configurable: true
});
SwitchComponent.prototype.ngOnInit = function () {
if (this.rectangle) {
if (!this.onLabel && !this.onIcon) {
this.onLabel = 'ON';
}
;
if (!this.offLabel && !this.offIcon) {
this.offLabel = 'OFF';
}
;
}
if (this.size === 'small') {
this.small = true;
}
this.setColor(this.checked);
};
// 切换时更新checked值和样式
// 切换时更新checked值和样式
SwitchComponent.prototype.toggle =
// 切换时更新checked值和样式
function (event) {
if (!this.disabled) {
if (this.isAutoChange) {
if (this.checked) {
this.checked = false;
}
else {
this.checked = true;
}
}
this.checkedChange.emit(this.checked);
}
};
// 是否为白色
// 是否为白色
SwitchComponent.prototype.isWhite =
// 是否为白色
function (str) {
if (str.toLowerCase() === '#fff' || str.toLowerCase() === '#ffffff' || str.toLowerCase() === 'white') {
return true;
}
else {
return false;
}
};
// 更新样式
// 更新样式
SwitchComponent.prototype.setColor =
// 更新样式
function (flag) {
if (this.rectangle) {
if (flag) {
this.recStyle = { left: '0%' };
}
else {
this.recStyle = { left: '-50%' };
}
}
else {
if (flag) {
this.style = { 'border-color': this.onColor, 'background-color': this.onColor };
this.onTextStyle = { color: this.onTextColor };
}
else {
if (this.isWhite(this.offColor)) {
// 背景为白色时，设置灰色边框
this.style = { 'border-color': this.borderGrayColor, 'background-color': this.offColor };
}
else {
this.style = { 'border-color': this.offColor, 'background-color': this.offColor };
}
this.offTextStyle = { color: this.offTextColor };
}
}
};
SwitchComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'jui-switch',
template: "\n <div class=\"jui-switch\" \n [ngClass]=\"{'jui-switch-display':rectangle, \n 'jui-switch-default':!small, 'jui-switch-small':small, \n 'jui-switch-checked':checked, 'jui-switch-unchecked': !checked, \n 'jui-switch-disabled': disabled}\"\n (click)=\"toggle($event)\"\n [ngStyle]=\"style\">\n <div class=\"jui-switch-on\" [ngClass]=\"{'jui-switch-on-default': !small, 'jui-switch-on-small': small}\" [class.jui-switch-display]=\"!checked\" [ngStyle]=\"onTextStyle\">\n <span *ngIf=\"onLabel\" class=\"jui-switch-onlabel\">{{onLabel}}</span>\n <i *ngIf=\"onIcon\" class=\"iconfont {{onIcon}}\"></i>\n </div>\n <div class=\"jui-switch-off\" [ngClass]=\"{'jui-switch-off-default': !small, 'jui-switch-off-small': small}\" [class.jui-switch-display]=\"checked\" [ngStyle]=\"offTextStyle\">\n <span *ngIf=\"offLabel\" class=\"jui-switch-offlabel\">{{offLabel}}</span>\n <i *ngIf=\"offIcon\" class=\"iconfont {{offIcon}}\"></i>\n </div>\n <div [ngClass]=\"{'jui-switch-handle':true, 'jui-switch-handle-default':!small, 'jui-switch-handle-small':small, 'jui-state-focus':checked&&!small, 'jui-state-focus-small':checked&&small, 'jui-state-default': !checked&&!small, 'jui-state-default-small': !checked&&small}\"></div>\n </div>\n\n <div (click)=\"toggle($event)\" [ngClass]=\"{'jui-switch-display':!rectangle, 'jui-switch-rectangle':rectangle, 'jui-switch-disabled': disabled, 'switch-large': size=='large', 'switch-small': size=='small', 'switch-mini': size=='mini'}\">\n <div [ngStyle]=\"recStyle\" class=\"switch-rectangle switch-rectangle-animate\">\n <span class=\"switch-left\" [ngClass]=\"{'switch-large': size=='large', 'switch-small': size=='small', 'switch-mini': size=='mini', 'switch-primary': dataOn=='primary', 'switch-info': dataOn=='info', 'switch-success': dataOn=='success', 'switch-warning': dataOn=='warning', 'switch-danger': dataOn=='danger'}\">{{onLabel}}\n <i *ngIf=\"onIcon\" class=\"iconfont {{onIcon}}\"></i>\n </span>\n <label [ngClass]=\"{'switch-large': size=='large', 'switch-small': size=='small', 'switch-mini': size=='mini'}\"> </label>\n <span class=\"switch-right\" [ngClass]=\"{'switch-large': size=='large', 'switch-small': size=='small', 'switch-mini': size=='mini', 'switch-primary': dataOff=='primary', 'switch-info': dataOff=='info', 'switch-success': dataOff=='success', 'switch-warning': dataOff=='warning', 'switch-danger': dataOff=='danger'}\">{{offLabel}}\n <i *ngIf=\"offIcon\" class=\"iconfont {{offIcon}}\"></i>\n </span>\n </div>\n </div>\n ",
styles: ["\n @font-face {\n font-family: 'iconfont';\n /* project id 290315 */\n src: url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.eot\");\n src: url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.eot?#iefix\") format(\"embedded-opentype\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.woff\") format(\"woff\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.ttf\") format(\"truetype\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.svg#iconfont\") format(\"svg\"); }\n\n .iconfont {\n display: inline-block;\n vertical-align: baseline;\n font-family: \"iconfont\" !important;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n .icon-jui-alert:before {\n content: \"\\e600\"; }\n\n .icon-jui-search:before {\n content: \"\\e630\"; }\n\n .icon-jui-paper3:before {\n content: \"\\e652\"; }\n\n .icon-jui-setting:before {\n content: \"\\e602\"; }\n\n .icon-jui-left2:before {\n content: \"\\e697\"; }\n\n .icon-jui-wrong:before {\n content: \"\\e69a\"; }\n\n .icon-jui-up2:before {\n content: \"\\e6a5\"; }\n\n .icon-jui-down2:before {\n content: \"\\e6a6\"; }\n\n .icon-jui-right2:before {\n content: \"\\e6a7\"; }\n\n .icon-jui-correct2:before {\n content: \"\\e627\"; }\n\n .icon-jui-qq:before {\n content: \"\\e63a\"; }\n\n .icon-jui-email:before {\n content: \"\\e62a\"; }\n\n .icon-jui-edit:before {\n content: \"\\e686\"; }\n\n .icon-jui-download2:before {\n content: \"\\e714\"; }\n\n .icon-jui-speaker:before {\n content: \"\\e85c\"; }\n\n .icon-jui-add:before {\n content: \"\\e609\"; }\n\n .icon-jui-msg:before {\n content: \"\\e613\"; }\n\n .icon-jui-minus:before {\n content: \"\\e601\"; }\n\n .icon-jui-up:before {\n content: \"\\e658\"; }\n\n .icon-jui-letter-open:before {\n content: \"\\e61d\"; }\n\n .icon-jui-down:before {\n content: \"\\ed22\"; }\n\n .icon-jui-info:before {\n content: \"\\e685\"; }\n\n .icon-jui-cross2:before {\n content: \"\\e6b4\"; }\n\n .icon-jui-paper2:before {\n content: \"\\e71e\"; }\n\n .icon-jui-loading:before {\n content: \"\\eee3\"; }\n\n .icon-jui-road-sign:before {\n content: \"\\e604\"; }\n\n .icon-jui-left:before {\n content: \"\\e66a\"; }\n\n .icon-jui-letter:before {\n content: \"\\e605\"; }\n\n .icon-jui-right:before {\n content: \"\\e64d\"; }\n\n .icon-jui-back-top:before {\n content: \"\\e628\"; }\n\n .icon-jui-dropdown:before {\n content: \"\\e75a\"; }\n\n .icon-jui-down3:before {\n content: \"\\e629\"; }\n\n .icon-jui-alarm:before {\n content: \"\\e6c2\"; }\n\n .icon-jui-paper:before {\n content: \"\\e612\"; }\n\n .icon-jui-cross:before {\n content: \"\\e6b0\"; }\n\n .icon-jui-correct:before {\n content: \"\\e6b3\"; }\n\n .icon-jui-up3:before {\n content: \"\\eee4\"; }\n\n .icon-jui-username:before {\n content: \"\\e670\"; }\n\n .icon-jui-password:before {\n content: \"\\e615\"; }\n\n .icon-jui-slideLeft:before {\n content: \"\\e603\"; }\n\n .icon-jui-slideRight:before {\n content: \"\\e641\"; }\n\n /* icon Animate */\n .icon-doTurn {\n -webkit-animation: doTurn 1s infinite linear;\n animation: doTurn 1s infinite linear; }\n\n @-webkit-keyframes doTurn {\n 0% {\n -webkit-transform-origin: 50% 50%;\n -webkit-transform: rotate(0deg); }\n to {\n -webkit-transform-origin: 50% 50%;\n -webkit-transform: rotate(1turn); } }\n\n @keyframes doTurn {\n 0% {\n transform-origin: 50% 50%;\n transform: rotate(0deg); }\n to {\n transform-origin: 50% 50%;\n transform: rotate(1turn); } }\n jui-switch .jui-switch {\n vertical-align: middle;\n background: #fff;\n border: 1px solid #dfdfdf;\n position: relative;\n display: inline-block;\n box-sizing: content-box;\n overflow: visible;\n padding: 0;\n margin: 0;\n border-radius: 20px;\n cursor: pointer;\n box-shadow: inset 0 0 0 0 #dfdfdf;\n transition: all .3s ease-out;\n -webkit-transition: all .3s ease-out;\n top: -1px; }\n jui-switch .jui-switch .jui-switch-handle {\n background: #fff;\n border-radius: 100%;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n position: absolute;\n transition: all .3s ease-out;\n -webkit-transition: all .3s ease-out; }\n jui-switch .jui-switch .jui-switch-handle-default {\n width: 18px;\n height: 18px; }\n jui-switch .jui-switch .jui-switch-handle-small {\n width: 12px;\n height: 12px; }\n jui-switch .jui-switch .jui-switch-on, jui-switch .jui-switch .jui-switch-off {\n white-space: nowrap;\n display: inline-block;\n position: absolute;\n width: auto;\n overflow: hidden;\n user-select: none;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n font-weight: bold;\n height: 100%;\n line-height: 1.5em;\n font-size: 12px; }\n jui-switch .jui-switch .jui-switch-on i, jui-switch .jui-switch .jui-switch-off i {\n font-size: 12px; }\n jui-switch .jui-switch .jui-switch-on span, jui-switch .jui-switch .jui-switch-off span {\n display: inline-block;\n text-align: center;\n height: 100%;\n line-height: inherit; }\n jui-switch .jui-switch .jui-switch-on-default {\n left: 6px;\n border: 0 none;\n top: 1px; }\n jui-switch .jui-switch .jui-switch-off-default {\n right: 6px;\n text-align: right;\n top: 1px; }\n jui-switch .jui-switch .jui-switch-on-small {\n left: 3px;\n border: 0 none;\n top: -2px;\n -webkit-transform-origin-x: 0;\n -webkit-transform: scale(0.9);\n font-size: 10.8px; }\n jui-switch .jui-switch .jui-switch-off-small {\n right: 3px;\n text-align: right;\n top: -2px;\n -webkit-transform-origin-x: 0;\n -webkit-transform: scale(0.9);\n font-size: 10.8px; }\n jui-switch .jui-switch .jui-switch-display {\n display: none; }\n jui-switch .jui-switch .jui-helper-hidden-accessible input {\n display: none; }\n jui-switch .jui-switch .jui-state-focus {\n left: 23px;\n top: 1px; }\n jui-switch .jui-switch .jui-state-focus-small {\n left: 14px;\n top: 0; }\n jui-switch .jui-switch .jui-state-default {\n left: 1px;\n top: 1px; }\n jui-switch .jui-switch .jui-state-default-small {\n left: 0px;\n top: 0; }\n\n jui-switch .jui-switch-default {\n width: 42px;\n height: 20px; }\n\n jui-switch .jui-switch-small {\n width: 26px;\n height: 12px; }\n\n jui-switch .jui-switch-disabled, jui-switch .jui-switch-disabled span, jui-switch .jui-switch-disabled label {\n opacity: 0.5;\n filter: alpha(opacity=50);\n cursor: not-allowed !important; }\n\n jui-switch .jui-switch-display {\n display: none; }\n\n jui-switch .jui-switch-rectangle {\n display: inline-block;\n font-size: 0;\n cursor: pointer;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n border: 1px solid;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n position: relative;\n text-align: left;\n overflow: hidden;\n line-height: 8px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n min-width: 100px; }\n jui-switch .jui-switch-rectangle div {\n display: inline-block;\n width: 150%;\n position: relative;\n top: 0; }\n jui-switch .jui-switch-rectangle div.switch-rectangle-animate {\n -webkit-transition: left 0.5s;\n -moz-transition: left 0.5s;\n -o-transition: left 0.5s;\n transition: left 0.5s; }\n jui-switch .jui-switch-rectangle span, jui-switch .jui-switch-rectangle label {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: 100%;\n padding-bottom: 4px;\n padding-top: 4px;\n font-size: 14px;\n line-height: 20px; }\n jui-switch .jui-switch-rectangle span {\n text-align: center;\n z-index: 1;\n width: 33%; }\n jui-switch .jui-switch-rectangle span.switch-left {\n -webkit-border-top-left-radius: 4px;\n -moz-border-radius-topleft: 4px;\n border-top-left-radius: 4px;\n -webkit-border-bottom-left-radius: 4px;\n -moz-border-radius-bottomleft: 4px;\n border-bottom-left-radius: 4px; }\n jui-switch .jui-switch-rectangle span.switch-primary, jui-switch .jui-switch-rectangle span.switch-left {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #005fcc;\n background-image: -moz-linear-gradient(top, #0044cc, #0088cc);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));\n background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);\n background-image: -o-linear-gradient(top, #0044cc, #0088cc);\n background-image: linear-gradient(to bottom, #0044cc, #0088cc);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);\n border-color: #0088cc #0088cc #005580;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle span.switch-right {\n color: #333333;\n text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\n background-color: #f0f0f0;\n background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));\n background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);\n background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);\n background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);\n border-color: #ffffff #ffffff #d9d9d9;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle label {\n text-align: center;\n margin-top: -1px;\n margin-bottom: -1px;\n z-index: 100;\n width: 34%;\n border-left: 1px solid #cccccc;\n border-right: 1px solid #cccccc;\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));\n background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);\n border-color: #e6e6e6 #e6e6e6 #bfbfbf;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle span.switch-info {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #41a7c5;\n background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));\n background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);\n background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);\n background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);\n border-color: #5bc0de #5bc0de #28a1c5;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle span.switch-success {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #58b058;\n background-image: -moz-linear-gradient(top, #51a351, #62c462);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));\n background-image: -webkit-linear-gradient(top, #51a351, #62c462);\n background-image: -o-linear-gradient(top, #51a351, #62c462);\n background-image: linear-gradient(to bottom, #51a351, #62c462);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);\n border-color: #62c462 #62c462 #3b9e3b;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle span.switch-warning {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #f9a123;\n background-image: -moz-linear-gradient(top, #f89406, #fbb450);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));\n background-image: -webkit-linear-gradient(top, #f89406, #fbb450);\n background-image: -o-linear-gradient(top, #f89406, #fbb450);\n background-image: linear-gradient(to bottom, #f89406, #fbb450);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);\n border-color: #fbb450 #fbb450 #f89406;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n jui-switch .jui-switch-rectangle span.switch-danger {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #d14641;\n background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));\n background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);\n background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);\n background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);\n border-color: #ee5f5b #ee5f5b #e51d18;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }\n\n jui-switch .jui-switch-rectangle.switch-large {\n min-width: 120px; }\n jui-switch .jui-switch-rectangle.switch-large span.switch-large, jui-switch .jui-switch-rectangle.switch-large label.switch-large {\n padding-bottom: 9px;\n padding-top: 9px;\n font-size: 16px; }\n\n jui-switch .jui-switch-rectangle.switch-small {\n min-width: 80px; }\n jui-switch .jui-switch-rectangle.switch-small span.switch-small, jui-switch .jui-switch-rectangle.switch-small label.switch-small {\n padding-bottom: 3px;\n padding-top: 3px;\n font-size: 12px;\n line-height: 18px; }\n\n jui-switch .jui-switch-rectangle.switch-mini {\n min-width: 72px; }\n jui-switch .jui-switch-rectangle.switch-mini span.switch-mini, jui-switch .jui-switch-rectangle.switch-mini label.switch-mini {\n padding-bottom: 4px;\n padding-top: 4px;\n font-size: 10px;\n line-height: 9px; }\n "],
encapsulation: core_1.ViewEncapsulation.None
},] },
];
/** @nocollapse */
SwitchComponent.ctorParameters = function () { return []; };
SwitchComponent.propDecorators = {
"checked": [{ type: core_1.Input },],
"checkedChange": [{ type: core_1.Output },],
"isAutoChange": [{ type: core_1.Input },],
"onLabel": [{ type: core_1.Input },],
"offLabel": [{ type: core_1.Input },],
"onIcon": [{ type: core_1.Input },],
"offIcon": [{ type: core_1.Input },],
"onTextColor": [{ type: core_1.Input },],
"offTextColor": [{ type: core_1.Input },],
"onColor": [{ type: core_1.Input },],
"offColor": [{ type: core_1.Input },],
"size": [{ type: core_1.Input },],
"disabled": [{ type: core_1.Input },],
"rectangle": [{ type: core_1.Input },],
"dataOn": [{ type: core_1.Input },],
"dataOff": [{ type: core_1.Input },],
};
return SwitchComponent;
}());
exports.SwitchComponent = SwitchComponent;
//# sourceMappingURL=switch.component.js.map