diff --git a/Gruntfile.js b/Gruntfile.js index 54144d7cd..31730ad34 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -103,7 +103,7 @@ module.exports = function (grunt) { dest: "dist/widget.js" }, coreCss: { - src: ['src/css/core/**/*.css', 'src/css/utils/**/*.css'], + src: ['src/css/core/**/*.css'], dest: 'dist/core.css' }, baseCss: { @@ -114,6 +114,10 @@ module.exports = function (grunt) { src: ['src/css/widget/**/*.css'], dest: 'dist/widget.css' }, + resourceCss: { + src: ['src/css/resource/**/*.css'], + dest: 'dist/resource.css' + }, demoJs: { src: ['demo/version.js', 'demo/app.js', 'demo/js/**/*.js', 'demo/config.js'], @@ -126,7 +130,6 @@ module.exports = function (grunt) { bi_coreJs: { src: [ - 'src/core/underscore.js', 'src/core/foundation.js', 'src/core/mvc/**/*.js', 'src/core/base.js', @@ -199,7 +202,7 @@ module.exports = function (grunt) { dest: "bi/widget.js" }, bi_coreCss: { - src: ['src/css/core/**/*.css', 'src/css/utils/**/*.css'], + src: ['src/css/core/**/*.css'], dest: 'bi/core.css' }, bi_baseCss: { diff --git a/bi/base.css b/bi/base.css index 21f71f731..d9a49fee4 100644 --- a/bi/base.css +++ b/bi/base.css @@ -1,27 +1,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bbr'; - src: url('/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/resources/fonts/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -.bi-base-request-fail-mask .mask-pane { - background: #ffffff; - opacity: 0.8; - filter: alpha(opacity=80); -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -58,57 +37,36 @@ -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } -/** - * Farbtastic Color Picker 1.2 - * © 2008 Steven Wittens - * - * This program is free software; you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation; either version 2 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA - */ -.farbtastic { - position: relative; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-button { + background-color: #eaeaea; } -.farbtastic * { - position: absolute; - cursor: crosshair; +.bi-color-picker-button .color-picker-button-mask { + border: 1px solid #1a1a1a; } -.farbtastic, -.farbtastic .wheel { - width: 195px; - height: 195px; -} -.farbtastic .color, -.farbtastic .overlay { - top: 47px; - left: 47px; - width: 101px; - height: 101px; -} -.farbtastic .wheel { - background: url(farbtastic/wheel.png) no-repeat; - width: 195px; - height: 195px; -} -.farbtastic .overlay { - background: url(farbtastic/mask.png) no-repeat; -} -.farbtastic .marker { - width: 17px; - height: 17px; - margin: -8px 0 0 -8px; - overflow: hidden; - background: url(farbtastic/marker.png) no-repeat; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker > .center-element { + border-left: 1px solid #ffffff; + border-top: 1px solid #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-editor .color-picker-editor-label { + color: #808080; +} +.bi-color-picker-editor .color-picker-editor-display { + background: #ffffff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0px 0px 2px 1px #d4dadd inset; + -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; + -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ @@ -1077,7 +1035,7 @@ li.CodeMirror-hint-active { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; - word-break: break-all; + word-break: break-word; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ @@ -1239,9 +1197,6 @@ li.CodeMirror-hint-active { .bi-grid-table-cell.first-col { border-left: 1px solid #eaeaea; } -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .scrollbar-layout-main { box-sizing: border-box; outline: none; @@ -1407,294 +1362,6 @@ li.CodeMirror-hint-active { opacity: 1; filter: alpha(opacity=100); } -/*------------------------------------- -zTree Style - -version: 3.5.17 -author: Hunter.z -email: hunter.z@263.net -website: http://code.google.com/p/jquerytree/ - --------------------------------------*/ -.ztree * { - padding: 0; - margin: 0; -} -.ztree { - margin: 0; - padding: 5px; -} -.ztree li { - padding: 0; - margin: 0; - list-style: none; - line-height: 14px; - text-align: left; - white-space: nowrap; - outline: 0; -} -.ztree li ul { - margin: 0; - padding: 0 0 0 18px; -} -.ztree li ul.line { - background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y; -} -.ztree li a { - padding: 1px 3px 0 0; - margin: 0; - cursor: pointer; - height: 24px; - background-color: transparent; - text-decoration: none; - vertical-align: top; - display: inline-block; -} -.ztree li a.curSelectedNode_Edit { - padding-top: 0px; - background-color: #FFE6B0; - color: black; - height: 16px; - border: 1px #FFB951 solid; - opacity: 0.8; -} -.ztree li a.tmpTargetNode_inner { - padding-top: 0px; - background-color: #316AC5; - color: white; - height: 16px; - border: 1px #316AC5 solid; - opacity: 0.8; - filter: alpha(opacity=80); -} -.ztree li a input.rename { - height: 14px; - width: 80px; - padding: 0; - margin: 0; - font-size: 12px; - border: 1px #7EC4CC solid; - *border: 0px; -} -.ztree li span { - line-height: 24px; - margin-right: 2px; -} -.ztree li span.button { - line-height: 0; - margin: 0; - width: 16px; - height: 16px; - display: inline-block; - vertical-align: middle; - border: 0 none; - cursor: pointer; - outline: none; - background-color: transparent; - background-repeat: no-repeat; - background-attachment: scroll; - background-image: url("ztree/img/zTreeStandard.png"); - *background-image: url("ztree/img/zTreeStandard.gif"); -} -.ztree li span.button.chk { - width: 16px; - height: 16px; - margin: 0 3px 0 0; - cursor: auto; -} -.ztree li span.button.chk.checkbox_false_full { - background-image: url("icon/check-box-normal.png"); -} -.ztree li span.button.chk.checkbox_false_full_focus { - background-image: url("icon/check-box-normal.png"); -} -.ztree li span.button.chk.checkbox_false_part { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_false_part_focus { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_false_disable { - background-position: 0 -56px; -} -.ztree li span.button.chk.checkbox_true_full { - background-image: url("icon/check-box-active.png"); -} -.ztree li span.button.chk.checkbox_true_full_focus { - background-image: url("icon/check-box-active.png"); -} -.ztree li span.button.chk.checkbox_true_part { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_true_part_focus { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_true_disable { - background-position: -14px -56px; -} -.ztree li span.button.chk.radio_false_full { - background-position: -28px 0; -} -.ztree li span.button.chk.radio_false_full_focus { - background-position: -28px -14px; -} -.ztree li span.button.chk.radio_false_part { - background-position: -28px -28px; -} -.ztree li span.button.chk.radio_false_part_focus { - background-position: -28px -42px; -} -.ztree li span.button.chk.radio_false_disable { - background-position: -28px -56px; -} -.ztree li span.button.chk.radio_true_full { - background-position: -42px 0; -} -.ztree li span.button.chk.radio_true_full_focus { - background-position: -42px -14px; -} -.ztree li span.button.chk.radio_true_part { - background-position: -42px -28px; -} -.ztree li span.button.chk.radio_true_part_focus { - background-position: -42px -42px; -} -.ztree li span.button.chk.radio_true_disable { - background-position: -42px -56px; -} -.ztree li span.button.switch { - width: 25px; - height: 25px; -} -.ztree li span.button.root_open { - background-image: url("icon/tree-expand-1.png"); -} -.ztree li span.button.root_close { - background-image: url("icon/tree-collapse-1.png"); -} -.ztree li span.button.roots_open { - background-image: url("icon/tree-expand-2.png"); -} -.ztree li span.button.roots_close { - background-image: url("icon/tree-collapse-2.png"); -} -.ztree li span.button.center_open { - background-image: url("icon/tree-expand-3.png"); -} -.ztree li span.button.center_close { - background-image: url("icon/tree-collapse-3.png"); -} -.ztree li span.button.bottom_open { - background-image: url("icon/tree-expand-4.png"); -} -.ztree li span.button.bottom_close { - background-image: url("icon/tree-collapse-4.png"); -} -.ztree li span.button.noline_open { - background-position: -92px -72px; -} -.ztree li span.button.noline_close { - background-position: -74px -72px; -} -.ztree li span.button.root_docu { - background: none; -} -.ztree li span.button.roots_docu { - background-image: url("icon/tree-vertical-line-2.png"); -} -.ztree li span.button.center_docu { - background-image: url("icon/tree-vertical-line-3.png"); -} -.ztree li span.button.bottom_docu { - background-image: url("icon/tree-vertical-line-4.png"); -} -.ztree li span.button.noline_docu { - background: none; -} -.ztree li span.button.ico_open { - margin-right: 2px; - background-position: -110px -16px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_close { - margin-right: 2px; - background-position: -110px 0; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_docu { - margin-right: 2px; - background-position: -110px -32px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.edit { - margin-right: 2px; - background-position: -110px -48px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.remove { - margin-right: 2px; - background-position: -110px -64px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_loading { - width: 0px; - margin-right: 2px; - background: url("ztree/img/loading.gif") no-repeat scroll 0 0 transparent; - vertical-align: top; - *vertical-align: middle; -} -ul.tmpTargetzTree { - background-color: #FFE6B0; - opacity: 0.8; - filter: alpha(opacity=80); -} -span.tmpzTreeMove_arrow { - width: 16px; - height: 16px; - display: inline-block; - padding: 0; - margin: 2px 0 0 1px; - border: 0 none; - position: absolute; - background-color: transparent; - background-repeat: no-repeat; - background-attachment: scroll; - background-position: -110px -80px; - background-image: url("ztree/img/zTreeStandard.png"); - *background-image: url("ztree/img/zTreeStandard.gif"); -} -ul.ztree.zTreeDragUL { - margin: 0; - padding: 0; - position: absolute; - width: auto; - height: auto; - overflow: hidden; - background-color: #cfcfcf; - border: 1px #00B83F dotted; - opacity: 0.8; - filter: alpha(opacity=80); -} -.zTreeMask { - z-index: 10000; - background-color: #cfcfcf; - opacity: 0.0; - filter: alpha(opacity=0); - position: absolute; -} -/* level style*/ -/*.ztree li span.button.level0 { - display:none; -} -.ztree li ul.level0 { - padding:0; - background:none; -}*/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/bi/base.js b/bi/base.js index 0d8bb0ef1..41d9f2b6f 100644 --- a/bi/base.js +++ b/bi/base.js @@ -596,7 +596,7 @@ BI.Text = BI.inherit(BI.Single, { } }); -$.shortcut("bi.text", BI.Text);/** +BI.shortcut("bi.text", BI.Text);/** * guy * @class BI.BasicButton * @extends BI.Single @@ -1020,9 +1020,11 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { self.setValue([]); break; } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } else { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); } - self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); btn.on(BI.Events.DESTROY, function () { BI.remove(self.buttons, btn); @@ -1034,7 +1036,6 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { _packageBtns: function (btns) { var o = this.options; - for (var i = o.layouts.length - 1; i > 0; i--) { btns = BI.map(btns, function (k, it) { return BI.extend({}, o.layouts[i], { @@ -1049,6 +1050,18 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return btns; }, + _packageSimpleItems: function (btns) { + var o = this.options; + return BI.map(o.items, function (i, item) { + if (BI.stripEL(item) === item) { + return btns[i]; + } + return BI.extend({}, item, { + el: btns[i] + }) + }) + }, + _packageItems: function (items, packBtns) { return BI.createItems(BI.makeArrayByArray(items, {}), BI.clone(packBtns)); }, @@ -1064,6 +1077,11 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return layout; }, + //如果是一个简单的layout + _isSimpleLayout: function () { + var o = this.options; + return o.layouts.length === 1 && !BI.isArray(o.items[0]) + }, doBehavior: function () { var args = Array.prototype.slice.call(arguments); @@ -1078,9 +1096,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { var btns = this._btnsCreator.apply(this, arguments); this.buttons = BI.concat(btns, this.buttons); - //如果是一个简单的layout - if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) - && this.layouts && this.layouts.prependItems) { + if (this._isSimpleLayout() && this.layouts && this.layouts.prependItems) { this.layouts.prependItems(btns); return; } @@ -1095,8 +1111,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { this.buttons = BI.concat(this.buttons, btns); //如果是一个简单的layout - if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) - && this.layouts && this.layouts.addItems) { + if (this._isSimpleLayout() && this.layouts && this.layouts.addItems) { this.layouts.addItems(btns); return; } @@ -1106,35 +1121,33 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { }, removeItemAt: function (indexes) { - var self = this; - indexes = BI.isArray(indexes) ? indexes : [indexes]; - var buttons = []; - BI.each(indexes, function (i, index) { - buttons.push(self.buttons[index]); - }); - BI.each(buttons, function (i, btn) { - btn && btn.destroy(); - }) + BI.remove(this.buttons, indexes); + this.layouts.removeItemAt(indexes); }, - removeItems: function (v) { - v = BI.isArray(v) ? v : [v]; - var indexes = []; - BI.each(this.buttons, function (i, item) { - if (BI.deepContains(v, item.getValue())) { - indexes.push(i); + removeItems: function (values) { + values = BI.isArray(values) ? values : [values]; + var deleted = []; + BI.each(this.buttons, function (i, button) { + if (BI.deepContains(values, button.getValue())) { + deleted.push(i); } }); - this.removeItemAt(indexes); + BI.remove(this.buttons, deleted); + this.layouts.removeItemAt(deleted); }, populate: function (items) { items = items || []; - this.options.items = items; this.empty(); + this.options.items = items; this.buttons = this._btnsCreator.apply(this, arguments); - items = this._packageItems(items, this._packageBtns(this.buttons)); + if (this._isSimpleLayout()) { + items = this._packageSimpleItems(this.buttons); + } else { + items = this._packageItems(items, this._packageBtns(this.buttons)); + } this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); }, @@ -1260,8 +1273,14 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return node; }, + empty: function () { + BI.ButtonGroup.superclass.empty.apply(this, arguments); + this.options.items = []; + }, + destroy: function () { BI.ButtonGroup.superclass.destroy.apply(this, arguments); + this.options.items = []; } }); BI.extend(BI.ButtonGroup, { @@ -1273,7 +1292,7 @@ BI.extend(BI.ButtonGroup, { }); BI.ButtonGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.button_group", BI.ButtonGroup);/** +BI.shortcut("bi.button_group", BI.ButtonGroup);/** * Created by GUY on 2015/8/10. * @class BI.ButtonTree * @extends BI.ButtonGroup @@ -1454,7 +1473,7 @@ BI.ButtonTree = BI.inherit(BI.ButtonGroup, { }); BI.ButtonTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.button_tree", BI.ButtonTree);/** +BI.shortcut("bi.button_tree", BI.ButtonTree);/** * guy * 异步树 * @class BI.TreeView @@ -1960,7 +1979,7 @@ BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; BI.TreeView.EVENT_INIT = BI.Events.INIT; BI.TreeView.EVENT_AFTERINIT = BI.Events.AFTERINIT; -$.shortcut("bi.tree_view", BI.TreeView);/** +BI.shortcut("bi.tree_view", BI.TreeView);/** * guy * 同步树 * @class BI.SyncTree @@ -2168,7 +2187,7 @@ BI.SyncTree = BI.inherit(BI.TreeView, { } }); -$.shortcut("bi.sync_tree", BI.SyncTree);/** +BI.shortcut("bi.sync_tree", BI.SyncTree);/** * guy * 局部树,两个请求树, 第一个请求构造树,第二个请求获取节点 * @class BI.PartTree @@ -2342,17 +2361,14 @@ BI.PartTree = BI.inherit(BI.SyncTree, { } }); -$.shortcut("bi.part_tree", BI.PartTree);BI.Resizers = new BI.ResizeController(); +BI.shortcut("bi.part_tree", BI.PartTree);BI.Resizers = new BI.ResizeController(); BI.Layers = new BI.LayerController(); BI.Maskers = new BI.MaskersController(); BI.Bubbles = new BI.BubblesController(); BI.Tooltips = new BI.TooltipsController(); BI.Popovers = new BI.FloatBoxController(); BI.Broadcasts = new BI.BroadcastController(); -BI.StyleLoaders = new BI.StyleLoaderManager(); - -BI.servletURL = "dist/"; -BI.i18n = {};/** +BI.StyleLoaders = new BI.StyleLoaderManager();/** * canvas绘图 * * Created by GUY on 2015/11/18. @@ -2483,7 +2499,7 @@ BI.Canvas = BI.inherit(BI.Widget, { }); } }); -$.shortcut("bi.canvas", BI.Canvas);/** +BI.shortcut("bi.canvas", BI.Canvas);/** * Collection * * Created by GUY on 2016/1/15. @@ -2774,7 +2790,7 @@ BI.Collection = BI.inherit(BI.Widget, { } }); BI.Collection.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut('bi.collection_view', BI.Collection);/** +BI.shortcut('bi.collection_view', BI.Collection);/** * @class BI.Combo * @extends BI.Widget */ @@ -3172,7 +3188,7 @@ BI.Combo.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Combo.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Combo.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.combo", BI.Combo);/** +BI.shortcut("bi.combo", BI.Combo);/** * * 某个可以展开的节点 * @@ -3449,7 +3465,7 @@ BI.Expander.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Expander.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Expander.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.expander", BI.Expander);/** +BI.shortcut("bi.expander", BI.Expander);/** * Created by GUY on 2015/8/10. */ @@ -3549,7 +3565,7 @@ BI.ComboGroup = BI.inherit(BI.Widget, { }); BI.ComboGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widget, { +BI.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widget, { _defaultConfig: function () { return BI.extend(BI.VirtualGroup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-virtual-group", @@ -3603,24 +3619,36 @@ $.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widg }, prependItems: function (items) { - this.layouts.prependItems(items); + this.layouts.prependItems(items); + }, + + setValue: function (v) { + this.layouts.setValue(v); + }, + + getValue: function () { + return this.layouts.getValue(); + }, + + empty: function () { + this.layouts.empty(); }, populate: function (items) { var self = this; items = items || []; this.options.items = items; - items = this._packageItems(items, this._packageBtns(items)); + items = this._packageBtns(items); if (!this.layouts) { this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); } else { - this.layouts.populate(this._packageLayout(items).items); + this.layouts.populate(items); } } }); BI.VirtualGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.virtual_group", BI.VirtualGroup);/** +BI.shortcut("bi.virtual_group", BI.VirtualGroup);/** * 加载控件 * * Created by GUY on 2015/8/31. @@ -3881,13 +3909,13 @@ BI.Loader = BI.inherit(BI.Widget, { } }); BI.Loader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.loader", BI.Loader);/** +BI.shortcut("bi.loader", BI.Loader);/** * Created by GUY on 2015/6/26. */ BI.Navigation = BI.inherit(BI.Widget, { - _defaultConfig: function(){ - return BI.extend(BI.Navigation.superclass._defaultConfig.apply(this,arguments), { + _defaultConfig: function () { + return BI.extend(BI.Navigation.superclass._defaultConfig.apply(this, arguments), { direction: "bottom",//top, bottom, left, right, custom logic: { dynamic: false @@ -3898,7 +3926,7 @@ BI.Navigation = BI.inherit(BI.Widget, { items: [], layouts: [] }, - cardCreator: function(v){ + cardCreator: function (v) { return BI.createWidget(); }, @@ -3907,8 +3935,7 @@ BI.Navigation = BI.inherit(BI.Widget, { }) }, - _init: function(){ - BI.Navigation.superclass._init.apply(this,arguments); + render: function () { var self = this, o = this.options; this.tab = BI.createWidget(this.options.tab, {type: "bi.button_group"}); this.cardMap = {}; @@ -3926,10 +3953,10 @@ BI.Navigation = BI.inherit(BI.Widget, { new BI.ShowListener({ eventObj: this.tab, cardLayout: this.layout, - cardNameCreator: function(v){ + cardNameCreator: function (v) { return self.showIndex + v; }, - cardCreator: function(v){ + cardCreator: function (v) { var card = o.cardCreator(v); self.cardMap[v] = card; return card; @@ -3937,37 +3964,41 @@ BI.Navigation = BI.inherit(BI.Widget, { afterCardCreated: BI.bind(this.afterCardCreated, this), afterCardShow: BI.bind(this.afterCardShow, this) }) - if(o.defaultShowIndex !== false){ + }, + + mounted: function () { + var o = this.options; + if (o.defaultShowIndex !== false) { this.setSelect(o.defaultShowIndex); } }, - afterCardCreated: function(v){ + afterCardCreated: function (v) { var self = this; - this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function(type, value, obj){ + this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); - if(type === BI.Events.CLICK) { + if (type === BI.Events.CLICK) { self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); } }) this.options.afterCardCreated.apply(this, arguments); }, - afterCardShow: function(v){ + afterCardShow: function (v) { this.showIndex = v; this.options.afterCardShow.apply(this, arguments); }, - populate: function(){ + populate: function () { var card = this.layout.getShowingCard(); - if(card){ + if (card) { return card.populate.apply(card, arguments); } }, - setSelect: function(v){ + setSelect: function (v) { this.showIndex = v; - if(!this.layout.isCardExisted(v)){ + if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); this.cardMap[v] = card; this.layout.addCardByName(v, card); @@ -3977,12 +4008,12 @@ BI.Navigation = BI.inherit(BI.Widget, { BI.nextTick(BI.bind(this.afterCardShow, this, v)); }, - getSelect: function(){ + getSelect: function () { return this.showIndex; }, - getSelectedCard: function(){ - if(BI.isKey(this.showIndex)){ + getSelectedCard: function () { + if (BI.isKey(this.showIndex)) { return this.cardMap[this.showIndex]; } }, @@ -3990,9 +4021,9 @@ BI.Navigation = BI.inherit(BI.Widget, { /** * @override */ - setValue: function(v){ + setValue: function (v) { var card = this.layout.getShowingCard(); - if(card){ + if (card) { card.setValue(v); } }, @@ -4000,25 +4031,25 @@ BI.Navigation = BI.inherit(BI.Widget, { /** * @override */ - getValue: function(){ + getValue: function () { var card = this.layout.getShowingCard(); - if(card){ + if (card) { return card.getValue(); } }, - empty: function(){ + empty: function () { this.layout.deleteAllCard(); this.cardMap = {}; }, - destroy: function(){ + destroy: function () { BI.Navigation.superclass.destroy.apply(this, arguments); } }); BI.Navigation.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.navigation", BI.Navigation);/** +BI.shortcut("bi.navigation", BI.Navigation);/** * 搜索逻辑控件 * * Created by GUY on 2015/9/28. @@ -4320,7 +4351,7 @@ BI.Searcher.EVENT_PAUSE = "EVENT_PAUSE"; BI.Searcher.EVENT_SEARCHING = "EVENT_SEARCHING"; BI.Searcher.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; -$.shortcut("bi.searcher", BI.Searcher);/** +BI.shortcut("bi.searcher", BI.Searcher);/** * * 切换显示或隐藏面板 * @@ -4596,7 +4627,7 @@ BI.Switcher.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Switcher.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Switcher.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.switcher", BI.Switcher);/** +BI.shortcut("bi.switcher", BI.Switcher);/** * Created by GUY on 2015/6/26. */ @@ -4608,7 +4639,7 @@ BI.Tab = BI.inherit(BI.Widget, { logic: { dynamic: false }, - defaultShowIndex: 0, + defaultShowIndex: false, tab: false, cardCreator: function (v) { return BI.createWidget(); @@ -4722,7 +4753,7 @@ BI.Tab = BI.inherit(BI.Widget, { }); BI.Tab.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.tab", BI.Tab);/** +BI.shortcut("bi.tab", BI.Tab);/** * 表示当前对象 * * Created by GUY on 2015/9/7. @@ -4763,7 +4794,7 @@ BI.EL = BI.inherit(BI.Widget, { this.ele.populate.apply(this, arguments); } }); -$.shortcut('bi.el', BI.EL);// CodeMirror, copyright (c) by Marijn Haverbeke and others +BI.shortcut('bi.el', BI.EL);// CodeMirror, copyright (c) by Marijn Haverbeke and others // Distributed under an MIT license: http://codemirror.net/LICENSE // This is CodeMirror (http://codemirror.net), a code editor @@ -14330,7 +14361,7 @@ BI.FormulaEditor = BI.inherit(BI.Single, { BI.FormulaEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.FormulaEditor.EVENT_BLUR = "EVENT_BLUR"; BI.FormulaEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.formula_editor", BI.FormulaEditor); +BI.shortcut("bi.formula_editor", BI.FormulaEditor); /** * z-index在1亿层级 * 弹出提示消息框,用于模拟阻塞操作(通过回调函数实现) @@ -14802,7 +14833,7 @@ BI.Grid = BI.inherit(BI.Widget, { } }); BI.Grid.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut('bi.grid_view', BI.Grid);/** +BI.shortcut('bi.grid_view', BI.Grid);/** * floatBox弹出层, * @class BI.FloatBox * @extends BI.Widget @@ -14943,7 +14974,7 @@ BI.FloatBox = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.float_box", BI.FloatBox); +BI.shortcut("bi.float_box", BI.FloatBox); BI.FloatBox.EVENT_FLOAT_BOX_CLOSED = "EVENT_FLOAT_BOX_CLOSED"; BI.FloatBox.EVENT_FLOAT_BOX_OPEN = "EVENT_FLOAT_BOX_CLOSED"; @@ -15127,7 +15158,7 @@ BI.PopupView = BI.inherit(BI.Widget, { } }); BI.PopupView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.popup_view", BI.PopupView);/** +BI.shortcut("bi.popup_view", BI.PopupView);/** * 搜索面板 * * Created by GUY on 2015/9/28. @@ -15265,7 +15296,7 @@ BI.SearcherView = BI.inherit(BI.Pane, { }); BI.SearcherView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.searcher_view", BI.SearcherView);/** +BI.shortcut("bi.searcher_view", BI.SearcherView);/** * 分页控件 * * Created by GUY on 2015/8/31. @@ -15552,7 +15583,7 @@ BI.Pager = BI.inherit(BI.Widget, { }); BI.Pager.EVENT_CHANGE = "EVENT_CHANGE"; BI.Pager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE"; -$.shortcut("bi.pager", BI.Pager);/** +BI.shortcut("bi.pager", BI.Pager);/** * 超链接 * * Created by GUY on 2015/9/9. @@ -15583,7 +15614,7 @@ BI.A = BI.inherit(BI.Text, { } }); -$.shortcut("bi.a", BI.A);/** +BI.shortcut("bi.a", BI.A);/** * guy * 加载条 * @type {*|void|Object} @@ -15666,7 +15697,7 @@ BI.LoadingBar = BI.inherit(BI.Single, { } }); -$.shortcut("bi.loading_bar", BI.LoadingBar);/** +BI.shortcut("bi.loading_bar", BI.LoadingBar);/** * @class BI.IconButton * @extends BI.BasicButton * 图标的button @@ -15716,7 +15747,7 @@ BI.IconButton = BI.inherit(BI.BasicButton, { } }); BI.IconButton.EVENT_CHANGE = "IconButton.EVENT_CHANGE"; -$.shortcut("bi.icon_button", BI.IconButton);/** +BI.shortcut("bi.icon_button", BI.IconButton);/** * 图片的button * * Created by GUY on 2016/1/27. @@ -15802,7 +15833,7 @@ BI.ImageButton = BI.inherit(BI.BasicButton, { } }); BI.ImageButton.EVENT_CHANGE = "ImageButton.EVENT_CHANGE"; -$.shortcut("bi.image_button", BI.ImageButton);(function ($) { +BI.shortcut("bi.image_button", BI.ImageButton);(function ($) { /** * 文字类型的按钮 @@ -15939,7 +15970,7 @@ $.shortcut("bi.image_button", BI.ImageButton);(function ($) { BI.Button.superclass.destroy.apply(this, arguments); } }); - $.shortcut('bi.button', BI.Button); + BI.shortcut('bi.button', BI.Button); BI.Button.EVENT_CHANGE = "EVENT_CHANGE"; })(jQuery);/** * guy @@ -16030,7 +16061,7 @@ BI.TextButton = BI.inherit(BI.BasicButton, { } }); BI.TextButton.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_button", BI.TextButton);/** +BI.shortcut("bi.text_button", BI.TextButton);/** * 带有一个占位 * * Created by GUY on 2015/9/11. @@ -16148,7 +16179,7 @@ BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconIconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_icon_text_item", BI.BlankIconIconTextItem);/** +BI.shortcut("bi.blank_icon_icon_text_item", BI.BlankIconIconTextItem);/** * guy * 一个占位符和两个icon和一行数 组成的一行listitem * @@ -16284,7 +16315,7 @@ BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);/** +BI.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);/** * 带有一个占位 * * Created by GUY on 2015/9/11. @@ -16394,7 +16425,7 @@ BI.BlankIconTextItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);/** +BI.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);/** * guy * 两个icon和一行数 组成的一行listitem * @@ -16527,7 +16558,7 @@ BI.IconTextIconItem = BI.inherit(BI.BasicButton, { } }); BI.IconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);/** +BI.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);/** * guy * * Created by GUY on 2015/9/9. @@ -16632,7 +16663,7 @@ BI.IconTextItem = BI.inherit(BI.BasicButton, { } }); BI.IconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_item", BI.IconTextItem);/** +BI.shortcut("bi.icon_text_item", BI.IconTextItem);/** * * 图标的button * @@ -16738,7 +16769,7 @@ BI.TextIconItem = BI.inherit(BI.BasicButton, { } }); BI.TextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_icon_item", BI.TextIconItem);/** +BI.shortcut("bi.text_icon_item", BI.TextIconItem);/** * guy * 一个button和一行数 组成的一行listitem * @@ -16823,7 +16854,7 @@ BI.TextItem = BI.inherit(BI.BasicButton, { } }); BI.TextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_item", BI.TextItem);/** +BI.shortcut("bi.text_item", BI.TextItem);/** * guy * Created by GUY on 2015/9/9. * @class BI.IconTextIconNode @@ -16946,7 +16977,7 @@ BI.IconTextIconNode = BI.inherit(BI.NodeButton, { } }); BI.IconTextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);/** +BI.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);/** * guy * Created by GUY on 2015/9/9. * @class BI.IconTextNode @@ -17042,7 +17073,7 @@ BI.IconTextNode = BI.inherit(BI.NodeButton, { } }); BI.IconTextNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_node", BI.IconTextNode);/** +BI.shortcut("bi.icon_text_node", BI.IconTextNode);/** * Created by GUY on 2015/9/9. * @class BI.TextIconNode * @extends BI.NodeButton @@ -17137,7 +17168,7 @@ BI.TextIconNode = BI.inherit(BI.NodeButton, { } }); BI.TextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_icon_node", BI.TextIconNode);/** +BI.shortcut("bi.text_icon_node", BI.TextIconNode);/** * guy * * Created by GUY on 2015/9/9. @@ -17213,7 +17244,7 @@ BI.TextNode = BI.inherit(BI.NodeButton, { } }); BI.TextNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_node", BI.TextNode);/** +BI.shortcut("bi.text_node", BI.TextNode);/** * * Created by GUY on 2016/1/15. * @class BI.CodeEditor @@ -17358,7 +17389,7 @@ BI.CodeEditor = BI.inherit(BI.Single, { BI.CodeEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.CodeEditor.EVENT_BLUR = "EVENT_BLUR"; BI.CodeEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.code_editor", BI.CodeEditor);/** +BI.shortcut("bi.code_editor", BI.CodeEditor);/** * Created by GUY on 2015/4/15. * @class BI.Editor * @extends BI.Single @@ -17689,7 +17720,7 @@ BI.Editor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.Editor.EVENT_REMOVE = "EVENT_REMOVE"; BI.Editor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.editor", BI.Editor);/** +BI.shortcut("bi.editor", BI.Editor);/** * 多文件 * * Created by GUY on 2016/4/13. @@ -17782,7 +17813,7 @@ BI.MultifileEditor.EVENT_UPLOADSTART = "MultifileEditor.EVENT_UPLOADSTART"; BI.MultifileEditor.EVENT_ERROR = "MultifileEditor.EVENT_ERROR"; BI.MultifileEditor.EVENT_PROGRESS = "MultifileEditor.EVENT_PROGRESS"; BI.MultifileEditor.EVENT_UPLOADED = "MultifileEditor.EVENT_UPLOADED"; -$.shortcut("bi.multifile_editor", BI.MultifileEditor);/** +BI.shortcut("bi.multifile_editor", BI.MultifileEditor);/** * * Created by GUY on 2016/1/18. * @class BI.TextAreaEditor @@ -17947,7 +17978,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, { BI.TextAreaEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR"; BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.textarea_editor", BI.TextAreaEditor);/** +BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);/** * guy 图标 * @class BI.Icon * @extends BI.Single @@ -17964,7 +17995,7 @@ BI.Icon = BI.inherit(BI.Single, { BI.Icon.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.icon", BI.Icon);/** +BI.shortcut("bi.icon", BI.Icon);/** * @class BI.Iframe * @extends BI.Single * @abstract @@ -18005,7 +18036,7 @@ BI.Iframe = BI.inherit(BI.Single, { } }); -$.shortcut("bi.iframe", BI.Iframe);/** +BI.shortcut("bi.iframe", BI.Iframe);/** * ͼƬ * * Created by GUY on 2016/1/26. @@ -18040,7 +18071,7 @@ BI.Img = BI.inherit(BI.Single, { } }); -$.shortcut("bi.img", BI.Img); +BI.shortcut("bi.img", BI.Img); /** * guy * @extends BI.Single @@ -18073,7 +18104,7 @@ BI.Checkbox = BI.inherit(BI.IconButton, { }); BI.Checkbox.EVENT_CHANGE = "Checkbox.EVENT_CHANGE"; -$.shortcut("bi.checkbox", BI.Checkbox);/** +BI.shortcut("bi.checkbox", BI.Checkbox);/** * 文件 * * Created by GUY on 2016/1/27. @@ -18228,7 +18259,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** }, false ); - xhr.open("post", handler.url + '&filename=' + BI.cjkEncode(handler.file.fileName), true); + xhr.open("post", handler.url + '&filename=' + window.encodeURIComponent(handler.file.fileName), true); if (!xhr.upload) { var rpe = {loaded: 0, total: handler.file.fileSize || handler.file.size, simulation: true}; rpe.interval = setInterval(function () { @@ -18677,7 +18708,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** }, setEnable: function (enable) { - BI.MultiFile.superclass.setEnable.apply(this, arguments); + BI.File.superclass.setEnable.apply(this, arguments); if (enable === true) { this.element.attr("disabled", "disabled"); } else { @@ -18690,7 +18721,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** BI.File.EVENT_ERROR = "EVENT_ERROR"; BI.File.EVENT_PROGRESS = "EVENT_PROGRESS"; BI.File.EVENT_UPLOADED = "EVENT_UPLOADED"; - $.shortcut("bi.file", BI.File); + BI.shortcut("bi.file", BI.File); })();/** * guy * @class BI.Input 一个button和一行数 组成的一行listitem @@ -18974,7 +19005,7 @@ BI.Input.EVENT_VALID = "EVENT_VALID"; BI.Input.EVENT_ERROR = "EVENT_ERROR"; BI.Input.EVENT_ENTER = "EVENT_ENTER"; BI.Input.EVENT_RESTRICT = "EVENT_RESTRICT"; -$.shortcut("bi.input", BI.Input);/** +BI.shortcut("bi.input", BI.Input);/** * guy * @extends BI.Single * @type {*|void|Object} @@ -19006,7 +19037,7 @@ BI.Radio = BI.inherit(BI.IconButton, { }); BI.Radio.EVENT_CHANGE = "Radio.EVENT_CHANGE"; -$.shortcut("bi.radio", BI.Radio);/** +BI.shortcut("bi.radio", BI.Radio);/** * Created by GUY on 2015/6/26. */ @@ -19476,7 +19507,7 @@ BI.Label = BI.inherit(BI.Single, { } }); -$.shortcut("bi.label", BI.Label);/** +BI.shortcut("bi.label", BI.Label);/** * guy a元素 * @class BI.Link * @extends BI.Text @@ -19512,7 +19543,7 @@ BI.Link = BI.inherit(BI.Label, { } }); -$.shortcut("bi.link", BI.Link);/** +BI.shortcut("bi.link", BI.Link);/** * guy * 气泡提示 * @class BI.Bubble @@ -19618,7 +19649,7 @@ BI.Bubble = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.bubble", BI.Bubble);/** +BI.shortcut("bi.bubble", BI.Bubble);/** * toast提示 * * Created by GUY on 2015/9/7. @@ -19671,7 +19702,7 @@ BI.Toast = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.toast", BI.Toast);/** +BI.shortcut("bi.toast", BI.Toast);/** * toast提示 * * Created by GUY on 2015/9/7. @@ -19753,7 +19784,7 @@ BI.Tooltip = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.tooltip", BI.Tooltip);/** +BI.shortcut("bi.tooltip", BI.Tooltip);/** * 下拉 * @class BI.Trigger * @extends BI.Single @@ -28153,7 +28184,7 @@ BI.Svg = BI.inherit(BI.Widget, { return this.paper.clear.apply(this.paper, arguments); } }); -$.shortcut("bi.svg", BI.Svg);/** +BI.shortcut("bi.svg", BI.Svg);/** * * 表格 * @@ -28185,7 +28216,7 @@ BI.TableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.table_cell", BI.TableCell);/** +BI.shortcut("bi.table_cell", BI.TableCell);/** * * 表格单元格 * @@ -28241,7 +28272,7 @@ BI.CollectionTableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.collection_table_cell", BI.CollectionTableCell);/** +BI.shortcut("bi.collection_table_cell", BI.CollectionTableCell);/** * CollectionTable * * Created by GUY on 2016/1/12. @@ -28787,7 +28818,7 @@ BI.CollectionTable = BI.inherit(BI.Widget, { this._restore(); } }); -$.shortcut('bi.collection_table', BI.CollectionTable);/** +BI.shortcut('bi.collection_table', BI.CollectionTable);/** * QuickCollectionTable * * Created by GUY on 2016/1/12. @@ -28926,7 +28957,7 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { this.bottomRightCollection.populate(rightItems); } }); -$.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/** +BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/** * * 表格单元格 * @@ -28984,7 +29015,7 @@ BI.GridTableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.grid_table_cell", BI.GridTableCell);/** +BI.shortcut("bi.grid_table_cell", BI.GridTableCell);/** * GridTable * * Created by GUY on 2016/1/12. @@ -29454,7 +29485,7 @@ BI.GridTable = BI.inherit(BI.Widget, { this._restore(); } }); -$.shortcut('bi.grid_table', BI.GridTable);/** +BI.shortcut('bi.grid_table', BI.GridTable);/** * QuickGridTable * * Created by GUY on 2016/1/12. @@ -29618,7 +29649,7 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { this.bottomRightGrid.populate(rightItems); } }); -$.shortcut('bi.quick_grid_table', BI.QuickGridTable);/** +BI.shortcut('bi.quick_grid_table', BI.QuickGridTable);/** * * 表格滚动条 * @@ -29944,7 +29975,7 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { }); BI.GridTableScrollbar.SIZE = 10; BI.GridTableScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut("bi.grid_table_scrollbar", BI.GridTableScrollbar); +BI.shortcut("bi.grid_table_scrollbar", BI.GridTableScrollbar); BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { @@ -30024,7 +30055,7 @@ BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { } }); BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut("bi.grid_table_horizontal_scrollbar", BI.GridTableHorizontalScrollbar);/** +BI.shortcut("bi.grid_table_horizontal_scrollbar", BI.GridTableHorizontalScrollbar);/** * * 表格 * @@ -30053,7 +30084,7 @@ BI.TableHeaderCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.table_header_cell", BI.TableHeaderCell);/** +BI.shortcut("bi.table_header_cell", BI.TableHeaderCell);/** * * 表格 * @@ -30414,11 +30445,9 @@ BI.Table = BI.inherit(BI.Widget, { self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT); } }); - BI.Resizers.add(this.getName(), function (e) { - if (BI.isWindow(e.target) && self.element.is(":visible")) { - self._resize(); - self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); - } + BI.ResizeDetector.addResizeListener(this, function () { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); }); }, @@ -30800,6 +30829,7 @@ BI.Table = BI.inherit(BI.Widget, { .addClass(c === rows.length - 1 ? "last-col" : ""); var w = BI.createWidget(map[r][c], { type: "bi.table_cell", + root: true, textAlign: "left", width: BI.isNumeric(width) ? width : "", height: BI.isNumeric(height) ? height : "", @@ -30879,6 +30909,7 @@ BI.Table = BI.inherit(BI.Widget, { return this.footer; }, + _createBody: function () { var self = this, o = this.options; this.body = this._body(); @@ -31991,7 +32022,7 @@ BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE = "EVENT_TABLE_AFTER_COLUMN_RESIZE"; BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE = "EVENT_TABLE_BEFORE_REGION_RESIZE"; BI.Table.EVENT_TABLE_REGION_RESIZE = "EVENT_TABLE_REGION_RESIZE"; BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE = "EVENT_TABLE_AFTER_REGION_RESIZE"; -$.shortcut("bi.table_view", BI.Table); +BI.shortcut("bi.table_view", BI.Table); /** * * 表格单元格 @@ -32087,7 +32118,7 @@ BI.ResizableTableCell = BI.inherit(BI.Widget, { this.cell.setHeight(o.height); } }); -$.shortcut("bi.resizable_table_cell", BI.ResizableTableCell);/** +BI.shortcut("bi.resizable_table_cell", BI.ResizableTableCell);/** * * 可调整列宽的grid表格 * @@ -32435,7 +32466,7 @@ BI.ResizableTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.resizable_table", BI.ResizableTable);/** +BI.shortcut("bi.resizable_table", BI.ResizableTable);/** * * 自定义树 * @@ -32589,7 +32620,7 @@ BI.CustomTree = BI.inherit(BI.Widget, { }); BI.CustomTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.custom_tree", BI.CustomTree);/* +BI.shortcut("bi.custom_tree", BI.CustomTree);/* * JQuery zTree core v3.5.18 * http://zTree.me/ * diff --git a/bi/case.js b/bi/case.js index cf9e2ca55..86cab3357 100644 --- a/bi/case.js +++ b/bi/case.js @@ -85,7 +85,7 @@ BI.IconChangeButton = BI.inherit(BI.Single, { } }); BI.IconChangeButton.EVENT_CHANGE = "IconChangeButton.EVENT_CHANGE"; -$.shortcut("bi.icon_change_button", BI.IconChangeButton);/** +BI.shortcut("bi.icon_change_button", BI.IconChangeButton);/** * guy * @extends BI.Single * @type {*|void|Object} @@ -116,7 +116,7 @@ BI.HalfIconButton = BI.inherit(BI.IconButton, { }); BI.HalfIconButton.EVENT_CHANGE = "HalfIconButton.EVENT_CHANGE"; -$.shortcut("bi.half_icon_button", BI.HalfIconButton);/** +BI.shortcut("bi.half_icon_button", BI.HalfIconButton);/** * 统一的trigger图标按钮 * * Created by GUY on 2015/9/16. @@ -145,7 +145,7 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, { } }); BI.TriggerIconButton.EVENT_CHANGE = "TriggerIconButton.EVENT_CHANGE"; -$.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/** +BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/** * guy * 复选框item * @type {*|void|Object} @@ -221,7 +221,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, { } }); BI.MultiSelectItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multi_select_item", BI.MultiSelectItem);/** +BI.shortcut("bi.multi_select_item", BI.MultiSelectItem);/** * Created by GUY on 2016/2/2. * * @class BI.SingleSelectIconTextItem @@ -279,7 +279,7 @@ BI.SingleSelectIconTextItem = BI.inherit(BI.Single, { } }); -$.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/** +BI.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/** * guy * 复选框item * @type {*|void|Object} @@ -328,7 +328,7 @@ BI.SingleSelectItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.single_select_item", BI.SingleSelectItem);/** +BI.shortcut("bi.single_select_item", BI.SingleSelectItem);/** * guy * 单选框item * @type {*|void|Object} @@ -401,7 +401,7 @@ BI.SingleSelectRadioItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/** +BI.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/** * Created by roy on 15/10/16. */ BI.ArrowNode = BI.inherit(BI.NodeButton, { @@ -480,7 +480,7 @@ BI.ArrowNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.arrow_group_node", BI.ArrowNode);/** +BI.shortcut("bi.arrow_group_node", BI.ArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.FirstPlusGroupNode @@ -560,7 +560,7 @@ BI.FirstPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.first_plus_group_node", BI.FirstPlusGroupNode);/** +BI.shortcut("bi.first_plus_group_node", BI.FirstPlusGroupNode);/** * Created by User on 2016/3/31. */ /** @@ -661,7 +661,7 @@ BI.IconArrowNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.icon_arrow_node", BI.IconArrowNode);/** +BI.shortcut("bi.icon_arrow_node", BI.IconArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.LastPlusGroupNode @@ -741,7 +741,7 @@ BI.LastPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.last_plus_group_node", BI.LastPlusGroupNode);/** +BI.shortcut("bi.last_plus_group_node", BI.LastPlusGroupNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.MidPlusGroupNode @@ -821,7 +821,7 @@ BI.MidPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrowNode = BI.inherit(BI.NodeButton, { +BI.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrowNode = BI.inherit(BI.NodeButton, { _defaultConfig: function () { var conf = BI.MultiLayerIconArrowNode.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { @@ -910,7 +910,7 @@ $.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrow } }); -$.shortcut("bi.multilayer_icon_arrow_node", BI.MultiLayerIconArrowNode);/** +BI.shortcut("bi.multilayer_icon_arrow_node", BI.MultiLayerIconArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.PlusGroupNode @@ -986,7 +986,7 @@ BI.PlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.plus_group_node", BI.PlusGroupNode);/** +BI.shortcut("bi.plus_group_node", BI.PlusGroupNode);/** * 三角号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.TriangleGroupNode @@ -1068,7 +1068,7 @@ BI.TriangleGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.triangle_group_node", BI.TriangleGroupNode);/** +BI.shortcut("bi.triangle_group_node", BI.TriangleGroupNode);/** * guy * 复选框item * @type {*|void|Object} @@ -1171,7 +1171,7 @@ BI.FirstTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem = BI.inherit(BI.BasicButton, { +BI.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem = BI.inherit(BI.BasicButton, { _defaultConfig: function () { return BI.extend(BI.IconTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { extraCls: "bi-icon-tree-leaf-item bi-list-item-active", @@ -1258,7 +1258,7 @@ $.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem } }); -$.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/** +BI.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/** * guy * 复选框item * @type {*|void|Object} @@ -1361,7 +1361,7 @@ BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/** +BI.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/** * guy * 复选框item * @type {*|void|Object} @@ -1464,7 +1464,7 @@ BI.MidTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.mid_tree_leaf_item", BI.MidTreeLeafItem);/** +BI.shortcut("bi.mid_tree_leaf_item", BI.MidTreeLeafItem);/** * @class BI.MultiLayerIconTreeLeafItem * @extends BI.BasicButton */ @@ -1559,7 +1559,7 @@ BI.MultiLayerIconTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.multilayer_icon_tree_leaf_item", BI.MultiLayerIconTreeLeafItem);/** +BI.shortcut("bi.multilayer_icon_tree_leaf_item", BI.MultiLayerIconTreeLeafItem);/** * 树叶子节点 * Created by GUY on 2015/9/6. * @class BI.TreeTextLeafItem @@ -1627,7 +1627,7 @@ BI.TreeTextLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.tree_text_leaf_item", BI.TreeTextLeafItem);/** +BI.shortcut("bi.tree_text_leaf_item", BI.TreeTextLeafItem);/** * Created by GUY on 2015/8/28. * @class BI.Calendar * @extends BI.Widget @@ -1816,7 +1816,7 @@ BI.extend(BI.Calendar, { } }); -$.shortcut("bi.calendar", BI.Calendar);/** +BI.shortcut("bi.calendar", BI.Calendar);/** * Created by GUY on 2015/8/28. * @class BI.YearCalendar * @extends BI.Widget @@ -1956,7 +1956,7 @@ BI.extend(BI.YearCalendar, { } }); -$.shortcut("bi.year_calendar", BI.YearCalendar);/** +BI.shortcut("bi.year_calendar", BI.YearCalendar);/** * 绘制一些较复杂的canvas * * Created by GUY on 2015/11/24. @@ -2047,7 +2047,7 @@ BI.ComplexCanvas = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.complex_canvas", BI.ComplexCanvas);/** +BI.shortcut("bi.complex_canvas", BI.ComplexCanvas);/** * Created by roy on 15/10/16. * 上箭头与下箭头切换的树节点 */ @@ -2071,7 +2071,7 @@ BI.ArrowTreeGroupNodeCheckbox=BI.inherit(BI.IconButton,{ } } }); -$.shortcut("bi.arrow_tree_group_node_checkbox",BI.ArrowTreeGroupNodeCheckbox);/** +BI.shortcut("bi.arrow_tree_group_node_checkbox",BI.ArrowTreeGroupNodeCheckbox);/** * 十字型的树节点 * @class BI.CheckingMarkNode * @extends BI.IconButton @@ -2098,7 +2098,7 @@ BI.CheckingMarkNode = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.checking_mark_node", BI.CheckingMarkNode);/** +BI.shortcut("bi.checking_mark_node", BI.CheckingMarkNode);/** * 十字型的树节点 * @class BI.FirstTreeNodeCheckbox * @extends BI.IconButton @@ -2124,7 +2124,7 @@ BI.FirstTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.first_tree_node_checkbox", BI.FirstTreeNodeCheckbox);/** +BI.shortcut("bi.first_tree_node_checkbox", BI.FirstTreeNodeCheckbox);/** * 十字型的树节点 * @class BI.LastTreeNodeCheckbox * @extends BI.IconButton @@ -2150,7 +2150,7 @@ BI.LastTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.last_tree_node_checkbox", BI.LastTreeNodeCheckbox);/** +BI.shortcut("bi.last_tree_node_checkbox", BI.LastTreeNodeCheckbox);/** * 十字型的树节点 * @class BI.MidTreeNodeCheckbox * @extends BI.IconButton @@ -2176,7 +2176,7 @@ BI.MidTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.mid_tree_node_checkbox", BI.MidTreeNodeCheckbox);/** +BI.shortcut("bi.mid_tree_node_checkbox", BI.MidTreeNodeCheckbox);/** * 三角形的树节点 * Created by GUY on 2015/9/6. * @class BI.TreeGroupNodeCheckbox @@ -2203,7 +2203,7 @@ BI.TreeGroupNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.tree_group_node_checkbox", BI.TreeGroupNodeCheckbox);/** +BI.shortcut("bi.tree_group_node_checkbox", BI.TreeGroupNodeCheckbox);/** * 十字型的树节点 * @class BI.TreeNodeCheckbox * @extends BI.IconButton @@ -2229,7 +2229,7 @@ BI.TreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/** +BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/** * 自定义选色 * * Created by GUY on 2015/11/17. @@ -2298,7 +2298,7 @@ BI.CustomColorChooser = BI.inherit(BI.Widget, { } }); BI.CustomColorChooser.EVENT_CHANGE = "CustomColorChooser.EVENT_CHANGE"; -$.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/** +BI.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2383,7 +2383,7 @@ BI.ColorChooser = BI.inherit(BI.Widget, { } }); BI.ColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE"; -$.shortcut("bi.color_chooser", BI.ColorChooser);/** +BI.shortcut("bi.color_chooser", BI.ColorChooser);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2576,7 +2576,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, { }); BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE"; BI.ColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE"; -$.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/** +BI.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2633,7 +2633,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, { } }); BI.ColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE"; -$.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/** +BI.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/** * 简单选色控件按钮 * * Created by GUY on 2015/11/16. @@ -2692,7 +2692,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, { } }); BI.ColorPickerButton.EVENT_CHANGE = "ColorPickerButton.EVENT_CHANGE"; -$.shortcut("bi.color_picker_button", BI.ColorPickerButton);/** +BI.shortcut("bi.color_picker_button", BI.ColorPickerButton);/** * 简单选色控件 * * Created by GUY on 2015/11/16. @@ -2710,29 +2710,29 @@ BI.ColorPicker = BI.inherit(BI.Widget, { _items: [ [{ - value: "#ff0000" - }, { - value: "#ffff02" - }, { - value: "#00ff00" + value: "#ffffff" }, { - value: "#00ffff" + value: "#f2f2f2" }, { - value: "#0000ff" + value: "#e5e5e5" }, { - value: "#ff02ff" + value: "#d9d9d9" }, { - value: "#ffffff" + value: "#cccccc" }, { - value: "#e6e6e6" + value: "#bfbfbf" }, { - value: "#cccccc" + value: "#b2b2b2" }, { - value: "#b3b3b3" + value: "#a6a6a6" }, { value: "#999999" + }, { + value: "#8c8c8c" }, { value: "#808080" + }, { + value: "#737373" }, { value: "#666666" }, { @@ -2740,106 +2740,106 @@ BI.ColorPicker = BI.inherit(BI.Widget, { }, { value: "#333333" }, { - value: "#1a1a1a" + value: "#000000" }], [{ - value: "#ea9b5e" + value: "#d8b5a6" }, { - value: "#ebb668" + value: "#ff9e9a" }, { - value: "#efca69" + value: "#ffc17d" }, { - value: "#faf4a2" + value: "#f5e56b" }, { - value: "#c9da73" + value: "#d8e698" }, { - value: "#b6d19c" + value: "#e0ebaf" }, { - value: "#86be85" + value: "#c3d825" }, { - value: "#87c5c3" + value: "#bce2e8" }, { - value: "#75bfec" + value: "#85d3cd" }, { - value: "#85a9e0" + value: "#bce2e8" }, { - value: "#8890d3" + value: "#a0d8ef" }, { - value: "#a484b9" + value: "#89c3eb" }, { - value: "#b48bbf" + value: "#bbc8e6" }, { - value: "#ba8dc6" + value: "#bbbcde" }, { - value: "#e697c8" + value: "#d6b4cc" }, { - value: "#e49da0" + value: "#fbc0d3" }], [{ - value: "#df6a18" + value: "#bb9581" }, { - value: "#df8d04" + value: "#f37d79" }, { - value: "#efb500" + value: "#fba74f" }, { - value: "#faf201" + value: "#ffdb4f" }, { - value: "#b2cc23" + value: "#c7dc68" }, { - value: "#7dbd2f" + value: "#b0ca71" }, { - value: "#48a754" + value: "#99ab4e" }, { - value: "#27acaa" + value: "#84b9cb" }, { - value: "#09abe9" + value: "#00a3af" }, { - value: "#357bcc" + value: "#2ca9e1" }, { - value: "#4d67c1" + value: "#0095d9" }, { - value: "#5b4aa5" + value: "#4c6cb3" }, { - value: "#7e52a5" + value: "#8491c3" }, { - value: "#a057a4" + value: "#a59aca" }, { - value: "#d1689c" + value: "#cc7eb1" }, { - value: "#d66871" + value: "#e89bb4" }], [{ - value: "#d12d02" + value: "#9d775f" }, { - value: "#db6700" + value: "#dd4b4b" }, { - value: "#ee9106" + value: "#ef8b07" }, { - value: "#f7ed02" + value: "#fcc800" }, { - value: "#92b801" + value: "#aacf53" }, { - value: "#37a600" + value: "#82ae46" }, { - value: "#289100" + value: "#69821b" }, { - value: "#1a9589" + value: "#59b9c6" }, { - value: "#0292e0" + value: "#2a83a2" }, { - value: "#005dbb" + value: "#007bbb" }, { - value: "#005eb4" + value: "#19448e" }, { - value: "#0041a3" + value: "#274a78" }, { - value: "#00217f" + value: "#4a488e" }, { - value: "#811e89" + value: "#7058a3" }, { - value: "#cd2a7c" + value: "#884898" }, { - value: "#cd324a" + value: "#d47596" }] ], @@ -2880,7 +2880,7 @@ BI.ColorPicker = BI.inherit(BI.Widget, { } }); BI.ColorPicker.EVENT_CHANGE = "ColorPicker.EVENT_CHANGE"; -$.shortcut("bi.color_picker", BI.ColorPicker);/** +BI.shortcut("bi.color_picker", BI.ColorPicker);/** * 简单选色控件 * * Created by GUY on 2015/11/16. @@ -3013,7 +3013,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, { } }); BI.ColorPickerEditor.EVENT_CHANGE = "ColorPickerEditor.EVENT_CHANGE"; -$.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/** +BI.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/** * 选色控件 * * Created by GUY on 2015/11/16. @@ -3050,7 +3050,7 @@ BI.Farbtastic = BI.inherit(BI.Widget, { } }); BI.Farbtastic.EVENT_CHANGE = "Farbtastic.EVENT_CHANGE"; -$.shortcut("bi.farbtastic", BI.Farbtastic);/** +BI.shortcut("bi.farbtastic", BI.Farbtastic);/** * Farbtastic Color Picker 1.2 * © 2008 Steven Wittens * @@ -3603,7 +3603,7 @@ BI.BubbleCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; BI.BubbleCombo.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.BubbleCombo.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.BubbleCombo.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.bubble_combo", BI.BubbleCombo);/** +BI.shortcut("bi.bubble_combo", BI.BubbleCombo);/** * Created by GUY on 2017/2/8. * * @class BI.BubblePopupView @@ -3675,7 +3675,7 @@ BI.BubblePopupView = BI.inherit(BI.PopupView, { } }); -$.shortcut("bi.bubble_popup_view", BI.BubblePopupView); +BI.shortcut("bi.bubble_popup_view", BI.BubblePopupView); /** * Created by GUY on 2017/2/8. @@ -3720,7 +3720,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, { } }); BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.bubble_bar_popup_view", BI.BubblePopupBarView);/** +BI.shortcut("bi.bubble_bar_popup_view", BI.BubblePopupBarView);/** * Created by Young's on 2016/4/28. */ BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { @@ -3799,7 +3799,7 @@ BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { } }); BI.EditorIconCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo);/** +BI.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaCombo @@ -3897,7 +3897,7 @@ BI.FormulaCombo = BI.inherit(BI.Widget, { } }); BI.FormulaCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.formula_combo", BI.FormulaCombo);/** +BI.shortcut("bi.formula_combo", BI.FormulaCombo);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaComboPopup @@ -3985,7 +3985,7 @@ BI.FormulaComboPopup = BI.inherit(BI.Widget, { }); BI.FormulaComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; BI.FormulaComboPopup.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; -$.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup);/** +BI.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaComboTrigger @@ -4043,7 +4043,7 @@ BI.FormulaComboTrigger = BI.inherit(BI.Widget, { this.label.setText(this._getTextFromFormulaValue(v)); } }); -$.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger);/** +BI.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger);/** * Created by GUY on 2016/2/2. * * @class BI.IconCombo @@ -4141,7 +4141,7 @@ BI.IconCombo = BI.inherit(BI.Widget, { } }); BI.IconCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo", BI.IconCombo);/** +BI.shortcut("bi.icon_combo", BI.IconCombo);/** * Created by GUY on 2016/2/2. * * @class BI.IconComboPopup @@ -4203,7 +4203,7 @@ BI.IconComboPopup = BI.inherit(BI.Pane, { }); BI.IconComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo_popup", BI.IconComboPopup);/** +BI.shortcut("bi.icon_combo_popup", BI.IconComboPopup);/** * Created by GUY on 2016/2/2. * * @class BI.IconComboTrigger @@ -4292,7 +4292,7 @@ BI.IconComboTrigger = BI.inherit(BI.Trigger, { } }); BI.IconComboTrigger.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/** +BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/** * 单选combo * * @class BI.StaticCombo @@ -4358,7 +4358,7 @@ BI.StaticCombo = BI.inherit(BI.Widget, { } }); BI.StaticCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.static_combo", BI.StaticCombo);/** +BI.shortcut("bi.static_combo", BI.StaticCombo);/** * @class BI.TextValueCheckCombo * @extend BI.Widget * combo : text + icon, popup : check + text @@ -4435,7 +4435,7 @@ BI.TextValueCheckCombo = BI.inherit(BI.Widget, { } }); BI.TextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo);/** +BI.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo);/** * @class BI.SmallTextValueCheckCombo * @extend BI.Widget * combo : text + icon, popup : check + text @@ -4503,7 +4503,7 @@ BI.SmallTextValueCheckCombo = BI.inherit(BI.Widget, { } }); BI.SmallTextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { +BI.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { _defaultConfig: function () { return BI.extend(BI.TextValueCheckComboPopup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-text-icon-popup", @@ -4562,7 +4562,7 @@ $.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.Te }); BI.TextValueCheckComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup);/** +BI.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup);/** * @class BI.TextValueCombo * @extend BI.Widget * combo : text + icon, popup : text @@ -4632,7 +4632,7 @@ BI.TextValueCombo = BI.inherit(BI.Widget, { } }); BI.TextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_combo", BI.TextValueCombo);/** +BI.shortcut("bi.text_value_combo", BI.TextValueCombo);/** * @class BI.SmallTextValueCombo * @extend BI.Widget * combo : text + icon, popup : text @@ -4702,7 +4702,7 @@ BI.SmallTextValueCombo = BI.inherit(BI.Widget, { } }); BI.SmallTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComboPopup = BI.inherit(BI.Pane, { +BI.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComboPopup = BI.inherit(BI.Pane, { _defaultConfig: function () { return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-text-icon-popup", @@ -4759,7 +4759,7 @@ $.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComb }); BI.TextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);/** +BI.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);/** * @class BI.TextValueDownListCombo * @extend BI.Widget */ @@ -4842,7 +4842,7 @@ BI.TextValueDownListCombo = BI.inherit(BI.Widget, { } }); BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);/** +BI.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);/** * 选择字段trigger, downlist专用 * 显示形式为 父亲值(儿子值) * @@ -4895,7 +4895,7 @@ BI.DownListSelectTextTrigger = BI.inherit(BI.Trigger, { this.trigger.populate(this._formatItemArray(items)); } }); -$.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger);/** +BI.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger);/** * 根据内容自适应长度的输入框 * @class BI.AdaptiveEditor * @extends BI.Single @@ -5056,7 +5056,7 @@ BI.AdaptiveEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.AdaptiveEditor.EVENT_SPACE = "EVENT_SPACE"; BI.AdaptiveEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.adapt_editor", BI.AdaptiveEditor);/** +BI.shortcut("bi.adapt_editor", BI.AdaptiveEditor);/** * 有清楚按钮的文本框 * Created by GUY on 2015/9/29. * @class BI.SmallTextEditor @@ -5224,7 +5224,7 @@ BI.ClearEditor.EVENT_ENTER = "EVENT_ENTER"; BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.clear_editor", BI.ClearEditor);/** +BI.shortcut("bi.clear_editor", BI.ClearEditor);/** * guy * 记录内容的输入框 * @class BI.RecordEditor @@ -5450,7 +5450,7 @@ BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.record_editor", BI.RecordEditor);/** +BI.shortcut("bi.record_editor", BI.RecordEditor);/** * Created by roy on 15/9/14. */ BI.SearchEditor = BI.inherit(BI.Widget, { @@ -5647,7 +5647,7 @@ BI.SearchEditor.EVENT_ENTER = "EVENT_ENTER"; BI.SearchEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SearchEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.SearchEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.search_editor", BI.SearchEditor);/** +BI.shortcut("bi.search_editor", BI.SearchEditor);/** * 小号搜索框 * Created by GUY on 2015/9/29. * @class BI.SmallSearchEditor @@ -5666,7 +5666,7 @@ BI.SmallSearchEditor = BI.inherit(BI.SearchEditor, { BI.SmallSearchEditor.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.small_search_editor", BI.SmallSearchEditor);/** +BI.shortcut("bi.small_search_editor", BI.SmallSearchEditor);/** * 带标记的文本框 * Created by GUY on 2016/1/25. * @class BI.ShelterEditor @@ -5915,7 +5915,7 @@ BI.ShelterEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ShelterEditor.EVENT_SPACE = "EVENT_SPACE"; BI.ShelterEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.shelter_editor", BI.ShelterEditor);/** +BI.shortcut("bi.shelter_editor", BI.ShelterEditor);/** * sign是新值(初始value值)形式的自适应宽度的输入框 * @class BI.SignInitialEditor * @extends BI.Single @@ -6079,7 +6079,7 @@ BI.SignInitialEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignInitialEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignInitialEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_initial_editor", BI.SignInitialEditor);/** +BI.shortcut("bi.sign_initial_editor", BI.SignInitialEditor);/** * 带标记的文本框 * Created by GUY on 2015/8/28. * @class BI.SignEditor @@ -6333,7 +6333,7 @@ BI.SignEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_editor", BI.SignEditor);/** +BI.shortcut("bi.sign_editor", BI.SignEditor);/** * sign标签分两段,可以自定义样式 * @class BI.SignStyleEditor * @extends BI.Single @@ -6592,7 +6592,7 @@ BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/** +BI.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/** * guy * 记录状态的输入框 * @class BI.StateEditor @@ -6872,7 +6872,7 @@ BI.StateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.StateEditor.EVENT_SPACE = "EVENT_SPACE"; BI.StateEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.state_editor", BI.StateEditor);/** +BI.shortcut("bi.state_editor", BI.StateEditor);/** * 无限制-已选择状态输入框 * Created by GUY on 2016/5/18. * @class BI.SimpleStateEditor @@ -7132,7 +7132,7 @@ BI.SimpleStateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SimpleStateEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SimpleStateEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.simple_state_editor", BI.SimpleStateEditor);/** +BI.shortcut("bi.simple_state_editor", BI.SimpleStateEditor);/** * guy * @class BI.TextEditor * @extends BI.Single @@ -7301,7 +7301,7 @@ BI.TextEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.TextEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.TextEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.text_editor", BI.TextEditor);/** +BI.shortcut("bi.text_editor", BI.TextEditor);/** * 小号搜索框 * Created by GUY on 2015/9/29. * @class BI.SmallTextEditor @@ -7320,7 +7320,7 @@ BI.SmallTextEditor = BI.inherit(BI.TextEditor, { BI.SmallTextEditor.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.small_text_editor", BI.SmallTextEditor);/** +BI.shortcut("bi.small_text_editor", BI.SmallTextEditor);/** * 有确定取消按钮的弹出层 * @class BI.BarFloatSection * @extends BI.FloatSection @@ -7500,7 +7500,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, { BI.MultiPopupView.EVENT_CHANGE = "EVENT_CHANGE"; BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.multi_popup_view", BI.MultiPopupView);/** +BI.shortcut("bi.multi_popup_view", BI.MultiPopupView);/** * 可以理解为MultiPopupView和Panel两个面板的结合体 * @class BI.PopupPanel * @extends BI.MultiPopupView @@ -7556,7 +7556,7 @@ BI.PopupPanel.EVENT_CHANGE = "EVENT_CHANGE"; BI.PopupPanel.EVENT_CLOSE = "EVENT_CLOSE"; BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.popup_panel", BI.PopupPanel);/** +BI.shortcut("bi.popup_panel", BI.PopupPanel);/** * list面板 * * Created by GUY on 2015/10/30. @@ -7727,7 +7727,7 @@ BI.ListPane = BI.inherit(BI.Pane, { } }); BI.ListPane.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.list_pane", BI.ListPane);/** +BI.shortcut("bi.list_pane", BI.ListPane);/** * 带有标题栏的pane * @class BI.Panel * @extends BI.Widget @@ -7805,7 +7805,7 @@ BI.Panel = BI.inherit(BI.Widget,{ }); BI.Panel.EVENT_CHANGE = "Panel.EVENT_CHANGE"; -$.shortcut("bi.panel",BI.Panel);/** +BI.shortcut("bi.panel",BI.Panel);/** * 选择列表 * * Created by GUY on 2015/11/1. @@ -8013,7 +8013,7 @@ BI.SelectList = BI.inherit(BI.Widget, { } }); BI.SelectList.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.select_list", BI.SelectList);/** +BI.shortcut("bi.select_list", BI.SelectList);/** * Created by roy on 15/11/6. */ BI.LazyLoader = BI.inherit(BI.Widget, { @@ -8118,7 +8118,7 @@ BI.LazyLoader = BI.inherit(BI.Widget, { } }); BI.LazyLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.lazy_loader", BI.LazyLoader);/** +BI.shortcut("bi.lazy_loader", BI.LazyLoader);/** * 恶心的加载控件, 为解决排序问题引入的控件 * * Created by GUY on 2015/11/12. @@ -8317,7 +8317,7 @@ BI.ListLoader = BI.inherit(BI.Widget, { } }); BI.ListLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.list_loader", BI.ListLoader);/** +BI.shortcut("bi.list_loader", BI.ListLoader);/** * Created by GUY on 2016/4/29. * * @class BI.SortList @@ -8384,7 +8384,7 @@ BI.SortList = BI.inherit(BI.Widget, { placeholder: { element: function ($currentItem) { var holder = BI.createWidget({ - type: "bi.label", + type: "bi.layout", cls: "bi-sortable-holder", height: $currentItem.outerHeight() }); @@ -8493,7 +8493,7 @@ BI.SortList = BI.inherit(BI.Widget, { } }); BI.SortList.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.sort_list", BI.SortList);/** +BI.shortcut("bi.sort_list", BI.SortList);/** * 有总页数和总行数的分页控件 * Created by Young's on 2016/10/13. */ @@ -8520,7 +8520,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, { hgap: 4, vgap: 0, value: o.curr, - errorText: BI.i18nText("BI-Please_Input_Integer"), + errorText: BI.i18nText("BI-Please_Input_Positive_Integer"), width: 30, height: 20 }); @@ -8591,6 +8591,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, { var count = BI.createWidget({ type: "bi.left", + height: o.height, + scrollable: false, items: [{ type: "bi.label", height: o.height, @@ -8655,7 +8657,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, { } }); BI.AllCountPager.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.all_count_pager", BI.AllCountPager);/** +BI.shortcut("bi.all_count_pager", BI.AllCountPager);/** * 显示页码的分页控件 * * Created by GUY on 2016/6/30. @@ -8931,7 +8933,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, { } }); BI.DirectionPager.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.direction_pager", BI.DirectionPager);/** +BI.shortcut("bi.direction_pager", BI.DirectionPager);/** * 分页控件 * * Created by GUY on 2015/8/31. @@ -9218,7 +9220,7 @@ BI.DetailPager = BI.inherit(BI.Widget, { }); BI.DetailPager.EVENT_CHANGE = "EVENT_CHANGE"; BI.DetailPager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE"; -$.shortcut("bi.detail_pager", BI.DetailPager);/** +BI.shortcut("bi.detail_pager", BI.DetailPager);/** * 分段控件使用的button * * Created by GUY on 2015/9/7. @@ -9267,7 +9269,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, { BI.SegmentButton.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.segment_button', BI.SegmentButton);/** +BI.shortcut('bi.segment_button', BI.SegmentButton);/** * 单选按钮组 * * Created by GUY on 2015/9/7. @@ -9324,7 +9326,7 @@ BI.Segment = BI.inherit(BI.Widget, { } }); BI.Segment.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.segment', BI.Segment);/** +BI.shortcut('bi.segment', BI.Segment);/** * 自适应宽度的表格 * * Created by GUY on 2016/2/3. @@ -9558,7 +9560,7 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { BI.AdaptiveTable.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.adaptive_table', BI.AdaptiveTable);/** +BI.shortcut('bi.adaptive_table', BI.AdaptiveTable);/** * * 层级树状结构的表格 * @@ -9890,7 +9892,7 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.dynamic_summary_layer_tree_table", BI.DynamicSummaryLayerTreeTable);/** +BI.shortcut("bi.dynamic_summary_layer_tree_table", BI.DynamicSummaryLayerTreeTable);/** * * 树状结构的表格 * @@ -10236,7 +10238,7 @@ BI.extend(BI.DynamicSummaryTreeTable, { } }); -$.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);/** +BI.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);/** * * 层级树状结构的表格 * @@ -10554,7 +10556,7 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.layer_tree_table", BI.LayerTreeTable);/** +BI.shortcut("bi.layer_tree_table", BI.LayerTreeTable);/** * * Created by GUY on 2016/5/26. * @class BI.TableStyleCell @@ -10599,7 +10601,7 @@ BI.TableStyleCell = BI.inherit(BI.Single, { this._digestStyle(); } }); -$.shortcut('bi.table_style_cell', BI.TableStyleCell);/** +BI.shortcut('bi.table_style_cell', BI.TableStyleCell);/** * * 树状结构的表格 * @@ -10928,7 +10930,7 @@ BI.extend(BI.TableTree, { } }); -$.shortcut("bi.tree_table", BI.TableTree);/** +BI.shortcut("bi.tree_table", BI.TableTree);/** * guy * 复选导航条 * Created by GUY on 2015/8/25. @@ -11061,7 +11063,7 @@ BI.MultiSelectBar = BI.inherit(BI.BasicButton, { } }); BI.MultiSelectBar.EVENT_CHANGE = "MultiSelectBar.EVENT_CHANGE"; -$.shortcut("bi.multi_select_bar", BI.MultiSelectBar);/** +BI.shortcut("bi.multi_select_bar", BI.MultiSelectBar);/** * 倒立的Branch * @class BI.HandStandBranchExpander * @extend BI.Widget @@ -11120,7 +11122,7 @@ BI.HandStandBranchExpander = BI.inherit(BI.Widget, { } }); BI.HandStandBranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.handstand_branch_expander", BI.HandStandBranchExpander);/** +BI.shortcut("bi.handstand_branch_expander", BI.HandStandBranchExpander);/** * @class BI.BranchExpander * @extend BI.Widget * create by young @@ -11179,7 +11181,7 @@ BI.BranchExpander = BI.inherit(BI.Widget, { } }); BI.BranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.branch_expander", BI.BranchExpander);/** +BI.shortcut("bi.branch_expander", BI.BranchExpander);/** * @class BI.HandStandBranchTree * @extends BI.Widget * create by young @@ -11233,7 +11235,7 @@ BI.HandStandBranchTree = BI.inherit(BI.Widget, { } }); BI.HandStandBranchTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.handstand_branch_tree", BI.HandStandBranchTree);/** +BI.shortcut("bi.handstand_branch_tree", BI.HandStandBranchTree);/** * @class BI.BranchTree * @extends BI.Widget * create by young @@ -11287,7 +11289,7 @@ BI.BranchTree = BI.inherit(BI.Widget, { } }); BI.BranchTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.branch_tree", BI.BranchTree);/** +BI.shortcut("bi.branch_tree", BI.BranchTree);/** * guy * 异步树 * @class BI.DisplayTree @@ -11344,7 +11346,7 @@ BI.DisplayTree = BI.inherit(BI.TreeView, { }); BI.DisplayTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.display_tree", BI.DisplayTree);/** +BI.shortcut("bi.display_tree", BI.DisplayTree);/** * guy * 二级树 * @class BI.LevelTree @@ -11480,7 +11482,7 @@ BI.LevelTree = BI.inherit(BI.Widget, { }); BI.LevelTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.level_tree", BI.LevelTree);/** +BI.shortcut("bi.level_tree", BI.LevelTree);/** * 简单的多选树 * * Created by GUY on 2016/2/16. @@ -11600,7 +11602,7 @@ BI.SimpleTreeView = BI.inherit(BI.Widget, { } }); BI.SimpleTreeView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.simple_tree", BI.SimpleTreeView); +BI.shortcut("bi.simple_tree", BI.SimpleTreeView); /** * 文本输入框trigger * @@ -11679,7 +11681,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, { } }); BI.EditorTrigger.EVENT_CHANGE = "BI.EditorTrigger.EVENT_CHANGE"; -$.shortcut("bi.editor_trigger", BI.EditorTrigger);/** +BI.shortcut("bi.editor_trigger", BI.EditorTrigger);/** * 图标按钮trigger * * Created by GUY on 2015/10/8. @@ -11706,7 +11708,7 @@ BI.IconTrigger = BI.inherit(BI.Trigger, { }); } }); -$.shortcut('bi.icon_trigger', BI.IconTrigger);/** +BI.shortcut('bi.icon_trigger', BI.IconTrigger);/** * 文字trigger * * Created by GUY on 2015/9/15. @@ -11772,7 +11774,7 @@ BI.TextTrigger = BI.inherit(BI.Trigger, { this.text.setTitle(text); } }); -$.shortcut("bi.text_trigger", BI.TextTrigger);/** +BI.shortcut("bi.text_trigger", BI.TextTrigger);/** * 选择字段trigger * * Created by GUY on 2015/9/15. @@ -11826,7 +11828,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, { this.options.items = items; } }); -$.shortcut("bi.select_text_trigger", BI.SelectTextTrigger);/** +BI.shortcut("bi.select_text_trigger", BI.SelectTextTrigger);/** * 选择字段trigger小一号的 * * @class BI.SmallSelectTextTrigger @@ -11879,7 +11881,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, { this.options.items = items; } }); -$.shortcut("bi.small_select_text_trigger", BI.SmallSelectTextTrigger);/** +BI.shortcut("bi.small_select_text_trigger", BI.SmallSelectTextTrigger);/** * 文字trigger(右边小三角小一号的) == * * @class BI.SmallTextTrigger @@ -11942,7 +11944,7 @@ BI.SmallTextTrigger = BI.inherit(BI.Trigger, { this.text.setText(text); } }); -$.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);/* +BI.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);/* * zClip :: jQuery ZeroClipboard v1.1.1 * http://steamdev.com/zclip * @@ -12458,7 +12460,7 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, { BI.nextTick(function () { self.element.zclip({ - path: BI.servletURL + "resources/ZeroClipboard.swf", + path: BI.resourceURL + "ZeroClipboard.swf", copy: o.copy, beforeCopy: o.beforeCopy, afterCopy: o.afterCopy @@ -12467,4 +12469,4 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.zero_clip", BI.ZeroClip); \ No newline at end of file +BI.shortcut("bi.zero_clip", BI.ZeroClip); \ No newline at end of file diff --git a/bi/core.css b/bi/core.css index 30b90d3c5..c94ea5fe6 100644 --- a/bi/core.css +++ b/bi/core.css @@ -1,9712 +1,3033 @@ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bi'; - src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -html, -button, -input, -select, -textarea, -* { - font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; -} -html, -body, -div, -ul, -li, -img, -a, -span, -p, -* { - margin: 0px; -} -html { - height: 100%; - overflow: hidden; -} -body { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - top: 0; - left: 0; - background-repeat: repeat; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - color: #1a1a1a; - font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; - -kthml-user-focus: normal; - -moz-user-focus: normal; - -moz-outline: 0 none; - outline: 0 none; -} -#wrapper { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - overflow: hidden; - overflow-x: hidden; - overflow-y: hidden; +@charset "UTF-8"; +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } } -a { - outline: none; - text-decoration: none; +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } } -a:focus { - outline: 0; +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } } -input, -textarea { - margin: 0; - padding: 0; - outline: none; - border: 1px solid #cccccc; +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } } -ul, -ol { - margin: 0; - padding: 0; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -ul { - list-style: disc; +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -li { - list-style-type: none; +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -i { - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -div::-webkit-scrollbar, -textarea::-webkit-scrollbar { - -webkit-appearance: none; - background-color: #f4f4f4; - width: 6px; - height: 6px; +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } } -div::-webkit-scrollbar-thumb, -textarea::-webkit-scrollbar-thumb { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - background-color: #e2e2e2; +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } } -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -/************hing light*****************/ -.bi-flex-center-layout { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: center; - /* 12版 */ - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - -o-justify-content: center; - justify-content: center; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-horizontal-layout { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: flex-start; - /* 12版 */ - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - -o-align-items: flex-start; - align-items: flex-start; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.bi-flex-horizontal-layout.middle { - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-horizontal-layout.bottom { - /* 09版 */ - -webkit-box-align: flex-end; - /* 12版 */ - -webkit-align-items: flex-end; - -moz-align-items: flex-end; - -ms-align-items: flex-end; - -o-align-items: flex-end; - align-items: flex-end; -} -.bi-flex-vertical-center { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: center; - /* 12版 */ - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - -o-justify-content: center; - justify-content: center; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - min-width: 100%; - min-height: 100%; - float: left; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: flex-start; - /* 12版 */ - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - -o-align-items: flex-start; - align-items: flex-start; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; - min-height: 100%; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { - /* 09版 */ - -webkit-box-align: flex-end; - /* 12版 */ - -webkit-align-items: flex-end; - -moz-align-items: flex-end; - -ms-align-items: flex-end; - -o-align-items: flex-end; - align-items: flex-end; -} -.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; - min-height: 100%; - float: left; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.bi-inline-center-adapt-layout:after { - display: inline-block; - width: 0; - min-height: 100%; - vertical-align: middle; - content: ' '; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.bi-inline-vertical-adapt-layout:after { - display: inline-block; - width: 0; - min-height: 100%; - vertical-align: middle; - content: ' '; -} -@charset "UTF-8"; -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ -@-webkit-keyframes bounce { - from, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -@keyframes bounce { - from, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -@-webkit-keyframes flash { - from, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -@keyframes flash { - from, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes shake { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@keyframes shake { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes jello { - from, - 11.1%, - to { - -webkit-transform: none; - transform: none; - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -@keyframes jello { - from, - 11.1%, - to { - -webkit-transform: none; - transform: none; - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -@-webkit-keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@keyframes fadeOutDown { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@keyframes fadeOutDownBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@keyframes fadeOutLeft { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes fadeOutLeftBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@keyframes fadeOutRight { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@keyframes fadeOutRightBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@keyframes fadeOutUp { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@keyframes fadeOutUpBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} -@keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} -@-webkit-keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes lightSpeedOut { - from { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} -@keyframes lightSpeedOut { - from { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} -@-webkit-keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} -@keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} -@keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} -@keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} -@keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} -@keyframes rollOut { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -@keyframes zoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} -.headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; -} -.swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; -} -.bounceIn { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} -.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: bounceOut; - animation-name: bounceOut; -} -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} -.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} -.flipOutX { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} -.flipOutY { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} -.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-name: hinge; - animation-name: hinge; -} -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; -} -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; -} -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; -} -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} -.base-line-conn-background { - background: url('icon/tree-vertical-line-1.png') repeat-y 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png'); - _background: none; -} -.first-line-conn-background { - background: url('icon/tree-vertical-line-2.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.last-line-conn-background { - background: url('icon/tree-vertical-line-4.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.mid-line-conn-background { - background: url('icon/tree-vertical-line-3.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.loading-background { - background: url('icon/loading.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif'); - _background: none; -} -.loading-background-f25 { - background: url('background/F.25.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif'); - _background: none; -} -.loading-background-e50 { - background: url('background/E.50.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif'); - _background: none; -} -.loading-background-d100 { - background: url('background/D.100.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif'); - _background: none; -} -.axis-tip-background { - background: url('background/charts/axis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-accu-tip-background { - background: url('background/charts/axis_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-percent-tip-background { - background: url('background/charts/axis_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-compare-tip-background { - background: url('background/charts/axis_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-fall-tip-background { - background: url('background/charts/axis_fall.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-tip-background { - background: url('background/charts/bubble.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-force-tip-background { - background: url('background/charts/bubble_force.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.dashboard-tip-background { - background: url('background/charts/dashboard.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.donut-tip-background { - background: url('background/charts/donut.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.funnel-tip-background { - background: url('background/charts/funnel.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-tip-background { - background: url('background/charts/map.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-gis-tip-background { - background: url('background/charts/map_gis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-tip-background { - background: url('background/charts/map_svg.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-c-tip-background { - background: url('background/charts/map_svg_c.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-g-tip-background { - background: url('background/charts/map_svg_g.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.pie-tip-background { - background: url('background/charts/pie.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-tip-background { - background: url('background/charts/radar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-accu-tip-background { - background: url('background/charts/radar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-tip-background { - background: url('background/charts/area.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-accu-tip-background { - background: url('background/charts/area_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-compare-tip-background { - background: url('background/charts/area_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-percent-tip-background { - background: url('background/charts/area_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-range-tip-background { - background: url('background/charts/area_range.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-tip-background { - background: url('background/charts/bar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-accu-tip-background { - background: url('background/charts/bar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-compare-tip-background { - background: url('background/charts/bar_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-tip-background { - background: url('background/charts/combine.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-m-tip-background { - background: url('background/charts/combine_m.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.line-tip-background { - background: url('background/charts/line.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.scatter-tip-background { - background: url('background/charts/scatter.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-complex-tip-background { - background: url('background/charts/table_complex.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-cross-tip-background { - background: url('background/charts/table_cross.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-group-tip-background { - background: url('background/charts/table_group.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-detail-tip-background { - background: url('background/charts/table_detail.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-text-tip-background { - background: url('background/charts/text/axis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-accu-text-tip-background { - background: url('background/charts/text/axis_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-percent-text-tip-background { - background: url('background/charts/text/axis_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-compare-text-tip-background { - background: url('background/charts/text/axis_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-fall-text-tip-background { - background: url('background/charts/text/axis_fall_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-text-tip-background { - background: url('background/charts/text/bubble_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-force-text-tip-background { - background: url('background/charts/text/bubble_force_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.dashboard-text-tip-background { - background: url('background/charts/text/dashboard_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.donut-text-tip-background { - background: url('background/charts/text/donut_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.funnel-text-tip-background { - background: url('background/charts/text/funnel_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-text-tip-background { - background: url('background/charts/text/map_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-gis-text-tip-background { - background: url('background/charts/text/map_gis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-text-tip-background { - background: url('background/charts/text/map_svg_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-c-text-tip-background { - background: url('background/charts/text/map_svg_c_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-g-text-tip-background { - background: url('background/charts/text/map_svg_g_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.pie-text-tip-background { - background: url('background/charts/text/pie_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-text-tip-background { - background: url('background/charts/text/radar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-accu-text-tip-background { - background: url('background/charts/text/radar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-text-tip-background { - background: url('background/charts/text/area_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-accu-text-tip-background { - background: url('background/charts/text/area_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-compare-text-tip-background { - background: url('background/charts/text/area_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-percent-text-tip-background { - background: url('background/charts/text/area_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-range-text-tip-background { - background: url('background/charts/text/area_range_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-text-tip-background { - background: url('background/charts/text/bar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-accu-text-tip-background { - background: url('background/charts/text/bar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-compare-text-tip-background { - background: url('background/charts/text/bar_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-text-tip-background { - background: url('background/charts/text/combine_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-m-text-tip-background { - background: url('background/charts/text/combine_m_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.line-text-tip-background { - background: url('background/charts/text/line_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.scatter-text-tip-background { - background: url('background/charts/text/text/scatter_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-complex-text-tip-background { - background: url('background/charts/text/table_complex_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-cross-text-tip-background { - background: url('background/charts/text/table_cross_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-group-text-tip-background { - background: url('background/charts/text/table_group_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-detail-text-tip-background { - background: url('background/charts/text/table_detail_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.data-miss-background { - background: url('background/data_miss.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.base-disabled { - cursor: default !important; - color: #c4c6c6 !important; -} -.base-disabled .b-font:before { - color: #c4c6c6 !important; -} -.base-invalid { - cursor: default !important; -} -.clearfix { - *zoom: 1; -} -.clearfix:before, -.clearfix:after { - content: " "; - display: table; - line-height: 0; -} -.clearfix:after { - clear: both; -} -.bi-keyword-red-mark { - color: #f07d0a; -} -.bi-high-light { - color: #009de3; -} -.bi-water-mark { - color: #cccccc; - cursor: text; -} -.bi-tips { - color: #c4c6c6; -} -.bi-resizer { - background: #d8f3fe; - opacity: 0.8; - filter: alpha(opacity=80); - z-index: 1000000000; -} -.bi-z-index-mask { - background-color: #1a1a1a; - opacity: 0.5; - filter: alpha(opacity=50); -} -.bi-list-item:hover, -.bi-list-item.hover { - background-color: #f4f4f4; -} -.bi-list-item.disabled, -.bi-list-item.disabled:hover, -.bi-list-item.disabled:active { - background-color: #ffffff; -} -.bi-list-item-effect.active, -.bi-list-item-effect:active { - color: #009de3; -} -.bi-list-item-effect.disabled, -.bi-list-item-effect.disabled:hover, -.bi-list-item-effect.disabled:active { - color: #1a1a1a; -} -.bi-list-item-hover:hover, -.bi-list-item-hover.hover { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-hover.disabled, -.bi-list-item-hover.disabled:hover, -.bi-list-item-hover.disabled:active { - color: #1a1a1a; - background-color: #ffffff; -} -.bi-list-item-active:hover, -.bi-list-item-active.hover { - background-color: #f4f4f4; -} -.bi-list-item-active.active, -.bi-list-item-active:active { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-active.disabled, -.bi-list-item-active.disabled:hover, -.bi-list-item-active.disabled:active { - background-color: #ffffff; -} -.bi-list-item-select:hover, -.bi-list-item-select.hover { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-select:active, -.bi-list-item-select.active { - color: #ffffff; - background-color: #009de3; -} -.bi-list-item-select:active .bi-high-light, -.bi-list-item-select.active .bi-high-light { - color: #ffffff; -} -.bi-list-item-select.disabled, -.bi-list-item-select.disabled:hover, -.bi-list-item-select.disabled:active { - color: #c4c6c6 !important; - background-color: #ffffff !important; -} -.bi-list-item-select.disabled .bi-high-light, -.bi-list-item-select.disabled:hover .bi-high-light, -.bi-list-item-select.disabled:active .bi-high-light { - color: #c4c6c6 !important; -} -/*****************cursor*****************/ -.cursor-pointer { - cursor: pointer; -} -.cursor-default { - cursor: default; -} -.cursor-move { - cursor: move; -} -/*****************cursor*****************/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.close-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-font.native .b-font:before, -.close-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-red-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-red-font.native .b-font:before, -.close-red-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font:hover .b-font:before, -.close-h-font:focus .b-font:before, -.close-h-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font.native .b-font:before, -.close-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font:hover .b-font:before, -.close-e-font:focus .b-font:before, -.close-e-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font:active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font.native .b-font:before, -.close-e-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:hover .b-font:before, -.close-ha-font:focus .b-font:before, -.close-ha-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:active .b-font:before, -.close-ha-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-ha-font.native .b-font:before, -.close-ha-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.search-close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.search-close-h-font:hover .b-font:before, -.search-close-h-font:focus .b-font:before, -.search-close-h-font.hover .b-font:before { - content: "\e600"; - color: #e85050; -} -.search-close-h-font.native .b-font:before, -.search-close-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.trigger-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-font.native .b-font:before, -.trigger-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font:hover .b-font:before, -.trigger-h-font:focus .b-font:before, -.trigger-h-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font.native .b-font:before, -.trigger-h-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:hover .b-font:before, -.trigger-ha-font:focus .b-font:before, -.trigger-ha-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:active .b-font:before, -.trigger-ha-font.active .b-font:before { - content: "\e603"; - color: #009de3; -} -.trigger-ha-font.native .b-font:before, -.trigger-ha-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.pre-page-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-font.native .b-font:before, -.pre-page-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font:hover .b-font:before, -.pre-page-h-font:focus .b-font:before, -.pre-page-h-font.hover .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font.native .b-font:before, -.pre-page-h-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:hover .b-font:before, -.pre-page-ha-font:focus .b-font:before, -.pre-page-ha-font.hover .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:active .b-font:before, -.pre-page-ha-font.active .b-font:before { - content: "\e601"; - color: #009de3; -} -.pre-page-ha-font.native .b-font:before, -.pre-page-ha-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.next-page-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-font.native .b-font:before, -.next-page-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font:hover .b-font:before, -.next-page-h-font:focus .b-font:before, -.next-page-h-font.hover .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font.native .b-font:before, -.next-page-h-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:hover .b-font:before, -.next-page-ha-font:focus .b-font:before, -.next-page-ha-font.hover .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:active .b-font:before, -.next-page-ha-font.active .b-font:before { - content: "\e602"; - color: #009de3; -} -.next-page-ha-font.native .b-font:before, -.next-page-ha-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.search-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-font.native .b-font:before, -.search-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font:hover .b-font:before, -.search-h-font:focus .b-font:before, -.search-h-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font.native .b-font:before, -.search-h-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:hover .b-font:before, -.search-ha-font:focus .b-font:before, -.search-ha-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:active .b-font:before, -.search-ha-font.active .b-font:before { - content: "\e604"; - color: #009de3; -} -.search-ha-font.native .b-font:before, -.search-ha-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font:hover .b-font:before, -.share-h-font:focus .b-font:before, -.share-h-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font.native .b-font:before, -.share-h-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:hover .b-font:before, -.share-ha-font:focus .b-font:before, -.share-ha-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:active .b-font:before, -.share-ha-font.active .b-font:before { - content: "\e65a"; - color: #009de3; -} -.share-ha-font.native .b-font:before, -.share-ha-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -/**维度/指标 下拉列表图标字体 ~begin~**/ -.delete-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-font.native .b-font:before, -.delete-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font:hover .b-font:before, -.delete-h-font:focus .b-font:before, -.delete-h-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font.native .b-font:before, -.delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:hover .b-font:before, -.delete-ha-font:focus .b-font:before, -.delete-ha-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:active .b-font:before, -.delete-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-ha-font.native .b-font:before, -.delete-ha-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font:hover .b-font:before, -.delete-e-font:focus .b-font:before, -.delete-e-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font:active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font.native .b-font:before, -.delete-e-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.dot-font .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-font.native .b-font:before, -.dot-font.disabled .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font:hover .b-font:before, -.dot-h-font:focus .b-font:before, -.dot-h-font.hover .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font.native .b-font:before, -.dot-h-font.disabled .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-ha-font .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-ha-font:hover .b-font:before, -.dot-ha-font:focus .b-font:before, -.dot-ha-font.hover .b-font:before { - content: "\e606"; - color: #f4f4f4; -} -.dot-ha-font:active .b-font:before, -.dot-ha-font.active .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-ha-font.native .b-font:before, -.dot-ha-font.disabled .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-e-font .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-e-font:hover .b-font:before, -.dot-e-font:focus .b-font:before, -.dot-e-font.hover .b-font:before { - content: "\e606"; - color: #f4f4f4; -} -.dot-e-font.active .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-e-font:active .b-font:before { - content: "\e606"; - color: #009de3; -} -.dot-e-font.native .b-font:before, -.dot-e-font.disabled .b-font:before { - content: "\e606"; - color: #ffffff; -} -.pull-right-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-font.native .b-font:before, -.pull-right-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font:hover .b-font:before, -.pull-right-h-font:focus .b-font:before, -.pull-right-h-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font.native .b-font:before, -.pull-right-h-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font:hover .b-font:before, -.pull-right-ha-font:focus .b-font:before, -.pull-right-ha-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font:active .b-font:before, -.pull-right-ha-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-ha-font.native .b-font:before, -.pull-right-ha-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font:hover .b-font:before, -.pull-right-e-font:focus .b-font:before, -.pull-right-e-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font:active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font.native .b-font:before, -.pull-right-e-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.copy-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-font.native .b-font:before, -.copy-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font:hover .b-font:before, -.copy-h-font:focus .b-font:before, -.copy-h-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font.native .b-font:before, -.copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:hover .b-font:before, -.copy-ha-font:focus .b-font:before, -.copy-ha-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:active .b-font:before, -.copy-ha-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-ha-font.native .b-font:before, -.copy-ha-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font:hover .b-font:before, -.copy-e-font:focus .b-font:before, -.copy-e-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font:active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font.native .b-font:before, -.copy-e-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.check-mark-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-font.native .b-font:before, -.check-mark-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font:hover .b-font:before, -.check-mark-h-font:focus .b-font:before, -.check-mark-h-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font.native .b-font:before, -.check-mark-h-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font:hover .b-font:before, -.check-mark-ha-font:focus .b-font:before, -.check-mark-ha-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font:active .b-font:before, -.check-mark-ha-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-ha-font.native .b-font:before, -.check-mark-ha-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font:hover .b-font:before, -.check-mark-e-font:focus .b-font:before, -.check-mark-e-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font:active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font.native .b-font:before, -.check-mark-e-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.dimension-from-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-font.native .b-font:before, -.dimension-from-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font:hover .b-font:before, -.dimension-from-h-font:focus .b-font:before, -.dimension-from-h-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font.native .b-font:before, -.dimension-from-h-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:hover .b-font:before, -.dimension-from-ha-font:focus .b-font:before, -.dimension-from-ha-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:active .b-font:before, -.dimension-from-ha-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-ha-font.native .b-font:before, -.dimension-from-ha-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font:hover .b-font:before, -.dimension-from-e-font:focus .b-font:before, -.dimension-from-e-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font:active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font.native .b-font:before, -.dimension-from-e-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.chart-type-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-font.native .b-font:before, -.chart-type-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font:hover .b-font:before, -.chart-type-h-font:focus .b-font:before, -.chart-type-h-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font.native .b-font:before, -.chart-type-h-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:hover .b-font:before, -.chart-type-ha-font:focus .b-font:before, -.chart-type-ha-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:active .b-font:before, -.chart-type-ha-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-ha-font.native .b-font:before, -.chart-type-ha-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font:hover .b-font:before, -.chart-type-e-font:focus .b-font:before, -.chart-type-e-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font:active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font.native .b-font:before, -.chart-type-e-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.style-set-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-font.native .b-font:before, -.style-set-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font:hover .b-font:before, -.style-set-h-font:focus .b-font:before, -.style-set-h-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font.native .b-font:before, -.style-set-h-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:hover .b-font:before, -.style-set-ha-font:focus .b-font:before, -.style-set-ha-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:active .b-font:before, -.style-set-ha-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-ha-font.native .b-font:before, -.style-set-ha-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font:hover .b-font:before, -.style-set-e-font:focus .b-font:before, -.style-set-e-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font:active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font.native .b-font:before, -.style-set-e-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.hyper-link-font .b-font:before { - content: "\e688"; - color: #808080; -} -.hyper-link-font.native .b-font:before, -.hyper-link-font.disabled .b-font:before { - content: "\e688"; - color: #808080; -} -.filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-font.native .b-font:before, -.filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-h-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font:hover .b-font:before, -.filter-h-font:focus .b-font:before, -.filter-h-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font.native .b-font:before, -.filter-h-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:hover .b-font:before, -.filter-ha-font:focus .b-font:before, -.filter-ha-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:active .b-font:before, -.filter-ha-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-ha-font.native .b-font:before, -.filter-ha-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font:hover .b-font:before, -.filter-e-font:focus .b-font:before, -.filter-e-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font:active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font.native .b-font:before, -.filter-e-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.classify-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.classify-font.native .b-font:before, -.classify-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.series-font .b-font:before { - content: "\e695"; - color: #58cc7d; -} -.series-font.native .b-font:before, -.series-font.disabled .b-font:before { - content: "\e695"; - color: #58cc7d; -} -/**维度/指标 下拉列表图标字体 ~end~**/ -/** dashboard组件/控件 下拉列表图标字体 ~begin~**/ -.link-to-widget-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-widget-h-font:hover .b-font:before, -.link-to-widget-h-font:focus .b-font:before, -.link-to-widget-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-widget-h-font.native .b-font:before, -.link-to-widget-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font:hover .b-font:before, -.link-to-detail-h-font:focus .b-font:before, -.link-to-detail-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-detail-h-font.native .b-font:before, -.link-to-detail-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font:hover .b-font:before, -.detail-setting-h-font:focus .b-font:before, -.detail-setting-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.detail-setting-h-font.native .b-font:before, -.detail-setting-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font:hover .b-font:before, -.export-to-excel-h-font:focus .b-font:before, -.export-to-excel-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.export-to-excel-h-font.native .b-font:before, -.export-to-excel-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.widget-copy-h-font .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-copy-h-font:hover .b-font:before, -.widget-copy-h-font:focus .b-font:before, -.widget-copy-h-font.hover .b-font:before { - content: "\e610"; - color: #009de3; -} -.widget-copy-h-font.native .b-font:before, -.widget-copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-delete-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-delete-h-font:hover .b-font:before, -.widget-delete-h-font:focus .b-font:before, -.widget-delete-h-font.hover .b-font:before { - content: "\e605"; - color: #009de3; -} -.widget-delete-h-font.native .b-font:before, -.widget-delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -/** dashboard组件/控件 下拉列表图标字体 ~end~**/ -.tree-node-triangle-expand-font .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-expand-font.native .b-font:before, -.tree-node-triangle-expand-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-collapse-font .b-font:before { - content: "\e607"; - color: #808080; -} -.tree-node-triangle-collapse-font.native .b-font:before, -.tree-node-triangle-collapse-font.disabled .b-font:before { - content: "\e607"; - color: #808080; -} -.row-pre-page-h-font .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-pre-page-h-font:hover .b-font:before, -.row-pre-page-h-font:focus .b-font:before, -.row-pre-page-h-font.hover .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-pre-page-h-font.native .b-font:before, -.row-pre-page-h-font.disabled .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-next-page-h-font .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.row-next-page-h-font:hover .b-font:before, -.row-next-page-h-font:focus .b-font:before, -.row-next-page-h-font.hover .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.row-next-page-h-font.native .b-font:before, -.row-next-page-h-font.disabled .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.column-pre-page-h-font .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-pre-page-h-font:hover .b-font:before, -.column-pre-page-h-font:focus .b-font:before, -.column-pre-page-h-font.hover .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-pre-page-h-font.native .b-font:before, -.column-pre-page-h-font.disabled .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-next-page-h-font .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.column-next-page-h-font:hover .b-font:before, -.column-next-page-h-font:focus .b-font:before, -.column-next-page-h-font.hover .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.column-next-page-h-font.native .b-font:before, -.column-next-page-h-font.disabled .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.trigger-triangle-font .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:hover .b-font:before, -.trigger-triangle-font:focus .b-font:before, -.trigger-triangle-font.hover .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:active .b-font:before, -.trigger-triangle-font.active .b-font:before { - content: "\e66a"; - color: #009de3; -} -.trigger-triangle-font.native .b-font:before, -.trigger-triangle-font.disabled .b-font:before { - content: "\e66a"; - color: #808080; -} -.widget-date-next-h-font .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font:hover .b-font:before, -.widget-date-next-h-font:focus .b-font:before, -.widget-date-next-h-font.hover .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font.native .b-font:before, -.widget-date-next-h-font.disabled .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-pre-h-font .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font:hover .b-font:before, -.widget-date-pre-h-font:focus .b-font:before, -.widget-date-pre-h-font.hover .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font.native .b-font:before, -.widget-date-pre-h-font.disabled .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-h-change-font .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font:hover .b-font:before, -.widget-date-h-change-font:focus .b-font:before, -.widget-date-h-change-font.hover .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font.native .b-font:before, -.widget-date-h-change-font.disabled .b-font:before { - content: "\e660"; - color: #808080; -} -.pull-down-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-font.native .b-font:before, -.pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font:hover .b-font:before, -.pull-down-h-font:focus .b-font:before, -.pull-down-h-font.hover .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font.native .b-font:before, -.pull-down-h-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font:hover .b-font:before, -.pull-down-ha-font:focus .b-font:before, -.pull-down-ha-font.hover .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font:active .b-font:before, -.pull-down-ha-font.active .b-font:before { - content: "\e608"; - color: #009de3; -} -.pull-down-ha-font.native .b-font:before, -.pull-down-ha-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.delete-field-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-font.native .b-font:before, -.delete-field-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font:hover .b-font:before, -.delete-field-h-font:focus .b-font:before, -.delete-field-h-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font.native .b-font:before, -.delete-field-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:hover .b-font:before, -.delete-field-ha-font:focus .b-font:before, -.delete-field-ha-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:active .b-font:before, -.delete-field-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-field-ha-font.native .b-font:before, -.delete-field-ha-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.toolbar-save-font .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font:hover .b-font:before, -.toolbar-save-font:focus .b-font:before, -.toolbar-save-font.hover .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font.native .b-font:before, -.toolbar-save-font.disabled .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-undo-font .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font:hover .b-font:before, -.toolbar-undo-font:focus .b-font:before, -.toolbar-undo-font.hover .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font.native .b-font:before, -.toolbar-undo-font.disabled .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-redo-font .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font:hover .b-font:before, -.toolbar-redo-font:focus .b-font:before, -.toolbar-redo-font.hover .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font.native .b-font:before, -.toolbar-redo-font.disabled .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-edit-font .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font:hover .b-font:before, -.toolbar-edit-font:focus .b-font:before, -.toolbar-edit-font.hover .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font.native .b-font:before, -.toolbar-edit-font.disabled .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font:hover .b-font:before, -.toolbar-preview-font:focus .b-font:before, -.toolbar-preview-font.hover .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font.native .b-font:before, -.toolbar-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.chart-table-font .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:hover .b-font:before, -.chart-table-font:focus .b-font:before, -.chart-table-font.hover .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:active .b-font:before, -.chart-table-font.active .b-font:before { - content: "\e60e"; - color: #009de3; -} -.chart-table-font.native .b-font:before, -.chart-table-font.disabled .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-axis-font .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:hover .b-font:before, -.chart-axis-font:focus .b-font:before, -.chart-axis-font.hover .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:active .b-font:before, -.chart-axis-font.active .b-font:before { - content: "\e626"; - color: #009de3; -} -.chart-axis-font.native .b-font:before, -.chart-axis-font.disabled .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-bar-font .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:hover .b-font:before, -.chart-bar-font:focus .b-font:before, -.chart-bar-font.hover .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:active .b-font:before, -.chart-bar-font.active .b-font:before { - content: "\e620"; - color: #009de3; -} -.chart-bar-font.native .b-font:before, -.chart-bar-font.disabled .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-accumulate-bar-font .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:hover .b-font:before, -.chart-accumulate-bar-font:focus .b-font:before, -.chart-accumulate-bar-font.hover .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:active .b-font:before, -.chart-accumulate-bar-font.active .b-font:before { - content: "\e60a"; - color: #009de3; -} -.chart-accumulate-bar-font.native .b-font:before, -.chart-accumulate-bar-font.disabled .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-pie-font .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:hover .b-font:before, -.chart-pie-font:focus .b-font:before, -.chart-pie-font.hover .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:active .b-font:before, -.chart-pie-font.active .b-font:before { - content: "\e618"; - color: #009de3; -} -.chart-pie-font.native .b-font:before, -.chart-pie-font.disabled .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-map-font .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:hover .b-font:before, -.chart-map-font:focus .b-font:before, -.chart-map-font.hover .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:active .b-font:before, -.chart-map-font.active .b-font:before { - content: "\e62c"; - color: #009de3; -} -.chart-map-font.native .b-font:before, -.chart-map-font.disabled .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-dashboard-font .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:hover .b-font:before, -.chart-dashboard-font:focus .b-font:before, -.chart-dashboard-font.hover .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:active .b-font:before, -.chart-dashboard-font.active .b-font:before { - content: "\e623"; - color: #009de3; -} -.chart-dashboard-font.native .b-font:before, -.chart-dashboard-font.disabled .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-doughnut-font .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:hover .b-font:before, -.chart-doughnut-font:focus .b-font:before, -.chart-doughnut-font.hover .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:active .b-font:before, -.chart-doughnut-font.active .b-font:before { - content: "\e624"; - color: #009de3; -} -.chart-doughnut-font.native .b-font:before, -.chart-doughnut-font.disabled .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-detail-font .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:hover .b-font:before, -.chart-detail-font:focus .b-font:before, -.chart-detail-font.hover .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:active .b-font:before, -.chart-detail-font.active .b-font:before { - content: "\e615"; - color: #009de3; -} -.chart-detail-font.native .b-font:before, -.chart-detail-font.disabled .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-more-font .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:hover .b-font:before, -.chart-more-font:focus .b-font:before, -.chart-more-font.hover .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:active .b-font:before, -.chart-more-font.active .b-font:before { - content: "\e60d"; - color: #009de3; -} -.chart-more-font.native .b-font:before, -.chart-more-font.disabled .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-bubble-font .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:hover .b-font:before, -.chart-bubble-font:focus .b-font:before, -.chart-bubble-font.hover .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:active .b-font:before, -.chart-bubble-font.active .b-font:before { - content: "\e62a"; - color: #009de3; -} -.chart-bubble-font.native .b-font:before, -.chart-bubble-font.disabled .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-scatter-font .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:hover .b-font:before, -.chart-scatter-font:focus .b-font:before, -.chart-scatter-font.hover .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:active .b-font:before, -.chart-scatter-font.active .b-font:before { - content: "\e61d"; - color: #009de3; -} -.chart-scatter-font.native .b-font:before, -.chart-scatter-font.disabled .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-radar-font .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:hover .b-font:before, -.chart-radar-font:focus .b-font:before, -.chart-radar-font.hover .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:active .b-font:before, -.chart-radar-font.active .b-font:before { - content: "\e614"; - color: #009de3; -} -.chart-radar-font.native .b-font:before, -.chart-radar-font.disabled .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-content-font .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:hover .b-font:before, -.chart-content-font:focus .b-font:before, -.chart-content-font.hover .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:active .b-font:before, -.chart-content-font.active .b-font:before { - content: "\e621"; - color: #009de3; -} -.chart-content-font.native .b-font:before, -.chart-content-font.disabled .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-image-font .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:hover .b-font:before, -.chart-image-font:focus .b-font:before, -.chart-image-font.hover .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:active .b-font:before, -.chart-image-font.active .b-font:before { - content: "\e68d"; - color: #009de3; -} -.chart-image-font.native .b-font:before, -.chart-image-font.disabled .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-web-font .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:hover .b-font:before, -.chart-web-font:focus .b-font:before, -.chart-web-font.hover .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:active .b-font:before, -.chart-web-font.active .b-font:before { - content: "\e68c"; - color: #009de3; -} -.chart-web-font.native .b-font:before, -.chart-web-font.disabled .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-string-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:hover .b-font:before, -.chart-string-font:focus .b-font:before, -.chart-string-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:active .b-font:before, -.chart-string-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-string-font.native .b-font:before, -.chart-string-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-number-font .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:hover .b-font:before, -.chart-number-font:focus .b-font:before, -.chart-number-font.hover .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:active .b-font:before, -.chart-number-font.active .b-font:before { - content: "\e61f"; - color: #009de3; -} -.chart-number-font.native .b-font:before, -.chart-number-font.disabled .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-tree-font .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:hover .b-font:before, -.chart-tree-font:focus .b-font:before, -.chart-tree-font.hover .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:active .b-font:before, -.chart-tree-font.active .b-font:before { - content: "\e61e"; - color: #009de3; -} -.chart-tree-font.native .b-font:before, -.chart-tree-font.disabled .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-date-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:hover .b-font:before, -.chart-date-font:focus .b-font:before, -.chart-date-font.hover .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:active .b-font:before, -.chart-date-font.active .b-font:before { - content: "\e61b"; - color: #009de3; -} -.chart-date-font.native .b-font:before, -.chart-date-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-year-font .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:hover .b-font:before, -.chart-year-font:focus .b-font:before, -.chart-year-font.hover .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:active .b-font:before, -.chart-year-font.active .b-font:before { - content: "\e628"; - color: #009de3; -} -.chart-year-font.native .b-font:before, -.chart-year-font.disabled .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-month-font .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:hover .b-font:before, -.chart-month-font:focus .b-font:before, -.chart-month-font.hover .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:active .b-font:before, -.chart-month-font.active .b-font:before { - content: "\e627"; - color: #009de3; -} -.chart-month-font.native .b-font:before, -.chart-month-font.disabled .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-quarter-font .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:hover .b-font:before, -.chart-quarter-font:focus .b-font:before, -.chart-quarter-font.hover .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:active .b-font:before, -.chart-quarter-font.active .b-font:before { - content: "\e629"; - color: #009de3; -} -.chart-quarter-font.native .b-font:before, -.chart-quarter-font.disabled .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-ymd-font .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:hover .b-font:before, -.chart-ymd-font:focus .b-font:before, -.chart-ymd-font.hover .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:active .b-font:before, -.chart-ymd-font.active .b-font:before { - content: "\e61c"; - color: #009de3; -} -.chart-ymd-font.native .b-font:before, -.chart-ymd-font.disabled .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-date-range-font .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:hover .b-font:before, -.chart-date-range-font:focus .b-font:before, -.chart-date-range-font.hover .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:active .b-font:before, -.chart-date-range-font.active .b-font:before { - content: "\e616"; - color: #009de3; -} -.chart-date-range-font.native .b-font:before, -.chart-date-range-font.disabled .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-general-query-font .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:hover .b-font:before, -.chart-general-query-font:focus .b-font:before, -.chart-general-query-font.hover .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:active .b-font:before, -.chart-general-query-font.active .b-font:before { - content: "\e62b"; - color: #009de3; -} -.chart-general-query-font.native .b-font:before, -.chart-general-query-font.disabled .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-query-font .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:hover .b-font:before, -.chart-query-font:focus .b-font:before, -.chart-query-font.hover .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:active .b-font:before, -.chart-query-font.active .b-font:before { - content: "\e609"; - color: #009de3; -} -.chart-query-font.native .b-font:before, -.chart-query-font.disabled .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-reset-font .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:hover .b-font:before, -.chart-reset-font:focus .b-font:before, -.chart-reset-font.hover .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:active .b-font:before, -.chart-reset-font.active .b-font:before { - content: "\e61a"; - color: #009de3; -} -.chart-reset-font.native .b-font:before, -.chart-reset-font.disabled .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-textarea-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:hover .b-font:before, -.chart-textarea-font:focus .b-font:before, -.chart-textarea-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:active .b-font:before, -.chart-textarea-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-textarea-font.native .b-font:before, -.chart-textarea-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-reuse-font .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:hover .b-font:before, -.chart-reuse-font:focus .b-font:before, -.chart-reuse-font.hover .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:active .b-font:before, -.chart-reuse-font.active .b-font:before { - content: "\e60b"; - color: #009de3; -} -.chart-reuse-font.native .b-font:before, -.chart-reuse-font.disabled .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-date-normal-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-normal-font.native .b-font:before, -.chart-date-normal-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.less-font .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:hover .b-font:before, -.less-font:focus .b-font:before, -.less-font.hover .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:active .b-font:before, -.less-font.active .b-font:before { - content: "\e633"; - color: #009de3; -} -.less-font.native .b-font:before, -.less-font.disabled .b-font:before { - content: "\e633"; - color: #808080; -} -.less-equal-font .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:hover .b-font:before, -.less-equal-font:focus .b-font:before, -.less-equal-font.hover .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:active .b-font:before, -.less-equal-font.active .b-font:before { - content: "\e636"; - color: #009de3; -} -.less-equal-font.native .b-font:before, -.less-equal-font.disabled .b-font:before { - content: "\e636"; - color: #808080; -} -.check-font .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-font.native .b-font:before, -.check-font.disabled .b-font:before { - content: "\e611"; - color: #009de3; -} -.move2group-add-font .b-font:before { - content: "\e649"; - color: #009de3; -} -.move2group-add-font.native .b-font:before, -.move2group-add-font.disabled .b-font:before { - content: "\e649"; - color: #009de3; -} -.select-data-field-calc-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:hover .b-font:before, -.select-data-field-calc-font:focus .b-font:before, -.select-data-field-calc-font.hover .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:active .b-font:before, -.select-data-field-calc-font.active .b-font:before { - content: "\e6a3"; - color: #ffffff; -} -.select-data-field-calc-font.native .b-font:before, -.select-data-field-calc-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-string-font .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:hover .b-font:before, -.select-data-field-string-font:focus .b-font:before, -.select-data-field-string-font.hover .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:active .b-font:before, -.select-data-field-string-font.active .b-font:before { - content: "\e642"; - color: #ffffff; -} -.select-data-field-string-font.native .b-font:before, -.select-data-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-number-font .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:hover .b-font:before, -.select-data-field-number-font:focus .b-font:before, -.select-data-field-number-font.hover .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:active .b-font:before, -.select-data-field-number-font.active .b-font:before { - content: "\e641"; - color: #ffffff; -} -.select-data-field-number-font.native .b-font:before, -.select-data-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-date-font .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:hover .b-font:before, -.select-data-field-date-font:focus .b-font:before, -.select-data-field-date-font.hover .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:active .b-font:before, -.select-data-field-date-font.active .b-font:before { - content: "\e640"; - color: #ffffff; -} -.select-data-field-date-font.native .b-font:before, -.select-data-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-string-group-font .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-string-group-font.native .b-font:before, -.select-data-field-string-group-font.disabled .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-number-group-font .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-number-group-font.native .b-font:before, -.select-data-field-number-group-font.disabled .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-date-group-font .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-field-date-group-font.native .b-font:before, -.select-data-field-date-group-font.disabled .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.select-data-preview-font:hover .b-font:before, -.select-data-preview-font:focus .b-font:before, -.select-data-preview-font.hover .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font:active .b-font:before, -.select-data-preview-font.active .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font.native .b-font:before, -.select-data-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.detail-dimension-set-font .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font:hover .b-font:before, -.detail-dimension-set-font:focus .b-font:before, -.detail-dimension-set-font.hover .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font.native .b-font:before, -.detail-dimension-set-font.disabled .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-real-data-warning-font .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font:hover .b-font:before, -.detail-real-data-warning-font:focus .b-font:before, -.detail-real-data-warning-font.hover .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font.native .b-font:before, -.detail-real-data-warning-font.disabled .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.select-group-field-string-font .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:hover .b-font:before, -.select-group-field-string-font:focus .b-font:before, -.select-group-field-string-font.hover .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:active .b-font:before, -.select-group-field-string-font.active .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font.native .b-font:before, -.select-group-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-number-font .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:hover .b-font:before, -.select-group-field-number-font:focus .b-font:before, -.select-group-field-number-font.hover .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:active .b-font:before, -.select-group-field-number-font.active .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font.native .b-font:before, -.select-group-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-date-font .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:hover .b-font:before, -.select-group-field-date-font:focus .b-font:before, -.select-group-field-date-font.hover .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:active .b-font:before, -.select-group-field-date-font.active .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font.native .b-font:before, -.select-group-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #009de3; -} -.dashboard-widget-combo-detail-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font:hover .b-font:before, -.dashboard-widget-combo-detail-set-font:focus .b-font:before, -.dashboard-widget-combo-detail-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font.native .b-font:before, -.dashboard-widget-combo-detail-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.group-add-font .b-font:before { - content: "\e649"; - color: #808080; -} -.group-add-font.native .b-font:before, -.group-add-font.disabled .b-font:before { - content: "\e649"; - color: #808080; -} -.sortable-font .b-font:before { - content: "\e63b"; - color: #808080; -} -.sortable-font.native .b-font:before, -.sortable-font.disabled .b-font:before { - content: "\e63b"; - color: #808080; -} -.text-bold-font .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-bold-font.native .b-font:before, -.text-bold-font.disabled .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-italic-font .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-italic-font.native .b-font:before, -.text-italic-font.disabled .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-underline-font .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-underline-font.native .b-font:before, -.text-underline-font.disabled .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-color-font .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-color-font.native .b-font:before, -.text-color-font.disabled .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-background-font .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-background-font.native .b-font:before, -.text-background-font.disabled .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-color-underline-font .b-font:before { - content: "\e69d"; - color: ""; -} -.text-color-underline-font.native .b-font:before, -.text-color-underline-font.disabled .b-font:before { - content: "\e69d"; - color: ""; -} -.text-align-left-font .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-left-font.native .b-font:before, -.text-align-left-font.disabled .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-center-font .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-center-font.native .b-font:before, -.text-align-center-font.disabled .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-right-font .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.text-align-right-font.native .b-font:before, -.text-align-right-font.disabled .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.img-upload-font .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-upload-font.native .b-font:before, -.img-upload-font.disabled .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-size-font .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-size-font.native .b-font:before, -.img-size-font.disabled .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-href-font .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-href-font.native .b-font:before, -.img-href-font.disabled .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-shutdown-font .b-font:before { - content: "\e689"; - color: #009de3; -} -.img-shutdown-font.native .b-font:before, -.img-shutdown-font.disabled .b-font:before { - content: "\e689"; - color: #009de3; -} -.move-font .b-font:before { - content: "\e65e"; - color: #808080; -} -.move-font.native .b-font:before, -.move-font.disabled .b-font:before { - content: "\e65e"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.new-file-font .b-font:before { - content: "\e65d"; - color: #808080; -} -.new-file-font.native .b-font:before, -.new-file-font.disabled .b-font:before { - content: "\e65d"; - color: #808080; -} -.file-font .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.file-font.native .b-font:before, -.file-font.disabled .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.folder-font .b-font:before { - content: "\e65c"; - color: #009de3; -} -.folder-font.native .b-font:before, -.folder-font.disabled .b-font:before { - content: "\e65c"; - color: #009de3; -} -.letter-font .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:hover .b-font:before, -.letter-font:focus .b-font:before, -.letter-font.hover .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:active .b-font:before, -.letter-font.active .b-font:before { - content: "\e659"; - color: #009de3; -} -.letter-font.native .b-font:before, -.letter-font.disabled .b-font:before { - content: "\e659"; - color: #808080; -} -.time-font .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:hover .b-font:before, -.time-font:focus .b-font:before, -.time-font.hover .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:active .b-font:before, -.time-font.active .b-font:before { - content: "\e658"; - color: #009de3; -} -.time-font.native .b-font:before, -.time-font.disabled .b-font:before { - content: "\e658"; - color: #808080; -} -.rename-font .b-font:before { - content: "\e687"; - color: #808080; -} -.rename-font.native .b-font:before, -.rename-font.disabled .b-font:before { - content: "\e687"; - color: #808080; -} -.delete-template-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-template-font.native .b-font:before, -.delete-template-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.real-time-font .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.real-time-font.native .b-font:before, -.real-time-font.disabled .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.data-source-table-font .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:hover .b-font:before, -.data-source-table-font:focus .b-font:before, -.data-source-table-font.hover .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:active .b-font:before, -.data-source-table-font.active .b-font:before { - content: "\e67b"; - color: #ffffff; -} -.data-source-table-font.native .b-font:before, -.data-source-table-font.disabled .b-font:before { - content: "\e67b"; - color: #009de3; -} -.etl-table-font .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:hover .b-font:before, -.etl-table-font:focus .b-font:before, -.etl-table-font.hover .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:active .b-font:before, -.etl-table-font.active .b-font:before { - content: "\e680"; - color: #ffffff; -} -.etl-table-font.native .b-font:before, -.etl-table-font.disabled .b-font:before { - content: "\e680"; - color: #009de3; -} -.excel-table-font .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:hover .b-font:before, -.excel-table-font:focus .b-font:before, -.excel-table-font.hover .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:active .b-font:before, -.excel-table-font.active .b-font:before { - content: "\e682"; - color: #ffffff; -} -.excel-table-font.native .b-font:before, -.excel-table-font.disabled .b-font:before { - content: "\e682"; - color: #009de3; -} -.sql-table-font .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:hover .b-font:before, -.sql-table-font:focus .b-font:before, -.sql-table-font.hover .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:active .b-font:before, -.sql-table-font.active .b-font:before { - content: "\e681"; - color: #ffffff; -} -.sql-table-font.native .b-font:before, -.sql-table-font.disabled .b-font:before { - content: "\e681"; - color: #009de3; -} -.refresh-table-font .b-font:before { - content: "\e683"; - color: #808080; -} -.refresh-table-font.native .b-font:before, -.refresh-table-font.disabled .b-font:before { - content: "\e683"; - color: #808080; -} -.recover-chart-font-hightlight .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.recover-chart-font-hightlight.native .b-font:before, -.recover-chart-font-hightlight.disabled .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.tables-tile-view-font .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:hover .b-font:before, -.tables-tile-view-font:focus .b-font:before, -.tables-tile-view-font.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:active .b-font:before, -.tables-tile-view-font.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.tables-tile-view-font.native .b-font:before, -.tables-tile-view-font.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-relation-view-font .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:hover .b-font:before, -.tables-relation-view-font:focus .b-font:before, -.tables-relation-view-font.hover .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:active .b-font:before, -.tables-relation-view-font.active .b-font:before { - content: "\e684"; - color: #ffffff; -} -.tables-relation-view-font.native .b-font:before, -.tables-relation-view-font.disabled .b-font:before { - content: "\e684"; - color: #808080; -} -.add-new-table-pull-down-font .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.add-new-table-pull-down-font.native .b-font:before, -.add-new-table-pull-down-font.disabled .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.data-link-check-font .b-font:before { - content: "\e611"; - color: #ffffff; -} -.data-link-check-font:hover .b-font:before, -.data-link-check-font:focus .b-font:before, -.data-link-check-font.hover .b-font:before { - content: "\e611"; - color: #f4f4f4; -} -.data-link-check-font:active .b-font:before, -.data-link-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.data-link-check-font.native .b-font:before, -.data-link-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.edit-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font:hover .b-font:before, -.edit-set-font:focus .b-font:before, -.edit-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font.native .b-font:before, -.edit-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.new-analysis-font .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font:hover .b-font:before, -.new-analysis-font:focus .b-font:before, -.new-analysis-font.hover .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font.native .b-font:before, -.new-analysis-font.disabled .b-font:before { - content: "\e692"; - color: #ffffff; -} -.data-config-font .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font:hover .b-font:before, -.data-config-font:focus .b-font:before, -.data-config-font.hover .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font.native .b-font:before, -.data-config-font.disabled .b-font:before { - content: "\e693"; - color: #ffffff; -} -.folder-list-view .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:hover .b-font:before, -.folder-list-view:focus .b-font:before, -.folder-list-view.hover .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:active .b-font:before, -.folder-list-view.active .b-font:before { - content: "\e694"; - color: #ffffff; -} -.folder-list-view.native .b-font:before, -.folder-list-view.disabled .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-card-view .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:hover .b-font:before, -.folder-card-view:focus .b-font:before, -.folder-card-view.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:active .b-font:before, -.folder-card-view.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.folder-card-view.native .b-font:before, -.folder-card-view.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.item-check-font .b-font:before { - content: "\e611"; - color: #ffffff; -} -.item-check-font:hover .b-font:before, -.item-check-font:focus .b-font:before, -.item-check-font.hover .b-font:before { - content: "\e611"; - color: #f4f4f4; -} -.item-check-font:active .b-font:before, -.item-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.item-check-font.native .b-font:before, -.item-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.table-no-sort-no-filter-font .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font:hover .b-font:before, -.table-no-sort-no-filter-font:focus .b-font:before, -.table-no-sort-no-filter-font.hover .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font.native .b-font:before, -.table-no-sort-no-filter-font.disabled .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-filter-font .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font:hover .b-font:before, -.table-no-sort-filter-font:focus .b-font:before, -.table-no-sort-filter-font.hover .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font.native .b-font:before, -.table-no-sort-filter-font.disabled .b-font:before { - content: "\e66b"; - color: ""; -} -.table-descending-filter-font .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font:hover .b-font:before, -.table-descending-filter-font:focus .b-font:before, -.table-descending-filter-font.hover .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font.native .b-font:before, -.table-descending-filter-font.disabled .b-font:before { - content: "\e667"; - color: ""; -} -.table-ascending-filter-font .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font:hover .b-font:before, -.table-ascending-filter-font:focus .b-font:before, -.table-ascending-filter-font.hover .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font.native .b-font:before, -.table-ascending-filter-font.disabled .b-font:before { - content: "\e669"; - color: ""; -} -.table-descending-no-filter-font .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font:hover .b-font:before, -.table-descending-no-filter-font:focus .b-font:before, -.table-descending-no-filter-font.hover .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font.native .b-font:before, -.table-descending-no-filter-font.disabled .b-font:before { - content: "\e666"; - color: ""; -} -.table-ascending-no-filter-font .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font:hover .b-font:before, -.table-ascending-no-filter-font:focus .b-font:before, -.table-ascending-no-filter-font.hover .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font.native .b-font:before, -.table-ascending-no-filter-font.disabled .b-font:before { - content: "\e668"; - color: ""; -} -.table-no-sort-font .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font:hover .b-font:before, -.table-no-sort-font:focus .b-font:before, -.table-no-sort-font.hover .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font.native .b-font:before, -.table-no-sort-font.disabled .b-font:before { - content: "\e66c"; - color: ""; -} -.primary-key-font .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font:hover .b-font:before, -.primary-key-font:focus .b-font:before, -.primary-key-font.hover .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font.native .b-font:before, -.primary-key-font.disabled .b-font:before { - content: "\e67d;"; - color: #808080; -} -.table-open-row-style-font .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:hover .b-font:before, -.table-open-row-style-font:focus .b-font:before, -.table-open-row-style-font.hover .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:active .b-font:before, -.table-open-row-style-font.active .b-font:before { - content: "\e671"; - color: #009de3; -} -.table-open-row-style-font.native .b-font:before, -.table-open-row-style-font.disabled .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-col-style-font .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:hover .b-font:before, -.table-open-col-style-font:focus .b-font:before, -.table-open-col-style-font.hover .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:active .b-font:before, -.table-open-col-style-font.active .b-font:before { - content: "\e672"; - color: #009de3; -} -.table-open-col-style-font.native .b-font:before, -.table-open-col-style-font.disabled .b-font:before { - content: "\e672"; - color: #808080; -} -.calculate-function-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-function-font.native .b-font:before, -.calculate-function-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.path-set-doubt .b-font:before { - content: "\e69a"; - color: #009de3; -} -.path-set-doubt.native .b-font:before, -.path-set-doubt.disabled .b-font:before { - content: "\e69a"; - color: #009de3; -} -.rename-report-font .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-report-font.native .b-font:before, -.rename-report-font.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.remove-report-font .b-font:before { - content: "\e605"; - color: #e85050; -} -.remove-report-font.native .b-font:before, -.remove-report-font.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.excel-upload-tip-font .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-upload-tip-font.native .b-font:before, -.excel-upload-tip-font.disabled .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-field-type-string-font .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-string-font.native .b-font:before, -.excel-field-type-string-font.disabled .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-number-font .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-number-font.native .b-font:before, -.excel-field-type-number-font.disabled .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-date-font .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-date-font.native .b-font:before, -.excel-field-type-date-font.disabled .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-pull-down-font .b-font:before { - content: "\e608"; - color: #009de3; -} -.excel-field-type-pull-down-font.native .b-font:before, -.excel-field-type-pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #009de3; -} -.data-link-set-font .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-set-font.native .b-font:before, -.data-link-set-font.disabled .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-test-font .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-test-font.native .b-font:before, -.data-link-test-font.disabled .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-copy-font .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-copy-font.native .b-font:before, -.data-link-copy-font.disabled .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-remove-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.data-link-remove-font.native .b-font:before, -.data-link-remove-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.cube-path-confirm-font .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.cube-path-confirm-font.native .b-font:before, -.cube-path-confirm-font.disabled .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.target-style-less-dot-font .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-less-dot-font.native .b-font:before, -.target-style-less-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-equal-dot-font .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-equal-dot-font.native .b-font:before, -.target-style-equal-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-more-dot-font .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-more-dot-font.native .b-font:before, -.target-style-more-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-less-arrow-font .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-less-arrow-font.native .b-font:before, -.target-style-less-arrow-font.disabled .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-equal-arrow-font .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-equal-arrow-font.native .b-font:before, -.target-style-equal-arrow-font.disabled .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-more-arrow-font .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.target-style-more-arrow-font.native .b-font:before, -.target-style-more-arrow-font.disabled .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.calculate-target-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-target-font.native .b-font:before, -.calculate-target-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.task-list-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.task-list-font.native .b-font:before, -.task-list-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.widget-combo-detail-font .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-detail-font.native .b-font:before, -.widget-combo-detail-font.disabled .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-pull-down-font .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-combo-pull-down-font.native .b-font:before, -.widget-combo-pull-down-font.disabled .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-tools-filter-font .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-filter-font.native .b-font:before, -.widget-tools-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-clear-font .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-clear-font.native .b-font:before, -.widget-tools-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-export-excel-font .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-tools-export-excel-font.native .b-font:before, -.widget-tools-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-combo-expand-font .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-expand-font.native .b-font:before, -.widget-combo-expand-font.disabled .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-linkage-font .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-linkage-font.native .b-font:before, -.widget-combo-linkage-font.disabled .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-rename-edit-font .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-rename-edit-font.native .b-font:before, -.widget-combo-rename-edit-font.disabled .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-show-title-font .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-show-title-font.native .b-font:before, -.widget-combo-show-title-font.disabled .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-title-left-font .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-left-font.native .b-font:before, -.widget-combo-title-left-font.disabled .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-center-font .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-title-center-font.native .b-font:before, -.widget-combo-title-center-font.disabled .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-show-filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-show-filter-font.native .b-font:before, -.widget-combo-show-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-export-excel-font .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-export-excel-font.native .b-font:before, -.widget-combo-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-copy .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-copy.native .b-font:before, -.widget-combo-copy.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-delete .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-delete.native .b-font:before, -.widget-combo-delete.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-asc-font .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-asc-font.native .b-font:before, -.widget-combo-asc-font.disabled .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-des-font .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-des-font.native .b-font:before, -.widget-combo-des-font.disabled .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-clear-font .b-font:before { - content: "\e63d"; - color: #808080; -} -.widget-combo-clear-font.native .b-font:before, -.widget-combo-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #808080; -} -.detail-table-popup-font .b-font:before { - content: "\e6ac"; - color: #808080; -} -.detail-table-popup-font:hover .b-font:before, -.detail-table-popup-font:focus .b-font:before, -.detail-table-popup-font.hover .b-font:before { - content: "\e6ac"; - color: #009de3; -} -.detail-table-popup-font.native .b-font:before, -.detail-table-popup-font.disabled .b-font:before { - content: "\e6ac"; - color: #808080; -} -.chart-drill-up .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-up.native .b-font:before, -.chart-drill-up.disabled .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-down .b-font:before { - content: "\e608"; - color: ""; -} -.chart-drill-down.native .b-font:before, -.chart-drill-down.disabled .b-font:before { - content: "\e608"; - color: ""; -} -.report-filter-open-font .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-open-font.native .b-font:before, -.report-filter-open-font.disabled .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-close-font .b-font:before { - content: "\e645"; - color: #808080; -} -.report-filter-close-font.native .b-font:before, -.report-filter-close-font.disabled .b-font:before { - content: "\e645"; - color: #808080; -} -.report-apply-hangout-normal-font .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-normal-font.native .b-font:before, -.report-apply-hangout-normal-font.disabled .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-ing-font .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-apply-hangout-ing-font.native .b-font:before, -.report-apply-hangout-ing-font.disabled .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-hangout-font .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-hangout-font.native .b-font:before, -.report-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-cancel-hangout-font .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-cancel-hangout-font.native .b-font:before, -.report-cancel-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-hangout-ing-mark-font .b-font:before { - content: "\e64b"; - color: #009de3; -} -.report-hangout-ing-mark-font.native .b-font:before, -.report-hangout-ing-mark-font.disabled .b-font:before { - content: "\e64b"; - color: #009de3; -} -.delete-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-font-package.native .b-font:before, -.delete-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package.native .b-font:before, -.delete-h-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.rename-font-package .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-font-package.native .b-font:before, -.rename-font-package.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.package-selected-font .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-selected-font.native .b-font:before, -.package-selected-font.disabled .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-not-selected-font .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.package-not-selected-font.native .b-font:before, -.package-not-selected-font.disabled .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.report-detail-info-font .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-detail-info-font.native .b-font:before, -.report-detail-info-font.disabled .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-rename-font .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-rename-font.native .b-font:before, -.report-rename-font.disabled .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-cancel-share-font .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.report-cancel-share-font.native .b-font:before, -.report-cancel-share-font.disabled .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.drill-push-up-font .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-up-font.native .b-font:before, -.drill-push-up-font.disabled .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-down-font .b-font:before { - content: "\e62d"; - color: #808080; -} -.drill-push-down-font.native .b-font:before, -.drill-push-down-font.disabled .b-font:before { - content: "\e62d"; - color: #808080; -} -.drag-tag-font .b-font:before { - content: "\e600"; - color: #f07d0a; -} -.drag-tag-font.native .b-font:before, -.drag-tag-font.disabled .b-font:before { - content: "\e600"; - color: #f07d0a; -} -.tree-collapse-icon-type1 .x-icon, -.tree-collapse-icon-type1:hover .x-icon, -.tree-collapse-icon-type1:active .x-icon { - display: block; - background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); - _background: none; -} -.tree-collapse-icon-type1.native .x-icon, -.tree-collapse-icon-type1.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); - _background: none; -} -.tree-collapse-icon-type2 .x-icon, -.tree-collapse-icon-type2:hover .x-icon, -.tree-collapse-icon-type2:active .x-icon { - display: block; - background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); - _background: none; -} -.tree-collapse-icon-type2.native .x-icon, -.tree-collapse-icon-type2.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); - _background: none; -} -.tree-collapse-icon-type3 .x-icon, -.tree-collapse-icon-type3:hover .x-icon, -.tree-collapse-icon-type3:active .x-icon { - display: block; - background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); - _background: none; -} -.tree-collapse-icon-type3.native .x-icon, -.tree-collapse-icon-type3.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); - _background: none; -} -.tree-collapse-icon-type4 .x-icon, -.tree-collapse-icon-type4:hover .x-icon, -.tree-collapse-icon-type4:active .x-icon { - display: block; - background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); - _background: none; -} -.tree-collapse-icon-type4.native .x-icon, -.tree-collapse-icon-type4.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); - _background: none; -} -.tree-expand-icon-type1 .x-icon, -.tree-expand-icon-type1:hover .x-icon, -.tree-expand-icon-type1:active .x-icon { - display: block; - background: url('icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); - _background: none; -} -.tree-expand-icon-type1.native .x-icon, -.tree-expand-icon-type1.disabled .x-icon { - display: block; - background: url('icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); - _background: none; -} -.tree-expand-icon-type2 .x-icon, -.tree-expand-icon-type2:hover .x-icon, -.tree-expand-icon-type2:active .x-icon { - display: block; - background: url('icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); - _background: none; -} -.tree-expand-icon-type2.native .x-icon, -.tree-expand-icon-type2.disabled .x-icon { - display: block; - background: url('icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); - _background: none; -} -.tree-expand-icon-type3 .x-icon, -.tree-expand-icon-type3:hover .x-icon, -.tree-expand-icon-type3:active .x-icon { - display: block; - background: url('icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); - _background: none; -} -.tree-expand-icon-type3.native .x-icon, -.tree-expand-icon-type3.disabled .x-icon { - display: block; - background: url('icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); - _background: none; -} -.tree-expand-icon-type4 .x-icon, -.tree-expand-icon-type4:hover .x-icon, -.tree-expand-icon-type4:active .x-icon { - display: block; - background: url('icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); - _background: none; -} -.tree-expand-icon-type4.native .x-icon, -.tree-expand-icon-type4.disabled .x-icon { - display: block; - background: url('icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); - _background: none; -} -.tree-vertical-line-type2 .x-icon, -.tree-vertical-line-type2:hover .x-icon, -.tree-vertical-line-type2:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.tree-vertical-line-type2.native .x-icon, -.tree-vertical-line-type2.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.tree-vertical-line-type3 .x-icon, -.tree-vertical-line-type3:hover .x-icon, -.tree-vertical-line-type3:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.tree-vertical-line-type3.native .x-icon, -.tree-vertical-line-type3.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.tree-vertical-line-type4 .x-icon, -.tree-vertical-line-type4:hover .x-icon, -.tree-vertical-line-type4:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.tree-vertical-line-type4.native .x-icon, -.tree-vertical-line-type4.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.check-box-icon .x-icon { - display: block; - background: url('icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); - _background: none; -} -.check-box-icon:hover .x-icon, -.check-box-icon:focus .x-icon, -.check-box-icon.hover .x-icon { - display: block; - background: url('icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); - _background: none; -} -.check-box-icon:active .x-icon, -.check-box-icon.active .x-icon { - display: block; - background: url('icon/check-box-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); - _background: none; -} -.check-box-icon.native .x-icon, -.check-box-icon.disabled .x-icon { - display: block; - background: url('icon/check-box-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); - _background: none; -} -.check-box-icon.native .x-icon, -.check-box-icon.disabled.active .x-icon { - display: block; - background: url('icon/check-box-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); - _background: none; -} -.radio-icon .x-icon { - display: block; - background: url('icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); - _background: none; -} -.radio-icon:hover .x-icon, -.radio-icon:focus .x-icon, -.radio-icon.hover .x-icon { - display: block; - background: url('icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); - _background: none; -} -.radio-icon:active .x-icon, -.radio-icon.active .x-icon { - display: block; - background: url('icon/radio-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); - _background: none; -} -.radio-icon.native .x-icon, -.radio-icon.disabled .x-icon { - display: block; - background: url('icon/radio-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); - _background: none; -} -.radio-icon.native .x-icon, -.radio-icon.disabled.active .x-icon { - display: block; - background: url('icon/radio-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); - _background: none; -} -.check-half-select-icon .x-icon, -.check-half-select-icon:hover .x-icon, -.check-half-select-icon:active .x-icon { - display: block; - background: url('icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); - _background: none; -} -.check-half-select-icon.native .x-icon, -.check-half-select-icon.disabled .x-icon { - display: block; - background: url('icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); - _background: none; -} -.loading-bar-icon .x-icon, -.loading-bar-icon:hover .x-icon, -.loading-bar-icon:active .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.loading-bar-icon.native .x-icon, -.loading-bar-icon.disabled .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.left-join-icon .x-icon, -.left-join-icon:hover .x-icon, -.left-join-icon:active .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.left-join-icon.native .x-icon, -.left-join-icon.disabled .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.right-join-icon .x-icon, -.right-join-icon:hover .x-icon, -.right-join-icon:active .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.right-join-icon.native .x-icon, -.right-join-icon.disabled .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.inner-join-icon .x-icon, -.inner-join-icon:hover .x-icon, -.inner-join-icon:active .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.inner-join-icon.native .x-icon, -.inner-join-icon.disabled .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.outer-join-icon .x-icon, -.outer-join-icon:hover .x-icon, -.outer-join-icon:active .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.outer-join-icon.native .x-icon, -.outer-join-icon.disabled .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.data-link-test-fail-icon .x-icon, -.data-link-test-fail-icon:hover .x-icon, -.data-link-test-fail-icon:active .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-fail-icon.native .x-icon, -.data-link-test-fail-icon.disabled .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-success-icon .x-icon, -.data-link-test-success-icon:hover .x-icon, -.data-link-test-success-icon:active .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.data-link-test-success-icon.native .x-icon, -.data-link-test-success-icon.disabled .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.business-package-icon .x-icon, -.business-package-icon:hover .x-icon, -.business-package-icon:active .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-icon.native .x-icon, -.business-package-icon.disabled .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-add-icon .x-icon, -.business-package-add-icon:hover .x-icon, -.business-package-add-icon:active .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; -} -.business-package-add-icon.native .x-icon, -.business-package-add-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } } -.business-package-add-disable-icon .x-icon, -.business-package-add-disable-icon:hover .x-icon, -.business-package-add-disable-icon:active .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } } -.business-package-add-disable-icon.native .x-icon, -.business-package-add-disable-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } } -.business-package-selected-icon .x-icon, -.business-package-selected-icon:hover .x-icon, -.business-package-selected-icon:active .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } } -.business-package-selected-icon.native .x-icon, -.business-package-selected-icon.disabled .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.card-view-report-icon .x-icon, -.card-view-report-icon:hover .x-icon, -.card-view-report-icon:active .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.card-view-report-icon.native .x-icon, -.card-view-report-icon.disabled .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } } -.card-view-real-time-icon .x-icon, -.card-view-real-time-icon:hover .x-icon, -.card-view-real-time-icon:active .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } } -.card-view-real-time-icon.native .x-icon, -.card-view-real-time-icon.disabled .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } } -.table-style1-icon .x-icon, -.table-style1-icon:hover .x-icon, -.table-style1-icon:active .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } } -.table-style1-icon.native .x-icon, -.table-style1-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.table-style2-icon .x-icon, -.table-style2-icon:hover .x-icon, -.table-style2-icon:active .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.table-style2-icon.native .x-icon, -.table-style2-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.table-style3-icon .x-icon, -.table-style3-icon:hover .x-icon, -.table-style3-icon:active .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.table-style3-icon.native .x-icon, -.table-style3-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-icon .x-icon, -.axis-chart-style-gradual-icon:hover .x-icon, -.axis-chart-style-gradual-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-icon.native .x-icon, -.axis-chart-style-gradual-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-highlight-icon .x-icon, -.axis-chart-style-gradual-highlight-icon:hover .x-icon, -.axis-chart-style-gradual-highlight-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-highlight-icon.native .x-icon, -.axis-chart-style-gradual-highlight-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.axis-chart-style-normal-icon .x-icon, -.axis-chart-style-normal-icon:hover .x-icon, -.axis-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.axis-chart-style-normal-icon.native .x-icon, -.axis-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } } -.axis-chart-style-transparent-icon .x-icon, -.axis-chart-style-transparent-icon:hover .x-icon, -.axis-chart-style-transparent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } } -.axis-chart-style-transparent-icon.native .x-icon, -.axis-chart-style-transparent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.axis-chart-style-3d-icon .x-icon, -.axis-chart-style-3d-icon:hover .x-icon, -.axis-chart-style-3d-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.axis-chart-style-3d-icon.native .x-icon, -.axis-chart-style-3d-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.line-chart-style-curve-icon .x-icon, -.line-chart-style-curve-icon:hover .x-icon, -.line-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.line-chart-style-curve-icon.native .x-icon, -.line-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.line-chart-style-broken-icon .x-icon, -.line-chart-style-broken-icon:hover .x-icon, -.line-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.line-chart-style-broken-icon.native .x-icon, -.line-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.line-chart-style-vertical-icon .x-icon, -.line-chart-style-vertical-icon:hover .x-icon, -.line-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.line-chart-style-vertical-icon.native .x-icon, -.line-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } } -.area-chart-style-curve-icon .x-icon, -.area-chart-style-curve-icon:hover .x-icon, -.area-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } } -.area-chart-style-curve-icon.native .x-icon, -.area-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-broken-icon .x-icon, -.area-chart-style-broken-icon:hover .x-icon, -.area-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-broken-icon.native .x-icon, -.area-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-vertical-icon .x-icon, -.area-chart-style-vertical-icon:hover .x-icon, -.area-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-vertical-icon.native .x-icon, -.area-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-normal-icon .x-icon, -.pie-chart-style-normal-icon:hover .x-icon, -.pie-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-normal-icon.native .x-icon, -.pie-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-equal-arc-rose-icon .x-icon, -.pie-chart-style-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-not-equal-arc-rose-icon .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-not-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.radar-chart-style-polygon-icon .x-icon, -.radar-chart-style-polygon-icon:hover .x-icon, -.radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.radar-chart-style-polygon-icon.native .x-icon, -.radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-polygon-icon .x-icon, -.acc_radar-chart-style-polygon-icon:hover .x-icon, -.acc_radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-polygon-icon.native .x-icon, -.acc_radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-circle-icon .x-icon, -.acc_radar-chart-style-circle-icon:hover .x-icon, -.acc_radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-circle-icon.native .x-icon, -.acc_radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } } -.radar-chart-style-circle-icon .x-icon, -.radar-chart-style-circle-icon:hover .x-icon, -.radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } } -.radar-chart-style-circle-icon.native .x-icon, -.radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.dashboard-chart-style-360-icon .x-icon, -.dashboard-chart-style-360-icon:hover .x-icon, -.dashboard-chart-style-360-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; +@keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.dashboard-chart-style-360-icon.native .x-icon, -.dashboard-chart-style-360-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.dashboard-chart-style-180-icon .x-icon, -.dashboard-chart-style-180-icon:hover .x-icon, -.dashboard-chart-style-180-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.dashboard-chart-style-180-icon.native .x-icon, -.dashboard-chart-style-180-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.dashboard-chart-style-percent-icon .x-icon, -.dashboard-chart-style-percent-icon:hover .x-icon, -.dashboard-chart-style-percent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; +@keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.dashboard-chart-style-percent-icon.native .x-icon, -.dashboard-chart-style-percent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.dashboard-chart-style-percent-scale-slot-icon .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:hover .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.dashboard-chart-style-percent-scale-slot-icon.native .x-icon, -.dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.dashboard-chart-style-vertical-tube-icon .x-icon, -.dashboard-chart-style-vertical-tube-icon:hover .x-icon, -.dashboard-chart-style-vertical-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; +@keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.dashboard-chart-style-vertical-tube-icon.native .x-icon, -.dashboard-chart-style-vertical-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.dashboard-chart-style-horizontal-tube-icon .x-icon, -.dashboard-chart-style-horizontal-tube-icon:hover .x-icon, -.dashboard-chart-style-horizontal-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.dashboard-chart-style-horizontal-tube-icon.native .x-icon, -.dashboard-chart-style-horizontal-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.example-excel-icon .x-icon, -.example-excel-icon:hover .x-icon, -.example-excel-icon:active .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.example-excel-icon.native .x-icon, -.example-excel-icon.disabled .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.dimension-no-data-icon .x-icon, -.dimension-no-data-icon:hover .x-icon, -.dimension-no-data-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.dimension-no-data-icon.native .x-icon, -.dimension-no-data-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } } -.drag-group-icon .x-icon, -.drag-group-icon:hover .x-icon, -.drag-group-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } } -.drag-group-icon.native .x-icon, -.drag-group-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-cross-icon .x-icon, -.drag-cross-icon:hover .x-icon, -.drag-cross-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-cross-icon.native .x-icon, -.drag-cross-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-complex-icon .x-icon, -.drag-complex-icon:hover .x-icon, -.drag-complex-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-complex-icon.native .x-icon, -.drag-complex-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } } -.drag-axis-icon .x-icon, -.drag-axis-icon:hover .x-icon, -.drag-axis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } } -.drag-axis-icon.native .x-icon, -.drag-axis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } } -.drag-axis-accu-icon .x-icon, -.drag-axis-accu-icon:hover .x-icon, -.drag-axis-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } } -.drag-axis-accu-icon.native .x-icon, -.drag-axis-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-percent-accu-icon .x-icon, -.drag-axis-percent-accu-icon:hover .x-icon, -.drag-axis-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-percent-accu-icon.native .x-icon, -.drag-axis-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } } -.drag-axis-compare-icon .x-icon, -.drag-axis-compare-icon:hover .x-icon, -.drag-axis-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; +@keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } } -.drag-axis-compare-icon.native .x-icon, -.drag-axis-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-fall-icon .x-icon, -.drag-axis-fall-icon:hover .x-icon, -.drag-axis-fall-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-fall-icon.native .x-icon, -.drag-axis-fall-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-icon .x-icon, -.drag-bar-icon:hover .x-icon, -.drag-bar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-icon.native .x-icon, -.drag-bar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-accu-icon .x-icon, -.drag-bar-accu-icon:hover .x-icon, -.drag-bar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-accu-icon.native .x-icon, -.drag-bar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-compare-icon .x-icon, -.drag-bar-compare-icon:hover .x-icon, -.drag-bar-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-compare-icon.native .x-icon, -.drag-bar-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-area-icon .x-icon, -.drag-area-icon:hover .x-icon, -.drag-area-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-area-icon.native .x-icon, -.drag-area-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } } -.drag-area-accu-icon .x-icon, -.drag-area-accu-icon:hover .x-icon, -.drag-area-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } } -.drag-area-accu-icon.native .x-icon, -.drag-area-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } } -.drag-area-percent-accu-icon .x-icon, -.drag-area-percent-accu-icon:hover .x-icon, -.drag-area-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } } -.drag-area-percent-accu-icon.native .x-icon, -.drag-area-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-compare-icon .x-icon, -.drag-area-compare-icon:hover .x-icon, -.drag-area-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-compare-icon.native .x-icon, -.drag-area-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-range-icon .x-icon, -.drag-area-range-icon:hover .x-icon, -.drag-area-range-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-range-icon.native .x-icon, -.drag-area-range-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } } -.drag-combine-icon .x-icon, -.drag-combine-icon:hover .x-icon, -.drag-combine-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } } -.drag-combine-icon.native .x-icon, -.drag-combine-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } } -.drag-combine-mult-icon .x-icon, -.drag-combine-mult-icon:hover .x-icon, -.drag-combine-mult-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } } -.drag-combine-mult-icon.native .x-icon, -.drag-combine-mult-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.drag-line-icon .x-icon, -.drag-line-icon:hover .x-icon, -.drag-line-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.drag-line-icon.native .x-icon, -.drag-line-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } } -.drag-pie-icon .x-icon, -.drag-pie-icon:hover .x-icon, -.drag-pie-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; +@keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } } -.drag-pie-icon.native .x-icon, -.drag-pie-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } } -.drag-map-china-icon .x-icon, -.drag-map-china-icon:hover .x-icon, -.drag-map-china-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } } -.drag-map-china-icon.native .x-icon, -.drag-map-china-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-global-icon .x-icon, -.drag-map-global-icon:hover .x-icon, -.drag-map-global-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-global-icon.native .x-icon, -.drag-map-global-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-svg-icon .x-icon, -.drag-map-svg-icon:hover .x-icon, -.drag-map-svg-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-svg-icon.native .x-icon, -.drag-map-svg-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-gis-icon .x-icon, -.drag-map-gis-icon:hover .x-icon, -.drag-map-gis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-gis-icon.native .x-icon, -.drag-map-gis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-dashboard-icon .x-icon, -.drag-dashboard-icon:hover .x-icon, -.drag-dashboard-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-dashboard-icon.native .x-icon, -.drag-dashboard-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } } -.drag-donut-icon .x-icon, -.drag-donut-icon:hover .x-icon, -.drag-donut-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; +@keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } } -.drag-donut-icon.native .x-icon, -.drag-donut-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-radar-icon .x-icon, -.drag-radar-icon:hover .x-icon, -.drag-radar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-radar-icon.native .x-icon, -.drag-radar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } } -.drag-radar-accu-icon .x-icon, -.drag-radar-accu-icon:hover .x-icon, -.drag-radar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } } -.drag-radar-accu-icon.native .x-icon, -.drag-radar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } } -.drag-bubble-icon .x-icon, -.drag-bubble-icon:hover .x-icon, -.drag-bubble-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } } -.drag-bubble-icon.native .x-icon, -.drag-bubble-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-bubble-force-icon .x-icon, -.drag-bubble-force-icon:hover .x-icon, -.drag-bubble-force-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-bubble-force-icon.native .x-icon, -.drag-bubble-force-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-scatter-icon .x-icon, -.drag-scatter-icon:hover .x-icon, -.drag-scatter-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-scatter-icon.native .x-icon, -.drag-scatter-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-funnel-icon .x-icon, -.drag-funnel-icon:hover .x-icon, -.drag-funnel-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-funnel-icon.native .x-icon, -.drag-funnel-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-detail-icon .x-icon, -.drag-detail-icon:hover .x-icon, -.drag-detail-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-detail-icon.native .x-icon, -.drag-detail-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-input-icon .x-icon, -.drag-input-icon:hover .x-icon, -.drag-input-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-input-icon.native .x-icon, -.drag-input-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.drag-web-icon .x-icon, -.drag-web-icon:hover .x-icon, -.drag-web-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.drag-web-icon.native .x-icon, -.drag-web-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.drag-image-icon .x-icon, -.drag-image-icon:hover .x-icon, -.drag-image-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.drag-image-icon.native .x-icon, -.drag-image-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.drag-string-icon .x-icon, -.drag-string-icon:hover .x-icon, -.drag-string-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.drag-string-icon.native .x-icon, -.drag-string-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.drag-number-icon .x-icon, -.drag-number-icon:hover .x-icon, -.drag-number-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.drag-number-icon.native .x-icon, -.drag-number-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } -.drag-tree-icon .x-icon, -.drag-tree-icon:hover .x-icon, -.drag-tree-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } -.drag-tree-icon.native .x-icon, -.drag-tree-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; } -.drag-date-icon .x-icon, -.drag-date-icon:hover .x-icon, -.drag-date-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; +.flash { + -webkit-animation-name: flash; + animation-name: flash; } -.drag-date-icon.native .x-icon, -.drag-date-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } -.drag-year-icon .x-icon, -.drag-year-icon:hover .x-icon, -.drag-year-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; } -.drag-year-icon.native .x-icon, -.drag-year-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; +.shake { + -webkit-animation-name: shake; + animation-name: shake; } -.drag-year-month-icon .x-icon, -.drag-year-month-icon:hover .x-icon, -.drag-year-month-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; } -.drag-year-month-icon.native .x-icon, -.drag-year-month-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } -.drag-year-season-icon .x-icon, -.drag-year-season-icon:hover .x-icon, -.drag-year-season-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; +.tada { + -webkit-animation-name: tada; + animation-name: tada; } -.drag-year-season-icon.native .x-icon, -.drag-year-season-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; } -.drag-ymd-icon .x-icon, -.drag-ymd-icon:hover .x-icon, -.drag-ymd-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; +.bounceIn { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } -.drag-ymd-icon.native .x-icon, -.drag-ymd-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } -.drag-general-query-icon .x-icon, -.drag-general-query-icon:hover .x-icon, -.drag-general-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } -.drag-general-query-icon.native .x-icon, -.drag-general-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } -.drag-query-icon .x-icon, -.drag-query-icon:hover .x-icon, -.drag-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } -.drag-query-icon.native .x-icon, -.drag-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; +.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } -.drag-reset-icon .x-icon, -.drag-reset-icon:hover .x-icon, -.drag-reset-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } -.drag-reset-icon.native .x-icon, -.drag-reset-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } -.drag-reuse-icon .x-icon, -.drag-reuse-icon:hover .x-icon, -.drag-reuse-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } -.drag-reuse-icon.native .x-icon, -.drag-reuse-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } -.drag-group-small-icon .x-icon, -.drag-group-small-icon:hover .x-icon, -.drag-group-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } -.drag-group-small-icon.native .x-icon, -.drag-group-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } -.drag-cross-small-icon .x-icon, -.drag-cross-small-icon:hover .x-icon, -.drag-cross-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } -.drag-cross-small-icon.native .x-icon, -.drag-cross-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } -.drag-complex-small-icon .x-icon, -.drag-complex-small-icon:hover .x-icon, -.drag-complex-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } -.drag-complex-small-icon.native .x-icon, -.drag-complex-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } -.drag-axis-small-icon .x-icon, -.drag-axis-small-icon:hover .x-icon, -.drag-axis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } -.drag-axis-small-icon.native .x-icon, -.drag-axis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } -.drag-axis-accu-small-icon .x-icon, -.drag-axis-accu-small-icon:hover .x-icon, -.drag-axis-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } -.drag-axis-accu-small-icon.native .x-icon, -.drag-axis-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } -.drag-axis-percent-accu-small-icon .x-icon, -.drag-axis-percent-accu-small-icon:hover .x-icon, -.drag-axis-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } -.drag-axis-percent-accu-small-icon.native .x-icon, -.drag-axis-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } -.drag-axis-compare-small-icon .x-icon, -.drag-axis-compare-small-icon:hover .x-icon, -.drag-axis-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } -.drag-axis-compare-small-icon.native .x-icon, -.drag-axis-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } -.drag-axis-fall-small-icon .x-icon, -.drag-axis-fall-small-icon:hover .x-icon, -.drag-axis-fall-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } -.drag-axis-fall-small-icon.native .x-icon, -.drag-axis-fall-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } -.drag-bar-small-icon .x-icon, -.drag-bar-small-icon:hover .x-icon, -.drag-bar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } -.drag-bar-small-icon.native .x-icon, -.drag-bar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } -.drag-bar-accu-small-icon .x-icon, -.drag-bar-accu-small-icon:hover .x-icon, -.drag-bar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; +.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } -.drag-bar-accu-small-icon.native .x-icon, -.drag-bar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } -.drag-bar-compare-small-icon .x-icon, -.drag-bar-compare-small-icon:hover .x-icon, -.drag-bar-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } -.drag-bar-compare-small-icon.native .x-icon, -.drag-bar-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; +.flipOutX { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; } -.drag-area-small-icon .x-icon, -.drag-area-small-icon:hover .x-icon, -.drag-area-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; +.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } -.drag-area-small-icon.native .x-icon, -.drag-area-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } -.drag-area-accu-small-icon .x-icon, -.drag-area-accu-small-icon:hover .x-icon, -.drag-area-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } -.drag-area-accu-small-icon.native .x-icon, -.drag-area-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } -.drag-area-percent-accu-small-icon .x-icon, -.drag-area-percent-accu-small-icon:hover .x-icon, -.drag-area-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } -.drag-area-percent-accu-small-icon.native .x-icon, -.drag-area-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } -.drag-area-compare-small-icon .x-icon, -.drag-area-compare-small-icon:hover .x-icon, -.drag-area-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } -.drag-area-compare-small-icon.native .x-icon, -.drag-area-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } -.drag-area-range-small-icon .x-icon, -.drag-area-range-small-icon:hover .x-icon, -.drag-area-range-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } -.drag-area-range-small-icon.native .x-icon, -.drag-area-range-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } -.drag-combine-small-icon .x-icon, -.drag-combine-small-icon:hover .x-icon, -.drag-combine-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } -.drag-combine-small-icon.native .x-icon, -.drag-combine-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } -.drag-combine-mult-small-icon .x-icon, -.drag-combine-mult-small-icon:hover .x-icon, -.drag-combine-mult-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; } -.drag-combine-mult-small-icon.native .x-icon, -.drag-combine-mult-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } -.drag-line-small-icon .x-icon, -.drag-line-small-icon:hover .x-icon, -.drag-line-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } -.drag-line-small-icon.native .x-icon, -.drag-line-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } -.drag-pie-small-icon .x-icon, -.drag-pie-small-icon:hover .x-icon, -.drag-pie-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } -.drag-pie-small-icon.native .x-icon, -.drag-pie-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } -.drag-map-china-small-icon .x-icon, -.drag-map-china-small-icon:hover .x-icon, -.drag-map-china-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } -.drag-map-china-small-icon.native .x-icon, -.drag-map-china-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } -.drag-map-global-small-icon .x-icon, -.drag-map-global-small-icon:hover .x-icon, -.drag-map-global-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } -.drag-map-global-small-icon.native .x-icon, -.drag-map-global-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } -.drag-map-svg-small-icon .x-icon, -.drag-map-svg-small-icon:hover .x-icon, -.drag-map-svg-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } -.drag-map-svg-small-icon.native .x-icon, -.drag-map-svg-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } -.drag-map-gis-small-icon .x-icon, -.drag-map-gis-small-icon:hover .x-icon, -.drag-map-gis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } -.drag-map-gis-small-icon.native .x-icon, -.drag-map-gis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } -.drag-dashboard-small-icon .x-icon, -.drag-dashboard-small-icon:hover .x-icon, -.drag-dashboard-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } -.drag-dashboard-small-icon.native .x-icon, -.drag-dashboard-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } -.drag-donut-small-icon .x-icon, -.drag-donut-small-icon:hover .x-icon, -.drag-donut-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; } -.drag-donut-small-icon.native .x-icon, -.drag-donut-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; } -.drag-radar-small-icon .x-icon, -.drag-radar-small-icon:hover .x-icon, -.drag-radar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } -.drag-radar-small-icon.native .x-icon, -.drag-radar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } -.drag-radar-accu-small-icon .x-icon, -.drag-radar-accu-small-icon:hover .x-icon, -.drag-radar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } -.drag-radar-accu-small-icon.native .x-icon, -.drag-radar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.base-disabled { + cursor: default !important; + color: #c4c6c6 !important; } -.drag-bubble-small-icon .x-icon, -.drag-bubble-small-icon:hover .x-icon, -.drag-bubble-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; +.base-disabled .b-font:before { + color: #c4c6c6 !important; } -.drag-bubble-small-icon.native .x-icon, -.drag-bubble-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; +.base-invalid { + cursor: default !important; } -.drag-bubble-force-small-icon .x-icon, -.drag-bubble-force-small-icon:hover .x-icon, -.drag-bubble-force-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; +.clearfix { + *zoom: 1; } -.drag-bubble-force-small-icon.native .x-icon, -.drag-bubble-force-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; +.clearfix:before, +.clearfix:after { + content: " "; + display: table; + line-height: 0; } -.drag-scatter-small-icon .x-icon, -.drag-scatter-small-icon:hover .x-icon, -.drag-scatter-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; +.clearfix:after { + clear: both; } -.drag-scatter-small-icon.native .x-icon, -.drag-scatter-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; +.bi-keyword-red-mark { + color: #f07d0a; } -.drag-funnel-small-icon .x-icon, -.drag-funnel-small-icon:hover .x-icon, -.drag-funnel-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; +.bi-high-light { + color: #009de3; } -.drag-funnel-small-icon.native .x-icon, -.drag-funnel-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; +.bi-water-mark { + color: #cccccc; + cursor: text; } -.drag-detail-small-icon .x-icon, -.drag-detail-small-icon:hover .x-icon, -.drag-detail-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; +.bi-tips { + color: #c4c6c6; } -.drag-detail-small-icon.native .x-icon, -.drag-detail-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; +.bi-resizer { + background: #d8f3fe; + opacity: 0.8; + filter: alpha(opacity=80); + z-index: 1000000000; } -.drag-input-small-icon .x-icon, -.drag-input-small-icon:hover .x-icon, -.drag-input-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; +.bi-z-index-mask { + background-color: #1a1a1a; + opacity: 0.5; + filter: alpha(opacity=50); } -.drag-input-small-icon.native .x-icon, -.drag-input-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; +.bi-list-item:hover, +.bi-list-item.hover { + background-color: #f4f4f4; } -.drag-web-small-icon .x-icon, -.drag-web-small-icon:hover .x-icon, -.drag-web-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; +.bi-list-item.disabled, +.bi-list-item.disabled:hover, +.bi-list-item.disabled:active { + background-color: #ffffff; } -.drag-web-small-icon.native .x-icon, -.drag-web-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; +.bi-list-item-effect.active, +.bi-list-item-effect:active { + color: #009de3; } -.drag-image-small-icon .x-icon, -.drag-image-small-icon:hover .x-icon, -.drag-image-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; +.bi-list-item-effect.disabled, +.bi-list-item-effect.disabled:hover, +.bi-list-item-effect.disabled:active { + color: #1a1a1a; } -.drag-image-small-icon.native .x-icon, -.drag-image-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; +.bi-list-item-hover:hover, +.bi-list-item-hover.hover { + color: #009de3; + background-color: #f4f4f4; } -.error-face-icon .x-icon, -.error-face-icon:hover .x-icon, -.error-face-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +.bi-list-item-hover.disabled, +.bi-list-item-hover.disabled:hover, +.bi-list-item-hover.disabled:active { + color: #1a1a1a; + background-color: #ffffff; } -.error-face-icon.native .x-icon, -.error-face-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +.bi-list-item-active:hover, +.bi-list-item-active.hover { + background-color: #f4f4f4; } -.drag-tip-dots-icon .x-icon, -.drag-tip-dots-icon:hover .x-icon, -.drag-tip-dots-icon:active .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; +.bi-list-item-active.active, +.bi-list-item-active:active { + color: #009de3; + background-color: #f4f4f4; } -.drag-tip-dots-icon.native .x-icon, -.drag-tip-dots-icon.disabled .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; +.bi-list-item-active.disabled, +.bi-list-item-active.disabled:hover, +.bi-list-item-active.disabled:active { + background-color: #ffffff; } -.bubble-no-projector .x-icon, -.bubble-no-projector:hover .x-icon, -.bubble-no-projector:active .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; +.bi-list-item-select:hover, +.bi-list-item-select.hover { + color: #009de3; + background-color: #f4f4f4; } -.bubble-no-projector.native .x-icon, -.bubble-no-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; +.bi-list-item-select:active, +.bi-list-item-select.active { + color: #ffffff; + background-color: #009de3; } -.bubble-with-projector .x-icon, -.bubble-with-projector:hover .x-icon, -.bubble-with-projector:active .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; +.bi-list-item-select:active .bi-high-light, +.bi-list-item-select.active .bi-high-light { + color: #ffffff; } -.bubble-with-projector.native .x-icon, -.bubble-with-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; +.bi-list-item-select.disabled, +.bi-list-item-select.disabled:hover, +.bi-list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; } -.drill-push-down-icon .x-icon, -.drill-push-down-icon:hover .x-icon, -.drill-push-down-icon:active .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; +.bi-list-item-select.disabled .bi-high-light, +.bi-list-item-select.disabled:hover .bi-high-light, +.bi-list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; } -.drill-push-down-icon.native .x-icon, -.drill-push-down-icon.disabled .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; +/*****************cursor*****************/ +.cursor-pointer { + cursor: pointer; } -.drill-push-up-icon .x-icon, -.drill-push-up-icon:hover .x-icon, -.drill-push-up-icon:active .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; +.cursor-default { + cursor: default; } -.drill-push-up-icon.native .x-icon, -.drill-push-up-icon.disabled .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; +.cursor-move { + cursor: move; } +/*****************cursor*****************/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -9726,200 +3047,403 @@ textarea::-webkit-scrollbar-thumb { overflow-y: hidden; overflow-x: scroll; } -.overflow-auto { - overflow-x: auto; - overflow-y: auto; +.overflow-auto { + overflow-x: auto; + overflow-y: auto; +} +.overflow-scroll { + overflow-x: scroll; + overflow-y: scroll; +} +.overflow-hidden { + overflow-x: hidden; + overflow-y: hidden; +} +.td-overflow { + white-space: normal; + word-break: break-all; +} +.overflow-dot { + text-overflow: ellipsis; + overflow-x: hidden; + overflow-y: hidden; + white-space: nowrap; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.display-block { + display: block; +} +.display-inline { + display: inline-block; + *display: inline; + *zoom: 1; +} +/**常用于span元素在与combo并列时**/ +.vertical-super { + vertical-align: super; +} +.vertical-top { + vertical-align: top; +} +.horizon-center { + text-align: center; +} +.horizon-left { + text-align: left; +} +.div-horizon-center { + margin-left: auto; + margin-right: auto; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/ +.border-sizing { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +.content-sizing { + -webkit-box-sizing: content-box; + /*Safari3.2+*/ + -moz-box-sizing: content-box; + /*Firefox3.5+*/ + -ms-box-sizing: content-box; + /*IE8*/ + box-sizing: content-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +.bi-flex-center-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-horizontal-layout.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; +} +.bi-flex-vertical-center { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + min-width: 100%; + min-height: 100%; + float: left; } -.overflow-scroll { - overflow-x: scroll; - overflow-y: scroll; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; } -.overflow-hidden { - overflow-x: hidden; - overflow-y: hidden; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; } -.td-overflow { - white-space: normal; - word-break: break-all; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; } -.overflow-dot { - text-overflow: ellipsis; - overflow-x: hidden; - overflow-y: hidden; - white-space: nowrap; +.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; + float: left; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.display-block { - display: block; -} -.display-inline { +.bi-inline-center-adapt-layout:after { display: inline-block; - *display: inline; - *zoom: 1; -} -/**常用于span元素在与combo并列时**/ -.vertical-super { - vertical-align: super; -} -.vertical-top { - vertical-align: top; -} -.horizon-center { - text-align: center; -} -.horizon-left { - text-align: left; -} -.div-horizon-center { - margin-left: auto; - margin-right: auto; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/ -.border-sizing { - -webkit-box-sizing: border-box; - /*Safari3.2+*/ - -moz-box-sizing: border-box; - /*Firefox3.5+*/ - -ms-box-sizing: border-box; - /*IE8*/ - box-sizing: border-box; - /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ -} -.content-sizing { - -webkit-box-sizing: content-box; - /*Safari3.2+*/ - -moz-box-sizing: content-box; - /*Firefox3.5+*/ - -ms-box-sizing: content-box; - /*IE8*/ - box-sizing: content-box; - /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bi'; - src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -html, -button, -input, -select, -textarea, -* { - font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; -} -html, -body, -div, -ul, -li, -img, -a, -span, -p, -* { - margin: 0px; -} -html { - height: 100%; - overflow: hidden; -} -body { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - top: 0; - left: 0; - background-repeat: repeat; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - color: #1a1a1a; - font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; - -kthml-user-focus: normal; - -moz-user-focus: normal; - -moz-outline: 0 none; - outline: 0 none; -} -#wrapper { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - overflow: hidden; - overflow-x: hidden; - overflow-y: hidden; -} -a { - outline: none; - text-decoration: none; -} -a:focus { - outline: 0; -} -input, -textarea { - margin: 0; - padding: 0; - outline: none; - border: 1px solid #cccccc; -} -ul, -ol { - margin: 0; - padding: 0; -} -ul { - list-style: disc; -} -li { - list-style-type: none; -} -i { - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -div::-webkit-scrollbar, -textarea::-webkit-scrollbar { - -webkit-appearance: none; - background-color: #f4f4f4; - width: 6px; - height: 6px; -} -div::-webkit-scrollbar-thumb, -textarea::-webkit-scrollbar-thumb { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - background-color: #e2e2e2; +.bi-inline-vertical-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; } diff --git a/bi/core.js b/bi/core.js index 86f4c95c0..af139ef2a 100644 --- a/bi/core.js +++ b/bi/core.js @@ -1,1548 +1,4 @@ -// Underscore.js 1.8.2 -// http://underscorejs.org -// (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors -// Underscore may be freely distributed under the MIT license. - -(function() { - - // Baseline setup - // -------------- - - // Establish the root object, `window` in the browser, or `exports` on the server. - var root = this; - - // Save the previous value of the `_` variable. - var previousUnderscore = root._; - - // Save bytes in the minified (but not gzipped) version: - var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype; - - // Create quick reference variables for speed access to core prototypes. - var - push = ArrayProto.push, - slice = ArrayProto.slice, - toString = ObjProto.toString, - hasOwnProperty = ObjProto.hasOwnProperty; - - // All **ECMAScript 5** native function implementations that we hope to use - // are declared here. - var - nativeIsArray = Array.isArray, - nativeKeys = Object.keys, - nativeBind = FuncProto.bind, - nativeCreate = Object.create; - - // Naked function reference for surrogate-prototype-swapping. - var Ctor = function(){}; - - // Create a safe reference to the Underscore object for use below. - var _ = function(obj) { - if (obj instanceof _) return obj; - if (!(this instanceof _)) return new _(obj); - this._wrapped = obj; - }; - - // Export the Underscore object for **Node.js**, with - // backwards-compatibility for the old `require()` API. If we're in - // the browser, add `_` as a global object. - if (typeof exports !== 'undefined') { - if (typeof module !== 'undefined' && module.exports) { - exports = module.exports = _; - } - exports._ = _; - } else { - root._ = _; - } - - // Current version. - _.VERSION = '1.8.2'; - - // Internal function that returns an efficient (for current engines) version - // of the passed-in callback, to be repeatedly applied in other Underscore - // functions. - var optimizeCb = function(func, context, argCount) { - if (context === void 0) return func; - switch (argCount == null ? 3 : argCount) { - case 1: return function(value) { - return func.call(context, value); - }; - case 2: return function(value, other) { - return func.call(context, value, other); - }; - case 3: return function(value, index, collection) { - return func.call(context, value, index, collection); - }; - case 4: return function(accumulator, value, index, collection) { - return func.call(context, accumulator, value, index, collection); - }; - } - return function() { - return func.apply(context, arguments); - }; - }; - - // A mostly-internal function to generate callbacks that can be applied - // to each element in a collection, returning the desired result 鈥? either - // identity, an arbitrary callback, a property matcher, or a property accessor. - var cb = function(value, context, argCount) { - if (value == null) return _.identity; - if (_.isFunction(value)) return optimizeCb(value, context, argCount); - if (_.isObject(value)) return _.matcher(value); - return _.property(value); - }; - _.iteratee = function(value, context) { - return cb(value, context, Infinity); - }; - - // An internal function for creating assigner functions. - var createAssigner = function(keysFunc, undefinedOnly) { - return function(obj) { - var length = arguments.length; - if (length < 2 || obj == null) return obj; - for (var index = 1; index < length; index++) { - var source = arguments[index], - keys = keysFunc(source), - l = keys.length; - for (var i = 0; i < l; i++) { - var key = keys[i]; - if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key]; - } - } - return obj; - }; - }; - - // An internal function for creating a new object that inherits from another. - var baseCreate = function(prototype) { - if (!_.isObject(prototype)) return {}; - if (nativeCreate) return nativeCreate(prototype); - Ctor.prototype = prototype; - var result = new Ctor; - Ctor.prototype = null; - return result; - }; - - // Helper for collection methods to determine whether a collection - // should be iterated as an array or as an object - // Related: http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength - var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1; - var isArrayLike = function(collection) { - var length = collection != null && collection.length; - return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX; - }; - - // Collection Functions - // -------------------- - - // The cornerstone, an `each` implementation, aka `forEach`. - // Handles raw objects in addition to array-likes. Treats all - // sparse array-likes as if they were dense. - _.each = _.forEach = function(obj, iteratee, context) { - iteratee = optimizeCb(iteratee, context); - var i, length; - if (isArrayLike(obj)) { - for (i = 0, length = obj.length; i < length; i++) { - iteratee(obj[i], i, obj); - } - } else { - var keys = _.keys(obj); - for (i = 0, length = keys.length; i < length; i++) { - iteratee(obj[keys[i]], keys[i], obj); - } - } - return obj; - }; - - // Return the results of applying the iteratee to each element. - _.map = _.collect = function(obj, iteratee, context) { - iteratee = cb(iteratee, context); - var keys = !isArrayLike(obj) && _.keys(obj), - length = (keys || obj).length, - results = Array(length); - for (var index = 0; index < length; index++) { - var currentKey = keys ? keys[index] : index; - results[index] = iteratee(obj[currentKey], currentKey, obj); - } - return results; - }; - - // Create a reducing function iterating left or right. - function createReduce(dir) { - // Optimized iterator function as using arguments.length - // in the main function will deoptimize the, see #1991. - function iterator(obj, iteratee, memo, keys, index, length) { - for (; index >= 0 && index < length; index += dir) { - var currentKey = keys ? keys[index] : index; - memo = iteratee(memo, obj[currentKey], currentKey, obj); - } - return memo; - } - - return function(obj, iteratee, memo, context) { - iteratee = optimizeCb(iteratee, context, 4); - var keys = !isArrayLike(obj) && _.keys(obj), - length = (keys || obj).length, - index = dir > 0 ? 0 : length - 1; - // Determine the initial value if none is provided. - if (arguments.length < 3) { - memo = obj[keys ? keys[index] : index]; - index += dir; - } - return iterator(obj, iteratee, memo, keys, index, length); - }; - } - - // **Reduce** builds up a single result from a list of values, aka `inject`, - // or `foldl`. - _.reduce = _.foldl = _.inject = createReduce(1); - - // The right-associative version of reduce, also known as `foldr`. - _.reduceRight = _.foldr = createReduce(-1); - - // Return the first value which passes a truth test. Aliased as `detect`. - _.find = _.detect = function(obj, predicate, context) { - var key; - if (isArrayLike(obj)) { - key = _.findIndex(obj, predicate, context); - } else { - key = _.findKey(obj, predicate, context); - } - if (key !== void 0 && key !== -1) return obj[key]; - }; - - // Return all the elements that pass a truth test. - // Aliased as `select`. - _.filter = _.select = function(obj, predicate, context) { - var results = []; - predicate = cb(predicate, context); - _.each(obj, function(value, index, list) { - if (predicate(value, index, list)) results.push(value); - }); - return results; - }; - - // Return all the elements for which a truth test fails. - _.reject = function(obj, predicate, context) { - return _.filter(obj, _.negate(cb(predicate)), context); - }; - - // Determine whether all of the elements match a truth test. - // Aliased as `all`. - _.every = _.all = function(obj, predicate, context) { - predicate = cb(predicate, context); - var keys = !isArrayLike(obj) && _.keys(obj), - length = (keys || obj).length; - for (var index = 0; index < length; index++) { - var currentKey = keys ? keys[index] : index; - if (!predicate(obj[currentKey], currentKey, obj)) return false; - } - return true; - }; - - // Determine if at least one element in the object matches a truth test. - // Aliased as `any`. - _.some = _.any = function(obj, predicate, context) { - predicate = cb(predicate, context); - var keys = !isArrayLike(obj) && _.keys(obj), - length = (keys || obj).length; - for (var index = 0; index < length; index++) { - var currentKey = keys ? keys[index] : index; - if (predicate(obj[currentKey], currentKey, obj)) return true; - } - return false; - }; - - // Determine if the array or object contains a given value (using `===`). - // Aliased as `includes` and `include`. - _.contains = _.includes = _.include = function(obj, target, fromIndex) { - if (!isArrayLike(obj)) obj = _.values(obj); - return _.indexOf(obj, target, typeof fromIndex == 'number' && fromIndex) >= 0; - }; - - // Invoke a method (with arguments) on every item in a collection. - _.invoke = function(obj, method) { - var args = slice.call(arguments, 2); - var isFunc = _.isFunction(method); - return _.map(obj, function(value) { - var func = isFunc ? method : value[method]; - return func == null ? func : func.apply(value, args); - }); - }; - - // Convenience version of a common use case of `map`: fetching a property. - _.pluck = function(obj, key) { - return _.map(obj, _.property(key)); - }; - - // Convenience version of a common use case of `filter`: selecting only objects - // containing specific `key:value` pairs. - _.where = function(obj, attrs) { - return _.filter(obj, _.matcher(attrs)); - }; - - // Convenience version of a common use case of `find`: getting the first object - // containing specific `key:value` pairs. - _.findWhere = function(obj, attrs) { - return _.find(obj, _.matcher(attrs)); - }; - - // Return the maximum element (or element-based computation). - _.max = function(obj, iteratee, context) { - var result = -Infinity, lastComputed = -Infinity, - value, computed; - if (iteratee == null && obj != null) { - obj = isArrayLike(obj) ? obj : _.values(obj); - for (var i = 0, length = obj.length; i < length; i++) { - value = obj[i]; - if (value > result) { - result = value; - } - } - } else { - iteratee = cb(iteratee, context); - _.each(obj, function(value, index, list) { - computed = iteratee(value, index, list); - if (computed > lastComputed || computed === -Infinity && result === -Infinity) { - result = value; - lastComputed = computed; - } - }); - } - return result; - }; - - // Return the minimum element (or element-based computation). - _.min = function(obj, iteratee, context) { - var result = Infinity, lastComputed = Infinity, - value, computed; - if (iteratee == null && obj != null) { - obj = isArrayLike(obj) ? obj : _.values(obj); - for (var i = 0, length = obj.length; i < length; i++) { - value = obj[i]; - if (value < result) { - result = value; - } - } - } else { - iteratee = cb(iteratee, context); - _.each(obj, function(value, index, list) { - computed = iteratee(value, index, list); - if (computed < lastComputed || computed === Infinity && result === Infinity) { - result = value; - lastComputed = computed; - } - }); - } - return result; - }; - - // Shuffle a collection, using the modern version of the - // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher鈥揧ates_shuffle). - _.shuffle = function(obj) { - var set = isArrayLike(obj) ? obj : _.values(obj); - var length = set.length; - var shuffled = Array(length); - for (var index = 0, rand; index < length; index++) { - rand = _.random(0, index); - if (rand !== index) shuffled[index] = shuffled[rand]; - shuffled[rand] = set[index]; - } - return shuffled; - }; - - // Sample **n** random values from a collection. - // If **n** is not specified, returns a single random element. - // The internal `guard` argument allows it to work with `map`. - _.sample = function(obj, n, guard) { - if (n == null || guard) { - if (!isArrayLike(obj)) obj = _.values(obj); - return obj[_.random(obj.length - 1)]; - } - return _.shuffle(obj).slice(0, Math.max(0, n)); - }; - - // Sort the object's values by a criterion produced by an iteratee. - _.sortBy = function(obj, iteratee, context) { - iteratee = cb(iteratee, context); - return _.pluck(_.map(obj, function(value, index, list) { - return { - value: value, - index: index, - criteria: iteratee(value, index, list) - }; - }).sort(function(left, right) { - var a = left.criteria; - var b = right.criteria; - if (a !== b) { - if (a > b || a === void 0) return 1; - if (a < b || b === void 0) return -1; - } - return left.index - right.index; - }), 'value'); - }; - - // An internal function used for aggregate "group by" operations. - var group = function(behavior) { - return function(obj, iteratee, context) { - var result = {}; - iteratee = cb(iteratee, context); - _.each(obj, function(value, index) { - var key = iteratee(value, index, obj); - behavior(result, value, key); - }); - return result; - }; - }; - - // Groups the object's values by a criterion. Pass either a string attribute - // to group by, or a function that returns the criterion. - _.groupBy = group(function(result, value, key) { - if (_.has(result, key)) result[key].push(value); else result[key] = [value]; - }); - - // Indexes the object's values by a criterion, similar to `groupBy`, but for - // when you know that your index values will be unique. - _.indexBy = group(function(result, value, key) { - result[key] = value; - }); - - // Counts instances of an object that group by a certain criterion. Pass - // either a string attribute to count by, or a function that returns the - // criterion. - _.countBy = group(function(result, value, key) { - if (_.has(result, key)) result[key]++; else result[key] = 1; - }); - - // Safely create a real, live array from anything iterable. - _.toArray = function(obj) { - if (!obj) return []; - if (_.isArray(obj)) return slice.call(obj); - if (isArrayLike(obj)) return _.map(obj, _.identity); - return _.values(obj); - }; - - // Return the number of elements in an object. - _.size = function(obj) { - if (obj == null) return 0; - return isArrayLike(obj) ? obj.length : _.keys(obj).length; - }; - - // Split a collection into two arrays: one whose elements all satisfy the given - // predicate, and one whose elements all do not satisfy the predicate. - _.partition = function(obj, predicate, context) { - predicate = cb(predicate, context); - var pass = [], fail = []; - _.each(obj, function(value, key, obj) { - (predicate(value, key, obj) ? pass : fail).push(value); - }); - return [pass, fail]; - }; - - // Array Functions - // --------------- - - // Get the first element of an array. Passing **n** will return the first N - // values in the array. Aliased as `head` and `take`. The **guard** check - // allows it to work with `_.map`. - _.first = _.head = _.take = function(array, n, guard) { - if (array == null) return void 0; - if (n == null || guard) return array[0]; - return _.initial(array, array.length - n); - }; - - // Returns everything but the last entry of the array. Especially useful on - // the arguments object. Passing **n** will return all the values in - // the array, excluding the last N. - _.initial = function(array, n, guard) { - return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n))); - }; - - // Get the last element of an array. Passing **n** will return the last N - // values in the array. - _.last = function(array, n, guard) { - if (array == null) return void 0; - if (n == null || guard) return array[array.length - 1]; - return _.rest(array, Math.max(0, array.length - n)); - }; - - // Returns everything but the first entry of the array. Aliased as `tail` and `drop`. - // Especially useful on the arguments object. Passing an **n** will return - // the rest N values in the array. - _.rest = _.tail = _.drop = function(array, n, guard) { - return slice.call(array, n == null || guard ? 1 : n); - }; - - // Trim out all falsy values from an array. - _.compact = function(array) { - return _.filter(array, _.identity); - }; - - // Internal implementation of a recursive `flatten` function. - var flatten = function(input, shallow, strict, startIndex) { - var output = [], idx = 0; - for (var i = startIndex || 0, length = input && input.length; i < length; i++) { - var value = input[i]; - if (isArrayLike(value) && (_.isArray(value) || _.isArguments(value))) { - //flatten current level of array or arguments object - if (!shallow) value = flatten(value, shallow, strict); - var j = 0, len = value.length; - output.length += len; - while (j < len) { - output[idx++] = value[j++]; - } - } else if (!strict) { - output[idx++] = value; - } - } - return output; - }; - - // Flatten out an array, either recursively (by default), or just one level. - _.flatten = function(array, shallow) { - return flatten(array, shallow, false); - }; - - // Return a version of the array that does not contain the specified value(s). - _.without = function(array) { - return _.difference(array, slice.call(arguments, 1)); - }; - - // Produce a duplicate-free version of the array. If the array has already - // been sorted, you have the option of using a faster algorithm. - // Aliased as `unique`. - _.uniq = _.unique = function(array, isSorted, iteratee, context) { - if (array == null) return []; - if (!_.isBoolean(isSorted)) { - context = iteratee; - iteratee = isSorted; - isSorted = false; - } - if (iteratee != null) iteratee = cb(iteratee, context); - var result = []; - var seen = []; - for (var i = 0, length = array.length; i < length; i++) { - var value = array[i], - computed = iteratee ? iteratee(value, i, array) : value; - if (isSorted) { - if (!i || seen !== computed) result.push(value); - seen = computed; - } else if (iteratee) { - if (!_.contains(seen, computed)) { - seen.push(computed); - result.push(value); - } - } else if (!_.contains(result, value)) { - result.push(value); - } - } - return result; - }; - - // Produce an array that contains the union: each distinct element from all of - // the passed-in arrays. - _.union = function() { - return _.uniq(flatten(arguments, true, true)); - }; - - // Produce an array that contains every item shared between all the - // passed-in arrays. - _.intersection = function(array) { - if (array == null) return []; - var result = []; - var argsLength = arguments.length; - for (var i = 0, length = array.length; i < length; i++) { - var item = array[i]; - if (_.contains(result, item)) continue; - for (var j = 1; j < argsLength; j++) { - if (!_.contains(arguments[j], item)) break; - } - if (j === argsLength) result.push(item); - } - return result; - }; - - // Take the difference between one array and a number of other arrays. - // Only the elements present in just the first array will remain. - _.difference = function(array) { - var rest = flatten(arguments, true, true, 1); - return _.filter(array, function(value){ - return !_.contains(rest, value); - }); - }; - - // Zip together multiple lists into a single array -- elements that share - // an index go together. - _.zip = function() { - return _.unzip(arguments); - }; - - // Complement of _.zip. Unzip accepts an array of arrays and groups - // each array's elements on shared indices - _.unzip = function(array) { - var length = array && _.max(array, 'length').length || 0; - var result = Array(length); - - for (var index = 0; index < length; index++) { - result[index] = _.pluck(array, index); - } - return result; - }; - - // Converts lists into objects. Pass either a single array of `[key, value]` - // pairs, or two parallel arrays of the same length -- one of keys, and one of - // the corresponding values. - _.object = function(list, values) { - var result = {}; - for (var i = 0, length = list && list.length; i < length; i++) { - if (values) { - result[list[i]] = values[i]; - } else { - result[list[i][0]] = list[i][1]; - } - } - return result; - }; - - // Return the position of the first occurrence of an item in an array, - // or -1 if the item is not included in the array. - // If the array is large and already in sort order, pass `true` - // for **isSorted** to use binary search. - _.indexOf = function(array, item, isSorted) { - var i = 0, length = array && array.length; - if (typeof isSorted == 'number') { - i = isSorted < 0 ? Math.max(0, length + isSorted) : isSorted; - } else if (isSorted && length) { - i = _.sortedIndex(array, item); - return array[i] === item ? i : -1; - } - if (item !== item) { - return _.findIndex(slice.call(array, i), _.isNaN); - } - for (; i < length; i++) if (array[i] === item) return i; - return -1; - }; - - _.lastIndexOf = function(array, item, from) { - var idx = array ? array.length : 0; - if (typeof from == 'number') { - idx = from < 0 ? idx + from + 1 : Math.min(idx, from + 1); - } - if (item !== item) { - return _.findLastIndex(slice.call(array, 0, idx), _.isNaN); - } - while (--idx >= 0) if (array[idx] === item) return idx; - return -1; - }; - - // Generator function to create the findIndex and findLastIndex functions - function createIndexFinder(dir) { - return function(array, predicate, context) { - predicate = cb(predicate, context); - var length = array != null && array.length; - var index = dir > 0 ? 0 : length - 1; - for (; index >= 0 && index < length; index += dir) { - if (predicate(array[index], index, array)) return index; - } - return -1; - }; - } - - // Returns the first index on an array-like that passes a predicate test - _.findIndex = createIndexFinder(1); - - _.findLastIndex = createIndexFinder(-1); - - // Use a comparator function to figure out the smallest index at which - // an object should be inserted so as to maintain order. Uses binary search. - _.sortedIndex = function(array, obj, iteratee, context) { - iteratee = cb(iteratee, context, 1); - var value = iteratee(obj); - var low = 0, high = array.length; - while (low < high) { - var mid = Math.floor((low + high) / 2); - if (iteratee(array[mid]) < value) low = mid + 1; else high = mid; - } - return low; - }; - - // Generate an integer Array containing an arithmetic progression. A port of - // the native Python `range()` function. See - // [the Python documentation](http://docs.python.org/library/functions.html#range). - _.range = function(start, stop, step) { - if (arguments.length <= 1) { - stop = start || 0; - start = 0; - } - step = step || 1; - - var length = Math.max(Math.ceil((stop - start) / step), 0); - var range = Array(length); - - for (var idx = 0; idx < length; idx++, start += step) { - range[idx] = start; - } - - return range; - }; - - // Function (ahem) Functions - // ------------------ - - // Determines whether to execute a function as a constructor - // or a normal function with the provided arguments - var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) { - if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args); - var self = baseCreate(sourceFunc.prototype); - var result = sourceFunc.apply(self, args); - if (_.isObject(result)) return result; - return self; - }; - - // Create a function bound to a given object (assigning `this`, and arguments, - // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if - // available. - _.bind = function(func, context) { - if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1)); - if (!_.isFunction(func)) throw new TypeError('Bind must be called on a function'); - var args = slice.call(arguments, 2); - var bound = function() { - return executeBound(func, bound, context, this, args.concat(slice.call(arguments))); - }; - return bound; - }; - - // Partially apply a function by creating a version that has had some of its - // arguments pre-filled, without changing its dynamic `this` context. _ acts - // as a placeholder, allowing any combination of arguments to be pre-filled. - _.partial = function(func) { - var boundArgs = slice.call(arguments, 1); - var bound = function() { - var position = 0, length = boundArgs.length; - var args = Array(length); - for (var i = 0; i < length; i++) { - args[i] = boundArgs[i] === _ ? arguments[position++] : boundArgs[i]; - } - while (position < arguments.length) args.push(arguments[position++]); - return executeBound(func, bound, this, this, args); - }; - return bound; - }; - - // Bind a number of an object's methods to that object. Remaining arguments - // are the method names to be bound. Useful for ensuring that all callbacks - // defined on an object belong to it. - _.bindAll = function(obj) { - var i, length = arguments.length, key; - if (length <= 1) throw new Error('bindAll must be passed function names'); - for (i = 1; i < length; i++) { - key = arguments[i]; - obj[key] = _.bind(obj[key], obj); - } - return obj; - }; - - // Memoize an expensive function by storing its results. - _.memoize = function(func, hasher) { - var memoize = function(key) { - var cache = memoize.cache; - var address = '' + (hasher ? hasher.apply(this, arguments) : key); - if (!_.has(cache, address)) cache[address] = func.apply(this, arguments); - return cache[address]; - }; - memoize.cache = {}; - return memoize; - }; - - // Delays a function for the given number of milliseconds, and then calls - // it with the arguments supplied. - _.delay = function(func, wait) { - var args = slice.call(arguments, 2); - return setTimeout(function(){ - return func.apply(null, args); - }, wait); - }; - - // Defers a function, scheduling it to run after the current call stack has - // cleared. - _.defer = _.partial(_.delay, _, 1); - - // Returns a function, that, when invoked, will only be triggered at most once - // during a given window of time. Normally, the throttled function will run - // as much as it can, without ever going more than once per `wait` duration; - // but if you'd like to disable the execution on the leading edge, pass - // `{leading: false}`. To disable execution on the trailing edge, ditto. - _.throttle = function(func, wait, options) { - var context, args, result; - var timeout = null; - var previous = 0; - if (!options) options = {}; - var later = function() { - previous = options.leading === false ? 0 : _.now(); - timeout = null; - result = func.apply(context, args); - if (!timeout) context = args = null; - }; - return function() { - var now = _.now(); - if (!previous && options.leading === false) previous = now; - var remaining = wait - (now - previous); - context = this; - args = arguments; - if (remaining <= 0 || remaining > wait) { - if (timeout) { - clearTimeout(timeout); - timeout = null; - } - previous = now; - result = func.apply(context, args); - if (!timeout) context = args = null; - } else if (!timeout && options.trailing !== false) { - timeout = setTimeout(later, remaining); - } - return result; - }; - }; - - // Returns a function, that, as long as it continues to be invoked, will not - // be triggered. The function will be called after it stops being called for - // N milliseconds. If `immediate` is passed, trigger the function on the - // leading edge, instead of the trailing. - _.debounce = function(func, wait, immediate) { - var timeout, args, context, timestamp, result; - - var later = function() { - var last = _.now() - timestamp; - - if (last < wait && last >= 0) { - timeout = setTimeout(later, wait - last); - } else { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - if (!timeout) context = args = null; - } - } - }; - - return function() { - context = this; - args = arguments; - timestamp = _.now(); - var callNow = immediate && !timeout; - if (!timeout) timeout = setTimeout(later, wait); - if (callNow) { - result = func.apply(context, args); - context = args = null; - } - - return result; - }; - }; - - // Returns the first function passed as an argument to the second, - // allowing you to adjust arguments, run code before and after, and - // conditionally execute the original function. - _.wrap = function(func, wrapper) { - return _.partial(wrapper, func); - }; - - // Returns a negated version of the passed-in predicate. - _.negate = function(predicate) { - return function() { - return !predicate.apply(this, arguments); - }; - }; - - // Returns a function that is the composition of a list of functions, each - // consuming the return value of the function that follows. - _.compose = function() { - var args = arguments; - var start = args.length - 1; - return function() { - var i = start; - var result = args[start].apply(this, arguments); - while (i--) result = args[i].call(this, result); - return result; - }; - }; - - // Returns a function that will only be executed on and after the Nth call. - _.after = function(times, func) { - return function() { - if (--times < 1) { - return func.apply(this, arguments); - } - }; - }; - - // Returns a function that will only be executed up to (but not including) the Nth call. - _.before = function(times, func) { - var memo; - return function() { - if (--times > 0) { - memo = func.apply(this, arguments); - } - if (times <= 1) func = null; - return memo; - }; - }; - - // Returns a function that will be executed at most one time, no matter how - // often you call it. Useful for lazy initialization. - _.once = _.partial(_.before, 2); - - // Object Functions - // ---------------- - - // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed. - var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString'); - var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString', - 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString']; - - function collectNonEnumProps(obj, keys) { - var nonEnumIdx = nonEnumerableProps.length; - var constructor = obj.constructor; - var proto = (_.isFunction(constructor) && constructor.prototype) || ObjProto; - - // Constructor is a special case. - var prop = 'constructor'; - if (_.has(obj, prop) && !_.contains(keys, prop)) keys.push(prop); - - while (nonEnumIdx--) { - prop = nonEnumerableProps[nonEnumIdx]; - if (prop in obj && obj[prop] !== proto[prop] && !_.contains(keys, prop)) { - keys.push(prop); - } - } - } - - // Retrieve the names of an object's own properties. - // Delegates to **ECMAScript 5**'s native `Object.keys` - _.keys = function(obj) { - if (!_.isObject(obj)) return []; - if (nativeKeys) return nativeKeys(obj); - var keys = []; - for (var key in obj) if (_.has(obj, key)) keys.push(key); - // Ahem, IE < 9. - if (hasEnumBug) collectNonEnumProps(obj, keys); - return keys; - }; - - // Retrieve all the property names of an object. - _.allKeys = function(obj) { - if (!_.isObject(obj)) return []; - var keys = []; - for (var key in obj) keys.push(key); - // Ahem, IE < 9. - if (hasEnumBug) collectNonEnumProps(obj, keys); - return keys; - }; - - // Retrieve the values of an object's properties. - _.values = function(obj) { - var keys = _.keys(obj); - var length = keys.length; - var values = Array(length); - for (var i = 0; i < length; i++) { - values[i] = obj[keys[i]]; - } - return values; - }; - - // Returns the results of applying the iteratee to each element of the object - // In contrast to _.map it returns an object - _.mapObject = function(obj, iteratee, context) { - iteratee = cb(iteratee, context); - var keys = _.keys(obj), - length = keys.length, - results = {}, - currentKey; - for (var index = 0; index < length; index++) { - currentKey = keys[index]; - results[currentKey] = iteratee(obj[currentKey], currentKey, obj); - } - return results; - }; - - // Convert an object into a list of `[key, value]` pairs. - _.pairs = function(obj) { - var keys = _.keys(obj); - var length = keys.length; - var pairs = Array(length); - for (var i = 0; i < length; i++) { - pairs[i] = [keys[i], obj[keys[i]]]; - } - return pairs; - }; - - // Invert the keys and values of an object. The values must be serializable. - _.invert = function(obj) { - var result = {}; - var keys = _.keys(obj); - for (var i = 0, length = keys.length; i < length; i++) { - result[obj[keys[i]]] = keys[i]; - } - return result; - }; - - // Return a sorted list of the function names available on the object. - // Aliased as `methods` - _.functions = _.methods = function(obj) { - var names = []; - for (var key in obj) { - if (_.isFunction(obj[key])) names.push(key); - } - return names.sort(); - }; - - // Extend a given object with all the properties in passed-in object(s). - _.extend = createAssigner(_.allKeys); - - // Assigns a given object with all the own properties in the passed-in object(s) - // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) - _.extendOwn = _.assign = createAssigner(_.keys); - - // Returns the first key on an object that passes a predicate test - _.findKey = function(obj, predicate, context) { - predicate = cb(predicate, context); - var keys = _.keys(obj), key; - for (var i = 0, length = keys.length; i < length; i++) { - key = keys[i]; - if (predicate(obj[key], key, obj)) return key; - } - }; - - // Return a copy of the object only containing the whitelisted properties. - _.pick = function(object, oiteratee, context) { - var result = {}, obj = object, iteratee, keys; - if (obj == null) return result; - if (_.isFunction(oiteratee)) { - keys = _.allKeys(obj); - iteratee = optimizeCb(oiteratee, context); - } else { - keys = flatten(arguments, false, false, 1); - iteratee = function(value, key, obj) { return key in obj; }; - obj = Object(obj); - } - for (var i = 0, length = keys.length; i < length; i++) { - var key = keys[i]; - var value = obj[key]; - if (iteratee(value, key, obj)) result[key] = value; - } - return result; - }; - - // Return a copy of the object without the blacklisted properties. - _.omit = function(obj, iteratee, context) { - if (_.isFunction(iteratee)) { - iteratee = _.negate(iteratee); - } else { - var keys = _.map(flatten(arguments, false, false, 1), String); - iteratee = function(value, key) { - return !_.contains(keys, key); - }; - } - return _.pick(obj, iteratee, context); - }; - - // Fill in a given object with default properties. - _.defaults = createAssigner(_.allKeys, true); - - // Creates an object that inherits from the given prototype object. - // If additional properties are provided then they will be added to the - // created object. - _.create = function(prototype, props) { - var result = baseCreate(prototype); - if (props) _.extendOwn(result, props); - return result; - }; - - // Create a (shallow-cloned) duplicate of an object. - _.clone = function(obj) { - if (!_.isObject(obj)) return obj; - return _.isArray(obj) ? obj.slice() : _.extend({}, obj); - }; - - // Invokes interceptor with the obj, and then returns obj. - // The primary purpose of this method is to "tap into" a method chain, in - // order to perform operations on intermediate results within the chain. - _.tap = function(obj, interceptor) { - interceptor(obj); - return obj; - }; - - // Returns whether an object has a given set of `key:value` pairs. - _.isMatch = function(object, attrs) { - var keys = _.keys(attrs), length = keys.length; - if (object == null) return !length; - var obj = Object(object); - for (var i = 0; i < length; i++) { - var key = keys[i]; - if (attrs[key] !== obj[key] || !(key in obj)) return false; - } - return true; - }; - - - // Internal recursive comparison function for `isEqual`. - var eq = function(a, b, aStack, bStack) { - // Identical objects are equal. `0 === -0`, but they aren't identical. - // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal). - if (a === b) return a !== 0 || 1 / a === 1 / b; - // A strict comparison is necessary because `null == undefined`. - if (a == null || b == null) return a === b; - // Unwrap any wrapped objects. - if (a instanceof _) a = a._wrapped; - if (b instanceof _) b = b._wrapped; - // Compare `[[Class]]` names. - var className = toString.call(a); - if (className !== toString.call(b)) return false; - switch (className) { - // Strings, numbers, regular expressions, dates, and booleans are compared by value. - case '[object RegExp]': - // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i') - case '[object String]': - // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is - // equivalent to `new String("5")`. - return '' + a === '' + b; - case '[object Number]': - // `NaN`s are equivalent, but non-reflexive. - // Object(NaN) is equivalent to NaN - if (+a !== +a) return +b !== +b; - // An `egal` comparison is performed for other numeric values. - return +a === 0 ? 1 / +a === 1 / b : +a === +b; - case '[object Date]': - case '[object Boolean]': - // Coerce dates and booleans to numeric primitive values. Dates are compared by their - // millisecond representations. Note that invalid dates with millisecond representations - // of `NaN` are not equivalent. - return +a === +b; - } - - var areArrays = className === '[object Array]'; - if (!areArrays) { - if (typeof a != 'object' || typeof b != 'object') return false; - - // Objects with different constructors are not equivalent, but `Object`s or `Array`s - // from different frames are. - var aCtor = a.constructor, bCtor = b.constructor; - if (aCtor !== bCtor && !(_.isFunction(aCtor) && aCtor instanceof aCtor && - _.isFunction(bCtor) && bCtor instanceof bCtor) - && ('constructor' in a && 'constructor' in b)) { - return false; - } - } - // Assume equality for cyclic structures. The algorithm for detecting cyclic - // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`. - - // Initializing stack of traversed objects. - // It's done here since we only need them for objects and arrays comparison. - aStack = aStack || []; - bStack = bStack || []; - var length = aStack.length; - while (length--) { - // Linear search. Performance is inversely proportional to the number of - // unique nested structures. - if (aStack[length] === a) return bStack[length] === b; - } - - // Add the first object to the stack of traversed objects. - aStack.push(a); - bStack.push(b); - - // Recursively compare objects and arrays. - if (areArrays) { - // Compare array lengths to determine if a deep comparison is necessary. - length = a.length; - if (length !== b.length) return false; - // Deep compare the contents, ignoring non-numeric properties. - while (length--) { - if (!eq(a[length], b[length], aStack, bStack)) return false; - } - } else { - // Deep compare objects. - var keys = _.keys(a), key; - length = keys.length; - // Ensure that both objects contain the same number of properties before comparing deep equality. - if (_.keys(b).length !== length) return false; - while (length--) { - // Deep compare each member - key = keys[length]; - if (!(_.has(b, key) && eq(a[key], b[key], aStack, bStack))) return false; - } - } - // Remove the first object from the stack of traversed objects. - aStack.pop(); - bStack.pop(); - return true; - }; - - // Perform a deep comparison to check if two objects are equal. - _.isEqual = function(a, b) { - return eq(a, b); - }; - - // Is a given array, string, or object empty? - // An "empty" object has no enumerable own-properties. - _.isEmpty = function(obj) { - if (obj == null) return true; - if (isArrayLike(obj) && (_.isArray(obj) || _.isString(obj) || _.isArguments(obj))) return obj.length === 0; - return _.keys(obj).length === 0; - }; - - // Is a given value a DOM element? - _.isElement = function(obj) { - return !!(obj && obj.nodeType === 1); - }; - - // Is a given value an array? - // Delegates to ECMA5's native Array.isArray - _.isArray = nativeIsArray || function(obj) { - return toString.call(obj) === '[object Array]'; - }; - - // Is a given variable an object? - _.isObject = function(obj) { - var type = typeof obj; - return type === 'function' || type === 'object' && !!obj; - }; - - // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError. - _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) { - _['is' + name] = function(obj) { - return toString.call(obj) === '[object ' + name + ']'; - }; - }); - - // Define a fallback version of the method in browsers (ahem, IE < 9), where - // there isn't any inspectable "Arguments" type. - if (!_.isArguments(arguments)) { - _.isArguments = function(obj) { - return _.has(obj, 'callee'); - }; - } - - // Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8, - // IE 11 (#1621), and in Safari 8 (#1929). - if (typeof /./ != 'function' && typeof Int8Array != 'object') { - _.isFunction = function(obj) { - return typeof obj == 'function' || false; - }; - } - - // Is a given object a finite number? - _.isFinite = function(obj) { - return isFinite(obj) && !isNaN(parseFloat(obj)); - }; - - // Is the given value `NaN`? (NaN is the only number which does not equal itself). - _.isNaN = function(obj) { - return _.isNumber(obj) && obj !== +obj; - }; - - // Is a given value a boolean? - _.isBoolean = function(obj) { - return obj === true || obj === false || toString.call(obj) === '[object Boolean]'; - }; - - // Is a given value equal to null? - _.isNull = function(obj) { - return obj === null; - }; - - // Is a given variable undefined? - _.isUndefined = function(obj) { - return obj === void 0; - }; - - // Shortcut function for checking if an object has a given property directly - // on itself (in other words, not on a prototype). - _.has = function(obj, key) { - return obj != null && hasOwnProperty.call(obj, key); - }; - - // Utility Functions - // ----------------- - - // Run Underscore.js in *noConflict* mode, returning the `_` variable to its - // previous owner. Returns a reference to the Underscore object. - _.noConflict = function() { - root._ = previousUnderscore; - return this; - }; - - // Keep the identity function around for default iteratees. - _.identity = function(value) { - return value; - }; - - // Predicate-generating functions. Often useful outside of Underscore. - _.constant = function(value) { - return function() { - return value; - }; - }; - - _.noop = function(){}; - - _.property = function(key) { - return function(obj) { - return obj == null ? void 0 : obj[key]; - }; - }; - - // Generates a function for a given object that returns a given property. - _.propertyOf = function(obj) { - return obj == null ? function(){} : function(key) { - return obj[key]; - }; - }; - - // Returns a predicate for checking whether an object has a given set of - // `key:value` pairs. - _.matcher = _.matches = function(attrs) { - attrs = _.extendOwn({}, attrs); - return function(obj) { - return _.isMatch(obj, attrs); - }; - }; - - // Run a function **n** times. - _.times = function(n, iteratee, context) { - var accum = Array(Math.max(0, n)); - iteratee = optimizeCb(iteratee, context, 1); - for (var i = 0; i < n; i++) accum[i] = iteratee(i); - return accum; - }; - - // Return a random integer between min and max (inclusive). - _.random = function(min, max) { - if (max == null) { - max = min; - min = 0; - } - return min + Math.floor(Math.random() * (max - min + 1)); - }; - - // A (possibly faster) way to get the current timestamp as an integer. - _.now = Date.now || function() { - return new Date().getTime(); - }; - - // List of HTML entities for escaping. - var escapeMap = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - "'": ''', - '`': '`' - }; - var unescapeMap = _.invert(escapeMap); - - // Functions for escaping and unescaping strings to/from HTML interpolation. - var createEscaper = function(map) { - var escaper = function(match) { - return map[match]; - }; - // Regexes for identifying a key that needs to be escaped - var source = '(?:' + _.keys(map).join('|') + ')'; - var testRegexp = RegExp(source); - var replaceRegexp = RegExp(source, 'g'); - return function(string) { - string = string == null ? '' : '' + string; - return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string; - }; - }; - _.escape = createEscaper(escapeMap); - _.unescape = createEscaper(unescapeMap); - - // If the value of the named `property` is a function then invoke it with the - // `object` as context; otherwise, return it. - _.result = function(object, property, fallback) { - var value = object == null ? void 0 : object[property]; - if (value === void 0) { - value = fallback; - } - return _.isFunction(value) ? value.call(object) : value; - }; - - // Generate a unique integer id (unique within the entire client session). - // Useful for temporary DOM ids. - var idCounter = 0; - _.uniqueId = function(prefix) { - var id = ++idCounter + ''; - return prefix ? prefix + id : id; - }; - - // By default, Underscore uses ERB-style template delimiters, change the - // following template settings to use alternative delimiters. - _.templateSettings = { - evaluate : /<%([\s\S]+?)%>/g, - interpolate : /<%=([\s\S]+?)%>/g, - escape : /<%-([\s\S]+?)%>/g - }; - - // When customizing `templateSettings`, if you don't want to define an - // interpolation, evaluation or escaping regex, we need one that is - // guaranteed not to match. - var noMatch = /(.)^/; - - // Certain characters need to be escaped so that they can be put into a - // string literal. - var escapes = { - "'": "'", - '\\': '\\', - '\r': 'r', - '\n': 'n', - '\u2028': 'u2028', - '\u2029': 'u2029' - }; - - var escaper = /\\|'|\r|\n|\u2028|\u2029/g; - - var escapeChar = function(match) { - return '\\' + escapes[match]; - }; - - // JavaScript micro-templating, similar to John Resig's implementation. - // Underscore templating handles arbitrary delimiters, preserves whitespace, - // and correctly escapes quotes within interpolated code. - // NB: `oldSettings` only exists for backwards compatibility. - _.template = function(text, settings, oldSettings) { - if (!settings && oldSettings) settings = oldSettings; - settings = _.defaults({}, settings, _.templateSettings); - - // Combine delimiters into one regular expression via alternation. - var matcher = RegExp([ - (settings.escape || noMatch).source, - (settings.interpolate || noMatch).source, - (settings.evaluate || noMatch).source - ].join('|') + '|$', 'g'); - - // Compile the template source, escaping string literals appropriately. - var index = 0; - var source = "__p+='"; - text.replace(matcher, function(match, escape, interpolate, evaluate, offset) { - source += text.slice(index, offset).replace(escaper, escapeChar); - index = offset + match.length; - - if (escape) { - source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'"; - } else if (interpolate) { - source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'"; - } else if (evaluate) { - source += "';\n" + evaluate + "\n__p+='"; - } - - // Adobe VMs need the match returned to produce the correct offest. - return match; - }); - source += "';\n"; - - // If a variable is not specified, place data values in local scope. - if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n'; - - source = "var __t,__p='',__j=Array.prototype.join," + - "print=function(){__p+=__j.call(arguments,'');};\n" + - source + 'return __p;\n'; - - try { - var render = new Function(settings.variable || 'obj', '_', source); - } catch (e) { - e.source = source; - throw e; - } - - var template = function(data) { - return render.call(this, data, _); - }; - - // Provide the compiled source as a convenience for precompilation. - var argument = settings.variable || 'obj'; - template.source = 'function(' + argument + '){\n' + source + '}'; - - return template; - }; - - // Add a "chain" function. Start chaining a wrapped Underscore object. - _.chain = function(obj) { - var instance = _(obj); - instance._chain = true; - return instance; - }; - - // OOP - // --------------- - // If Underscore is called as a function, it returns a wrapped object that - // can be used OO-style. This wrapper holds altered versions of all the - // underscore functions. Wrapped objects may be chained. - - // Helper function to continue chaining intermediate results. - var result = function(instance, obj) { - return instance._chain ? _(obj).chain() : obj; - }; - - // Add your own custom functions to the Underscore object. - _.mixin = function(obj) { - _.each(_.functions(obj), function(name) { - var func = _[name] = obj[name]; - _.prototype[name] = function() { - var args = [this._wrapped]; - push.apply(args, arguments); - return result(this, func.apply(_, args)); - }; - }); - }; - - // Add all of the Underscore functions to the wrapper object. - _.mixin(_); - - // Add all mutator Array functions to the wrapper. - _.each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) { - var method = ArrayProto[name]; - _.prototype[name] = function() { - var obj = this._wrapped; - method.apply(obj, arguments); - if ((name === 'shift' || name === 'splice') && obj.length === 0) delete obj[0]; - return result(this, obj); - }; - }); - - // Add all accessor Array functions to the wrapper. - _.each(['concat', 'join', 'slice'], function(name) { - var method = ArrayProto[name]; - _.prototype[name] = function() { - return result(this, method.apply(this._wrapped, arguments)); - }; - }); - - // Extracts the result from a wrapped and chained object. - _.prototype.value = function() { - return this._wrapped; - }; - - // Provide unwrapping proxy for some methods used in engine operations - // such as arithmetic and JSON stringification. - _.prototype.valueOf = _.prototype.toJSON = _.prototype.value; - - _.prototype.toString = function() { - return '' + this._wrapped; - }; - - // AMD registration happens at the end for compatibility with AMD loaders - // that may not enforce next-turn semantics on modules. Even though general - // practice for AMD registration is to be anonymous, underscore registers - // as a named module because, like jQuery, it is a base library that is - // popular enough to be bundled in a third party lib, but not be part of - // an AMD load request. Those cases could generate an error when an - // anonymous define() is called outside of a loader request. - if (typeof define === 'function' && define.amd) { - define('underscore', [], function() { - return _; - }); - } -}.call(this));/** +/** * Created by richie on 15/7/8. */ /** @@ -1593,9 +49,9 @@ BI.Factory = { // } return view; } -};(function(root, factory) { - root.BI = factory(root, root.BI || {}, root._, (root.jQuery || root.$)); -}(this, function(root, BI, _, $) { +};(function (root, factory) { + root.BI = factory(root, root.BI || {}, root._, (root.jQuery || root.$)); +}(this, function (root, BI, _, $) { var previousBI = root.BI; @@ -1612,7 +68,7 @@ BI.Factory = { // Runs BI.js in *noConflict* mode, returning the `BI` variable // to its previous owner. Returns a reference to this BI object. - BI.noConflict = function() { + BI.noConflict = function () { root.BI = previousBI; return this; }; @@ -1645,7 +101,7 @@ BI.Factory = { // Bind an event to a `callback` function. Passing `"all"` will bind // the callback to all events fired. - on: function(name, callback, context) { + on: function (name, callback, context) { if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this; this._events || (this._events = {}); var events = this._events[name] || (this._events[name] = []); @@ -1655,10 +111,10 @@ BI.Factory = { // Bind an event to only be triggered a single time. After the first time // the callback is invoked, it will be removed. - once: function(name, callback, context) { + once: function (name, callback, context) { if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this; var self = this; - var once = _.once(function() { + var once = _.once(function () { self.off(name, once); callback.apply(this, arguments); }); @@ -1670,7 +126,7 @@ BI.Factory = { // callbacks with that function. If `callback` is null, removes all // callbacks for the event. If `name` is null, removes all bound // callbacks for all events. - off: function(name, callback, context) { + off: function (name, callback, context) { if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this; // Remove all callbacks for all events. @@ -1701,7 +157,7 @@ BI.Factory = { callback && callback !== event.callback && callback !== event.callback._callback || context && context !== event.context - ) { + ) { remaining.push(event); } } @@ -1717,11 +173,15 @@ BI.Factory = { return this; }, + un: function () { + this.off.apply(this, arguments); + }, + // Trigger one or many events, firing all bound callbacks. Callbacks are // passed the same arguments as `trigger` is, apart from the event name // (unless you're listening on `"all"`, which will cause your callback to // receive the true name of the event as the first argument). - trigger: function(name) { + trigger: function (name) { if (!this._events) return this; var args = slice.call(arguments, 1); if (!eventsApi(this, 'trigger', name, args)) return this; @@ -1732,10 +192,14 @@ BI.Factory = { return this; }, + fireEvent: function () { + this.trigger.apply(this, arguments); + }, + // Inversion-of-control versions of `on` and `once`. Tell *this* object to // listen to an event in another object ... keeping track of what it's // listening to. - listenTo: function(obj, name, callback) { + listenTo: function (obj, name, callback) { var listeningTo = this._listeningTo || (this._listeningTo = {}); var id = obj._listenId || (obj._listenId = _.uniqueId('l')); listeningTo[id] = obj; @@ -1744,7 +208,7 @@ BI.Factory = { return this; }, - listenToOnce: function(obj, name, callback) { + listenToOnce: function (obj, name, callback) { if (typeof name === 'object') { for (var event in name) this.listenToOnce(obj, event, name[event]); return this; @@ -1757,7 +221,7 @@ BI.Factory = { return this; } if (!callback) return this; - var once = _.once(function() { + var once = _.once(function () { this.stopListening(obj, name, once); callback.apply(this, arguments); }); @@ -1767,7 +231,7 @@ BI.Factory = { // Tell this object to stop listening to either specific events ... or // to every object it's currently listening to. - stopListening: function(obj, name, callback) { + stopListening: function (obj, name, callback) { var listeningTo = this._listeningTo; if (!listeningTo) return this; var remove = !name && !callback; @@ -1789,7 +253,7 @@ BI.Factory = { // Implement fancy features of the Events API such as multiple event // names `"change blur"` and jQuery-style event maps `{change: action}` // in terms of the existing API. - var eventsApi = function(obj, action, name, rest) { + var eventsApi = function (obj, action, name, rest) { if (!name) return true; // Handle event maps. @@ -1815,19 +279,29 @@ BI.Factory = { // A difficult-to-believe, but optimized internal dispatch function for // triggering events. Tries to keep the usual cases speedy (most internal // BI events have 3 arguments). - var triggerEvents = function(events, args) { + var triggerEvents = function (events, args) { var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2]; switch (args.length) { - case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return; - case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return; - case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return; - case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return; - default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); return; + case 0: + while (++i < l) (ev = events[i]).callback.call(ev.ctx); + return; + case 1: + while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); + return; + case 2: + while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); + return; + case 3: + while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); + return; + default: + while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); + return; } }; // Aliases for backwards compatibility. - Events.bind = Events.on; + Events.bind = Events.on; Events.unbind = Events.off; // Allow the `BI` object to serve as a global event bus, for folks who @@ -1844,7 +318,7 @@ BI.Factory = { // Create a new model with the specified attributes. A client id (`cid`) // is automatically generated and assigned for you. - var M = BI.M = function(attributes, options) { + var M = BI.M = function (attributes, options) { var attrs = attributes || {}; options = options || {}; this.cid = _.uniqueId('c'); @@ -1873,40 +347,47 @@ BI.Factory = { // CouchDB users may want to set this to `"_id"`. idAttribute: 'ID', - _defaultConfig: function(){return {}}, + _defaultConfig: function () { + return {} + }, + + init: function () { + }, // _init is an empty function by default. Override it with your own // initialization logic. - _init: function(){}, + _init: function () { + this.init(); + }, // Return a copy of the model's `attributes` object. - toJSON: function(options) { + toJSON: function (options) { return _.clone(this.attributes); }, // Proxy `BI.sync` by default -- but override this if you need // custom syncing semantics for *this* particular model. - sync: function() { + sync: function () { return BI.sync.apply(this, arguments); }, // Get the value of an attribute. - get: function(attr) { + get: function (attr) { return this.attributes[attr]; }, // Get the HTML-escaped value of an attribute. - escape: function(attr) { + escape: function (attr) { return _.escape(this.get(attr)); }, // Returns `true` if the attribute contains a value that is not null // or undefined. - has: function(attr) { + has: function (attr) { return _.has(this.attributes, attr); }, // Special-cased proxy to underscore's `_.matches` method. - matches: function(attrs) { + matches: function (attrs) { var keys = _.keys(attrs), length = keys.length; var obj = Object(this.attributes); for (var i = 0; i < length; i++) { @@ -1919,7 +400,7 @@ BI.Factory = { // Set a hash of model attributes on the object, firing `"change"`. This is // the core primitive operation of a model, updating the data and notifying // anyone who needs to know about the change in state. The heart of the beast. - set: function(key, val, options) { + set: function (key, val, options) { var attr, attrs, unset, changes, silent, changing, changed, prev, current; if (key == null) return this; @@ -1937,11 +418,11 @@ BI.Factory = { if (!this._validate(attrs, options)) return false; // Extract attributes and options. - unset = options.unset; - silent = options.silent; - changes = []; - changing = this._changing; - this._changing = true; + unset = options.unset; + silent = options.silent; + changes = []; + changing = this._changing; + this._changing = true; if (!changing) { this._previousAttributes = _.clone(this.attributes); @@ -1991,12 +472,12 @@ BI.Factory = { // Remove an attribute from the model, firing `"change"`. `unset` is a noop // if the attribute doesn't exist. - unset: function(attr, options) { + unset: function (attr, options) { return this.set(attr, void 0, _.extend({}, options, {unset: true})); }, // Clear all attributes on the model, firing `"change"`. - clear: function(options) { + clear: function (options) { var attrs = {}; for (var key in this.attributes) attrs[key] = void 0; return this.set(attrs, _.extend({}, options, {unset: true})); @@ -2004,7 +485,7 @@ BI.Factory = { // Determine if the model has changed since the last `"change"` event. // If you specify an attribute name, determine if that attribute has changed. - hasChanged: function(attr) { + hasChanged: function (attr) { if (attr == null) return !_.isEmpty(this.changed); return _.has(this.changed, attr); }, @@ -2015,7 +496,7 @@ BI.Factory = { // persisted to the server. Unset attributes will be set to undefined. // You can also pass an attributes object to diff against the model, // determining if there *would be* a change. - changedAttributes: function(diff) { + changedAttributes: function (diff) { if (!diff) return this.hasChanged() ? _.clone(this.changed) : false; var val, changed = false; var old = this._changing ? this._previousAttributes : this.attributes; @@ -2028,27 +509,27 @@ BI.Factory = { // Get the previous value of an attribute, recorded at the time the last // `"change"` event was fired. - previous: function(attr) { + previous: function (attr) { if (attr == null || !this._previousAttributes) return null; return this._previousAttributes[attr]; }, // Get all of the attributes of the model at the time of the previous // `"change"` event. - previousAttributes: function() { + previousAttributes: function () { return _.clone(this._previousAttributes); }, // Fetch the model from the server. If the server's representation of the // model differs from its current attributes, they will be overridden, // triggering a `"change"` event. - fetch: function(options) { + fetch: function (options) { options = options ? _.clone(options) : {}; if (options.parse === void 0) options.parse = true; var model = this; var success = options.success; - options.success = function(resp) { - if(!options.noset) { + options.success = function (resp) { + if (!options.noset) { if (!model.set(model.parse(resp, options), options)) return false; } if (success) success(resp, model, options); @@ -2061,7 +542,7 @@ BI.Factory = { // Set a hash of model attributes, and sync the model to the server. // If the server returns an attributes hash that differs, the model's // state will be `set` again. - save: function(key, val, options) { + save: function (key, val, options) { var attrs, method, xhr, attributes = this.attributes; // Handle both `"key", value` and `{key: value}` -style arguments. @@ -2093,7 +574,7 @@ BI.Factory = { if (options.parse === void 0) options.parse = true; var model = this; var success = options.success; - options.success = function(resp) { + options.success = function (resp) { // Ensure attributes are restored during synchronous saves. model.attributes = attributes; var serverAttrs = model.parse(resp, options); @@ -2120,17 +601,17 @@ BI.Factory = { // Destroy this model on the server if it was already persisted. // Optimistically removes the model from its collection, if it has one. // If `wait: true` is passed, waits for the server to respond before removal. - destroy: function(options) { + destroy: function (options) { options = options ? _.clone(options) : {}; var model = this; var success = options.success; - var destroy = function() { + var destroy = function () { model.stopListening(); model.trigger('destroy', model.collection, model, options); }; - options.success = function(resp) { + options.success = function (resp) { if (options.wait || model.isNew()) destroy(); if (success) success(resp, model, options); if (!model.isNew()) model.trigger('sync', resp, model, options).trigger('delete', resp, model, options); @@ -2150,7 +631,7 @@ BI.Factory = { // Default URL for the model's representation on the server -- if you're // using BI's restful methods, override this to change the endpoint // that will be called. - url: function() { + url: function () { var base = _.result(this.collection, 'url'); if (this.isNew()) return base; @@ -2159,28 +640,28 @@ BI.Factory = { // **parse** converts a response into the hash of attributes to be `set` on // the model. The default implementation is just to pass the response along. - parse: function(resp, options) { + parse: function (resp, options) { return resp; }, // Create a new model with identical attributes to this one. - clone: function() { + clone: function () { return new this.constructor(this.attributes); }, // A model is new if it has never been saved to the server, and lacks an id. - isNew: function() { + isNew: function () { return !this.has(this.idAttribute); }, // Check if the model is currently in a valid state. - isValid: function(options) { - return this._validate({}, _.extend(options || {}, { validate: true })); + isValid: function (options) { + return this._validate({}, _.extend(options || {}, {validate: true})); }, // Run validation against the next complete set of model attributes, // returning `true` if all is well. Otherwise, fire an `"invalid"` event. - _validate: function(attrs, options) { + _validate: function (attrs, options) { if (!options.validate || !this.validate) return true; attrs = _.extend({}, this.attributes, attrs); var error = this.validationError = this.validate(attrs, options) || null; @@ -2195,9 +676,9 @@ BI.Factory = { var modelMethods = ['keys', 'values', 'pairs', 'invert', 'pick', 'omit', 'chain', 'isEmpty']; // Mix in each Underscore method as a proxy to `M#attributes`. - _.each(modelMethods, function(method) { + _.each(modelMethods, function (method) { if (!_[method]) return; - M.prototype[method] = function() { + M.prototype[method] = function () { var args = slice.call(arguments); args.unshift(this.attributes); return _[method].apply(_, args); @@ -2217,7 +698,7 @@ BI.Factory = { // Create a new **Collection**, perhaps to contain a specific type of `model`. // If a `comparator` is specified, the Collection will maintain // its models in sort order, as they're added and removed. - var Collection = BI.Collection = function(models, options) { + var Collection = BI.Collection = function (models, options) { this.options = options = options || {}; if (options.model) this.model = options.model; if (options.comparator !== void 0) this.comparator = options.comparator; @@ -2239,26 +720,29 @@ BI.Factory = { // _init is an empty function by default. Override it with your own // initialization logic. - _init: function(){}, + _init: function () { + }, // The JSON representation of a Collection is an array of the // models' attributes. - toJSON: function(options) { - return this.map(function(model){ return model.toJSON(options); }); + toJSON: function (options) { + return this.map(function (model) { + return model.toJSON(options); + }); }, // Proxy `BI.sync` by default. - sync: function() { + sync: function () { return BI.sync.apply(this, arguments); }, // Add a model, or list of models to the set. - add: function(models, options) { + add: function (models, options) { return this.set(models, _.extend({merge: false}, options, addOptions)); }, // Remove a model, or a list of models from the set. - remove: function(models, options) { + remove: function (models, options) { var singular = !_.isArray(models); models = singular ? [models] : _.clone(models); options || (options = {}); @@ -2284,7 +768,7 @@ BI.Factory = { // removing models that are no longer present, and merging models that // already exist in the collection, as necessary. Similar to **M#set**, // the core operation for updating the data contained by the collection. - set: function(models, options) { + set: function (models, options) { options = _.defaults({}, options, setOptions); if (options.parse) models = this.parse(models, options); var singular = !_.isArray(models); @@ -2385,7 +869,7 @@ BI.Factory = { // you can reset the entire set with a new list of models, without firing // any granular `add` or `remove` events. Fires `reset` when finished. // Useful for bulk operations and optimizations. - reset: function(models, options) { + reset: function (models, options) { options = options ? _.clone(options) : {}; for (var i = 0, length = this.models.length; i < length; i++) { this._removeReference(this.models[i], options); @@ -2398,66 +882,66 @@ BI.Factory = { }, // Add a model to the end of the collection. - push: function(model, options) { + push: function (model, options) { return this.add(model, _.extend({at: this.length}, options)); }, // Remove a model from the end of the collection. - pop: function(options) { + pop: function (options) { var model = this.at(this.length - 1); this.remove(model, options); return model; }, // Add a model to the beginning of the collection. - unshift: function(model, options) { + unshift: function (model, options) { return this.add(model, _.extend({at: 0}, options)); }, // Remove a model from the beginning of the collection. - shift: function(options) { + shift: function (options) { var model = this.at(0); this.remove(model, options); return model; }, // Slice out a sub-array of models from the collection. - slice: function() { + slice: function () { return slice.apply(this.models, arguments); }, // Get a model from the set by id. - get: function(obj) { + get: function (obj) { if (obj == null) return void 0; var id = this.modelId(this._isModel(obj) ? obj.attributes : obj); return this._byId[obj] || this._byId[id] || this._byId[obj.cid]; }, // Get the model at the given index. - at: function(index) { + at: function (index) { if (index < 0) index += this.length; return this.models[index]; }, // Return models with matching attributes. Useful for simple cases of // `filter`. - where: function(attrs, first) { + where: function (attrs, first) { var matches = _.matches(attrs); - return this[first ? 'find' : 'filter'](function(model) { + return this[first ? 'find' : 'filter'](function (model) { return matches(model.attributes); }); }, // Return the first model with matching attributes. Useful for simple cases // of `find`. - findWhere: function(attrs) { + findWhere: function (attrs) { return this.where(attrs, true); }, // Force the collection to re-sort itself. You don't need to call this under // normal circumstances, as the set will maintain sort order as each item // is added. - sort: function(options) { + sort: function (options) { if (!this.comparator) throw new Error('Cannot sort a set without a comparator'); options || (options = {}); @@ -2473,19 +957,19 @@ BI.Factory = { }, // Pluck an attribute from each model in the collection. - pluck: function(attr) { + pluck: function (attr) { return _.invoke(this.models, 'get', attr); }, // Fetch the default set of models for this collection, resetting the // collection when they arrive. If `reset: true` is passed, the response // data will be passed through the `reset` method instead of `set`. - fetch: function(options) { + fetch: function (options) { options = options ? _.clone(options) : {}; if (options.parse === void 0) options.parse = true; var success = options.success; var collection = this; - options.success = function(resp) { + options.success = function (resp) { var method = options.reset ? 'reset' : 'set'; collection[method](resp, options); if (success) success(collection, resp, options); @@ -2498,13 +982,13 @@ BI.Factory = { // Create a new instance of a model in this collection. Add the model to the // collection immediately, unless `wait: true` is passed, in which case we // wait for the server to agree. - create: function(model, options) { + create: function (model, options) { options = options ? _.clone(options) : {}; if (!(model = this._prepareModel(model, options))) return false; if (!options.wait) this.add(model, options); var collection = this; var success = options.success; - options.success = function(model, resp) { + options.success = function (model, resp) { if (options.wait) collection.add(model, options); if (success) success(model, resp, options); }; @@ -2514,12 +998,12 @@ BI.Factory = { // **parse** converts a response into a list of models to be added to the // collection. The default implementation is just to pass it through. - parse: function(resp, options) { + parse: function (resp, options) { return resp; }, // Create a new collection with an identical list of models as this one. - clone: function() { + clone: function () { return new this.constructor(this.models, { model: this.model, comparator: this.comparator @@ -2533,15 +1017,15 @@ BI.Factory = { // Private method to reset all internal state. Called when the collection // is first _initd or reset. - _reset: function() { + _reset: function () { this.length = 0; this.models = []; - this._byId = {}; + this._byId = {}; }, // Prepare a hash of attributes (or other model) to be added to this // collection. - _prepareModel: function(attrs, options) { + _prepareModel: function (attrs, options) { if (this._isModel(attrs)) { if (!attrs.collection) attrs.collection = this; return attrs; @@ -2561,7 +1045,7 @@ BI.Factory = { }, // Internal method to create a model's ties to a collection. - _addReference: function(model, options) { + _addReference: function (model, options) { this._byId[model.cid] = model; var id = this.modelId(model.attributes); if (id != null) this._byId[id] = model; @@ -2569,7 +1053,7 @@ BI.Factory = { }, // Internal method to sever a model's ties to a collection. - _removeReference: function(model, options) { + _removeReference: function (model, options) { if (this === model.collection) delete model.collection; model.off('all', this._onModelEvent, this); }, @@ -2578,7 +1062,7 @@ BI.Factory = { // Sets need to update their indexes when models change ids. All other // events simply proxy through. "add" and "remove" events that originate // in other collections are ignored. - _onModelEvent: function(event, model, collection, options) { + _onModelEvent: function (event, model, collection, options) { if ((event === 'add' || event === 'remove') && collection !== this) return; if (event === 'destroy') this.remove(model, options); if (event === 'change') { @@ -2605,9 +1089,9 @@ BI.Factory = { 'lastIndexOf', 'isEmpty', 'chain', 'sample', 'partition']; // Mix in each Underscore method as a proxy to `Collection#models`. - _.each(methods, function(method) { + _.each(methods, function (method) { if (!_[method]) return; - Collection.prototype[method] = function() { + Collection.prototype[method] = function () { var args = slice.call(arguments); args.unshift(this.models); return _[method].apply(_, args); @@ -2618,10 +1102,10 @@ BI.Factory = { var attributeMethods = ['groupBy', 'countBy', 'sortBy', 'indexBy']; // Use attributes instead of properties. - _.each(attributeMethods, function(method) { + _.each(attributeMethods, function (method) { if (!_[method]) return; - Collection.prototype[method] = function(value, context) { - var iterator = _.isFunction(value) ? value : function(model) { + Collection.prototype[method] = function (value, context) { + var iterator = _.isFunction(value) ? value : function (model) { return model.get(value); }; return _[method](this.models, iterator, context); @@ -2641,7 +1125,7 @@ BI.Factory = { // Creating a BI.V creates its initial element outside of the DOM, // if an existing element is not provided... - var V = BI.V = function(options) { + var V = BI.V = function (options) { this.cid = _.uniqueId('view'); options = options || {}; this.options = _.defaults(options, _.result(this, '_defaultConfig')); @@ -2664,28 +1148,33 @@ BI.Factory = { // jQuery delegate for element lookup, scoped to DOM elements within the // current view. This should be preferred to global lookups where possible. - $: function(selector) { + $: function (selector) { return this.$el.find(selector); }, - _defaultConfig: function(){return {}}, + _defaultConfig: function () { + return {} + }, // _init is an empty function by default. Override it with your own // initialization logic. - _init: function(){}, + _init: function () { + }, //容器,默认放在this.element上 - _vessel: function(){return this.element}, + _vessel: function () { + return this + }, // **render** is the core function that your view should override, in order // to populate its element (`this.el`), with the appropriate HTML. The // convention is for **render** to always return `this`. - _render: function(vessel) { + render: function (vessel) { return this; }, // Remove this view by taking the element out of the DOM, and removing any // applicable BI.Events listeners. - remove: function() { + remove: function () { this._removeElement(); this.stopListening(); return this; @@ -2694,7 +1183,7 @@ BI.Factory = { // Remove this view's element from the document and all event listeners // attached to it. Exposed for subclasses using an alternative DOM // manipulation API. - _removeElement: function() { + _removeElement: function () { this.$el.remove(); if ($.browser.msie === true) { this.el.outerHTML = ''; @@ -2703,33 +1192,33 @@ BI.Factory = { // Change the view's element (`this.el` property) and re-delegate the // view's events on the new element. - setElement: function(element) { + setElement: function (element) { this.undelegateEvents(); this._setElement(element); - this.$vessel = this._vessel(); - this._render(this.$vessel); + this.vessel = this._vessel(); + this.render(this.vessel); this.delegateEvents(); return this; }, - setVisible: function(visible){ + setVisible: function (visible) { this.options.invisible = !visible; - if (visible){ + if (visible) { this.element.show(); } else { this.element.hide(); } }, - isVisible: function(){ + isVisible: function () { return !this.options.invisible; }, - visible: function(){ + visible: function () { this.setVisible(true); }, - invisible: function(){ + invisible: function () { this.setVisible(false); }, @@ -2738,7 +1227,7 @@ BI.Factory = { // context or an element. Subclasses can override this to utilize an // alternative DOM manipulation API and are only required to set the // `this.el` property. - _setElement: function(el) { + _setElement: function (el) { this.$el = el instanceof BI.$ ? el : BI.$(el); this.element = this.$el; this.el = this.$el[0]; @@ -2757,7 +1246,7 @@ BI.Factory = { // pairs. Callbacks will be bound to the view, with `this` set properly. // Uses event delegation for efficiency. // Omitting the selector binds the event to `this.el`. - delegateEvents: function(events) { + delegateEvents: function (events) { if (!(events || (events = _.result(this, 'events')))) return this; this.undelegateEvents(); for (var key in events) { @@ -2773,27 +1262,27 @@ BI.Factory = { // Add a single event listener to the view's element (or a child element // using `selector`). This only works for delegate-able events: not `focus`, // `blur`, and not `change`, `submit`, and `reset` in Internet Explorer. - delegate: function(eventName, selector, listener) { - this.$vessel.on(eventName + '.delegateEvents' + this.cid, selector, listener); + delegate: function (eventName, selector, listener) { + this.vessel.element.on(eventName + '.delegateEvents' + this.cid, selector, listener); }, // Clears all callbacks previously bound to the view by `delegateEvents`. // You usually don't need to use this, but may wish to if you have multiple // BI views attached to the same DOM element. - undelegateEvents: function() { - if (this.$vessel) this.$vessel.off('.delegateEvents' + this.cid); + undelegateEvents: function () { + if (this.vessel) this.vessel.element.off('.delegateEvents' + this.cid); return this; }, // A finer-grained `undelegateEvents` for removing a single delegated event. // `selector` and `listener` are both optional. - undelegate: function(eventName, selector, listener) { - this.$vessel.off(eventName + '.delegateEvents' + this.cid, selector, listener); + undelegate: function (eventName, selector, listener) { + this.vessel.element.off(eventName + '.delegateEvents' + this.cid, selector, listener); }, // Produces a DOM element to be assigned to your view. Exposed for // subclasses using an alternative DOM manipulation API. - _createElement: function(tagName) { + _createElement: function (tagName) { return document.createElement(tagName); }, @@ -2801,7 +1290,7 @@ BI.Factory = { // If `this.el` is a string, pass it through `$()`, take the first // matching element, and re-assign it to `el`. Otherwise, create // an element from the `id`, `className` and `tagName` properties. - _ensureElement: function() { + _ensureElement: function () { var attrs = _.extend({}, _.result(this, 'attributes')); if (this.baseCls) attrs['class'] = _.result(this, 'baseCls'); if (!this.element) { @@ -2814,7 +1303,7 @@ BI.Factory = { // Set attributes from a hash on this view's element. Exposed for // subclasses using an alternative DOM manipulation API. - _setAttributes: function(attributes) { + _setAttributes: function (attributes) { this.$el.attr(attributes); } @@ -2838,7 +1327,7 @@ BI.Factory = { // instead of `application/json` with the model in a param named `model`. // Useful when interfacing with server-side languages like **PHP** that make // it difficult to read the body of `PUT` requests. - BI.sync = function(method, model, options) { + BI.sync = function (method, model, options) { var type = methodMap[method]; // Default options, unless specified. @@ -2852,8 +1341,8 @@ BI.Factory = { // Ensure that we have a URL. if (!options.url) { - params.url = _.result(model, method+"URL") || _.result(model, 'url'); - if(!params.url){ + params.url = _.result(model, method + "URL") || _.result(model, 'url'); + if (!params.url) { return; } } @@ -2876,7 +1365,7 @@ BI.Factory = { params.type = 'POST'; if (options.emulateJSON) params.data._method = type; var beforeSend = options.beforeSend; - options.beforeSend = function(xhr) { + options.beforeSend = function (xhr) { xhr.setRequestHeader('X-HTTP-Method-Override', type); if (beforeSend) return beforeSend.apply(this, arguments); }; @@ -2889,7 +1378,7 @@ BI.Factory = { // Pass along `textStatus` and `errorThrown` from jQuery. var error = options.error; - options.error = function(xhr, textStatus, errorThrown) { + options.error = function (xhr, textStatus, errorThrown) { options.textStatus = textStatus; options.errorThrown = errorThrown; if (error) error.apply(this, arguments); @@ -2905,9 +1394,9 @@ BI.Factory = { var methodMap = { 'create': 'POST', 'update': 'PUT', - 'patch': 'PATCH', + 'patch': 'PATCH', 'delete': 'DELETE', - 'read': 'GET' + 'read': 'GET' }; // Set the default implementation of `BI.ajax` to proxy through to `$`. @@ -2919,7 +1408,7 @@ BI.Factory = { // Routers map faux-URLs to actions, and fire events when routes are // matched. Creating a new one sets its `routes` hash, if not set statically. - var Router = BI.Router = function(options) { + var Router = BI.Router = function (options) { options || (options = {}); if (options.routes) this.routes = options.routes; this._bindRoutes(); @@ -2929,16 +1418,17 @@ BI.Factory = { // Cached regular expressions for matching named param parts and splatted // parts of route strings. var optionalParam = /\((.*?)\)/g; - var namedParam = /(\(\?)?:\w+/g; - var splatParam = /\*\w+/g; - var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g; + var namedParam = /(\(\?)?:\w+/g; + var splatParam = /\*\w+/g; + var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g; // Set up all inheritable **BI.Router** properties and methods. _.extend(Router.prototype, Events, { // _init is an empty function by default. Override it with your own // initialization logic. - _init: function(){}, + _init: function () { + }, // Manually bind a single named route to a callback. For example: // @@ -2946,7 +1436,7 @@ BI.Factory = { // ... // }); // - route: function(route, name, callback) { + route: function (route, name, callback) { if (!_.isRegExp(route)) route = this._routeToRegExp(route); if (_.isFunction(name)) { callback = name; @@ -2954,7 +1444,7 @@ BI.Factory = { } if (!callback) callback = this[name]; var router = this; - BI.history.route(route, function(fragment) { + BI.history.route(route, function (fragment) { var args = router._extractParameters(route, fragment); if (router.execute(callback, args, name) !== false) { router.trigger.apply(router, ['route:' + name].concat(args)); @@ -2967,12 +1457,12 @@ BI.Factory = { // Execute a route handler with the provided parameters. This is an // excellent place to do pre-route setup or post-route cleanup. - execute: function(callback, args, name) { + execute: function (callback, args, name) { if (callback) callback.apply(this, args); }, // Simple proxy to `BI.history` to save a fragment into the history. - navigate: function(fragment, options) { + navigate: function (fragment, options) { BI.history.navigate(fragment, options); return this; }, @@ -2980,7 +1470,7 @@ BI.Factory = { // Bind all defined routes to `BI.history`. We have to reverse the // order of the routes here to support behavior where the most general // routes can be defined at the bottom of the route map. - _bindRoutes: function() { + _bindRoutes: function () { if (!this.routes) return; this.routes = _.result(this, 'routes'); var route, routes = _.keys(this.routes); @@ -2991,10 +1481,10 @@ BI.Factory = { // Convert a route string into a regular expression, suitable for matching // against the current location hash. - _routeToRegExp: function(route) { + _routeToRegExp: function (route) { route = route.replace(escapeRegExp, '\\$&') .replace(optionalParam, '(?:$1)?') - .replace(namedParam, function(match, optional) { + .replace(namedParam, function (match, optional) { return optional ? match : '([^/?]+)'; }) .replace(splatParam, '([^?]*?)'); @@ -3004,9 +1494,9 @@ BI.Factory = { // Given a route, and a URL fragment that it matches, return the array of // extracted decoded parameters. Empty or unmatched parameters will be // treated as `null` to normalize cross-browser behavior. - _extractParameters: function(route, fragment) { + _extractParameters: function (route, fragment) { var params = route.exec(fragment).slice(1); - return _.map(params, function(param, i) { + return _.map(params, function (param, i) { // Don't decode the search params. if (i === params.length - 1) return param || null; return param ? decodeURIComponent(param) : null; @@ -3023,7 +1513,7 @@ BI.Factory = { // [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange) // and URL fragments. If the browser supports neither (old IE, natch), // falls back to polling. - var History = BI.History = function() { + var History = BI.History = function () { this.handlers = []; _.bindAll(this, 'checkUrl'); @@ -3054,27 +1544,27 @@ BI.Factory = { interval: 50, // Are we at the app root? - atRoot: function() { + atRoot: function () { var path = this.location.pathname.replace(/[^\/]$/, '$&/'); return path === this.root && !this.getSearch(); }, // In IE6, the hash fragment and search params are incorrect if the // fragment contains `?`. - getSearch: function() { + getSearch: function () { var match = this.location.href.replace(/#.*/, '').match(/\?.+/); return match ? match[0] : ''; }, // Gets the true hash value. Cannot use location.hash directly due to bug // in Firefox where location.hash will always be decoded. - getHash: function(window) { + getHash: function (window) { var match = (window || this).location.href.match(/#(.*)$/); return match ? match[1] : ''; }, // Get the pathname and search params, without the root. - getPath: function() { + getPath: function () { var path = decodeURI(this.location.pathname + this.getSearch()); var root = this.root.slice(0, -1); if (!path.indexOf(root)) path = path.slice(root.length); @@ -3082,7 +1572,7 @@ BI.Factory = { }, // Get the cross-browser normalized URL fragment from the path or hash. - getFragment: function(fragment) { + getFragment: function (fragment) { if (fragment == null) { if (this._hasPushState || !this._wantsHashChange) { fragment = this.getPath(); @@ -3095,19 +1585,19 @@ BI.Factory = { // Start the hash change handling, returning `true` if the current URL matches // an existing route, and `false` otherwise. - start: function(options) { + start: function (options) { if (History.started) throw new Error('BI.history has already been started'); History.started = true; // Figure out the initial configuration. Do we need an iframe? // Is pushState desired ... is it available? - this.options = _.extend({root: '/'}, this.options, options); - this.root = this.options.root; + this.options = _.extend({root: '/'}, this.options, options); + this.root = this.options.root; this._wantsHashChange = this.options.hashChange !== false; - this._hasHashChange = 'onhashchange' in window; - this._wantsPushState = !!this.options.pushState; - this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState); - this.fragment = this.getFragment(); + this._hasHashChange = 'onhashchange' in window; + this._wantsPushState = !!this.options.pushState; + this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState); + this.fragment = this.getFragment(); // Normalize root to always include a leading and trailing slash. this.root = ('/' + this.root + '/').replace(rootStripper, '/'); @@ -3149,8 +1639,8 @@ BI.Factory = { // Add a cross-platform `addEventListener` shim for older browsers. var addEventListener = window.addEventListener || function (eventName, listener) { - return attachEvent('on' + eventName, listener); - }; + return attachEvent('on' + eventName, listener); + }; // Depending on whether we're using pushState or hashes, and whether // 'onhashchange' is supported, determine how we check the URL state. @@ -3167,11 +1657,11 @@ BI.Factory = { // Disable BI.history, perhaps temporarily. Not useful in a real app, // but possibly useful for unit testing Routers. - stop: function() { + stop: function () { // Add a cross-platform `removeEventListener` shim for older browsers. var removeEventListener = window.removeEventListener || function (eventName, listener) { - return detachEvent('on' + eventName, listener); - }; + return detachEvent('on' + eventName, listener); + }; // Remove window listeners. if (this._hasPushState) { @@ -3193,13 +1683,13 @@ BI.Factory = { // Add a route to be tested when the fragment changes. Routes added later // may override previous routes. - route: function(route, callback) { + route: function (route, callback) { this.handlers.unshift({route: route, callback: callback}); }, // Checks the current URL to see if it has changed, and if it has, // calls `loadUrl`, normalizing across the hidden iframe. - checkUrl: function(e) { + checkUrl: function (e) { var current = this.getFragment(); // If the user pressed the back button, the iframe's hash will have @@ -3216,9 +1706,9 @@ BI.Factory = { // Attempt to load the current URL fragment. If a route succeeds with a // match, returns `true`. If no defined routes matches the fragment, // returns `false`. - loadUrl: function(fragment) { + loadUrl: function (fragment) { fragment = this.fragment = this.getFragment(fragment); - return _.any(this.handlers, function(handler) { + return _.any(this.handlers, function (handler) { if (handler.route.test(fragment)) { handler.callback(fragment); return true; @@ -3233,7 +1723,7 @@ BI.Factory = { // The options object can contain `trigger: true` if you wish to have the // route callback be fired (not usually desirable), or `replace: true`, if // you wish to modify the current URL without adding an entry to the history. - navigate: function(fragment, options) { + navigate: function (fragment, options) { if (!History.started) return false; if (!options || options === true) options = {trigger: !!options}; @@ -3279,7 +1769,7 @@ BI.Factory = { // Update the hash location, either replacing the current entry, or adding // a new one to the browser history. - _updateHash: function(location, fragment, replace) { + _updateHash: function (location, fragment, replace) { if (replace) { var href = location.href.replace(/(javascript:|#).*$/, ''); location.replace(href + '#' + fragment); @@ -3300,7 +1790,7 @@ BI.Factory = { // Helper function to correctly set up the prototype chain, for subclasses. // Similar to `goog.inherits`, but uses a hash of prototype properties and // class properties to be extended. - var extend = function(protoProps, staticProps) { + var extend = function (protoProps, staticProps) { var parent = this; var child; @@ -3310,7 +1800,9 @@ BI.Factory = { if (protoProps && _.has(protoProps, 'constructor')) { child = protoProps.constructor; } else { - child = function(){ return parent.apply(this, arguments); }; + child = function () { + return parent.apply(this, arguments); + }; } // Add static properties to the constructor function, if supplied. @@ -3318,7 +1810,9 @@ BI.Factory = { // Set the prototype chain to inherit from `parent`, without calling // `parent`'s constructor function. - var Surrogate = function(){ this.constructor = child; }; + var Surrogate = function () { + this.constructor = child; + }; Surrogate.prototype = parent.prototype; child.prototype = new Surrogate; @@ -3337,14 +1831,14 @@ BI.Factory = { M.extend = Collection.extend = Router.extend = V.extend = History.extend = extend; // Throw an error when a URL is needed, and none is supplied. - var urlError = function() { + var urlError = function () { throw new Error('A "url" property or function must be specified'); }; // Wrap an optional error callback with a fallback error event. - var wrapError = function(model, options) { + var wrapError = function (model, options) { var error = options.error; - options.error = function(resp) { + options.error = function (resp) { if (error) error(model, resp, options); model.trigger('error', model, resp, options); }; @@ -3542,7 +2036,7 @@ if (!window.BI) { }, formatEL: function (obj) { - if (obj && obj.el) { + if (obj && !obj.type && obj.el) { return obj; } return { @@ -4477,807 +2971,688 @@ if (!window.BI) { //encode encodeBIParam(option.data); - var async = true; - if (BI.isNotNull(option.async)) { - async = option.async; - } - - if (BI.isNull(loading)) { - loading = BI.createWidget({ - type: "bi.request_loading" - }); - } + var async = option.async; - if (BI.isNull(timeoutToast)) { - timeoutToast = BI.createWidget({ - type: "bi.timeout_toast" - }); - timeoutToast.setCallback(function (op) { - decodeBIParam(op.data); - BI.ajax(op); - }); - } - timeoutToast.addReq(option); + option.data = BI.cjkEncodeDO(option.data); - option.data = BI.cjkEncodeDO(option.data); - - - $.ajax({ url: option.url, type: "POST", data: option.data, async: async, - error: function () { - if (!timeoutToast.hasReq(option)) { - return; - } - timeoutToast.removeReq(option); - //失败 取消、重新加载 - loading.setCallback(function () { - decodeBIParam(option.data); - BI.ajax(option); - }); - loading.showError(); - }, + error: option.error, complete: function (res, status) { - if (!timeoutToast.hasReq(option)) { - return; - } - timeoutToast.removeReq(option); - //登录超时 - if (BI.isNotNull(res.responseText) && - res.responseText.indexOf("fs-login-content") > -1 && - res.responseText.indexOf("fs-login-input-password-confirm") === -1) { - if (BI.Popovers.isVisible(BI.LoginTimeOut.POPOVER_ID)) { - return; - } - if (BI.isNotNull(BI.Popovers.get(BI.LoginTimeOut.POPOVER_ID))) { - BI.Popovers.open(BI.LoginTimeOut.POPOVER_ID); - return; - } - var loginTimeout = BI.createWidget({ - type: "bi.login_timeout" - }); - loginTimeout.on(BI.LoginTimeOut.EVENT_LOGIN, function () { - decodeBIParam(option.data); - BI.ajax(option); - BI.Popovers.remove(BI.LoginTimeOut.POPOVER_ID); - }); - BI.Popovers.create(BI.LoginTimeOut.POPOVER_ID, loginTimeout, { - width: 600, - height: 400 - }).open(BI.LoginTimeOut.POPOVER_ID); - } else if (BI.isNotNull(res.responseText) && - res.responseText.indexOf("script") > -1 && - res.responseText.indexOf("Session Timeout...") > -1) { - //登录失效 - loading.setCallback(function () { - location.reload(); - }); - loading.showError(); - - } else if (status === "success" && BI.isFunction(option.success)) { - option.success(BI.jsonDecode(res.responseText)); - } if (BI.isFunction(option.complete)) { option.complete(BI.jsonDecode(res.responseText), status); } } - }); - - return function cancel() { - timeoutToast.removeReq(option); - }; - - function encodeBIParam(data) { - for (var key in data) { - if (_.isObject(data[key])) { - data[key] = window.encodeURIComponent(BI.jsonEncode(data[key])); - } else { - data[key] = window.encodeURIComponent(data[key]); - } + }); + + function encodeBIParam(data) { + for (var key in data) { + if (_.isObject(data[key])) { + data[key] = window.encodeURIComponent(BI.jsonEncode(data[key])); + } else { + data[key] = window.encodeURIComponent(data[key]); + } + } + } + + function decodeBIParam(data) { + for (var key in data) { + data[key] = window.decodeURIComponent(data[key]); + if (_.isObject(data[key])) { + data[key] = BI.jsonDecode(data[key]); + } + } + } + } + })() + }); +})(jQuery);;(function () { + function isEmpty(value) { + // 判断是否为空值 + var result = value === "" || value === null || value === undefined; + return result; + } + + // 判断是否是无效的日期 + function isInvalidDate(date) { + return date == "Invalid Date" || date == "NaN"; + } + + /** + * 科学计数格式 + */ + function _eFormat(text, fmt) { + var e = fmt.indexOf("E"); + var eleft = fmt.substr(0, e), eright = fmt.substr(e + 1); + if (/^[0\.-]+$/.test(text)) { + text = BI._numberFormat(0.0, eleft) + 'E' + BI._numberFormat(0, eright) + } else { + var isNegative = text < 0; + if (isNegative) { + text = text.substr(1); + } + var elvl = (eleft.split('.')[0] || '').length; + var point = text.indexOf("."); + if (point < 0) { + point = text.length; + } + var i = 0; //第一个不为0的数的位置 + text = text.replace('.', ''); + for (var len = text.length; i < len; i++) { + var ech = text.charAt(i); + if (ech <= '9' && ech >= '1') { + break; + } + } + var right = point - i - elvl; + var left = text.substr(i, elvl); + var dis = i + elvl - text.length; + if (dis > 0) { + //末位补全0 + for (var k = 0; k < dis; k++) { + left += '0'; + } + } else { + left += '.' + text.substr(i + elvl); + } + left = left.replace(/^[0]+/, ''); + if (right < 0 && eright.indexOf('-') < 0) { + eright += ';-' + eright; + } + text = BI._numberFormat(left, eleft) + 'E' + BI._numberFormat(right, eright); + if (isNegative) { + text = '-' + text; + } + } + return text; + } + + /** + * 把日期对象按照指定格式转化成字符串 + * + * @example + * var date = new Date('Thu Dec 12 2013 00:00:00 GMT+0800'); + * var result = BI.date2Str(date, 'yyyy-MM-dd');//2013-12-12 + * + * @class BI.date2Str + * @param date 日期 + * @param format 日期格式 + * @returns {String} + */ + function date2Str(date, format) { + if (!date) { + return ''; + } + // O(len(format)) + var len = format.length, result = ''; + if (len > 0) { + var flagch = format.charAt(0), start = 0, str = flagch; + for (var i = 1; i < len; i++) { + var ch = format.charAt(i); + if (flagch !== ch) { + result += compileJFmt({ + 'char': flagch, + 'str': str, + 'len': i - start + }, date); + flagch = ch; + start = i; + str = flagch; + } else { + str += ch; + } + } + result += compileJFmt({ + 'char': flagch, + 'str': str, + 'len': len - start + }, date); + } + return result; + + function compileJFmt(jfmt, date) { + var str = jfmt.str, len = jfmt.len, ch = jfmt['char']; + switch (ch) { + case 'E': //星期 + str = Date._DN[date.getDay()]; + break; + case 'y': //年 + if (len <= 3) { + str = (date.getFullYear() + '').slice(2, 4); + } else { + str = date.getFullYear(); + } + break; + case 'M': //月 + if (len > 2) { + str = Date._MN[date.getMonth()]; + } else if (len < 2) { + str = date.getMonth() + 1; + } else { + str = String.leftPad(date.getMonth() + 1 + '', 2, '0'); + } + break; + case 'd': //日 + if (len > 1) { + str = String.leftPad(date.getDate() + '', 2, '0'); + } else { + str = date.getDate(); + } + break; + case 'h': //时(12) + var hour = date.getHours() % 12; + if (hour === 0) { + hour = 12; + } + if (len > 1) { + str = String.leftPad(hour + '', 2, '0'); + } else { + str = hour; } - } + break; + case 'H': //时(24) + if (len > 1) { + str = String.leftPad(date.getHours() + '', 2, '0'); + } else { + str = date.getHours(); + } + break; + case 'm': + if (len > 1) { + str = String.leftPad(date.getMinutes() + '', 2, '0'); + } else { + str = date.getMinutes(); + } + break; + case 's': + if (len > 1) { + str = String.leftPad(date.getSeconds() + '', 2, '0'); + } else { + str = date.getSeconds(); + } + break; + case 'a': + str = date.getHours() < 12 ? 'am' : 'pm'; + break; + case 'z': + str = date.getTimezone(); + break; + default: + str = jfmt.str; + break; + } + return str; + } + }; - function decodeBIParam(data) { - for (var key in data) { - data[key] = window.decodeURIComponent(data[key]); - if (_.isObject(data[key])) { - data[key] = BI.jsonDecode(data[key]); - } + /** + * 数字格式 + */ + function _numberFormat(text, format) { + var text = text + ''; + //数字格式,区分正负数 + var numMod = format.indexOf(';'); + if (numMod > -1) { + if (text >= 0) { + return _numberFormat(text + "", format.substring(0, numMod)); + } else { + return _numberFormat((-text) + "", format.substr(numMod + 1)); + } + } + var tp = text.split('.'), fp = format.split('.'), + tleft = tp[0] || '', fleft = fp[0] || '', + tright = tp[1] || '', fright = fp[1] || ''; + //百分比,千分比的小数点移位处理 + if (/[%‰]$/.test(format)) { + var paddingZero = /[%]$/.test(format) ? '00' : '000'; + tright += paddingZero; + tleft += tright.substr(0, paddingZero.length); + tleft = tleft.replace(/^0+/gi, ''); + tright = tright.substr(paddingZero.length).replace(/0+$/gi, ''); + } + var right = _dealWithRight(tright, fright); + if (right.leftPlus) { + //小数点后有进位 + tleft = parseInt(tleft) + 1 + ''; + + tleft = isNaN(tleft) ? '1' : tleft; + } + right = right.num; + var left = _dealWithLeft(tleft, fleft); + if (!(/[0-9]/.test(left))) { + left = left + '0'; + } + if (!(/[0-9]/.test(right))) { + return left + right; + } else { + return left + '.' + right; + } + }; + /** + * 处理小数点右边小数部分 + * @param tright 右边内容 + * @param fright 右边格式 + * @returns {JSON} 返回处理结果和整数部分是否需要进位 + * @private + */ + function _dealWithRight(tright, fright) { + var right = '', j = 0, i = 0; + for (var len = fright.length; i < len; i++) { + var ch = fright.charAt(i); + var c = tright.charAt(j); + switch (ch) { + case '0': + if (isEmpty(c)) { + c = '0'; } + right += c; + j++; + break; + case '#': + right += c; + j++; + break; + default : + right += ch; + break; + } + } + var rll = tright.substr(j); + var result = {}; + if (!isEmpty(rll) && rll.charAt(0) > 4) { + //有多余字符,需要四舍五入 + result.leftPlus = true; + var numReg = right.match(/^[0-9]+/); + if (numReg) { + var num = numReg[0]; + var orilen = num.length; + var newnum = BI.parseInt(num) + 1 + ''; + //进位到整数部分 + if (newnum.length > orilen) { + newnum = newnum.substr(1); + } else { + newnum = BI.leftPad(newnum, orilen, '0'); + result.leftPlus = false; } + right = right.replace(/^[0-9]+/, newnum); } - })(), + } + result.num = right; + return result; + } - /** - * 异步ajax请求 - * @param {String} op op参数 - * @param {String} cmd cmd参数 - * @param {JSON} data ajax请求的参数 - * @param {Function} callback 回调函数 - * @param {Function} complete 回调 - */ - requestAsync: function (op, cmd, data, callback, complete) { - data = data || {}; - if (!BI.isKey(op)) { - op = 'fr_bi_dezi'; - } - if (op === "fr_bi_dezi" || op === "fr_bi_configure") { - data.sessionID = Data.SharingPool.get("sessionID"); - } - var url = BI.servletURL + '?op=' + op + '&cmd=' + cmd + "&_=" + Math.random(); - return (BI.ajax)({ - url: url, - type: 'POST', - data: data, - error: function () { - // BI.Msg.toast(BI.i18nText("BI-Ajax_Error")); - }, - success: function (res) { - if (BI.isFunction(callback)) { - callback(res); + /** + * 处理小数点左边整数部分 + * @param tleft 左边内容 + * @param fleft 左边格式 + * @returns {string} 返回处理结果 + * @private + */ + function _dealWithLeft(tleft, fleft) { + var left = ''; + var j = tleft.length - 1; + var combo = -1, last = -1; + var i = fleft.length - 1; + for (; i >= 0; i--) { + var ch = fleft.charAt(i); + var c = tleft.charAt(j); + switch (ch) { + case '0': + if (isEmpty(c)) { + c = '0'; } - }, - complete: function (res, status) { - if (BI.isFunction(complete)) { - complete(res); + last = -1; + left = c + left; + j--; + break; + case '#': + last = i; + left = c + left; + j--; + break; + case ',': + if (!isEmpty(c)) { + //计算一个,分隔区间的长度 + var com = fleft.match(/,[#0]+/); + if (com) { + combo = com[0].length - 1; + } + left = ',' + left; } - } - }); - }, - - /** - * 同步ajax请求 - * @param {String} op op参数 - * @param {String} cmd cmd参数 - * @param {JSON} data ajax请求的参�? - * @returns {Object} ajax同步请求返回的JSON对象 - */ - requestSync: function (op, cmd, data) { - data = data || {}; - if (!BI.isKey(op)) { - op = 'fr_bi_dezi'; - } - if (op === "fr_bi_dezi") { - data.sessionID = Data.SharingPool.get("sessionID"); + break; + default : + left = ch + left; + break; } - var url = BI.servletURL + '?op=' + op + '&cmd=' + cmd + "&_=" + Math.random(); - var result = {}; - (BI.ajax)({ - url: url, - type: 'POST', - async: false, - data: data, - error: function () { - BI.Msg.toast(BI.i18nText("BI-Ajax_Error")); - }, - complete: function (res, status) { - if (status === 'success') { - result = res; - } + } + if (last > -1) { + //处理剩余字符 + var tll = tleft.substr(0, j + 1); + left = left.substr(0, last) + tll + left.substr(last); + } + if (combo > 0) { + //处理,分隔区间 + var res = left.match(/[0-9]+,/); + if (res) { + res = res[0]; + var newstr = '', n = res.length - 1 - combo; + for (; n >= 0; n = n - combo) { + newstr = res.substr(n, combo) + ',' + newstr; + } + var lres = res.substr(0, n + combo); + if (!isEmpty(lres)) { + newstr = lres + ',' + newstr; } - }); - return result; - }, - - /** - * 请求方法 - * @param cmd 命令 - * @param data 数据 - * @param extend 参数 - * @returns {*} - */ - request: function (cmd, data, extend) { - extend = extend || {}; - data = data || {}; - var op = extend.op; - if (!BI.isKey(op)) { - op = 'fr_bi_dezi'; - } - if (op === "fr_bi_dezi") { - data.sessionID = Data.SharingPool.get("sessionID"); - } - if (extend.async === true) { - BI.requestAsync(op, cmd, data, extend.complete || extend.success); - } else { - return BI.requestSync(op, cmd, data); } + left = left.replace(/[0-9]+,/, newstr); } - }); -})(jQuery);BI.cjkEncode = function (text) { - // alex:如果非字符串,返回其本身(cjkEncode(234) 返回 ""是不对的) - if (typeof text !== 'string') { - return text; + return left; } - var newText = ""; - for (var i = 0; i < text.length; i++) { - var code = text.charCodeAt(i); - if (code >= 128 || code === 91 || code === 93) {//91 is "[", 93 is "]". - newText += "[" + code.toString(16) + "]"; - } else { - newText += text.charAt(i); + BI.cjkEncode = function (text) { + // alex:如果非字符串,返回其本身(cjkEncode(234) 返回 ""是不对的) + if (typeof text !== 'string') { + return text; } - } - return newText -}; - -BI.cjkEncodeDO = function (o) { - if (BI.isPlainObject(o)) { - var result = {}; - $.each(o, function (k, v) { - if (!(typeof v == "string")) { - v = BI.jsonEncode(v); + var newText = ""; + for (var i = 0; i < text.length; i++) { + var code = text.charCodeAt(i); + if (code >= 128 || code === 91 || code === 93) {//91 is "[", 93 is "]". + newText += "[" + code.toString(16) + "]"; + } else { + newText += text.charAt(i); } - //wei:bug 43338,如果key是中文,cjkencode后o的长度就加了1,ie9以下版本死循环,所以新建对象result。 - k = BI.cjkEncode(k); - result[k] = BI.cjkEncode(v); - }); - return result; - } - return o; -}; + } -BI.jsonEncode = function (o) { - //james:这个Encode是抄的EXT的 - var useHasOwn = {}.hasOwnProperty ? true : false; - - // crashes Safari in some instances - //var validRE = /^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/; - - var m = { - "\b": '\\b', - "\t": '\\t', - "\n": '\\n', - "\f": '\\f', - "\r": '\\r', - '"': '\\"', - "\\": '\\\\' + return newText }; - var encodeString = function (s) { - if (/["\\\x00-\x1f]/.test(s)) { - return '"' + s.replace(/([\x00-\x1f\\"])/g, function (a, b) { - var c = m[b]; - if (c) { - return c; - } - c = b.charCodeAt(); - return "\\u00" + - Math.floor(c / 16).toString(16) + - (c % 16).toString(16); - }) + '"'; + BI.cjkEncodeDO = function (o) { + if (BI.isPlainObject(o)) { + var result = {}; + $.each(o, function (k, v) { + if (!(typeof v == "string")) { + v = BI.jsonEncode(v); + } + //wei:bug 43338,如果key是中文,cjkencode后o的长度就加了1,ie9以下版本死循环,所以新建对象result。 + k = BI.cjkEncode(k); + result[k] = BI.cjkEncode(v); + }); + return result; } - return '"' + s + '"'; + return o; }; - var encodeArray = function (o) { - var a = ["["], b, i, l = o.length, v; - for (i = 0; i < l; i += 1) { - v = o[i]; - switch (typeof v) { - case "undefined": - case "function": - case "unknown": - break; - default: - if (b) { - a.push(','); - } - a.push(v === null ? "null" : BI.jsonEncode(v)); - b = true; + BI.jsonEncode = function (o) { + //james:这个Encode是抄的EXT的 + var useHasOwn = {}.hasOwnProperty ? true : false; + + // crashes Safari in some instances + //var validRE = /^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/; + + var m = { + "\b": '\\b', + "\t": '\\t', + "\n": '\\n', + "\f": '\\f', + "\r": '\\r', + '"': '\\"', + "\\": '\\\\' + }; + + var encodeString = function (s) { + if (/["\\\x00-\x1f]/.test(s)) { + return '"' + s.replace(/([\x00-\x1f\\"])/g, function (a, b) { + var c = m[b]; + if (c) { + return c; + } + c = b.charCodeAt(); + return "\\u00" + + Math.floor(c / 16).toString(16) + + (c % 16).toString(16); + }) + '"'; } - } - a.push("]"); - return a.join(""); - }; + return '"' + s + '"'; + }; - if (typeof o == "undefined" || o === null) { - return "null"; - } else if (BI.isArray(o)) { - return encodeArray(o); - } else if (o instanceof Date) { - /* - * alex:原来只是把年月日时分秒简单地拼成一个String,无法decode - * 现在这么处理就可以decode了,但是JS.jsonDecode和Java.JSONObject也要跟着改一下 - */ - return BI.jsonEncode({ - __time__: o.getTime() - }) - } else if (typeof o == "string") { - return encodeString(o); - } else if (typeof o == "number") { - return isFinite(o) ? String(o) : "null"; - } else if (typeof o == "boolean") { - return String(o); - } else if (BI.isFunction(o)) { - return String(o); - } else { - var a = ["{"], b, i, v; - for (i in o) { - if (!useHasOwn || o.hasOwnProperty(i)) { + var encodeArray = function (o) { + var a = ["["], b, i, l = o.length, v; + for (i = 0; i < l; i += 1) { v = o[i]; switch (typeof v) { case "undefined": + case "function": case "unknown": break; default: if (b) { a.push(','); } - a.push(BI.jsonEncode(i), ":", - v === null ? "null" : BI.jsonEncode(v)); + a.push(v === null ? "null" : BI.jsonEncode(v)); b = true; } } - } - a.push("}"); - return a.join(""); - } -}; + a.push("]"); + return a.join(""); + }; -BI.contentFormat = function (cv, fmt) { - if (BI.isEmpty(cv)) { - //原值为空,返回空字符 - return ''; - } - var text = cv.toString(); - if (BI.isEmpty(fmt)) { - //格式为空,返回原字符 - return text; - } - if (fmt.match(/^T/)) { - //T - 文本格式 - return text; - } else if (fmt.match(/^D/)) { - //D - 日期(时间)格式 - if (!(cv instanceof Date)) { - if (typeof cv === 'number') { - //毫秒数类型 - cv = new Date(cv); - } else { - //字符串类型,如yyyyMMdd、MMddyyyy等这样无分隔符的结构 - cv = Date.parseDate(cv + "", Date.patterns.ISO8601Long); + if (typeof o == "undefined" || o === null) { + return "null"; + } else if (BI.isArray(o)) { + return encodeArray(o); + } else if (o instanceof Date) { + /* + * alex:原来只是把年月日时分秒简单地拼成一个String,无法decode + * 现在这么处理就可以decode了,但是JS.jsonDecode和Java.JSONObject也要跟着改一下 + */ + return BI.jsonEncode({ + __time__: o.getTime() + }) + } else if (typeof o == "string") { + return encodeString(o); + } else if (typeof o == "number") { + return isFinite(o) ? String(o) : "null"; + } else if (typeof o == "boolean") { + return String(o); + } else if (BI.isFunction(o)) { + return String(o); + } else { + var a = ["{"], b, i, v; + for (i in o) { + if (!useHasOwn || o.hasOwnProperty(i)) { + v = o[i]; + switch (typeof v) { + case "undefined": + case "unknown": + break; + default: + if (b) { + a.push(','); + } + a.push(BI.jsonEncode(i), ":", + v === null ? "null" : BI.jsonEncode(v)); + b = true; + } + } } + a.push("}"); + return a.join(""); } - if (!BI.isNull(cv)) { - var needTrim = fmt.match(/^DT/); - text = BI.date2Str(cv, fmt.substring(needTrim ? 2 : 1)); - } - } else if (fmt.match(/E/)) { - //科学计数格式 - text = BI._eFormat(text, fmt); - } else { - //数字格式 - text = BI._numberFormat(text, fmt); - } - //¤ - 货币格式 - text = text.replace(/¤/g, '¥'); - return text; -}; + }; -/** - * 把日期对象按照指定格式转化成字符串 - * - * @example - * var date = new Date('Thu Dec 12 2013 00:00:00 GMT+0800'); - * var result = BI.date2Str(date, 'yyyy-MM-dd');//2013-12-12 - * - * @class BI.date2Str - * @param date 日期 - * @param format 日期格式 - * @returns {String} - */ -date2Str = function (date, format) { - if (!date) { - return ''; - } - // O(len(format)) - var len = format.length, result = ''; - if (len > 0) { - var flagch = format.charAt(0), start = 0, str = flagch; - for (var i = 1; i < len; i++) { - var ch = format.charAt(i); - if (flagch !== ch) { - result += compileJFmt({ - 'char': flagch, - 'str': str, - 'len': i - start - }, date); - flagch = ch; - start = i; - str = flagch; - } else { - str += ch; + BI.jsonDecode = function (text) { + + try { + // 注意0啊 + //var jo = $.parseJSON(text) || {}; + var jo = $.parseJSON(text); + if (jo == null) { + jo = {}; + } + } catch (e) { + /* + * richie:浏览器只支持标准的JSON字符串转换,而jQuery会默认调用浏览器的window.JSON.parse()函数进行解析 + * 比如:var str = "{'a':'b'}",这种形式的字符串转换为JSON就会抛异常 + */ + try { + jo = new Function("return " + text)() || {}; + } catch (e) { + //do nothing + } + if (jo == null) { + jo = []; } } - result += compileJFmt({ - 'char': flagch, - 'str': str, - 'len': len - start - }, date); - } - return result; - - function compileJFmt(jfmt, date) { - var str = jfmt.str, len = jfmt.len, ch = jfmt['char']; - switch (ch) { - case 'E': //星期 - str = Date._DN[date.getDay()]; - break; - case 'y': //年 - if (len <= 3) { - str = (date.getFullYear() + '').slice(2, 4); - } else { - str = date.getFullYear(); - } - break; - case 'M': //月 - if (len > 2) { - str = Date._MN[date.getMonth()]; - } else if (len < 2) { - str = date.getMonth() + 1; - } else { - str = String.leftPad(date.getMonth() + 1 + '', 2, '0'); - } - break; - case 'd': //日 - if (len > 1) { - str = String.leftPad(date.getDate() + '', 2, '0'); - } else { - str = date.getDate(); - } - break; - case 'h': //时(12) - var hour = date.getHours() % 12; - if (hour === 0) { - hour = 12; - } - if (len > 1) { - str = String.leftPad(hour + '', 2, '0'); - } else { - str = hour; - } - break; - case 'H': //时(24) - if (len > 1) { - str = String.leftPad(date.getHours() + '', 2, '0'); - } else { - str = date.getHours(); - } - break; - case 'm': - if (len > 1) { - str = String.leftPad(date.getMinutes() + '', 2, '0'); - } else { - str = date.getMinutes(); - } - break; - case 's': - if (len > 1) { - str = String.leftPad(date.getSeconds() + '', 2, '0'); - } else { - str = date.getSeconds(); - } - break; - case 'a': - str = date.getHours() < 12 ? 'am' : 'pm'; - break; - case 'z': - str = date.getTimezone(); - break; - default: - str = jfmt.str; - break; + if (!_hasDateInJson(text)) { + return jo; } - return str; - } -}; -/** - * 数字格式 - */ -BI._numberFormat = function (text, format) { - var text = text + ''; - //数字格式,区分正负数 - var numMod = format.indexOf(';'); - if (numMod > -1) { - if (text >= 0) { - return BI._numberFormat(text + "", format.substring(0, numMod)); - } else { - return BI._numberFormat((-text) + "", format.substr(numMod + 1)); + function _hasDateInJson(json) { + if (!json || typeof json !== "string") { + return false; + } + return json.indexOf("__time__") != -1; } - } - var tp = text.split('.'), fp = format.split('.'), - tleft = tp[0] || '', fleft = fp[0] || '', - tright = tp[1] || '', fright = fp[1] || ''; - //百分比,千分比的小数点移位处理 - if (/[%‰]$/.test(format)) { - var paddingZero = /[%]$/.test(format) ? '00' : '000'; - tright += paddingZero; - tleft += tright.substr(0, paddingZero.length); - tleft = tleft.replace(/^0+/gi, ''); - tright = tright.substr(paddingZero.length).replace(/0+$/gi, ''); - } - var right = BI._dealWithRight(tright, fright); - if (right.leftPlus) { - //小数点后有进位 - tleft = parseInt(tleft) + 1 + ''; - tleft = isNaN(tleft) ? '1' : tleft; - } - right = right.num; - var left = BI._dealWithLeft(tleft, fleft); - if (!(/[0-9]/.test(left))) { - left = left + '0'; - } - if (!(/[0-9]/.test(right))) { - return left + right; - } else { - return left + '.' + right; - } -}; -/** - * 处理小数点右边小数部分 - * @param tright 右边内容 - * @param fright 右边格式 - * @returns {JSON} 返回处理结果和整数部分是否需要进位 - * @private - */ -BI._dealWithRight = function (tright, fright) { - var right = '', j = 0, i = 0; - for (var len = fright.length; i < len; i++) { - var ch = fright.charAt(i); - var c = tright.charAt(j); - switch (ch) { - case '0': - if (BI.isEmpty(c)) { - c = '0'; + return (function (o) { + if (typeof o === "string") { + return o; + } + if (o && o.__time__ != null) { + return new Date(o.__time__); + } + for (var a in o) { + if (o[a] == o || typeof o[a] == 'object' || $.isFunction(o[a])) { + break; } - right += c; - j++; - break; - case '#': - right += c; - j++; - break; - default : - right += ch; - break; - } - } - var rll = tright.substr(j); - var result = {}; - if (!BI.isEmpty(rll) && rll.charAt(0) > 4) { - //有多余字符,需要四舍五入 - result.leftPlus = true; - var numReg = right.match(/^[0-9]+/); - if (numReg) { - var num = numReg[0]; - var orilen = num.length; - var newnum = BI.parseINT(num) + 1 + ''; - //进位到整数部分 - if (newnum.length > orilen) { - newnum = newnum.substr(1); - } else { - newnum = BI.leftPad(newnum, orilen, '0'); - result.leftPlus = false; + o[a] = arguments.callee(o[a]); } - right = right.replace(/^[0-9]+/, newnum); - } - } - result.num = right; - return result; -}; - -BI.parseINT = function (str) { - return parseInt(str, 10); -}; -BI.leftPad = function (val, size, ch) { - var result = String(val); - if (!ch) { - ch = " "; - } - while (result.length < size) { - result = ch + result; + return o; + })(jo); } - return result.toString(); -}; -/** - * 处理小数点左边整数部分 - * @param tleft 左边内容 - * @param fleft 左边格式 - * @returns {string} 返回处理结果 - * @private - */ -BI._dealWithLeft = function (tleft, fleft) { - var left = ''; - var j = tleft.length - 1; - var combo = -1, last = -1; - var i = fleft.length - 1; - for (; i >= 0; i--) { - var ch = fleft.charAt(i); - var c = tleft.charAt(j); - switch (ch) { - case '0': - if (BI.isEmpty(c)) { - c = '0'; - } - last = -1; - left = c + left; - j--; - break; - case '#': - last = i; - left = c + left; - j--; - break; - case ',': - if (!BI.isEmpty(c)) { - //计算一个,分隔区间的长度 - var com = fleft.match(/,[#0]+/); - if (com) { - combo = com[0].length - 1; - } - left = ',' + left; + BI.contentFormat = function (cv, fmt) { + if (isEmpty(cv)) { + //原值为空,返回空字符 + return ''; + } + var text = cv.toString(); + if (isEmpty(fmt)) { + //格式为空,返回原字符 + return text; + } + if (fmt.match(/^T/)) { + //T - 文本格式 + return text; + } else if (fmt.match(/^D/)) { + //D - 日期(时间)格式 + if (!(cv instanceof Date)) { + if (typeof cv === 'number') { + //毫秒数类型 + cv = new Date(cv); + } else { + //字符串类型,如yyyyMMdd、MMddyyyy等这样无分隔符的结构 + cv = Date.parseDate(cv + "", Date.patterns.ISO8601Long); } - break; - default : - left = ch + left; - break; - } - } - if (last > -1) { - //处理剩余字符 - var tll = tleft.substr(0, j + 1); - left = left.substr(0, last) + tll + left.substr(last); - } - if (combo > 0) { - //处理,分隔区间 - var res = left.match(/[0-9]+,/); - if (res) { - res = res[0]; - var newstr = '', n = res.length - 1 - combo; - for (; n >= 0; n = n - combo) { - newstr = res.substr(n, combo) + ',' + newstr; } - var lres = res.substr(0, n + combo); - if (!BI.isEmpty(lres)) { - newstr = lres + ',' + newstr; + if (!BI.isNull(cv)) { + var needTrim = fmt.match(/^DT/); + text = BI.date2Str(cv, fmt.substring(needTrim ? 2 : 1)); } - } - left = left.replace(/[0-9]+,/, newstr); - } - return left; -}; - -BI.object2Number = function (value) { - if (value == null) { - return 0; - } - if (typeof value == 'number') { - return value; - } else { - var str = value + ""; - if (str.indexOf(".") === -1) { - return parseInt(str); + } else if (fmt.match(/E/)) { + //科学计数格式 + text = _eFormat(text, fmt); } else { - return parseFloat(str); + //数字格式 + text = _numberFormat(text, fmt); } - } -}; + //¤ - 货币格式 + text = text.replace(/¤/g, '¥'); + return text; + }; -BI.object2Date = function (obj) { - if (obj == null) { - return new Date(); - } - if (obj instanceof Date) { - return obj; - } else if (typeof obj == 'number') { - return new Date(obj); - } else { - var str = obj + ""; - str = str.replace(/-/g, '/'); - var dt = new Date(str); - if (!BI.isInvalidDate(dt)) { - return dt; + BI.leftPad = function (val, size, ch) { + var result = String(val); + if (!ch) { + ch = " "; } + while (result.length < size) { + result = ch + result; + } + return result.toString(); + }; - return new Date(); - } -}; - -BI.isArray = function (a) { - return Object.prototype.toString.call(a) == '[object Array]'; -}; - -BI.object2Time = function (obj) { - if (obj == null) { - return new Date(); - } - if (obj instanceof Date) { - return obj; - } else { - var str = obj + ""; - str = str.replace(/-/g, '/'); - var dt = new Date(str); - if (!BI.isInvalidDate(dt)) { - return dt; - } - if (str.indexOf('/') === -1 && str.indexOf(':') !== -1) { - dt = new Date("1970/01/01 " + str); - if (!BI.isInvalidDate(dt)) { - return dt; - } + BI.object2Number = function (value) { + if (value == null) { + return 0; } - dt = BI.str2Date(str, "HH:mm:ss"); - if (!BI.isInvalidDate(dt)) { - return dt; + if (typeof value == 'number') { + return value; + } else { + var str = value + ""; + if (str.indexOf(".") === -1) { + return parseInt(str); + } else { + return parseFloat(str); + } } - return new Date(); - } -}; - -// 判断是否是无效的日期 -BI.isInvalidDate = function (date) { - return date == "Invalid Date" || date == "NaN"; -}; - + }; -/** - * 科学计数格式 - */ -BI._eFormat = function (text, fmt) { - var e = fmt.indexOf("E"); - var eleft = fmt.substr(0, e), eright = fmt.substr(e + 1); - if (/^[0\.-]+$/.test(text)) { - text = BI._numberFormat(0.0, eleft) + 'E' + BI._numberFormat(0, eright) - } else { - var isNegative = text < 0; - if (isNegative) { - text = text.substr(1); - } - var elvl = (eleft.split('.')[0] || '').length; - var point = text.indexOf("."); - if (point < 0) { - point = text.length; - } - var i = 0; //第一个不为0的数的位置 - text = text.replace('.', ''); - for (var len = text.length; i < len; i++) { - var ech = text.charAt(i); - if (ech <= '9' && ech >= '1') { - break; - } + BI.object2Date = function (obj) { + if (obj == null) { + return new Date(); } - var right = point - i - elvl; - var left = text.substr(i, elvl); - var dis = i + elvl - text.length; - if (dis > 0) { - //末位补全0 - for (var k = 0; k < dis; k++) { - left += '0'; - } + if (obj instanceof Date) { + return obj; + } else if (typeof obj == 'number') { + return new Date(obj); } else { - left += '.' + text.substr(i + elvl); + var str = obj + ""; + str = str.replace(/-/g, '/'); + var dt = new Date(str); + if (!isInvalidDate(dt)) { + return dt; + } + + return new Date(); } - left = left.replace(/^[0]+/, ''); - if (right < 0 && eright.indexOf('-') < 0) { - eright += ';-' + eright; + }; + + BI.object2Time = function (obj) { + if (obj == null) { + return new Date(); } - text = BI._numberFormat(left, eleft) + 'E' + BI._numberFormat(right, eright); - if (isNegative) { - text = '-' + text; + if (obj instanceof Date) { + return obj; + } else { + var str = obj + ""; + str = str.replace(/-/g, '/'); + var dt = new Date(str); + if (!isInvalidDate(dt)) { + return dt; + } + if (str.indexOf('/') === -1 && str.indexOf(':') !== -1) { + dt = new Date("1970/01/01 " + str); + if (!isInvalidDate(dt)) { + return dt; + } + } + dt = BI.str2Date(str, "HH:mm:ss"); + if (!isInvalidDate(dt)) { + return dt; + } + return new Date(); } - } - return text; -};/** + }; +})(); +/** * 事件集合 * @class BI.Events */ @@ -5798,8 +4173,7 @@ BI.OB = function (config) { }; $.extend(BI.OB.prototype, { props: {}, - init: function () { - }, + init: null, _defaultConfig: function (config) { return {}; @@ -5807,7 +4181,7 @@ $.extend(BI.OB.prototype, { _init: function () { this._initListeners(); - this.init(); + this.init && this.init(); }, _initListeners: function () { @@ -5930,6 +4304,7 @@ $.extend(BI.OB.prototype, { BI.Widget = BI.inherit(BI.OB, { _defaultConfig: function () { return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), { + root: false, tagName: "div", attributes: null, data: null, @@ -5945,41 +4320,31 @@ BI.Widget = BI.inherit(BI.OB, { }, //生命周期函数 - beforeCreate: function () { - - }, - - created: function () { - - }, - - render: function () { + beforeCreate: null, - }, + created: null, - beforeMounted: function () { + render: null, - }, + beforeMounted: null, - mounted: function () { + mounted: null, + update: function () { }, - update: null, - - destroyed: function () { - }, + destroyed: null, _init: function () { BI.Widget.superclass._init.apply(this, arguments); - this.beforeCreate(); + this.beforeCreate && this.beforeCreate(); this._initRoot(); this._initElementWidth(); this._initElementHeight(); this._initVisualEffects(); this._initState(); this._initElement(); - this.created(); + this.created && this.created(); }, /** @@ -5989,6 +4354,7 @@ BI.Widget = BI.inherit(BI.OB, { _initRoot: function () { var o = this.options; this.widgetName = o.widgetName || BI.uniqueId("widget"); + this._isRoot = o.root; if (BI.isWidget(o.element)) { if (o.element instanceof BI.Widget) { this._parent = o.element; @@ -6052,7 +4418,7 @@ BI.Widget = BI.inherit(BI.OB, { _initElement: function () { var self = this; - var els = this.render(); + var els = this.render && this.render(); if (BI.isPlainObject(els)) { els = [els]; } @@ -6086,13 +4452,13 @@ BI.Widget = BI.inherit(BI.OB, { if (!isMounted) { return; } - this.beforeMounted(); + this.beforeMounted && this.beforeMounted(); this._isMounted = true; this._mountChildren(); BI.each(this._children, function (i, widget) { widget._mount && widget._mount(); }); - this.mounted(); + this.mounted && this.mounted(); }, _mountChildren: function () { @@ -6118,7 +4484,7 @@ BI.Widget = BI.inherit(BI.OB, { this._parent = null; this._isMounted = false; this.purgeListeners(); - this.destroyed(); + this.destroyed && this.destroyed(); }, setWidth: function (w) { @@ -6131,14 +4497,6 @@ BI.Widget = BI.inherit(BI.OB, { this._initElementHeight(); }, - setElement: function (widget) { - if (widget == this) { - return; - } - this.element = BI.isWidget(widget) ? widget.element : $(widget); - return this; - }, - setEnable: function (enable) { if (enable === true) { this.options.disabled = false; @@ -6188,13 +4546,16 @@ BI.Widget = BI.inherit(BI.OB, { widget = name; name = widget.getName(); } + if (BI.isKey(name)) { + name = name + ""; + } name = name || widget.getName() || BI.uniqueId("widget"); if (this._children[name]) { throw new Error("name has already been existed"); } widget._setParent && widget._setParent(this); widget.on(BI.Events.DESTROY, function () { - delete self._children[name] + BI.remove(self._children, this); }); return (this._children[name] = widget); }, @@ -6220,8 +4581,13 @@ BI.Widget = BI.inherit(BI.OB, { return widget; }, - removeWidget: function (name) { - delete this._children[name]; + removeWidget: function (nameOrWidget) { + var self = this; + if (BI.isWidget(nameOrWidget)) { + BI.remove(this._children, nameOrWidget); + } else { + delete this._children[nameOrWidget]; + } }, hasWidget: function (name) { @@ -6295,9 +4661,16 @@ BI.Widget = BI.inherit(BI.OB, { this.setVisible(true); }, + isolate: function () { + if (this._parent) { + this._parent.removeWidget(this); + } + BI.DOM.hang([this]); + }, + empty: function () { BI.each(this._children, function (i, widget) { - widget._unMount(); + widget._unMount && widget._unMount(); }); this._children = {}; this.element.empty(); @@ -6310,7 +4683,7 @@ BI.Widget = BI.inherit(BI.OB, { this._children = {}; this._parent = null; this._isMounted = false; - this.destroyed(); + this.destroyed && this.destroyed(); this.element.destroy(); this.fireEvent(BI.Events.DESTROY); this.purgeListeners(); @@ -6499,6 +4872,7 @@ BI.Widget = BI.inherit(BI.OB, { !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self); self.splice.apply(self, newKeys); self.trigger("splice", newKeys); + BI.remove(self._childs, child); }).on("copy", function () { var keys = name.split('.'); var g = self.get(keys[0]), p, c; @@ -6773,6 +5147,20 @@ BI.Widget = BI.inherit(BI.OB, { this._save(null, BI.extend({}, options, { patch: true })); + }, + + _destroy: function () { + var children = BI.extend({}, this._childs); + this._childs = {}; + BI.each(children, function (i, child) { + child._destroy(); + }); + this.destroyed && this.destroyed(); + }, + + destroy: function () { + this._destroy(); + BI.Model.superclass.destroy.apply(this, arguments); } });/** * @class BI.View @@ -6801,9 +5189,9 @@ BI.View = BI.inherit(BI.V, { this.model._changing_ = false; this.model.actionEnd() && this.actionEnd(); }).listenTo(this.model, "destroy", function () { - this.destroy(); + this._destroy(); }).listenTo(this.model, "unset", function () { - this.destroy(); + this._destroy(); }).listenTo(this.model, "splice", function (arg) { this.splice.apply(this, arg); }).listenTo(this.model, "duplicate", function (arg) { @@ -6906,10 +5294,10 @@ BI.View = BI.inherit(BI.V, { }); var vessel = BI.createWidget(); this._cardLayouts[this.getName()].addCardByName(this.getName(), vessel); - return vessel.element; + return vessel; }, - _render: function (vessel) { + render: function (vessel) { return this; }, @@ -6927,7 +5315,6 @@ BI.View = BI.inherit(BI.V, { options.isLayer && (vessel = BI.Layers.has(id) ? BI.Layers.get(id) : BI.Layers.create(id, vessel)); if (this._cardLayouts[key]) { options.defaultShowName && this._cardLayouts[key].setDefaultShowName(options.defaultShowName); - this._cardLayouts[key].setElement(vessel) && this._cardLayouts[key].resize(); return this; } this._cardLayouts[key] = BI.createWidget({ @@ -7021,7 +5408,7 @@ BI.View = BI.inherit(BI.V, { delete self._cards[cardName]; self.model.removeChild(modelData, view.model); cardLayout.deleteCardByName(cardName); - view.destroy(); + view._destroy(); cardLayout.setVisible(false); } action.actionBack(view, null, function () { @@ -7104,7 +5491,7 @@ BI.View = BI.inherit(BI.V, { } //采用静默方式读数据,该数据变化不引起data的change事件触发 var success = options.success; - this.read(BI.extend({ + this.model.read(BI.extend({ silent: true }, options, { success: function (data, model) { @@ -7146,22 +5533,10 @@ BI.View = BI.inherit(BI.V, { return this.model.getEditing(); }, - read: function (options) { - this.model.read(options) - }, - - update: function (options) { - this.model.update(options); - }, - - patch: function (options) { - this.model.patch(options); - }, - reading: function (options) { var self = this; var name = BI.UUID(); - this.read(BI.extend({}, options, { + this.model.read(BI.extend({}, options, { beforeSend: function () { var loading = BI.createWidget({ type: 'bi.vertical', @@ -7184,7 +5559,7 @@ BI.View = BI.inherit(BI.V, { updating: function (options) { var self = this; var name = BI.UUID(); - this.update(BI.extend({}, options, { + this.model.update(BI.extend({}, options, { noset: true, beforeSend: function () { var loading = BI.createWidget({ @@ -7208,7 +5583,7 @@ BI.View = BI.inherit(BI.V, { patching: function (options) { var self = this; var name = BI.UUID(); - this.patch(BI.extend({}, options, { + this.model.patch(BI.extend({}, options, { noset: true, beforeSend: function () { var loading = BI.createWidget({ @@ -7278,40 +5653,46 @@ BI.View = BI.inherit(BI.V, { }, - destroy: function () { + _unMount: function () { BI.each(this._cardLayouts, function (name, card) { - card && card.destroy(); + card && card._unMount(); }); delete this._cardLayouts; delete this._cards; - this.remove(); this.destroyed(); + this.off(); + }, + + _destroy: function () { + BI.each(this._cardLayouts, function (name, card) { + card && card._unMount(); + }); + delete this._cardLayouts; + delete this._cards; + this.destroyed(); + this.remove(); + this.trigger(BI.Events.DESTROY); + this.off(); }, destroyed: function () { } -});(function ($) { +});(function () { var kv = {}; // alex:键(编辑器简称,如text)值(也是一个字符串,如FR.TextEditor)对 - $.shortcut = BI.shortcut = function (xtype, cls) { + BI.shortcut = function (xtype, cls) { if (kv[xtype] != null) { throw ("shortcut:[" + xtype + "] has been registed"); } kv[xtype] = cls; - $.extend(cls.prototype, { + _.extend(cls.prototype, { xtype: xtype }) }; // 根据配置属性生成widget var createWidget = function (config) { - // alex:如果是一个jquery对象,就在外面套一层,变成一个FR.Widget - if (config instanceof $) { - return new BI.Widget({ - element: config - }); - } if (config['classType']) { return new (new Function('return ' + config['classType'] + ';')())(config); } @@ -7349,7 +5730,7 @@ BI.View = BI.inherit(BI.V, { throw new Error('无法根据item创建组件'); } -})(jQuery);BI.Plugin = BI.Plugin || {}; +})();BI.Plugin = BI.Plugin || {}; ; (function () { var _WidgetsPlugin = {}; @@ -7808,56 +6189,56 @@ BI.Cache = { document.cookie = cookieString; } };// full day names -Date._DN = [BI.i18nText("BI-Sunday"), - BI.i18nText("BI-Monday"), - BI.i18nText("BI-Tuesday"), - BI.i18nText("BI-Wednesday"), - BI.i18nText("BI-Thursday"), - BI.i18nText("BI-Friday"), - BI.i18nText("BI-Saturday"), - BI.i18nText("BI-Sunday")]; +Date._DN = [BI.i18nText("BI-Basic_Sunday"), + BI.i18nText("BI-Basic_Monday"), + BI.i18nText("BI-Basic_Tuesday"), + BI.i18nText("BI-Basic_Wednesday"), + BI.i18nText("BI-Basic_Thursday"), + BI.i18nText("BI-Basic_Friday"), + BI.i18nText("BI-Basic_Saturday"), + BI.i18nText("BI-Basic_Sunday")]; // short day names -Date._SDN = ['', - '', - '', - '', - '', - '', - '', - '']; +Date._SDN = [BI.i18nText("BI-Day_Ri"), + BI.i18nText("BI-Basic_One"), + BI.i18nText("BI-Basic_Two"), + BI.i18nText("BI-Basic_Three"), + BI.i18nText("BI-Basic_Four"), + BI.i18nText("BI-Basic_Five"), + BI.i18nText("BI-Basic_Six"), + BI.i18nText("BI-Day_Ri")]; // Monday first, etc. Date._FD = 1; // full month names Date._MN = [ - '', - '', - '', - '', - '', - '', - '', - '', - '', - '', - '', - '']; + BI.i18nText("BI-Basic_January"), + BI.i18nText("BI-Basic_February"), + BI.i18nText("BI-Basic_March"), + BI.i18nText("BI-Basic_April"), + BI.i18nText("BI-Basic_May"), + BI.i18nText("BI-Basic_June"), + BI.i18nText("BI-Basic_July"), + BI.i18nText("BI-Basic_August"), + BI.i18nText("BI-Basic_September"), + BI.i18nText("BI-Basic_October"), + BI.i18nText("BI-Basic_November"), + BI.i18nText("BI-Basic_December")]; // short month names -Date._SMN = ['', - '', - '', - '', - '', - '', - '', - '', - '', - '', - '', - '']; +Date._SMN = [0, + 1, + 2, + 3, + 4, + 5, + 6, + 7, + 8, + 9, + 10, + 11]; Date._QN = ["", BI.i18nText("BI-Quarter_1"), BI.i18nText("BI-Quarter_2"), @@ -12761,14 +11142,15 @@ BI.Layout = BI.inherit(BI.Widget, { var self = this, w; if (!this.hasWidget(this._getChildName(i))) { w = BI.createWidget(item); - this.addWidget(this._getChildName(i), w); w.on(BI.Events.DESTROY, function () { BI.each(self._children, function (name, child) { if (child === w) { + BI.remove(self._children, child); self.removeItemAt(name | 0); } }); }); + this.addWidget(this._getChildName(i), w); } else { w = this.getWidgetByName(this._getChildName(i)); } @@ -12871,7 +11253,7 @@ BI.Layout = BI.inherit(BI.Widget, { for (var i = this.options.items.length; i > index; i--) { this._children[this._getChildName(i)] = this._children[this._getChildName(i - 1)]; } - delete this._children[index]; + delete this._children[this._getChildName(index)]; this.options.items.splice(index, 0, item); }, @@ -12879,6 +11261,7 @@ BI.Layout = BI.inherit(BI.Widget, { for (var i = index; i < this.options.items.length - 1; i++) { this._children[this._getChildName(i)] = this._children[this._getChildName(i + 1)]; } + delete this._children[this._getChildName(this.options.items.length - 1)]; this.options.items.splice(index, 1); }, @@ -12909,13 +11292,24 @@ BI.Layout = BI.inherit(BI.Widget, { return w; }, - removeItemAt: function (index) { - if (index < 0 || index > this.options.items.length - 1) { - return; + removeItemAt: function (indexes) { + indexes = BI.isArray(indexes) ? indexes : [indexes]; + var deleted = []; + var newItems = [], newChildren = {}; + for (var i = 0, len = this.options.items.length; i < len; i++) { + var child = this._children[this._getChildName(i)]; + if (indexes.contains(i)) { + child && deleted.push(child); + } else { + newChildren[this._getChildName(newItems.length)] = child; + newItems.push(this.options.items[i]); + } } - var child = this._children[this._getChildName(index)]; - this._removeItemAt(index); - child.destroy(); + this.options.items = newItems; + this._children = newChildren; + BI.each(deleted, function (i, c) { + c.destroy(); + }); }, updateItemAt: function (index, item) { @@ -12924,9 +11318,9 @@ BI.Layout = BI.inherit(BI.Widget, { } var child = this._children[this._getChildName(index)]; - if (child.update) { - child.update(this._getOptions(item)); - return true; + var updated; + if (updated = child.update(this._getOptions(item))) { + return updated; } var del = this._children[this._getChildName(index)]; delete this._children[this._getChildName(index)]; @@ -12980,33 +11374,39 @@ BI.Layout = BI.inherit(BI.Widget, { }, getValue: function () { - var self = this, value = []; + var self = this, value = [], child; BI.each(this.options.items, function (i) { - var v = self._children[self._getChildName(i)].getValue(); - v = BI.isArray(v) ? v : [v]; - value = value.concat(v); + if (child = self._children[self._getChildName(i)]) { + var v = child.getValue(); + v = BI.isArray(v) ? v : [v]; + value = value.concat(v); + } }); return value; }, setValue: function (v) { - var self = this; + var self = this, child; BI.each(this.options.items, function (i) { - self._children[self._getChildName(i)].setValue(v); + if (child = self._children[self._getChildName(i)]) { + child.setValue(v); + } }) }, setText: function (v) { - var self = this; + var self = this, child; BI.each(this.options.items, function (i) { - self._children[self._getChildName(i)].setText(v); + if (child = self._children[self._getChildName(i)]) { + child.setText(v); + } }) }, update: function (item) { var o = this.options; - var items = item.items; - var updated = false, i, len; + var items = item.items || []; + var updated, i, len; for (i = 0, len = Math.min(o.items.length, items.length); i < len; i++) { if (!this._compare(o.items[i], items[i])) { updated = this.updateItemAt(i, items[i]) || updated; @@ -13016,7 +11416,9 @@ BI.Layout = BI.inherit(BI.Widget, { var deleted = []; for (i = items.length; i < o.items.length; i++) { deleted.push(this._children[this._getChildName(i)]); + delete this._children[this._getChildName(i)]; } + o.items.splice(items.length); BI.each(deleted, function (i, w) { w.destroy(); }) @@ -13025,7 +11427,6 @@ BI.Layout = BI.inherit(BI.Widget, { this.addItemAt(i, items[i]); } } - this.options.items = items; return updated; }, @@ -13038,6 +11439,32 @@ BI.Layout = BI.inherit(BI.Widget, { }); }, + removeWidget: function (nameOrWidget) { + var removeIndex; + if (BI.isWidget(nameOrWidget)) { + BI.each(this._children, function (name, child) { + if (child === nameOrWidget) { + removeIndex = name; + } + }) + } else { + removeIndex = nameOrWidget; + } + if (removeIndex) { + this._removeItemAt(removeIndex | 0); + } + }, + + empty: function () { + BI.Layout.superclass.empty.apply(this, arguments); + this.options.items = []; + }, + + destroy: function () { + BI.Layout.superclass.destroy.apply(this, arguments); + this.options.items = []; + }, + populate: function (items) { var self = this, o = this.options; items = items || []; @@ -13053,7 +11480,7 @@ BI.Layout = BI.inherit(BI.Widget, { } }); -$.shortcut('bi.layout', BI.Layout);/** +BI.shortcut('bi.layout', BI.Layout);/** * absolute实现的居中布局 * @class BI.AbsoluteCenterLayout * @extends BI.Layout @@ -13099,7 +11526,7 @@ BI.AbsoluteCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.absolute_center_adapt', BI.AbsoluteCenterLayout);/** +BI.shortcut('bi.absolute_center_adapt', BI.AbsoluteCenterLayout);/** * absolute实现的居中布局 * @class BI.AbsoluteHorizontalLayout * @extends BI.Layout @@ -13149,7 +11576,7 @@ BI.AbsoluteHorizontalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.absolute_horizontal_adapt', BI.AbsoluteHorizontalLayout);/** +BI.shortcut('bi.absolute_horizontal_adapt', BI.AbsoluteHorizontalLayout);/** * absolute实现的居中布局 * @class BI.AbsoluteVerticalLayout * @extends BI.Layout @@ -13201,7 +11628,7 @@ BI.AbsoluteVerticalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.absolute_vertical_adapt', BI.AbsoluteVerticalLayout);/** +BI.shortcut('bi.absolute_vertical_adapt', BI.AbsoluteVerticalLayout);/** * 自适应水平和垂直方向都居中容器 * @class BI.CenterAdaptLayout * @extends BI.Layout @@ -13319,7 +11746,7 @@ BI.CenterAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.center_adapt', BI.CenterAdaptLayout);/** +BI.shortcut('bi.center_adapt', BI.CenterAdaptLayout);/** * 水平方向居中容器 * @class BI.HorizontalAdaptLayout * @extends BI.Layout @@ -13436,7 +11863,7 @@ BI.HorizontalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal_adapt', BI.HorizontalAdaptLayout);/** +BI.shortcut('bi.horizontal_adapt', BI.HorizontalAdaptLayout);/** * 左右分离,垂直方向居中容器 * items:{ left: [{el:{type:"bi.button"}}], @@ -13511,7 +11938,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.left_right_vertical_adapt', BI.LeftRightVerticalAdaptLayout); +BI.shortcut('bi.left_right_vertical_adapt', BI.LeftRightVerticalAdaptLayout); BI.LeftVerticalAdaptLayout = BI.inherit(BI.Layout, { @@ -13560,7 +11987,7 @@ BI.LeftVerticalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.left_vertical_adapt', BI.LeftVerticalAdaptLayout); +BI.shortcut('bi.left_vertical_adapt', BI.LeftVerticalAdaptLayout); BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, { props: function () { @@ -13608,7 +12035,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.right_vertical_adapt', BI.RightVerticalAdaptLayout);/** +BI.shortcut('bi.right_vertical_adapt', BI.RightVerticalAdaptLayout);/** * 垂直方向居中容器 * @class BI.VerticalAdaptLayout * @extends BI.Layout @@ -13723,7 +12150,7 @@ BI.VerticalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.vertical_adapt', BI.VerticalAdaptLayout);/** +BI.shortcut('bi.vertical_adapt', BI.VerticalAdaptLayout);/** * 水平方向居中自适应容器 * @class BI.HorizontalAutoLayout * @extends BI.Layout @@ -13785,7 +12212,7 @@ BI.HorizontalAutoLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal_auto', BI.HorizontalAutoLayout);/** +BI.shortcut('bi.horizontal_auto', BI.HorizontalAutoLayout);/** * 浮动的居中布局 */ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, { @@ -13824,7 +12251,7 @@ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, { element: this, items: [this.left] }); - this.removeWidget(this.container.getName()); + this.removeWidget(this.container); }, stroke: function (items) { @@ -13853,7 +12280,7 @@ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.float_center_adapt', BI.FloatCenterAdaptLayout);/** +BI.shortcut('bi.float_center_adapt', BI.FloatCenterAdaptLayout);/** * 浮动的水平居中布局 */ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, { @@ -13887,7 +12314,7 @@ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, { element: this, items: [this.left] }); - this.removeWidget(this.container.getName()); + this.removeWidget(this.container); }, _addElement: function (i, item) { @@ -13917,7 +12344,7 @@ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal_float', BI.FloatHorizontalLayout);/** +BI.shortcut('bi.horizontal_float', BI.FloatHorizontalLayout);/** * 内联布局 * @class BI.InlineCenterAdaptLayout * @extends BI.Layout @@ -14014,7 +12441,7 @@ BI.InlineCenterAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.inline_center_adapt', BI.InlineCenterAdaptLayout);/** +BI.shortcut('bi.inline_center_adapt', BI.InlineCenterAdaptLayout);/** * 内联布局 * @class BI.InlineVerticalAdaptLayout * @extends BI.Layout @@ -14085,7 +12512,7 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.inline_vertical_adapt', BI.InlineVerticalAdaptLayout);/** +BI.shortcut('bi.inline_vertical_adapt', BI.InlineVerticalAdaptLayout);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14119,7 +12546,7 @@ BI.FlexCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_center', BI.FlexCenterLayout);/** +BI.shortcut('bi.flex_center', BI.FlexCenterLayout);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14184,7 +12611,7 @@ BI.FlexHorizontalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_horizontal', BI.FlexHorizontalLayout);/** +BI.shortcut('bi.flex_horizontal', BI.FlexHorizontalLayout);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14246,7 +12673,7 @@ BI.FlexVerticalCenter = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_vertical_center', BI.FlexVerticalCenter);/** +BI.shortcut('bi.flex_vertical_center', BI.FlexVerticalCenter);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14301,7 +12728,7 @@ BI.FlexCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_wrapper_center', BI.FlexCenterLayout);/** +BI.shortcut('bi.flex_wrapper_center', BI.FlexCenterLayout);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14386,7 +12813,7 @@ BI.FlexHorizontalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_wrapper_horizontal', BI.FlexHorizontalLayout);/** +BI.shortcut('bi.flex_wrapper_horizontal', BI.FlexHorizontalLayout);/** *自适应水平和垂直方向都居中容器 * Created by GUY on 2016/12/2. * @@ -14469,7 +12896,7 @@ BI.FlexVerticalCenter = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.flex_wrapper_vertical_center', BI.FlexVerticalCenter);/** +BI.shortcut('bi.flex_wrapper_vertical_center', BI.FlexVerticalCenter);/** * 固定子组件上下左右的布局容器 * @class BI.AbsoluteLayout * @extends BI.Layout @@ -14575,7 +13002,7 @@ BI.AbsoluteLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.absolute', BI.AbsoluteLayout);BI.AdaptiveLayout = BI.inherit(BI.Layout, { +BI.shortcut('bi.absolute', BI.AbsoluteLayout);BI.AdaptiveLayout = BI.inherit(BI.Layout, { props: function () { return BI.extend(BI.AdaptiveLayout.superclass.props.apply(this, arguments), { baseCls: "bi-adaptive-layout", @@ -14666,7 +13093,7 @@ $.shortcut('bi.absolute', BI.AbsoluteLayout);BI.AdaptiveLayout = BI.inherit(BI.L this._mount(); } }); -$.shortcut('bi.adaptive', BI.AdaptiveLayout);/** +BI.shortcut('bi.adaptive', BI.AdaptiveLayout);/** * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 * * @class BI.BorderLayout @@ -14797,7 +13224,7 @@ BI.BorderLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.border', BI.BorderLayout);/** +BI.shortcut('bi.border', BI.BorderLayout);/** * 卡片布局,可以做到当前只显示一个组件,其他的都隐藏 * @class BI.CardLayout * @extends BI.Layout @@ -14817,27 +13244,28 @@ BI.CardLayout = BI.inherit(BI.Layout, { this.populate(this.options.items); }, - _getCardName: function (cardName) { - return this.getName() + cardName; - }, - resize: function () { // console.log("default布局不需要resize"); }, stroke: function (items) { - var self = this; + var self = this, o = this.options; this.showIndex = void 0; BI.each(items, function (i, item) { if (!!item) { - if (!self.hasWidget(self._getCardName(item.cardName))) { + if (!self.hasWidget(item.cardName)) { var w = BI.createWidget(item); - self.addWidget(self._getCardName(item.cardName), w); w.on(BI.Events.DESTROY, function () { - delete self._children[self._getCardName(item.cardName)]; + var index = BI.findIndex(o.items, function (i, tItem) { + return tItem.cardName == item.cardName; + }); + if (index > -1) { + o.items.splice(index, 1); + } }); + self.addWidget(item.cardName, w); } else { - var w = self.getWidgetByName(self._getCardName(item.cardName)); + var w = self.getWidgetByName(item.cardName); } w.element.css({"position": "absolute", "top": "0", "right": "0", "bottom": "0", "left": "0"}); w.setVisible(false); @@ -14848,6 +13276,11 @@ BI.CardLayout = BI.inherit(BI.Layout, { update: function () { }, + empty: function () { + BI.CardLayout.superclass.empty.apply(this, arguments); + this.options.items = []; + }, + populate: function (items) { BI.CardLayout.superclass.populate.apply(this, arguments); this._mount(); @@ -14855,57 +13288,74 @@ BI.CardLayout = BI.inherit(BI.Layout, { }, isCardExisted: function (cardName) { - return this.hasWidget(this._getCardName(cardName)); + return BI.some(this.options.items, function (i, item) { + return item.cardName === cardName && item.el; + }); }, getCardByName: function (cardName) { - if (!this.hasWidget(this._getCardName(cardName))) { + if (!this.isCardExisted(cardName)) { throw new Error("cardName is not exist"); } - return this._children[this._getCardName(cardName)]; + return this._children[cardName]; }, - deleteCardByName: function (cardName) { - if (!this.hasWidget(this._getCardName(cardName))) { - return; - } - var index = BI.findKey(this.options.items, function (i, item) { + _deleteCardByName: function (cardName) { + delete this._children[cardName]; + var index = BI.findIndex(this.options.items, function (i, item) { return item.cardName == cardName; }); - this.options.items.splice(index, 1); - var child = this.getWidgetByName(this._getCardName(cardName)); - delete this._children[this._getCardName(cardName)]; - child.destroy(); + if (index > -1) { + this.options.items.splice(index, 1); + } + }, + + deleteCardByName: function (cardName) { + if (!this.isCardExisted(cardName)) { + throw new Error("cardName is not exist"); + } + + var child = this._children[cardName]; + this._deleteCardByName(cardName); + child && child.destroy(); }, addCardByName: function (cardName, cardItem) { - if (this.hasWidget(this._getCardName(cardName))) { + if (this.isCardExisted(cardName)) { throw new Error("cardName is already exist"); } - this.options.items.push({el: cardItem, cardName: cardName}); var widget = BI.createWidget(cardItem); - widget.element.css({"position": "relative", "top": "0", "left": "0", "width": "100%", "height": "100%"}) - .appendTo(this.element); + widget.element.css({ + "position": "relative", + "top": "0", + "left": "0", + "width": "100%", + "height": "100%" + }).appendTo(this.element); widget.invisible(); - this.addWidget(this._getCardName(cardName), widget); + this.addWidget(cardName, widget); + this.options.items.push({el: cardItem, cardName: cardName}); return widget; }, showCardByName: function (name, action, callback) { var self = this; //name不存在的时候全部隐藏 - var exist = this.hasWidget(this._getCardName(name)); + var exist = this.isCardExisted(name); if (this.showIndex != null) { this.lastShowIndex = this.showIndex; } - this.showIndex = this._getCardName(name); + this.showIndex = name; var flag = false; - BI.each(this._children, function (i, el) { - if (self._getCardName(name) != i) { - //动画效果只有在全部都隐藏的时候才有意义,且只要执行一次动画操作就够了 - !flag && !exist && (BI.Action && action instanceof BI.Action) ? (action.actionBack(el), flag = true) : el.invisible(); - } else { - (BI.Action && action instanceof BI.Action) ? action.actionPerformed(void 0, el, callback) : (el.visible(), callback && callback()) + BI.each(this.options.items, function (i, item) { + var el = self._children[item.cardName]; + if (el) { + if (name != item.cardName) { + //动画效果只有在全部都隐藏的时候才有意义,且只要执行一次动画操作就够了 + !flag && !exist && (BI.Action && action instanceof BI.Action) ? (action.actionBack(el), flag = true) : el.invisible(); + } else { + (BI.Action && action instanceof BI.Action) ? action.actionPerformed(void 0, el, callback) : (el.visible(), callback && callback()) + } } }); }, @@ -14913,8 +13363,8 @@ BI.CardLayout = BI.inherit(BI.Layout, { showLastCard: function () { var self = this; this.showIndex = this.lastShowIndex; - BI.each(this._children, function (i, el) { - el.setVisible(self.showIndex == i); + BI.each(this.options.items, function (i, item) { + self._children[item.cardName].setVisible(self.showIndex == i); }) }, @@ -14948,23 +13398,41 @@ BI.CardLayout = BI.inherit(BI.Layout, { }, hideAllCard: function () { - BI.each(this._children, function (i, el) { - el.invisible(); + var self = this; + BI.each(this.options.items, function (i, item) { + self._children[item.cardName].invisible(); }); }, isAllCardHide: function () { + var self = this; var flag = true; - BI.some(this._children, function (i, el) { - if (el.isVisible()) { + BI.some(this.options.items, function (i, item) { + if (self._children[item.cardName].isVisible()) { flag = false; return false; } }); return flag; + }, + + removeWidget: function (nameOrWidget) { + var removeName; + if (BI.isWidget(nameOrWidget)) { + BI.each(this._children, function (name, child) { + if (child === nameOrWidget) { + removeName = name; + } + }) + } else { + removeName = nameOrWidget; + } + if (removeName) { + this._deleteCardByName(removeName); + } } }); -$.shortcut('bi.card', BI.CardLayout);/** +BI.shortcut('bi.card', BI.CardLayout);/** * 默认的布局方式 * * @class BI.DefaultLayout @@ -15022,7 +13490,7 @@ BI.DefaultLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.default', BI.DefaultLayout);/** +BI.shortcut('bi.default', BI.DefaultLayout);/** * 分隔容器的控件,按照宽度和高度所占比平分整个容器 * * @class BI.DivisionLayout @@ -15178,7 +13646,7 @@ BI.DivisionLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.division', BI.DivisionLayout);/** +BI.shortcut('bi.division', BI.DivisionLayout);/** * 靠左对齐的自由浮动布局 * @class BI.FloatLeftLayout * @extends BI.Layout @@ -15241,7 +13709,7 @@ BI.FloatLeftLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.left', BI.FloatLeftLayout); +BI.shortcut('bi.left', BI.FloatLeftLayout); /** * 靠右对齐的自由浮动布局 @@ -15306,7 +13774,7 @@ BI.FloatRightLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.right', BI.FloatRightLayout);/** +BI.shortcut('bi.right', BI.FloatRightLayout);/** * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 * * @class BI.BorderLayout @@ -15431,7 +13899,7 @@ BI.GridLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.grid', BI.GridLayout);/** +BI.shortcut('bi.grid', BI.GridLayout);/** * 水平布局 * @class BI.HorizontalLayout * @extends BI.Layout @@ -15549,7 +14017,7 @@ BI.HorizontalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal', BI.HorizontalLayout); +BI.shortcut('bi.horizontal', BI.HorizontalLayout); /** * 水平布局 @@ -15611,7 +14079,7 @@ BI.HorizontalCellLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal_cell', BI.HorizontalCellLayout);/** +BI.shortcut('bi.horizontal_cell', BI.HorizontalCellLayout);/** * 内联布局 * @class BI.InlineLayout * @extends BI.Layout @@ -15673,7 +14141,7 @@ BI.InlineLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.inline', BI.InlineLayout);/** +BI.shortcut('bi.inline', BI.InlineLayout);/** * 靠左对齐的自由浮动布局 * @class BI.LatticeLayout * @extends BI.Layout @@ -15727,7 +14195,7 @@ BI.LatticeLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.lattice', BI.LatticeLayout);/** +BI.shortcut('bi.lattice', BI.LatticeLayout);/** * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 * * @class BI.TableLayout @@ -15872,7 +14340,7 @@ BI.TableLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.table', BI.TableLayout);/** +BI.shortcut('bi.table', BI.TableLayout);/** * 水平tape布局 * @class BI.HTapeLayout * @extends BI.Layout @@ -15974,7 +14442,7 @@ BI.HTapeLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.htape', BI.HTapeLayout); +BI.shortcut('bi.htape', BI.HTapeLayout); /** * 垂直tape布局 @@ -16079,7 +14547,7 @@ BI.VTapeLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.vtape', BI.VTapeLayout);/** +BI.shortcut('bi.vtape', BI.VTapeLayout);/** * td布局 * @class BI.TdLayout * @extends BI.Layout @@ -16220,7 +14688,7 @@ BI.TdLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.td', BI.TdLayout);/** +BI.shortcut('bi.td', BI.TdLayout);/** * 垂直布局 * @class BI.VerticalLayout * @extends BI.Layout @@ -16281,7 +14749,7 @@ BI.VerticalLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.vertical', BI.VerticalLayout);/** +BI.shortcut('bi.vertical', BI.VerticalLayout);/** * * @class BI.WindowLayout * @extends BI.Layout @@ -16468,7 +14936,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.window', BI.WindowLayout);/** +BI.shortcut('bi.window', BI.WindowLayout);/** * 水平和垂直方向都居中容器, 非自适应,用于宽度高度固定的面板 * @class BI.CenterLayout * @extends BI.Layout @@ -16542,7 +15010,7 @@ BI.CenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.center', BI.CenterLayout);/** +BI.shortcut('bi.center', BI.CenterLayout);/** * 浮动布局实现的居中容器 * @class BI.FloatCenterLayout * @extends BI.Layout @@ -16615,7 +15083,7 @@ BI.FloatCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.float_center', BI.FloatCenterLayout);/** +BI.shortcut('bi.float_center', BI.FloatCenterLayout);/** * 水平和垂直方向都居中容器, 非自适应,用于宽度高度固定的面板 * @class BI.HorizontalCenterLayout * @extends BI.Layout @@ -16687,7 +15155,7 @@ BI.HorizontalCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.horizontal_center', BI.HorizontalCenterLayout);/** +BI.shortcut('bi.horizontal_center', BI.HorizontalCenterLayout);/** * 垂直方向都居中容器, 非自适应,用于高度不固定的面板 * @class BI.VerticalCenterLayout * @extends BI.Layout @@ -16759,7 +15227,7 @@ BI.VerticalCenterLayout = BI.inherit(BI.Layout, { this._mount(); } }); -$.shortcut('bi.vertical_center', BI.VerticalCenterLayout);/** +BI.shortcut('bi.vertical_center', BI.VerticalCenterLayout);/** * guy * 由一个元素切换到另一个元素的行为 * @class BI.Action @@ -16798,147 +15266,30 @@ BI.ActionFactory = { return new action(options); } }/** - * guy - * 由一个元素切换到另一个元素的行为 - * @class BI.EffectShowAction - * @extends BI.Action - */ -BI.EffectShowAction = BI.inherit(BI.Action, { - _defaultConfig: function() { - return BI.extend(BI.EffectShowAction.superclass._defaultConfig.apply(this, arguments), { - }); - }, - - _init : function() { - BI.EffectShowAction.superclass._init.apply(this, arguments); - }, - - _checkBrowser: function(){ - return false; -// return !(BI.isFireFox() && parseInt($.browser.version) < 10); - }, - - actionPerformed: function(src, tar, callback){ - src = src || this.options.src ,tar = tar || this.options.tar || "body"; - - if(this._checkBrowser()) { - var transferEl = BI.createWidget({ - type: "bi.layout", - cls: "bi-transfer-temp-el" - }) - - BI.createWidget({ - type: "bi.absolute", - element: "body", - items: [transferEl] - }) - - transferEl.element.css({ - width: tar.element.width(), - height: tar.element.height(), - top: tar.element.offset().top, - left: tar.element.offset().left - }); - - src.element.effect("transfer", { - to: transferEl.element, - className: "ui-effects-transfer" - }, 400, function () { - transferEl.destroy(); - tar && tar.element.show(0, callback); - }) - } else { - tar && tar.element.show(0, callback); - } - }, - - actionBack: function(tar, src, callback){ - src = src || this.options.src || $("body"),tar = tar || this.options.tar; - tar && tar.element.hide(); - if(this._checkBrowser()) { - var transferEl = BI.createWidget({ - type: "bi.layout", - cls: "bi-transfer-temp-el" - }) - - BI.createWidget({ - type: "bi.absolute", - element: "body", - items: [transferEl] - }) - transferEl.element.css({ - width: src.element.width(), - height: src.element.height(), - top: src.element.offset().top, - left: src.element.offset().left - }); - - tar.element.effect("transfer", { - to: transferEl.element, - className: "ui-effects-transfer" - }, 400, function () { - transferEl.destroy(); - callback && callback(); - }) - } else { - callback && callback(); - } - } -});/** * guy * 由一个元素切换到另一个元素的行为 * @class BI.ShowAction * @extends BI.Action */ BI.ShowAction = BI.inherit(BI.Action, { - _defaultConfig: function() { - return BI.extend(BI.ShowAction.superclass._defaultConfig.apply(this, arguments), { - }); + _defaultConfig: function () { + return BI.extend(BI.ShowAction.superclass._defaultConfig.apply(this, arguments), {}); }, - _init : function() { + _init: function () { BI.ShowAction.superclass._init.apply(this, arguments); }, - actionPerformed: function(src, tar, callback){ - tar = tar || this.options.tar; - tar && tar.element.show(0, callback); - }, - - actionBack: function(tar, src, callback){ - tar = tar || this.options.tar; - tar.element.hide(0, callback); - } -});/** - * guy - * 由一个元素切换到另一个元素的行为 - * @class BI.ScaleShowAction - * @extends BI.Action - * @abstract - */ -BI.ScaleShowAction = BI.inherit(BI.Action, { - _defaultConfig: function() { - return BI.extend(BI.ScaleShowAction.superclass._defaultConfig.apply(this, arguments), { - }); - }, - - _init : function() { - BI.ScaleShowAction.superclass._init.apply(this, arguments); - }, - - _checkBrowser: function(){ - return false; -// return !(BI.isFireFox() && parseInt($.browser.version) < 10); - }, - - actionPerformed: function(src, tar, callback){ + actionPerformed: function (src, tar, callback) { tar = tar || this.options.tar; - this._checkBrowser() ? tar.element.show("scale", {percent:110}, 200, callback) : tar.element.show(0,callback); + tar.setVisible(true); + callback && callback(); }, - actionBack : function(tar, src, callback){ + actionBack: function (tar, src, callback) { tar = tar || this.options.tar; - this._checkBrowser() ? tar.element.hide("scale", {percent:0}, 200, callback) : tar.element.hide(0,callback); + tar.setVisible(false); + callback && callback(); } });/** * @class BI.FloatSection @@ -17032,7 +15383,7 @@ BI.BroadcastController = BI.inherit(BI.Controller, { } this._broadcasts[name].push(fn); return function () { - self._broadcasts[name].remove(fn); + self.remove(name, fn); } }, @@ -17046,6 +15397,9 @@ BI.BroadcastController = BI.inherit(BI.Controller, { remove: function (name, fn) { if (fn) { this._broadcasts[name].remove(fn); + if (this._broadcasts[name].length === 0) { + delete this._broadcasts[name]; + } } else { delete this._broadcasts[name]; } @@ -17284,6 +15638,7 @@ BI.FloatBoxController = BI.inherit(BI.Controller, { this.floatManager = {}; this.floatLayer = {}; this.floatContainer = {}; + this.floatOpened = {}; this.zindex = BI.zIndex_floatbox; this.zindexMap = {}; }, @@ -17348,28 +15703,31 @@ BI.FloatBoxController = BI.inherit(BI.Controller, { if (!this._check(name)) { return this; } - var container = this.floatContainer[name]; - container.element.css("zIndex", this.zindex++); - this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]); - this.zindexMap[name] = this.zindex; - this.modal && container.element.__buildZIndexMask__(this.zindex++); - this.get(name).setZindex(this.zindex++); - this.floatContainer[name].visible(); - var floatbox = this.get(name); - floatbox.show(); - var W = $(this.options.render).width(), H = $(this.options.render).height(); - var w = floatbox.element.width(), h = floatbox.element.height(); - var left = (W - w) / 2, top = (H - h) / 2; - if (left < 0) { - left = 0; - } - if (top < 0) { - top = 0; + if (!this.floatOpened[name]) { + this.floatOpened[name] = true; + var container = this.floatContainer[name]; + container.element.css("zIndex", this.zindex++); + this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]); + this.zindexMap[name] = this.zindex; + this.modal && container.element.__buildZIndexMask__(this.zindex++); + this.get(name).setZindex(this.zindex++); + this.floatContainer[name].visible(); + var floatbox = this.get(name); + floatbox.show(); + var W = $(this.options.render).width(), H = $(this.options.render).height(); + var w = floatbox.element.width(), h = floatbox.element.height(); + var left = (W - w) / 2, top = (H - h) / 2; + if (left < 0) { + left = 0; + } + if (top < 0) { + top = 0; + } + floatbox.element.css({ + left: left + "px", + top: top + "px" + }); } - floatbox.element.css({ - left: left + "px", - top: top + "px" - }); return this; }, @@ -17377,8 +15735,11 @@ BI.FloatBoxController = BI.inherit(BI.Controller, { if (!this._check(name)) { return this; } - this.floatContainer[name].invisible(); - this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); + if (this.floatOpened[name]) { + delete this.floatOpened[name]; + this.floatContainer[name].invisible(); + this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); + } return this; }, @@ -17628,11 +15989,14 @@ BI.ResizeController = BI.inherit(BI.Controller, { }, add: function (name, resizer) { + var self = this; if (this.has(name)) { return this; } this.resizerManger[name] = resizer; - return this; + return function () { + self.remove(name); + }; }, get: function (name) { diff --git a/bi/widget.css b/bi/widget.css index 300750cb6..8b7bfd0aa 100644 --- a/bi/widget.css +++ b/bi/widget.css @@ -236,6 +236,7 @@ border-bottom: 1px solid #d4dadd; } .bi-fine-tuning-number-editor .bottom-button { + border-top: 1px solid #d4dadd; border-left: 1px solid #d4dadd; } /****添加计算宽度的--运算符直接需要space****/ diff --git a/bi/widget.js b/bi/widget.js index 2d9d4e041..f3289fdcd 100644 --- a/bi/widget.js +++ b/bi/widget.js @@ -380,7 +380,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, { this._populate(); } }); -$.shortcut('bi.sequence_table_tree_number', BI.SequenceTableTreeNumber);/** +BI.shortcut('bi.sequence_table_tree_number', BI.SequenceTableTreeNumber);/** * 自适应布局 * * 1、resize @@ -416,11 +416,16 @@ BI.AdaptiveArrangement = BI.inherit(BI.Widget, { layoutType: o.layoutType, items: o.items }); + this.arrangement.on(BI.Arrangement.EVENT_SCROLL, function () { + self.fireEvent(BI.AdaptiveArrangement.EVENT_SCROLL, arguments); + }); if (o.isNeedResizeContainer) { var isResizing = false; + var needEnd = false; var height; var interval; + var startSize; var resize = function (e, ui) { if (isResizing) { return; @@ -442,20 +447,26 @@ BI.AdaptiveArrangement = BI.inherit(BI.Widget, { minHeight: 20, helper: "bi-resizer", autoHide: true, + start: function (e, ui) { + startSize = BI.clone(ui.size); + }, resize: function (e, ui) { - if (ui.size.height >= self.arrangement.container.element.height()) { + if (ui.size.height >= startSize.height - 10) { resize(e, ui); } else { interval && clearInterval(interval); + needEnd = true; } }, stop: function (e, ui) { var size = ui.size; - if (isResizing) { + if (isResizing && !needEnd) { size.height = height; } self.arrangement.setContainerSize(ui.size); + needEnd = false; isResizing = false; + startSize = null; interval && clearInterval(interval); self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); } @@ -484,17 +495,21 @@ BI.AdaptiveArrangement = BI.inherit(BI.Widget, { return this.arrangement._isEqual.apply(this.arrangement, arguments); }, + _setSelect: function (item) { + if (!item.element.hasClass("selected")) { + item.element.css("zIndex", ++this.zIndex); + BI.each(this.getAllRegions(), function (i, region) { + region.el.element.removeClass("selected"); + }); + item.element.addClass("selected"); + } + }, + _initResizable: function (item) { var self = this, o = this.options; item.element.css("zIndex", ++this.zIndex); item.element.mousedown(function () { - if (!item.element.hasClass("selected")) { - item.element.css("zIndex", ++self.zIndex); - BI.each(self.getAllRegions(), function (i, region) { - region.el.element.removeClass("selected"); - }); - item.element.addClass("selected"); - } + self._setSelect(item) }); o.resizable && item.element.resizable({ handles: "e, s, se", @@ -663,6 +678,7 @@ BI.AdaptiveArrangement = BI.inherit(BI.Widget, { addRegion: function (region, position) { this._initResizable(region.el); + this._setSelect(region.el); var self = this, flag; var old = this.arrangement.getAllRegions(); if (BI.isNotNull(this.position)) { @@ -893,7 +909,8 @@ BI.AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE = "AdaptiveArrangement.EVENT_E BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_RESIZE"; BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE"; BI.AdaptiveArrangement.EVENT_RESIZE = "AdaptiveArrangement.EVENT_RESIZE"; -$.shortcut('bi.adaptive_arrangement', BI.AdaptiveArrangement);/** +BI.AdaptiveArrangement.EVENT_SCROLL = "AdaptiveArrangement.EVENT_SCROLL"; +BI.shortcut('bi.adaptive_arrangement', BI.AdaptiveArrangement);/** * Arrangement的block面板 * * Created by GUY on 2016/3/1. @@ -914,7 +931,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, { } }); -$.shortcut('bi.arrangement_block', BI.ArrangementBlock);/** +BI.shortcut('bi.arrangement_block', BI.ArrangementBlock);/** * Arrangement的drop面板 * * Created by GUY on 2016/3/1. @@ -935,7 +952,7 @@ BI.ArrangementDroppable = BI.inherit(BI.Widget, { } }); -$.shortcut('bi.arrangement_droppable', BI.ArrangementDroppable);/** +BI.shortcut('bi.arrangement_droppable', BI.ArrangementDroppable);/** * 布局 * * Created by GUY on 2016/2/23. @@ -988,6 +1005,14 @@ BI.Arrangement = BI.inherit(BI.Widget, { scrollable: true, items: [this.container] }); + this.scrollContainer.element.scroll(function () { + self.fireEvent(BI.Arrangement.EVENT_SCROLL, { + scrollLeft: self.scrollContainer.element.scrollLeft(), + scrollTop: self.scrollContainer.element.scrollTop(), + clientWidth: self.scrollContainer.element[0].clientWidth, + clientHeight: self.scrollContainer.element[0].clientHeight + }); + }); BI.createWidget({ type: "bi.adaptive", @@ -3020,7 +3045,7 @@ BI.Arrangement = BI.inherit(BI.Widget, { _moveElement: function (layout, l, x, y, isUserAction) { var self = this; - if (l.static) { + if (l._static) { return layout; } @@ -3053,7 +3078,7 @@ BI.Arrangement = BI.inherit(BI.Widget, { continue; } - if (collision.static) { + if (collision._static) { layout = this._moveElementAwayFromCollision(layout, collision, l, isUserAction); } else { layout = this._moveElementAwayFromCollision(layout, l, collision, isUserAction); @@ -3146,7 +3171,7 @@ BI.Arrangement = BI.inherit(BI.Widget, { for (var i = 0, len = sorted.length; i < len; i++) { var l = sorted[i]; - if (!l.static) { + if (!l._static) { l = this._compactItem(compareWith, l, verticalCompact); compareWith.push(l); @@ -3160,7 +3185,7 @@ BI.Arrangement = BI.inherit(BI.Widget, { return out; function getStatics(layout) { return BI.filter(layout, function (i, l) { - return l.static; + return l._static; }); } }, @@ -3860,6 +3885,7 @@ BI.Arrangement = BI.inherit(BI.Widget, { this._renderRegion(); } }); +BI.Arrangement.EVENT_SCROLL = "EVENT_SCROLL"; BI.extend(BI.Arrangement, { PORTION: 24, GRID_HEIGHT: 50, @@ -3869,7 +3895,7 @@ BI.extend(BI.Arrangement, { GRID: 2 } }); -$.shortcut('bi.arrangement', BI.Arrangement);/** +BI.shortcut('bi.arrangement', BI.Arrangement);/** * 表关联树 * * Created by GUY on 2015/12/15. @@ -4366,7 +4392,7 @@ BI.BranchRelation = BI.inherit(BI.Widget, { } }); BI.BranchRelation.EVENT_CHANGE = "BranchRelation.EVENT_CHANGE"; -$.shortcut("bi.branch_relation", BI.BranchRelation);/** +BI.shortcut("bi.branch_relation", BI.BranchRelation);/** * 日期控件中的月份下拉框 * * Created by GUY on 2015/9/7. @@ -4400,7 +4426,7 @@ BI.MonthDateCombo = BI.inherit(BI.Trigger, { this.combo = BI.createWidget({ type: "bi.combo", offsetStyle: "center", - element: this.element, + element: this, isNeedAdjustHeight: false, isNeedAdjustWidth: false, el: this.trigger, @@ -4426,7 +4452,7 @@ BI.MonthDateCombo = BI.inherit(BI.Trigger, { } }); BI.MonthDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.month_date_combo', BI.MonthDateCombo);/** +BI.shortcut('bi.month_date_combo', BI.MonthDateCombo);/** * 年份下拉框 * * Created by GUY on 2015/9/7. @@ -4466,7 +4492,7 @@ BI.YearDateCombo = BI.inherit(BI.Trigger, { this.combo = BI.createWidget({ type: "bi.combo", offsetStyle: "center", - element: this.element, + element: this, isNeedAdjustHeight: false, isNeedAdjustWidth: false, el: this.trigger, @@ -4491,7 +4517,7 @@ BI.YearDateCombo = BI.inherit(BI.Trigger, { } }); BI.YearDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.year_date_combo', BI.YearDateCombo);/** +BI.shortcut('bi.year_date_combo', BI.YearDateCombo);/** * Created by GUY on 2015/9/7. * @class BI.DatePicker * @extends BI.Widget @@ -4580,7 +4606,7 @@ BI.DatePicker = BI.inherit(BI.Widget, { BI.createWidget({ type: "bi.htape", - element: this.element, + element: this, items: [{ el: this.left, width: 25 @@ -4617,7 +4643,7 @@ BI.DatePicker = BI.inherit(BI.Widget, { } }); BI.DatePicker.EVENT_CHANGE = "EVENT_CHANGE" -$.shortcut("bi.date_picker", BI.DatePicker);/** +BI.shortcut("bi.date_picker", BI.DatePicker);/** * Created by GUY on 2015/9/7. * @class BI.DateCalendarPopup * @extends BI.Widget @@ -4670,7 +4696,7 @@ BI.DateCalendarPopup = BI.inherit(BI.Widget, { this.calendar = BI.createWidget({ direction: "top", - element: this.element, + element: this, logic: { dynamic: true }, @@ -4712,7 +4738,7 @@ BI.DateCalendarPopup = BI.inherit(BI.Widget, { } }); BI.DateCalendarPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.date_calendar_popup", BI.DateCalendarPopup);/** +BI.shortcut("bi.date_calendar_popup", BI.DateCalendarPopup);/** * 日期控件中的年份或月份trigger * * Created by GUY on 2015/9/7. @@ -4751,7 +4777,7 @@ BI.DateTriangleTrigger = BI.inherit(BI.Trigger, { BI.createWidget({ type: "bi.center_adapt", - element: this.element, + element: this, items: [{ type: "bi.center_adapt", width: 50, @@ -4781,7 +4807,7 @@ BI.DateTriangleTrigger = BI.inherit(BI.Trigger, { } }); -$.shortcut('bi.date_triangle_trigger', BI.DateTriangleTrigger);/** +BI.shortcut('bi.date_triangle_trigger', BI.DateTriangleTrigger);/** * 日期下拉框 * * Created by GUY on 2015/9/7. @@ -4818,7 +4844,7 @@ BI.DateCombo = BI.inherit(BI.Widget, { this.combo = BI.createWidget({ type: "bi.combo", toggle: false, - element: this.element, + element: this, isNeedAdjustHeight: false, isNeedAdjustWidth: false, el: this.trigger, @@ -4839,12 +4865,11 @@ BI.DateCombo = BI.inherit(BI.Widget, { return this.popup.getValue(); } }); -$.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger, { +BI.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger, { _const: { hgap: 4, vgap: 2, triggerWidth: 30, - watermark: BI.i18nText("BI-Unrestricted"), yearLength: 4, yearMonthLength: 7 }, @@ -4878,7 +4903,7 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger hgap: c.hgap, vgap: c.vgap, allowBlank: true, - watermark: c.watermark, + watermark: BI.i18nText("BI-Unrestricted"), errorText: function () { if (self.editor.isEditing()) { return BI.i18nText("BI-Date_Trigger_Error_Text"); @@ -4892,6 +4917,9 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { self.fireEvent(BI.DateTrigger.EVENT_FOCUS); }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.DateTrigger.EVENT_STOP); + }); this.editor.on(BI.SignEditor.EVENT_VALID, function () { self.fireEvent(BI.DateTrigger.EVENT_VALID); }); @@ -4907,7 +4935,7 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger if (BI.isNotEmptyString(value)) { var date = value.split("-"); self.store_value = { - type: BICst.MULTI_DATE_CALENDAR, + type: BI.DateTrigger.MULTI_DATE_CALENDAR, value:{ year: date[0] | 0, month: date[1] - 1, @@ -4930,7 +4958,7 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger }); BI.createWidget({ type: "bi.htape", - element: this.element, + element: this, items: [{ el: BI.createWidget(), width: 30 @@ -4975,7 +5003,7 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger var date = new Date(); this.store_value = v; if (BI.isNotNull(v)) { - type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value; + type = v.type || BI.DateTrigger.MULTI_DATE_CALENDAR; value = v.value; if(BI.isNull(value)){ value = v; } @@ -4987,88 +5015,88 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger self.setTitle(text + ":" + dateStr); }; switch (type) { - case BICst.MULTI_DATE_YEAR_PREV: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV]; + case BI.DateTrigger.MULTI_DATE_YEAR_PREV: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_PREV]; date = new Date((date.getFullYear() - 1 * value), date.getMonth(), date.getDate()); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_YEAR_AFTER: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER]; + case BI.DateTrigger.MULTI_DATE_YEAR_AFTER: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_AFTER]; date = new Date((date.getFullYear() + 1 * value), date.getMonth(), date.getDate()); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_YEAR_BEGIN: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN]; + case BI.DateTrigger.MULTI_DATE_YEAR_BEGIN: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_BEGIN]; date = new Date(date.getFullYear(), 0, 1); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_YEAR_END: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END]; + case BI.DateTrigger.MULTI_DATE_YEAR_END: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_END]; date = new Date(date.getFullYear(), 11, 31); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_QUARTER_PREV: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV]; + case BI.DateTrigger.MULTI_DATE_QUARTER_PREV: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_PREV]; date = new Date().getBeforeMulQuarter(value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_QUARTER_AFTER: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER]; + case BI.DateTrigger.MULTI_DATE_QUARTER_AFTER: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_AFTER]; date = new Date().getAfterMulQuarter(value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_QUARTER_BEGIN: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN]; + case BI.DateTrigger.MULTI_DATE_QUARTER_BEGIN: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_BEGIN]; date = new Date().getQuarterStartDate(); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_QUARTER_END: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END]; + case BI.DateTrigger.MULTI_DATE_QUARTER_END: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_END]; date = new Date().getQuarterEndDate(); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_MONTH_PREV: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV]; + case BI.DateTrigger.MULTI_DATE_MONTH_PREV: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_PREV]; date = new Date().getBeforeMultiMonth(value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_MONTH_AFTER: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER]; + case BI.DateTrigger.MULTI_DATE_MONTH_AFTER: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_AFTER]; date = new Date().getAfterMultiMonth(value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_MONTH_BEGIN: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN]; + case BI.DateTrigger.MULTI_DATE_MONTH_BEGIN: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_BEGIN]; date = new Date(date.getFullYear(), date.getMonth(), 1); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_MONTH_END: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END]; + case BI.DateTrigger.MULTI_DATE_MONTH_END: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_END]; date = new Date(date.getFullYear(), date.getMonth(), (date.getLastDateOfMonth()).getDate()); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_WEEK_PREV: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV]; + case BI.DateTrigger.MULTI_DATE_WEEK_PREV: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_WEEK_PREV]; date = date.getOffsetDate(-7 * value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_WEEK_AFTER: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER]; + case BI.DateTrigger.MULTI_DATE_WEEK_AFTER: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_WEEK_AFTER]; date = date.getOffsetDate(7 * value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_DAY_PREV: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV]; + case BI.DateTrigger.MULTI_DATE_DAY_PREV: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_PREV]; date = date.getOffsetDate(-1 * value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_DAY_AFTER: - var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER]; + case BI.DateTrigger.MULTI_DATE_DAY_AFTER: + var text = value + BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_AFTER]; date = date.getOffsetDate(1 * value); _setInnerValue(date, text); break; - case BICst.MULTI_DATE_DAY_TODAY: - var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY]; + case BI.DateTrigger.MULTI_DATE_DAY_TODAY: + var text = BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_TODAY]; date = new Date(); _setInnerValue(date, text); break; @@ -5095,15 +5123,65 @@ $.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger } }); + +BI.DateTrigger.MULTI_DATE_YEAR_PREV = 1; +BI.DateTrigger.MULTI_DATE_YEAR_AFTER = 2; +BI.DateTrigger.MULTI_DATE_YEAR_BEGIN = 3; +BI.DateTrigger.MULTI_DATE_YEAR_END = 4; + +BI.DateTrigger.MULTI_DATE_MONTH_PREV = 5; +BI.DateTrigger.MULTI_DATE_MONTH_AFTER = 6; +BI.DateTrigger.MULTI_DATE_MONTH_BEGIN = 7; +BI.DateTrigger.MULTI_DATE_MONTH_END = 8; + +BI.DateTrigger.MULTI_DATE_QUARTER_PREV = 9; +BI.DateTrigger.MULTI_DATE_QUARTER_AFTER = 10; +BI.DateTrigger.MULTI_DATE_QUARTER_BEGIN = 11; +BI.DateTrigger.MULTI_DATE_QUARTER_END = 12; + +BI.DateTrigger.MULTI_DATE_WEEK_PREV = 13; +BI.DateTrigger.MULTI_DATE_WEEK_AFTER = 14; + +BI.DateTrigger.MULTI_DATE_DAY_PREV = 15; +BI.DateTrigger.MULTI_DATE_DAY_AFTER = 16; +BI.DateTrigger.MULTI_DATE_DAY_TODAY = 17; + +BI.DateTrigger.MULTI_DATE_PARAM = 18; +BI.DateTrigger.MULTI_DATE_CALENDAR = 19; + +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM = {}; +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_PREV] = BI.i18nText("BI-Multi_Date_Year_Prev"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_AFTER] = BI.i18nText("BI-Multi_Date_Year_Next"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_BEGIN] = BI.i18nText("BI-Multi_Date_Year_Begin"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_YEAR_END] = BI.i18nText("BI-Multi_Date_Year_End"); + +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_PREV] = BI.i18nText("BI-Multi_Date_Quarter_Prev"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_AFTER] = BI.i18nText("BI-Multi_Date_Quarter_Next"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_BEGIN] = BI.i18nText("BI-Multi_Date_Quarter_Begin"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_QUARTER_END] = BI.i18nText("BI-Multi_Date_Quarter_End"); + +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_PREV] = BI.i18nText("BI-Multi_Date_Month_Prev"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_AFTER] = BI.i18nText("BI-Multi_Date_Month_Next"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_BEGIN] = BI.i18nText("BI-Multi_Date_Month_Begin"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_MONTH_END] = BI.i18nText("BI-Multi_Date_Month_End"); + +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_WEEK_PREV] = BI.i18nText("BI-Multi_Date_Week_Prev"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_WEEK_AFTER] = BI.i18nText("BI-Multi_Date_Week_Next"); + +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_PREV] = BI.i18nText("BI-Multi_Date_Day_Prev"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_AFTER] = BI.i18nText("BI-Multi_Date_Day_Next"); +BI.DateTrigger.MULTI_DATE_SEGMENT_NUM[BI.DateTrigger.MULTI_DATE_DAY_TODAY] = BI.i18nText("BI-Multi_Date_Today"); + BI.DateTrigger.EVENT_FOCUS = "EVENT_FOCUS"; BI.DateTrigger.EVENT_START = "EVENT_START"; +BI.DateTrigger.EVENT_STOP = "EVENT_STOP"; BI.DateTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; BI.DateTrigger.EVENT_CHANGE = "EVENT_CHANGE"; BI.DateTrigger.EVENT_VALID = "EVENT_VALID"; BI.DateTrigger.EVENT_ERROR = "EVENT_ERROR"; BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK"; BI.DateTrigger.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; -$.shortcut("bi.date_trigger", BI.DateTrigger);/** +BI.shortcut("bi.date_trigger", BI.DateTrigger);/** * Created by zcf on 2017/2/20. */ BI.DatePaneWidget = BI.inherit(BI.Widget, { @@ -5224,7 +5302,7 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/** +BI.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/** * 带有方向的pathchooser * * Created by GUY on 2016/4/21. @@ -5466,7 +5544,7 @@ BI.DirectionPathChooser = BI.inherit(BI.Widget, { } }); BI.DirectionPathChooser.EVENT_CHANGE = "DirectionPathChooser.EVENT_CHANGE"; -$.shortcut('bi.direction_path_chooser', BI.DirectionPathChooser);/** +BI.shortcut('bi.direction_path_chooser', BI.DirectionPathChooser);/** * Created by roy on 15/8/14. */ BI.DownListCombo = BI.inherit(BI.Widget, { @@ -5539,7 +5617,7 @@ BI.DownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; BI.DownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; BI.DownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; -$.shortcut("bi.down_list_combo", BI.DownListCombo);/** +BI.shortcut("bi.down_list_combo", BI.DownListCombo);/** * Created by roy on 15/9/6. */ BI.DownListGroup = BI.inherit(BI.Widget, { @@ -5588,7 +5666,7 @@ BI.DownListGroup = BI.inherit(BI.Widget, { }) BI.DownListGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit(BI.Single, { +BI.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit(BI.Single, { _defaultConfig: function () { var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { @@ -5666,7 +5744,7 @@ $.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit( } }); BI.DownListItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.down_list_item", BI.DownListItem);BI.DownListGroupItem = BI.inherit(BI.BasicButton, { +BI.shortcut("bi.down_list_item", BI.DownListItem);BI.DownListGroupItem = BI.inherit(BI.BasicButton, { _defaultConfig: function () { var conf = BI.DownListGroupItem.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { @@ -5788,7 +5866,7 @@ $.shortcut("bi.down_list_item", BI.DownListItem);BI.DownListGroupItem = BI.inher } }); BI.DownListGroupItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.down_list_group_item", BI.DownListGroupItem);/** +BI.shortcut("bi.down_list_group_item", BI.DownListGroupItem);/** * Created by roy on 15/9/8. * 处理popup中的item分组样式 * 一个item分组中的成员大于一时,该分组设置为单选,并且默认状态第一个成员设置为已选择项 @@ -6019,7 +6097,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, { BI.DownListPopup.EVENT_CHANGE = "EVENT_CHANGE"; BI.DownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; -$.shortcut("bi.down_list_popup", BI.DownListPopup);/** +BI.shortcut("bi.down_list_popup", BI.DownListPopup);/** * * Created by GUY on 2016/3/28. * @class BI.ExcelTableCell @@ -6049,7 +6127,7 @@ BI.ExcelTableCell = BI.inherit(BI.Widget, { }) } }); -$.shortcut('bi.excel_table_cell', BI.ExcelTableCell);/** +BI.shortcut('bi.excel_table_cell', BI.ExcelTableCell);/** * * Created by GUY on 2016/3/28. * @class BI.ExcelTableHeaderCell @@ -6079,7 +6157,7 @@ BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, { }) } }); -$.shortcut('bi.excel_table_header_cell', BI.ExcelTableHeaderCell);/** +BI.shortcut('bi.excel_table_header_cell', BI.ExcelTableHeaderCell);/** * Excel表格 * * Created by GUY on 2016/3/28. @@ -6092,7 +6170,7 @@ BI.ExcelTable = BI.inherit(BI.Widget, { return BI.extend(BI.ExcelTable.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-excel-table", el: { - type: "bi.adaptive_table" + type: "bi.responsive_table" }, isNeedResize: false, @@ -6126,8 +6204,6 @@ BI.ExcelTable = BI.inherit(BI.Widget, { this.table = BI.createWidget(o.el, { type: "bi.table_view", element: this, - isNeedResize: o.isNeedResize, - isResizeAdapt: o.isResizeAdapt, isNeedFreeze: false, @@ -6285,7 +6361,7 @@ BI.ExcelTable = BI.inherit(BI.Widget, { BI.ExcelTable.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.excel_table', BI.ExcelTable);/** +BI.shortcut('bi.excel_table', BI.ExcelTable);/** * 文件管理控件组 * * Created by GUY on 2015/12/11. @@ -6363,7 +6439,7 @@ BI.FileManagerButtonGroup = BI.inherit(BI.Widget, { } }); BI.FileManagerButtonGroup.EVENT_CHANGE = "FileManagerButtonGroup.EVENT_CHANGE"; -$.shortcut("bi.file_manager_button_group", BI.FileManagerButtonGroup);/** +BI.shortcut("bi.file_manager_button_group", BI.FileManagerButtonGroup);/** * 文件管理控件 * * Created by GUY on 2015/12/11. @@ -6477,7 +6553,7 @@ BI.FileManager = BI.inherit(BI.Widget, { } }); BI.FileManager.EVENT_CHANGE = "FileManager.EVENT_CHANGE"; -$.shortcut("bi.file_manager", BI.FileManager);/** +BI.shortcut("bi.file_manager", BI.FileManager);/** * 文件管理控件 * * Created by GUY on 2015/12/11. @@ -6544,7 +6620,7 @@ BI.FileManagerFileItem = BI.inherit(BI.Single, { } }); BI.FileManagerFileItem.EVENT_CHANGE = "FileManagerFileItem.EVENT_CHANGE"; -$.shortcut("bi.file_manager_file_item", BI.FileManagerFileItem);/** +BI.shortcut("bi.file_manager_file_item", BI.FileManagerFileItem);/** * 文件管理控件 * * Created by GUY on 2015/12/11. @@ -6696,7 +6772,7 @@ BI.FileManagerFolderItem = BI.inherit(BI.Single, { } }); BI.FileManagerFolderItem.EVENT_CHANGE = "FileManagerFolderItem.EVENT_CHANGE"; -$.shortcut("bi.file_manager_folder_item", BI.FileManagerFolderItem);/** +BI.shortcut("bi.file_manager_folder_item", BI.FileManagerFolderItem);/** * 文件管理控件列表 * * Created by GUY on 2015/12/11. @@ -6753,7 +6829,7 @@ BI.FileManagerList = BI.inherit(BI.Widget, { } }); BI.FileManagerList.EVENT_CHANGE = "FileManagerList.EVENT_CHANGE"; -$.shortcut("bi.file_manager_list", BI.FileManagerList);/** +BI.shortcut("bi.file_manager_list", BI.FileManagerList);/** * 文件管理导航按钮 * * Created by GUY on 2015/12/11. @@ -6844,7 +6920,7 @@ BI.FileManagerNavButton = BI.inherit(BI.Widget, { } }); BI.FileManagerNavButton.EVENT_CHANGE = "FileManagerNavButton.EVENT_CHANGE"; -$.shortcut("bi.file_manager_nav_button", BI.FileManagerNavButton);/** +BI.shortcut("bi.file_manager_nav_button", BI.FileManagerNavButton);/** * 文件管理导航 * * Created by GUY on 2015/12/11. @@ -6950,7 +7026,7 @@ BI.extend(BI.FileManagerNav, { ROOT_CREATE_BY_ME: "-1" }); BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE"; -$.shortcut("bi.file_manager_nav", BI.FileManagerNav);/** +BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/** * Created by windy on 2017/3/13. * 数值微调器 */ @@ -7044,7 +7120,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, { }); BI.FineTuningNumberEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor);/** +BI.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor);/** * 交互行为布局 * * @@ -7077,6 +7153,9 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, { layoutType: o.layoutType, items: o.items }); + this.arrangement.on(BI.AdaptiveArrangement.EVENT_SCROLL, function () { + self.fireEvent(BI.InteractiveArrangement.EVENT_SCROLL, arguments); + }); this.arrangement.on(BI.AdaptiveArrangement.EVENT_RESIZE, function () { self.fireEvent(BI.InteractiveArrangement.EVENT_RESIZE, arguments); }); @@ -7614,7 +7693,8 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, { } }); BI.InteractiveArrangement.EVENT_RESIZE = "InteractiveArrangement.EVENT_RESIZE"; -$.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement);/** +BI.InteractiveArrangement.EVENT_SCROLL = "InteractiveArrangement.EVENT_SCROLL"; +BI.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement);/** * 月份下拉框 * * Created by GUY on 2015/8/28. @@ -7692,7 +7772,7 @@ BI.MonthCombo = BI.inherit(BI.Widget, { }); BI.MonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.month_combo', BI.MonthCombo);/** +BI.shortcut('bi.month_combo', BI.MonthCombo);/** * 月份展示面板 * * Created by GUY on 2015/9/2. @@ -7772,7 +7852,7 @@ BI.MonthPopup = BI.inherit(BI.Widget, { } }); BI.MonthPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.month_popup", BI.MonthPopup);/** +BI.shortcut("bi.month_popup", BI.MonthPopup);/** * 月份trigger * * Created by GUY on 2015/8/21. @@ -7882,7 +7962,7 @@ BI.MonthTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; BI.MonthTrigger.EVENT_START = "EVENT_START"; BI.MonthTrigger.EVENT_STOP = "EVENT_STOP"; BI.MonthTrigger.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.month_trigger", BI.MonthTrigger);/** +BI.shortcut("bi.month_trigger", BI.MonthTrigger);/** * @class BI.MultiLayerSelectTreeCombo * @extends BI.Widget */ @@ -7951,7 +8031,7 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, { } }); BI.MultiLayerSelectTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_select_tree_combo", BI.MultiLayerSelectTreeCombo);/** +BI.shortcut("bi.multilayer_select_tree_combo", BI.MultiLayerSelectTreeCombo);/** * guy * 二级树 * @class BI.MultiLayerSelectLevelTree @@ -8082,7 +8162,7 @@ BI.MultiLayerSelectLevelTree = BI.inherit(BI.Widget, { }); BI.MultiLayerSelectLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_select_level_tree", BI.MultiLayerSelectLevelTree);/** +BI.shortcut("bi.multilayer_select_level_tree", BI.MultiLayerSelectLevelTree);/** * Created by GUY on 2016/1/26. * * @class BI.MultiLayerSelectTreePopup @@ -8148,7 +8228,7 @@ BI.MultiLayerSelectTreePopup = BI.inherit(BI.Pane, { }); BI.MultiLayerSelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_select_tree_popup", BI.MultiLayerSelectTreePopup);/** +BI.shortcut("bi.multilayer_select_tree_popup", BI.MultiLayerSelectTreePopup);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8241,7 +8321,7 @@ BI.MultiLayerSelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_select_tree_first_plus_group_node", BI.MultiLayerSelectTreeFirstPlusGroupNode);/** +BI.shortcut("bi.multilayer_select_tree_first_plus_group_node", BI.MultiLayerSelectTreeFirstPlusGroupNode);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8330,7 +8410,7 @@ BI.MultiLayerSelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_select_tree_last_plus_group_node", BI.MultiLayerSelectTreeLastPlusGroupNode);/** +BI.shortcut("bi.multilayer_select_tree_last_plus_group_node", BI.MultiLayerSelectTreeLastPlusGroupNode);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8419,7 +8499,7 @@ BI.MultiLayerSelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_select_tree_mid_plus_group_node", BI.MultiLayerSelectTreeMidPlusGroupNode);/** +BI.shortcut("bi.multilayer_select_tree_mid_plus_group_node", BI.MultiLayerSelectTreeMidPlusGroupNode);/** * 多层级下拉单选树 * Created by GUY on 2016/1/26. * @@ -8493,7 +8573,7 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { }); BI.MultiLayerSingleTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo);/** +BI.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo);/** * guy * 二级树 * @class BI.MultiLayerSingleLevelTree @@ -8627,7 +8707,7 @@ BI.MultiLayerSingleLevelTree = BI.inherit(BI.Widget, { }); BI.MultiLayerSingleLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree); +BI.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree); /** * Created by GUY on 2016/1/26. * @@ -8694,7 +8774,7 @@ BI.MultiLayerSingleTreePopup = BI.inherit(BI.Pane, { }); BI.MultiLayerSingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup);/** +BI.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8776,7 +8856,7 @@ BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode);/** +BI.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8858,7 +8938,7 @@ BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode);/** +BI.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode);/** * 加号表示的组节点 * * Created by GUY on 2016/1/27. @@ -8940,7 +9020,7 @@ BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode);/** +BI.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode);/** * * Created by GUY on 2016/1/27. * @class BI.MultiLayerSingleTreeFirstTreeLeafItem @@ -9035,7 +9115,7 @@ BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem);/** +BI.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem);/** * * Created by GUY on 2016/1/27. * @class BI.MultiLayerSingleTreeLastTreeLeafItem @@ -9130,7 +9210,7 @@ BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem);/** +BI.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem);/** * * Created by GUY on 2016/1/27. * @class BI.MultiLayerSingleTreeMidTreeLeafItem @@ -9225,7 +9305,7 @@ BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem);/** +BI.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem);/** * * @class BI.MultiSelectCheckPane * @extends BI.Widget @@ -9331,7 +9411,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.multi_select_check_pane", BI.MultiSelectCheckPane);/** +BI.shortcut("bi.multi_select_check_pane", BI.MultiSelectCheckPane);/** * * * 查看已选弹出层的展示面板 @@ -9417,7 +9497,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, { } }); -$.shortcut('bi.display_selected_list', BI.DisplaySelectedList);/** +BI.shortcut('bi.display_selected_list', BI.DisplaySelectedList);/** * * @class BI.MultiSelectCombo * @extends BI.Single @@ -9764,7 +9844,7 @@ BI.extend(BI.MultiSelectCombo, { BI.MultiSelectCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.multi_select_combo', BI.MultiSelectCombo);/** +BI.shortcut('bi.multi_select_combo', BI.MultiSelectCombo);/** * 多选加载数据面板 * Created by guy on 15/11/2. * @class BI.MultiSelectLoader @@ -9935,7 +10015,7 @@ BI.MultiSelectLoader = BI.inherit(BI.Widget, { }); BI.MultiSelectLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.multi_select_loader', BI.MultiSelectLoader);/** +BI.shortcut('bi.multi_select_loader', BI.MultiSelectLoader);/** * 带加载的多选下拉面板 * @class BI.MultiSelectPopupView * @extends Widget @@ -10029,7 +10109,7 @@ BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; BI.MultiSelectPopupView.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; -$.shortcut('bi.multi_select_popup_view', BI.MultiSelectPopupView);/** +BI.shortcut('bi.multi_select_popup_view', BI.MultiSelectPopupView);/** * * 复选下拉框 * @class BI.MultiSelectTrigger @@ -10181,7 +10261,7 @@ BI.MultiSelectTrigger.EVENT_PAUSE = "EVENT_PAUSE"; BI.MultiSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING"; BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW"; -$.shortcut('bi.multi_select_trigger', BI.MultiSelectTrigger);/** +BI.shortcut('bi.multi_select_trigger', BI.MultiSelectTrigger);/** * 多选加载数据搜索loader面板 * Created by guy on 15/11/4. * @class BI.MultiSelectSearchLoader @@ -10336,7 +10416,7 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, { }); BI.MultiSelectSearchLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.multi_select_search_loader', BI.MultiSelectSearchLoader);/** +BI.shortcut('bi.multi_select_search_loader', BI.MultiSelectSearchLoader);/** * * 在搜索框中输入文本弹出的面板 * @class BI.MultiSelectSearchPane @@ -10437,7 +10517,7 @@ BI.MultiSelectSearchPane = BI.inherit(BI.Widget, { BI.MultiSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multi_select_search_pane", BI.MultiSelectSearchPane);/** +BI.shortcut("bi.multi_select_search_pane", BI.MultiSelectSearchPane);/** * 查看已选按钮 * Created by guy on 15/11/3. * @class BI.MultiSelectCheckSelectedButton @@ -10513,7 +10593,7 @@ BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, { }); BI.MultiSelectCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.multi_select_check_selected_button', BI.MultiSelectCheckSelectedButton);/** +BI.shortcut('bi.multi_select_check_selected_button', BI.MultiSelectCheckSelectedButton);/** * 多选输入框 * Created by guy on 15/11/3. * @class BI.MultiSelectEditor @@ -10598,7 +10678,7 @@ BI.MultiSelectEditor = BI.inherit(BI.Widget, { } }); BI.MultiSelectEditor.EVENT_PAUSE = "MultiSelectEditor.EVENT_PAUSE"; -$.shortcut('bi.multi_select_editor', BI.MultiSelectEditor);/** +BI.shortcut('bi.multi_select_editor', BI.MultiSelectEditor);/** * searcher * Created by guy on 15/11/3. * @class BI.MultiSelectSearcher @@ -10740,7 +10820,7 @@ BI.MultiSelectSearcher.EVENT_START = "EVENT_START"; BI.MultiSelectSearcher.EVENT_STOP = "EVENT_STOP"; BI.MultiSelectSearcher.EVENT_PAUSE = "EVENT_PAUSE"; BI.MultiSelectSearcher.EVENT_SEARCHING = "EVENT_SEARCHING"; -$.shortcut('bi.multi_select_searcher', BI.MultiSelectSearcher);/** +BI.shortcut('bi.multi_select_searcher', BI.MultiSelectSearcher);/** * 查看已选switcher * Created by guy on 15/11/3. * @class BI.MultiSelectCheckSelectedSwitcher @@ -10833,7 +10913,7 @@ BI.MultiSelectCheckSelectedSwitcher = BI.inherit(BI.Widget, { BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE = "MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE"; BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW = "MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW"; -$.shortcut('bi.multi_select_check_selected_switcher', BI.MultiSelectCheckSelectedSwitcher);/** +BI.shortcut('bi.multi_select_check_selected_switcher', BI.MultiSelectCheckSelectedSwitcher);/** * Created by zcf on 2016/12/14. */ BI.MultiStringList = BI.inherit(BI.Widget, { @@ -10962,7 +11042,7 @@ BI.MultiStringList = BI.inherit(BI.Widget, { }); BI.createWidget({ type: "bi.vtape", - element: this.element, + element: this, height: "100%", width: "100%", items: [{ @@ -11152,7 +11232,7 @@ BI.extend(BI.MultiStringList, { }); BI.MultiStringList.EVENT_CHANGE = "BI.MultiStringList.EVENT_CHANGE"; -$.shortcut("bi.multi_string_list", BI.MultiStringList);/** +BI.shortcut("bi.multi_string_list", BI.MultiStringList);/** * * @class BI.MultiTreeCheckPane * @extends BI.Pane @@ -11266,7 +11346,7 @@ BI.MultiTreeCheckPane = BI.inherit(BI.Pane, { BI.MultiTreeCheckPane.EVENT_CONTINUE_CLICK = "EVENT_CONTINUE_CLICK"; -$.shortcut("bi.multi_tree_check_pane", BI.MultiTreeCheckPane);/** +BI.shortcut("bi.multi_tree_check_pane", BI.MultiTreeCheckPane);/** * * @class BI.MultiTreeCombo * @extends BI.Single @@ -11517,7 +11597,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, { BI.MultiTreeCombo.EVENT_CONFIRM = "MultiTreeCombo.EVENT_CONFIRM"; -$.shortcut('bi.multi_tree_combo', BI.MultiTreeCombo);/** +BI.shortcut('bi.multi_tree_combo', BI.MultiTreeCombo);/** * 带加载的多选下拉面板 * @class BI.MultiTreePopup * @extends BI.Pane @@ -11617,7 +11697,7 @@ BI.MultiTreePopup.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; BI.MultiTreePopup.EVENT_AFTERINIT = "EVENT_AFTERINIT"; -$.shortcut('bi.multi_tree_popup_view', BI.MultiTreePopup);/** +BI.shortcut('bi.multi_tree_popup_view', BI.MultiTreePopup);/** * * 在搜索框中输入文本弹出的面板 * @class BI.MultiTreeSearchPane @@ -11685,7 +11765,7 @@ BI.MultiTreeSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; BI.MultiTreeSearchPane.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; BI.MultiTreeSearchPane.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; -$.shortcut("bi.multi_tree_search_pane", BI.MultiTreeSearchPane);/** +BI.shortcut("bi.multi_tree_search_pane", BI.MultiTreeSearchPane);/** * 查看已选按钮 * Created by guy on 15/11/3. * @class BI.MultiTreeCheckSelectedButton @@ -11755,7 +11835,7 @@ BI.MultiTreeCheckSelectedButton = BI.inherit(BI.Single, { }); BI.MultiTreeCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.multi_tree_check_selected_button', BI.MultiTreeCheckSelectedButton);/** +BI.shortcut('bi.multi_tree_check_selected_button', BI.MultiTreeCheckSelectedButton);/** * searcher * Created by guy on 15/11/3. * @class BI.MultiTreeSearcher @@ -11890,7 +11970,7 @@ BI.MultiTreeSearcher.EVENT_CHANGE = "EVENT_CHANGE"; BI.MultiTreeSearcher.EVENT_START = "EVENT_START"; BI.MultiTreeSearcher.EVENT_STOP = "EVENT_STOP"; BI.MultiTreeSearcher.EVENT_PAUSE = "EVENT_PAUSE"; -$.shortcut('bi.multi_tree_searcher', BI.MultiTreeSearcher);/** +BI.shortcut('bi.multi_tree_searcher', BI.MultiTreeSearcher);/** * Created by zcf on 2016/12/20. */ BI.MultiTreeList = BI.inherit(BI.Widget, { @@ -12017,7 +12097,7 @@ BI.MultiTreeList = BI.inherit(BI.Widget, { }); BI.createWidget({ type: "bi.vtape", - element: this.element, + element: this, height: "100%", width: "100%", items: [{ @@ -12067,7 +12147,7 @@ BI.MultiTreeList = BI.inherit(BI.Widget, { } }); BI.MultiTreeList.EVENT_CHANGE = "MultiTreeList.EVENT_CHANGE"; -$.shortcut('bi.multi_tree_list', BI.MultiTreeList);/** +BI.shortcut('bi.multi_tree_list', BI.MultiTreeList);/** * Created by zcf on 2016/12/21. */ BI.MultiStringListPopup=BI.inherit(BI.Widget,{ @@ -12083,7 +12163,7 @@ BI.MultiStringListPopup=BI.inherit(BI.Widget,{ this.popup = BI.createWidget({ type: "bi.sync_tree", height: 400, - element:this.element, + element: this, itemsCreator: o.itemsCreator }); this.popup.on(BI.TreeView.EVENT_AFTERINIT, function () { @@ -12114,7 +12194,7 @@ BI.MultiStringListPopup=BI.inherit(BI.Widget,{ }); BI.MultiStringListPopup.EVENT_AFTER_INIT="BI.MultiStringListPopup.EVENT_AFTER_INIT"; BI.MultiStringListPopup.EVENT_CHANGE="BI.MultiStringListPopup.EVENT_CHANGE"; -$.shortcut("bi.multi_tree_list_popup",BI.MultiStringListPopup);//小于号的值为:0,小于等于号的值为:1 +BI.shortcut("bi.multi_tree_list_popup",BI.MultiStringListPopup);//小于号的值为:0,小于等于号的值为:1 //closeMIn:最小值的符号,closeMax:最大值的符号 /** * Created by roy on 15/9/17. @@ -12275,7 +12355,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, { } this.label = BI.createWidget({ type: "bi.label", - text: BI.i18nText("BI-Value"), + text: BI.i18nText("BI-Basic_Value"), textHeight: o.height - c.border * 2, width: c.width - c.border * 2, height: o.height - c.border * 2, @@ -12648,7 +12728,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, { BI.NumericalInterval.EVENT_CHANGE = "EVENT_CHANGE"; BI.NumericalInterval.EVENT_VALID = "EVENT_VALID"; BI.NumericalInterval.EVENT_ERROR = "EVENT_ERROR"; -$.shortcut("bi.numerical_interval", BI.NumericalInterval);/** +BI.shortcut("bi.numerical_interval", BI.NumericalInterval);/** * * 表格 * @@ -12686,7 +12766,7 @@ BI.PageTableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.page_table_cell", BI.PageTableCell);/** +BI.shortcut("bi.page_table_cell", BI.PageTableCell);/** * 分页表格 * * Created by GUY on 2016/2/15. @@ -12935,7 +13015,7 @@ BI.PageTable = BI.inherit(BI.Widget, { BI.PageTable.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.page_table', BI.PageTable);/** +BI.shortcut('bi.page_table', BI.PageTable);/** * 路径选择 * * Created by GUY on 2015/12/4. @@ -13425,7 +13505,7 @@ BI.PathChooser = BI.inherit(BI.Widget, { } }); BI.PathChooser.EVENT_CHANGE = "PathChooser.EVENT_CHANGE"; -$.shortcut("bi.path_chooser", BI.PathChooser);/** +BI.shortcut("bi.path_chooser", BI.PathChooser);/** * 路径选择区域 * * Created by GUY on 2015/12/4. @@ -13539,7 +13619,7 @@ BI.PathRegion = BI.inherit(BI.Widget, { } }); BI.PathRegion.EVENT_CHANGE = "PathRegion.EVENT_CHANGE"; -$.shortcut("bi.path_region", BI.PathRegion);/** +BI.shortcut("bi.path_region", BI.PathRegion);/** * 预览表列 * * Created by GUY on 2015/12/25. @@ -13570,7 +13650,7 @@ BI.PreviewTableCell = BI.inherit(BI.Widget, { }) } }); -$.shortcut('bi.preview_table_cell', BI.PreviewTableCell);/** +BI.shortcut('bi.preview_table_cell', BI.PreviewTableCell);/** * 预览表 * * Created by GUY on 2015/12/25. @@ -13601,7 +13681,7 @@ BI.PreviewTableHeaderCell = BI.inherit(BI.Widget, { }) } }); -$.shortcut('bi.preview_table_header_cell', BI.PreviewTableHeaderCell);/** +BI.shortcut('bi.preview_table_header_cell', BI.PreviewTableHeaderCell);/** * 预览表 * * Created by GUY on 2015/12/25. @@ -13801,15 +13881,10 @@ BI.PreviewTable = BI.inherit(BI.Widget, { populate: function (items, header) { this.table.populate(items, header); - }, - - destroy: function () { - this.table.destroy(); - BI.PreviewTable.superclass.destroy.apply(this, arguments); } }); BI.PreviewTable.EVENT_CHANGE = "PreviewTable.EVENT_CHANGE"; -$.shortcut('bi.preview_table', BI.PreviewTable);/** +BI.shortcut('bi.preview_table', BI.PreviewTable);/** * 季度下拉框 * * Created by GUY on 2015/8/28. @@ -13890,7 +13965,7 @@ BI.QuarterCombo = BI.inherit(BI.Widget, { }); BI.QuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.quarter_combo', BI.QuarterCombo);/** +BI.shortcut('bi.quarter_combo', BI.QuarterCombo);/** * 季度展示面板 * * Created by GUY on 2015/9/2. @@ -13960,7 +14035,7 @@ BI.QuarterPopup = BI.inherit(BI.Widget, { } }); BI.QuarterPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.quarter_popup", BI.QuarterPopup);/** +BI.shortcut("bi.quarter_popup", BI.QuarterPopup);/** * 季度trigger * * Created by GUY on 2015/8/21. @@ -14065,7 +14140,7 @@ BI.QuarterTrigger.EVENT_CHANGE = "EVENT_CHANGE"; BI.QuarterTrigger.EVENT_START = "EVENT_START"; BI.QuarterTrigger.EVENT_STOP = "EVENT_STOP"; BI.QuarterTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut("bi.quarter_trigger", BI.QuarterTrigger);/** +BI.shortcut("bi.quarter_trigger", BI.QuarterTrigger);/** * 关联视图字段Item * * Created by GUY on 2015/12/23. @@ -14123,7 +14198,7 @@ BI.RelationViewItem = BI.inherit(BI.BasicButton, { this.element[b ? "addClass" : "removeClass"]("active"); } }); -$.shortcut('bi.relation_view_item', BI.RelationViewItem);/** +BI.shortcut('bi.relation_view_item', BI.RelationViewItem);/** * 关联视图 * * Created by GUY on 2015/12/22. @@ -14441,7 +14516,7 @@ BI.RelationView = BI.inherit(BI.Widget, { }); BI.RelationView.EVENT_CHANGE = "RelationView.EVENT_CHANGE"; BI.RelationView.EVENT_PREVIEW = "EVENT_PREVIEW"; -$.shortcut('bi.relation_view', BI.RelationView);/** +BI.shortcut('bi.relation_view', BI.RelationView);/** * Created by Young's on 2017/3/10. */ BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { @@ -14534,7 +14609,7 @@ BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { BI.RelationViewRegionContainer.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; BI.RelationViewRegionContainer.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; BI.RelationViewRegionContainer.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; -$.shortcut("bi.relation_view_region_container", BI.RelationViewRegionContainer);/** +BI.shortcut("bi.relation_view_region_container", BI.RelationViewRegionContainer);/** * 关联视图 * * Created by GUY on 2015/12/23. @@ -14690,7 +14765,369 @@ BI.RelationViewRegion = BI.inherit(BI.BasicButton, { BI.RelationViewRegion.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; BI.RelationViewRegion.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; BI.RelationViewRegion.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; -$.shortcut('bi.relation_view_region', BI.RelationViewRegion);/** +BI.shortcut('bi.relation_view_region', BI.RelationViewRegion);/** + * 自适应宽度的表格 + * + * Created by GUY on 2016/2/3. + * @class BI.ResponisveTable + * @extends BI.Widget + */ +BI.ResponisveTable = BI.inherit(BI.Widget, { + + _const: { + perColumnSize: 100 + }, + + _defaultConfig: function () { + return BI.extend(BI.ResponisveTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-responsive-table", + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 25, + footerRowSize: 25, + rowSize: 25, + + regionColumnSize: false, + + header: [], + footer: false, + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [] + }); + }, + + _init: function () { + BI.ResponisveTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + header: o.header, + footer: o.footer, + items: o.items, + //交叉表头 + crossHeader: o.crossHeader, + crossItems: o.crossItems + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self._initRegionSize(); + self.table.resize(); + self._resizeHeader(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self._resizeRegion(); + self._resizeHeader(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_REGION_RESIZE, function () { + //important:在冻结并自适应列宽的情况下要随时变更表头宽度 + if (o.isNeedResize === true && self._isAdaptiveColumn()) { + self._resizeHeader(); + } + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + self._resizeHeader(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + + this.table.on(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, function () { + self._resizeBody(); + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + self._resizeRegion(); + self._resizeHeader(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + }, + + _initRegionSize: function () { + var o = this.options; + if (o.isNeedFreeze === true) { + var regionColumnSize = this.table.getRegionColumnSize(); + var maxWidth = this.table.element.width(); + if (!regionColumnSize[0] || (regionColumnSize[0] === 'fill') || regionColumnSize[0] > maxWidth || regionColumnSize[1] > maxWidth) { + var freezeCols = o.freezeCols; + if (freezeCols.length === 0) { + this.table.setRegionColumnSize([0, "fill"]); + } else if (freezeCols.length > 0 && freezeCols.length < o.columnSize.length) { + var size = maxWidth / 3; + if (freezeCols.length > o.columnSize.length / 2) { + size = maxWidth * 2 / 3; + } + this.table.setRegionColumnSize([size, "fill"]); + } else { + this.table.setRegionColumnSize(["fill", 0]); + } + } + } + }, + + _getBlockSize: function () { + var o = this.options; + var columnSize = this.table.getCalculateColumnSize(); + if (o.isNeedFreeze === true) { + var columnSizeLeft = [], columnSizeRight = []; + BI.each(columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + columnSizeLeft.push(size); + } else { + columnSizeRight.push(size); + } + }); + //因为有边框,所以加上数组长度的参数调整 + var sumLeft = BI.sum(columnSizeLeft) + columnSizeLeft.length, sumRight = BI.sum(columnSizeRight) + columnSizeRight.length; + return { + sumLeft: sumLeft, + sumRight: sumRight, + left: columnSizeLeft, + right: columnSizeRight + } + } + return { + size: columnSize, + sum: BI.sum(columnSize) + columnSize.length + }; + }, + + _isAdaptiveColumn: function (columnSize) { + return !(BI.last(columnSize || this.table.getColumnSize()) > 1.05); + }, + + _resizeHeader: function () { + var self = this, o = this.options; + if (o.isNeedFreeze === true) { + //若是当前处于自适应调节阶段 + if (this._isAdaptiveColumn()) { + var columnSize = this.table.getCalculateColumnSize(); + this.table.setHeaderColumnSize(columnSize); + } else { + var regionColumnSize = this.table.getClientRegionColumnSize(); + var block = this._getBlockSize(); + var sumLeft = block.sumLeft, sumRight = block.sumRight; + var columnSizeLeft = block.left, columnSizeRight = block.right; + columnSizeLeft[columnSizeLeft.length - 1] += regionColumnSize[0] - sumLeft; + columnSizeRight[columnSizeRight.length - 1] += regionColumnSize[1] - sumRight; + + var newLeft = BI.clone(columnSizeLeft), newRight = BI.clone(columnSizeRight); + newLeft[newLeft.length - 1] = ""; + newRight[newRight.length - 1] = ""; + this.table.setColumnSize(newLeft.concat(newRight)); + + block = self._getBlockSize(); + if (columnSizeLeft[columnSizeLeft.length - 1] < block.left[block.left.length - 1]) { + columnSizeLeft[columnSizeLeft.length - 1] = block.left[block.left.length - 1] + } + if (columnSizeRight[columnSizeRight.length - 1] < block.right[block.right.length - 1]) { + columnSizeRight[columnSizeRight.length - 1] = block.right[block.right.length - 1] + } + + self.table.setColumnSize(columnSizeLeft.concat(columnSizeRight)); + } + } else { + if (!this._isAdaptiveColumn()) { + var regionColumnSize = this.table.getClientRegionColumnSize(); + var block = this._getBlockSize(); + var sum = block.sum; + var size = block.size; + + size[size.length - 1] += regionColumnSize[0] - sum; + + var newSize = BI.clone(size); + newSize[newSize.length - 1] = ""; + this.table.setColumnSize(newSize); + block = this._getBlockSize(); + + if (size[size.length - 1] < block.size[block.size.length - 1]) { + size[size.length - 1] = block.size[block.size.length - 1] + } + this.table.setColumnSize(size); + } + } + }, + + _resizeBody: function () { + if (this._isAdaptiveColumn()) { + var columnSize = this.table.getCalculateColumnSize(); + this.setColumnSize(columnSize); + } + }, + + _adjustRegion: function () { + var o = this.options; + var regionColumnSize = this.table.getCalculateRegionColumnSize(); + if (o.isNeedFreeze === true && o.freezeCols.length > 0 && o.freezeCols.length < o.columnSize.length) { + var block = this._getBlockSize(); + var sumLeft = block.sumLeft, sumRight = block.sumRight; + if (sumLeft < regionColumnSize[0] || regionColumnSize[0] >= (sumLeft + sumRight)) { + this.table.setRegionColumnSize([sumLeft, "fill"]); + } + this._resizeRegion(); + } + }, + + _resizeRegion: function () { + var o = this.options; + var regionColumnSize = this.table.getCalculateRegionColumnSize(); + if (o.isNeedFreeze === true && o.freezeCols.length > 0 && o.freezeCols.length < o.columnSize.length) { + var maxWidth = this.table.element.width(); + if (regionColumnSize[0] < 15 || regionColumnSize[1] < 15) { + var freezeCols = o.freezeCols; + var size = maxWidth / 3; + if (freezeCols.length > o.columnSize.length / 2) { + size = maxWidth * 2 / 3; + } + this.table.setRegionColumnSize([size, "fill"]); + } + } + }, + + + resize: function () { + this.table.resize(); + this._resizeRegion(); + this._resizeHeader(); + }, + + setColumnSize: function (columnSize) { + this.table.setColumnSize(columnSize); + this._adjustRegion(); + this._resizeHeader(); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + this.table.setHeaderColumnSize(columnSize); + this._adjustRegion(); + this._resizeHeader(); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + this._resizeHeader(); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + attr: function () { + BI.ResponisveTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + }, + + populate: function (items) { + var self = this, o = this.options; + this.table.populate.apply(this.table, arguments); + if (o.isNeedFreeze === true) { + BI.nextTick(function () { + if (self.element.is(":visible")) { + self._initRegionSize(); + self.table.resize(); + self._resizeHeader(); + } + }); + } + } +}); +BI.shortcut('bi.responsive_table', BI.ResponisveTable);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.SelectTreeFirstPlusGroupNode @@ -14774,7 +15211,7 @@ BI.SelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.select_tree_first_plus_group_node", BI.SelectTreeFirstPlusGroupNode);/** +BI.shortcut("bi.select_tree_first_plus_group_node", BI.SelectTreeFirstPlusGroupNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.SelectTreeLastPlusGroupNode @@ -14858,7 +15295,7 @@ BI.SelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.select_tree_last_plus_group_node", BI.SelectTreeLastPlusGroupNode);/** +BI.shortcut("bi.select_tree_last_plus_group_node", BI.SelectTreeLastPlusGroupNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.SelectTreeMidPlusGroupNode @@ -14942,7 +15379,7 @@ BI.SelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.select_tree_mid_plus_group_node", BI.SelectTreeMidPlusGroupNode);/** +BI.shortcut("bi.select_tree_mid_plus_group_node", BI.SelectTreeMidPlusGroupNode);/** * @class BI.SelectTreeCombo * @extends BI.Widget */ @@ -15009,7 +15446,7 @@ BI.SelectTreeCombo = BI.inherit(BI.Widget, { }); -$.shortcut("bi.select_tree_combo", BI.SelectTreeCombo);/** +BI.shortcut("bi.select_tree_combo", BI.SelectTreeCombo);/** * @class BI.SelectTreeExpander * @extends BI.Widget */ @@ -15081,7 +15518,7 @@ BI.SelectTreeExpander = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.select_tree_expander", BI.SelectTreeExpander);/** +BI.shortcut("bi.select_tree_expander", BI.SelectTreeExpander);/** * @class BI.SelectTreePopup * @extends BI.Pane */ @@ -15177,7 +15614,7 @@ BI.SelectTreePopup = BI.inherit(BI.Pane, { }); BI.SelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.select_tree_popup", BI.SelectTreePopup);/** +BI.shortcut("bi.select_tree_popup", BI.SelectTreePopup);/** * * Created by GUY on 2016/8/10. * @class BI.SequenceTableDynamicNumber @@ -15247,7 +15684,7 @@ BI.SequenceTableDynamicNumber = BI.inherit(BI.SequenceTableTreeNumber, { return result; } }); -$.shortcut('bi.sequence_table_dynamic_number', BI.SequenceTableDynamicNumber);/** +BI.shortcut('bi.sequence_table_dynamic_number', BI.SequenceTableDynamicNumber);/** * * Created by GUY on 2016/5/26. * @class BI.SequenceTableListNumber @@ -15452,7 +15889,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, { this._populate(); } }); -$.shortcut('bi.sequence_table_list_number', BI.SequenceTableListNumber);/** +BI.shortcut('bi.sequence_table_list_number', BI.SequenceTableListNumber);/** * 带有序号的表格 * * Created by GUY on 2016/5/26. @@ -15702,7 +16139,7 @@ BI.SequenceTable = BI.inherit(BI.Widget, { BI.SequenceTable.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.sequence_table', BI.SequenceTable);/** +BI.shortcut('bi.sequence_table', BI.SequenceTable);/** * @class BI.SingleTreeCombo * @extends BI.Widget */ @@ -15775,7 +16212,7 @@ BI.SingleTreeCombo = BI.inherit(BI.Widget, { BI.SingleTreeCombo.EVENT_CHANGE = "SingleTreeCombo.EVENT_CHANGE"; BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; -$.shortcut("bi.single_tree_combo", BI.SingleTreeCombo);/** +BI.shortcut("bi.single_tree_combo", BI.SingleTreeCombo);/** * @class BI.SingleTreePopup * @extends BI.Pane */ @@ -15837,7 +16274,7 @@ BI.SingleTreePopup = BI.inherit(BI.Pane, { }); BI.SingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.single_tree_popup", BI.SingleTreePopup);/** +BI.shortcut("bi.single_tree_popup", BI.SingleTreePopup);/** * @class BI.SingleTreeTrigger * @extends BI.Trigger */ @@ -15895,7 +16332,7 @@ BI.SingleTreeTrigger = BI.inherit(BI.Trigger, { }); -$.shortcut("bi.single_tree_trigger", BI.SingleTreeTrigger);/** +BI.shortcut("bi.single_tree_trigger", BI.SingleTreeTrigger);/** * 可以单选多选切换的树 * * Created by GUY on 2015/12/21. @@ -16005,7 +16442,7 @@ BI.SwitchTree.SelectType = { SingleSelect: BI.Selection.Single, MultiSelect: BI.Selection.Multi }; -$.shortcut('bi.switch_tree', BI.SwitchTree); +BI.shortcut('bi.switch_tree', BI.SwitchTree); /** * web组件 * Created by GameJian on 2016/3/1. @@ -16159,7 +16596,7 @@ BI.WebPage = BI.inherit(BI.Widget, { BI.WebPage.EVENT_DESTROY = "EVENT_DESTROY"; BI.WebPage.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; -$.shortcut("bi.web_page", BI.WebPage);/** +BI.shortcut("bi.web_page", BI.WebPage);/** * 年份下拉框 * * Created by GUY on 2015/8/28. @@ -16254,7 +16691,7 @@ BI.YearCombo = BI.inherit(BI.Widget, { } }); BI.YearCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.year_combo', BI.YearCombo);/** +BI.shortcut('bi.year_combo', BI.YearCombo);/** * 年份展示面板 * * Created by GUY on 2015/9/2. @@ -16356,7 +16793,7 @@ BI.YearPopup = BI.inherit(BI.Widget, { } }); BI.YearPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.year_popup", BI.YearPopup);/** +BI.shortcut("bi.year_popup", BI.YearPopup);/** * 年份trigger * * Created by GUY on 2015/8/21. @@ -16368,7 +16805,7 @@ BI.YearTrigger = BI.inherit(BI.Trigger, { hgap: 4, vgap: 2, triggerWidth: 25, - errorText: BI.i18nText("BI-Please_Input_Integer"), + errorText: BI.i18nText("BI-Please_Input_Positive_Integer"), errorTextInvalid: BI.i18nText("BI-Year_Trigger_Invalid_Text") }, @@ -16461,7 +16898,7 @@ BI.YearTrigger.EVENT_ERROR = "EVENT_ERROR"; BI.YearTrigger.EVENT_START = "EVENT_START"; BI.YearTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; BI.YearTrigger.EVENT_STOP = "EVENT_STOP"; -$.shortcut("bi.year_trigger", BI.YearTrigger);/** +BI.shortcut("bi.year_trigger", BI.YearTrigger);/** * 年份 + 月份下拉框 * * @class BI.YearMonthCombo @@ -16517,7 +16954,7 @@ BI.YearMonthCombo = BI.inherit(BI.Widget, { } }); BI.YearMonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.year_month_combo', BI.YearMonthCombo);/** +BI.shortcut('bi.year_month_combo', BI.YearMonthCombo);/** * 年份 + 月份下拉框 * * @class BI.YearQuarterCombo @@ -16573,7 +17010,7 @@ BI.YearQuarterCombo = BI.inherit(BI.Widget, { } }); BI.YearQuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; -$.shortcut('bi.year_quarter_combo', BI.YearQuarterCombo);/** +BI.shortcut('bi.year_quarter_combo', BI.YearQuarterCombo);/** * 简单的复选下拉框控件, 适用于数据量少的情况 * 封装了字段处理逻辑 * @@ -16605,7 +17042,7 @@ BI.AllValueChooserCombo = BI.inherit(BI.Widget, { } this.combo = BI.createWidget({ type: 'bi.multi_select_combo', - element: this.element, + element: this, itemsCreator: BI.bind(this._itemsCreator, this), valueFormatter: function (v) { var text = v; @@ -16690,7 +17127,7 @@ BI.AllValueChooserCombo = BI.inherit(BI.Widget, { } }); BI.AllValueChooserCombo.EVENT_CONFIRM = "AllValueChooserCombo.EVENT_CONFIRM"; -$.shortcut('bi.all_value_chooser_combo', BI.AllValueChooserCombo);/** +BI.shortcut('bi.all_value_chooser_combo', BI.AllValueChooserCombo);/** * 简单的复选下拉树控件, 适用于数据量少的情况 * * Created by GUY on 2015/10/29. @@ -16721,7 +17158,7 @@ BI.TreeValueChooserCombo = BI.inherit(BI.Widget, { } this.combo = BI.createWidget({ type: 'bi.multi_tree_combo', - element: this.element, + element: this, itemsCreator: BI.bind(this._itemsCreator, this), width: o.width, height: o.height @@ -17288,7 +17725,7 @@ BI.TreeValueChooserCombo = BI.inherit(BI.Widget, { } }); BI.TreeValueChooserCombo.EVENT_CONFIRM = "TreeValueChooserCombo.EVENT_CONFIRM"; -$.shortcut('bi.tree_value_chooser_combo', BI.TreeValueChooserCombo);/** +BI.shortcut('bi.tree_value_chooser_combo', BI.TreeValueChooserCombo);/** * 简单的复选下拉框控件, 适用于数据量少的情况 * 封装了字段处理逻辑 * @@ -17320,7 +17757,7 @@ BI.ValueChooserCombo = BI.inherit(BI.Widget, { } this.combo = BI.createWidget({ type: 'bi.multi_select_combo', - element: this.element, + element: this, itemsCreator: BI.bind(this._itemsCreator, this), valueFormatter: function (v) { var text = v; @@ -17414,4 +17851,4 @@ BI.ValueChooserCombo = BI.inherit(BI.Widget, { } }); BI.ValueChooserCombo.EVENT_CONFIRM = "ValueChooserCombo.EVENT_CONFIRM"; -$.shortcut('bi.value_chooser_combo', BI.ValueChooserCombo); \ No newline at end of file +BI.shortcut('bi.value_chooser_combo', BI.ValueChooserCombo); \ No newline at end of file diff --git a/demo.html b/demo.html index b58f30610..53decbadc 100644 --- a/demo.html +++ b/demo.html @@ -10,6 +10,8 @@ href="./dist/base.css"/> + diff --git a/demo/js/base/button/demo.button.js b/demo/js/base/button/demo.button.js index 2e72dd0f7..304b2af09 100644 --- a/demo/js/base/button/demo.button.js +++ b/demo/js/base/button/demo.button.js @@ -72,4 +72,4 @@ Demo.Button = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.button", Demo.Button); \ No newline at end of file +BI.shortcut("demo.button", Demo.Button); \ No newline at end of file diff --git a/demo/js/base/button/demo.icon_button.js b/demo/js/base/button/demo.icon_button.js index 957bcd5b5..1b4e5a650 100644 --- a/demo/js/base/button/demo.icon_button.js +++ b/demo/js/base/button/demo.icon_button.js @@ -21,4 +21,4 @@ Demo.Button = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.icon_button", Demo.Button); \ No newline at end of file +BI.shortcut("demo.icon_button", Demo.Button); \ No newline at end of file diff --git a/demo/js/base/button/demo.image_button.js b/demo/js/base/button/demo.image_button.js index 1d7352164..1ea083148 100644 --- a/demo/js/base/button/demo.image_button.js +++ b/demo/js/base/button/demo.image_button.js @@ -21,4 +21,4 @@ Demo.Button = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.image_button", Demo.Button); \ No newline at end of file +BI.shortcut("demo.image_button", Demo.Button); \ No newline at end of file diff --git a/demo/js/base/button/demo.text_button.js b/demo/js/base/button/demo.text_button.js index d5be73efe..8ca0d8116 100644 --- a/demo/js/base/button/demo.text_button.js +++ b/demo/js/base/button/demo.text_button.js @@ -20,4 +20,4 @@ Demo.Button = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.text_button", Demo.Button); \ No newline at end of file +BI.shortcut("demo.text_button", Demo.Button); \ No newline at end of file diff --git a/demo/js/base/demo.label.js b/demo/js/base/demo.label.js index c4ae368d4..ca5fe2c93 100644 --- a/demo/js/base/demo.label.js +++ b/demo/js/base/demo.label.js @@ -135,4 +135,4 @@ Demo.Label = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.label", Demo.Label); \ No newline at end of file +BI.shortcut("demo.label", Demo.Label); \ No newline at end of file diff --git a/demo/js/base/demo.message.js b/demo/js/base/demo.message.js index 2e4294c7b..f586b111c 100644 --- a/demo/js/base/demo.message.js +++ b/demo/js/base/demo.message.js @@ -20,4 +20,4 @@ Demo.Message = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.message", Demo.Message); \ No newline at end of file +BI.shortcut("demo.message", Demo.Message); \ No newline at end of file diff --git a/demo/js/base/demo.pager.js b/demo/js/base/demo.pager.js index a131fbce1..9243280f8 100644 --- a/demo/js/base/demo.pager.js +++ b/demo/js/base/demo.pager.js @@ -117,4 +117,4 @@ Demo.Func = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.pager", Demo.Func); \ No newline at end of file +BI.shortcut("demo.pager", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/demo.svg.js b/demo/js/base/demo.svg.js index 02932e7d7..dda5f8ee5 100644 --- a/demo/js/base/demo.svg.js +++ b/demo/js/base/demo.svg.js @@ -29,4 +29,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.svg", Demo.Func); \ No newline at end of file +BI.shortcut("demo.svg", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/editor/demo.code_editor.js b/demo/js/base/editor/demo.code_editor.js index 7fbfc7037..654fa54ed 100644 --- a/demo/js/base/editor/demo.code_editor.js +++ b/demo/js/base/editor/demo.code_editor.js @@ -30,4 +30,4 @@ Demo.CodeEditor = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.code_editor", Demo.CodeEditor); \ No newline at end of file +BI.shortcut("demo.code_editor", Demo.CodeEditor); \ No newline at end of file diff --git a/demo/js/base/editor/demo.editor.js b/demo/js/base/editor/demo.editor.js index d0eee2865..590828731 100644 --- a/demo/js/base/editor/demo.editor.js +++ b/demo/js/base/editor/demo.editor.js @@ -93,4 +93,4 @@ Demo.Editor = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.editor", Demo.Editor); \ No newline at end of file +BI.shortcut("demo.editor", Demo.Editor); \ No newline at end of file diff --git a/demo/js/base/editor/demo.formula_editor.js b/demo/js/base/editor/demo.formula_editor.js index 612553ceb..ce6c00b9f 100644 --- a/demo/js/base/editor/demo.formula_editor.js +++ b/demo/js/base/editor/demo.formula_editor.js @@ -18,4 +18,4 @@ Demo.CodeEditor = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.formula_editor", Demo.CodeEditor); \ No newline at end of file +BI.shortcut("demo.formula_editor", Demo.CodeEditor); \ No newline at end of file diff --git a/demo/js/base/editor/demo.multifile_editor.js b/demo/js/base/editor/demo.multifile_editor.js index 749ec9596..9472f3b9e 100644 --- a/demo/js/base/editor/demo.multifile_editor.js +++ b/demo/js/base/editor/demo.multifile_editor.js @@ -23,4 +23,4 @@ Demo.CodeEditor = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.multifile_editor", Demo.CodeEditor); \ No newline at end of file +BI.shortcut("demo.multifile_editor", Demo.CodeEditor); \ No newline at end of file diff --git a/demo/js/base/editor/demo.textarea_editor.js b/demo/js/base/editor/demo.textarea_editor.js index 542513457..f680a020b 100644 --- a/demo/js/base/editor/demo.textarea_editor.js +++ b/demo/js/base/editor/demo.textarea_editor.js @@ -36,4 +36,4 @@ Demo.CodeEditor = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.textarea_editor", Demo.CodeEditor); \ No newline at end of file +BI.shortcut("demo.textarea_editor", Demo.CodeEditor); \ No newline at end of file diff --git a/demo/js/base/table/demo.collection_table.js b/demo/js/base/table/demo.collection_table.js index c2b46675a..0f795f9d7 100644 --- a/demo/js/base/table/demo.collection_table.js +++ b/demo/js/base/table/demo.collection_table.js @@ -59,4 +59,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.collection_table", Demo.Func); \ No newline at end of file +BI.shortcut("demo.collection_table", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/table/demo.grid_table.js b/demo/js/base/table/demo.grid_table.js index 11748f972..61f48a2d3 100644 --- a/demo/js/base/table/demo.grid_table.js +++ b/demo/js/base/table/demo.grid_table.js @@ -54,4 +54,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.grid_table", Demo.Func); \ No newline at end of file +BI.shortcut("demo.grid_table", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/table/demo.resizable_table.js b/demo/js/base/table/demo.resizable_table.js index f3d3540a9..cc405c30a 100644 --- a/demo/js/base/table/demo.resizable_table.js +++ b/demo/js/base/table/demo.resizable_table.js @@ -54,4 +54,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.resizable_table", Demo.Func); \ No newline at end of file +BI.shortcut("demo.resizable_table", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/table/demo.table_view.js b/demo/js/base/table/demo.table_view.js index 9f5a37b77..2495dc63f 100644 --- a/demo/js/base/table/demo.table_view.js +++ b/demo/js/base/table/demo.table_view.js @@ -364,4 +364,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.table_view", Demo.Func); \ No newline at end of file +BI.shortcut("demo.table_view", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/tip/demo.bubble.js b/demo/js/base/tip/demo.bubble.js index c9b53ca9d..96d29ee9d 100644 --- a/demo/js/base/tip/demo.bubble.js +++ b/demo/js/base/tip/demo.bubble.js @@ -55,4 +55,4 @@ Demo.Bubble = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.bubble", Demo.Bubble); \ No newline at end of file +BI.shortcut("demo.bubble", Demo.Bubble); \ No newline at end of file diff --git a/demo/js/base/tip/demo.title.js b/demo/js/base/tip/demo.title.js index 67377a084..270568a43 100644 --- a/demo/js/base/tip/demo.title.js +++ b/demo/js/base/tip/demo.title.js @@ -36,4 +36,4 @@ Demo.Title = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.title", Demo.Title); \ No newline at end of file +BI.shortcut("demo.title", Demo.Title); \ No newline at end of file diff --git a/demo/js/base/tip/demo.toast.js b/demo/js/base/tip/demo.toast.js index f7d6fbe5f..d4fa9f72e 100644 --- a/demo/js/base/tip/demo.toast.js +++ b/demo/js/base/tip/demo.toast.js @@ -52,4 +52,4 @@ Demo.Toast = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.toast", Demo.Toast); \ No newline at end of file +BI.shortcut("demo.toast", Demo.Toast); \ No newline at end of file diff --git a/demo/js/base/tree/demo.part_tree.js b/demo/js/base/tree/demo.part_tree.js index d7741dd31..9a14a74fe 100644 --- a/demo/js/base/tree/demo.part_tree.js +++ b/demo/js/base/tree/demo.part_tree.js @@ -6,4 +6,4 @@ Demo.Func = BI.inherit(BI.Widget, { render: function () { } }); -$.shortcut("demo.part_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.part_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/tree/demo.sync_tree.js b/demo/js/base/tree/demo.sync_tree.js index a2c06ff92..37f8e57f6 100644 --- a/demo/js/base/tree/demo.sync_tree.js +++ b/demo/js/base/tree/demo.sync_tree.js @@ -6,4 +6,4 @@ Demo.Func = BI.inherit(BI.Widget, { render: function () { } }); -$.shortcut("demo.sync_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.sync_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/base/tree/demo.tree_view.js b/demo/js/base/tree/demo.tree_view.js index 2255b32b7..7a25b8868 100644 --- a/demo/js/base/tree/demo.tree_view.js +++ b/demo/js/base/tree/demo.tree_view.js @@ -49,4 +49,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.tree_view", Demo.Func); \ No newline at end of file +BI.shortcut("demo.tree_view", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/combo/demo.bubble_combo.js b/demo/js/case/combo/demo.bubble_combo.js index bbba796af..cf129ffba 100644 --- a/demo/js/case/combo/demo.bubble_combo.js +++ b/demo/js/case/combo/demo.bubble_combo.js @@ -93,4 +93,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.bubble_combo", Demo.Func); \ No newline at end of file +BI.shortcut("demo.bubble_combo", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/demo.calendar.js b/demo/js/case/demo.calendar.js index f1b7288bf..88dbbde3c 100644 --- a/demo/js/case/demo.calendar.js +++ b/demo/js/case/demo.calendar.js @@ -81,4 +81,4 @@ Demo.Func = BI.inherit(BI.Widget, { tip.setText(this._stringfyTimeObject(this.selectedTime)); } }); -$.shortcut("demo.calendar", Demo.Func); \ No newline at end of file +BI.shortcut("demo.calendar", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/demo.color_chooser.js b/demo/js/case/demo.color_chooser.js index 8851c941d..b92e90abf 100644 --- a/demo/js/case/demo.color_chooser.js +++ b/demo/js/case/demo.color_chooser.js @@ -18,4 +18,4 @@ Demo.Func = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.color_chooser", Demo.Func); \ No newline at end of file +BI.shortcut("demo.color_chooser", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/demo.complex_canvas.js b/demo/js/case/demo.complex_canvas.js index 49d632e79..ef38ef638 100644 --- a/demo/js/case/demo.complex_canvas.js +++ b/demo/js/case/demo.complex_canvas.js @@ -32,4 +32,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.complex_canvas", Demo.Func); \ No newline at end of file +BI.shortcut("demo.complex_canvas", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/demo.zclip.js b/demo/js/case/demo.zclip.js index 2155375dd..64b6af036 100644 --- a/demo/js/case/demo.zclip.js +++ b/demo/js/case/demo.zclip.js @@ -39,4 +39,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.zclip", Demo.Func); \ No newline at end of file +BI.shortcut("demo.zclip", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.branch_relation.js b/demo/js/case/tree/demo.branch_relation.js index af7036280..b4622595c 100644 --- a/demo/js/case/tree/demo.branch_relation.js +++ b/demo/js/case/tree/demo.branch_relation.js @@ -146,4 +146,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.branch_relation", Demo.Func); \ No newline at end of file +BI.shortcut("demo.branch_relation", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.branch_tree.js b/demo/js/case/tree/demo.branch_tree.js index 91b9bd69f..430de1f32 100644 --- a/demo/js/case/tree/demo.branch_tree.js +++ b/demo/js/case/tree/demo.branch_tree.js @@ -230,4 +230,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.branch_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.branch_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.display_tree.js b/demo/js/case/tree/demo.display_tree.js index 2fc41ab2e..b7d2c62ce 100644 --- a/demo/js/case/tree/demo.display_tree.js +++ b/demo/js/case/tree/demo.display_tree.js @@ -40,4 +40,4 @@ Demo.Func = BI.inherit(BI.Widget, { }]); } }); -$.shortcut("demo.display_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.display_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.handstand_branch_tree.js b/demo/js/case/tree/demo.handstand_branch_tree.js index e8a6342ef..8d7efda8e 100644 --- a/demo/js/case/tree/demo.handstand_branch_tree.js +++ b/demo/js/case/tree/demo.handstand_branch_tree.js @@ -100,4 +100,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.handstand_branch_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.handstand_branch_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.level_tree.js b/demo/js/case/tree/demo.level_tree.js index 6dc4bc74a..a4c3f8422 100644 --- a/demo/js/case/tree/demo.level_tree.js +++ b/demo/js/case/tree/demo.level_tree.js @@ -84,4 +84,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.level_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.level_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/case/tree/demo.simple_tree.js b/demo/js/case/tree/demo.simple_tree.js index bd2f27c06..df09789f9 100644 --- a/demo/js/case/tree/demo.simple_tree.js +++ b/demo/js/case/tree/demo.simple_tree.js @@ -83,4 +83,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.simple_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.simple_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/center.js b/demo/js/center.js index c4bb8325b..79c196b4c 100644 --- a/demo/js/center.js +++ b/demo/js/center.js @@ -22,4 +22,4 @@ Demo.Center = BI.inherit(BI.Widget, { this.tab.setSelect(v); } }); -$.shortcut("demo.center", Demo.Center); \ No newline at end of file +BI.shortcut("demo.center", Demo.Center); \ No newline at end of file diff --git a/demo/js/component/demo.treevaluechooser.js b/demo/js/component/demo.treevaluechooser.js index 58f1daa1a..eec990902 100644 --- a/demo/js/component/demo.treevaluechooser.js +++ b/demo/js/component/demo.treevaluechooser.js @@ -37,4 +37,4 @@ Demo.TreeValueChooser = BI.inherit(BI.Widget, { }; } }); -$.shortcut("demo.tree_value_chooser", Demo.TreeValueChooser); +BI.shortcut("demo.tree_value_chooser", Demo.TreeValueChooser); diff --git a/demo/js/component/demo.valuechooser.js b/demo/js/component/demo.valuechooser.js index 90e9e75c0..40c73789e 100644 --- a/demo/js/component/demo.valuechooser.js +++ b/demo/js/component/demo.valuechooser.js @@ -17,4 +17,4 @@ Demo.ValueChooserCombo = BI.inherit(BI.Widget, { }; } }); -$.shortcut("demo.value_chooser_combo", Demo.ValueChooserCombo); \ No newline at end of file +BI.shortcut("demo.value_chooser_combo", Demo.ValueChooserCombo); \ No newline at end of file diff --git a/demo/js/config/widget.js b/demo/js/config/widget.js index b8051a481..bb559fde4 100644 --- a/demo/js/config/widget.js +++ b/demo/js/config/widget.js @@ -1,6 +1,18 @@ Demo.WIDGET_CONFIG = [{ id: 4, text: "详细控件" +}, { + id: 401, + pId: 4, + text: "table" +}, { + pId: 401, + text: "bi.preview_table", + value: "demo.preview_table" +}, { + pId: 401, + text: "bi.responsive_table", + value: "demo.responsive_table" }, { pId: 4, text: "bi.multi_select_combo", diff --git a/demo/js/core/abstract/combination/demo.combo.js b/demo/js/core/abstract/combination/demo.combo.js index 50f4c48df..375bb6e88 100644 --- a/demo/js/core/abstract/combination/demo.combo.js +++ b/demo/js/core/abstract/combination/demo.combo.js @@ -8,4 +8,4 @@ Demo.Func = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.combo", Demo.Func); \ No newline at end of file +BI.shortcut("demo.combo", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/abstract/demo.button_group.js b/demo/js/core/abstract/demo.button_group.js index 5f3c04b7d..6a45c1133 100644 --- a/demo/js/core/abstract/demo.button_group.js +++ b/demo/js/core/abstract/demo.button_group.js @@ -3,22 +3,60 @@ Demo.Func = BI.inherit(BI.Widget, { baseCls: "demo-func" }, render: function () { + var ref; return { - type: "bi.button_group", - chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE, - layouts: [{ - type: "bi.vertical" - }, { - type: "bi.center_adapt", - }], + type: "bi.vertical", items: [{ - type: "bi.label", - text: "button_group是一类具有相同属性或相似属性的抽象, 本案例实现的是布局的嵌套(vertical布局下内嵌center_adapt布局)" + type: "bi.button_group", + ref: function (_ref) { + ref = _ref; + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE, + layouts: [{ + type: "bi.vertical", + items: [{ + type: "bi.vtape", + height: 200, + }] + }], + items: [{ + el: { + type: "bi.label", + text: "button_group是一类具有相同属性或相似属性的抽象, 本案例实现的是布局的嵌套(vertical布局下内嵌center_adapt布局)" + }, + height: 150, + }, { + el: { + type: "bi.button", + text: "1" + } + }] }, { type: "bi.button", - text: "1" + text: "populate", + handler: function () { + ref.populate([{ + el: { + type: "bi.label", + text: "1" + }, + height: 50 + }, { + el: { + type: "bi.button", + text: "2" + }, + height: 50 + }, { + el: { + type: "bi.label", + text: "3" + } + }]) + } }] + } } }); -$.shortcut("demo.button_group", Demo.Func); \ No newline at end of file +BI.shortcut("demo.button_group", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/abstract/demo.button_tree.js b/demo/js/core/abstract/demo.button_tree.js index 0a45c3694..743ffd14d 100644 --- a/demo/js/core/abstract/demo.button_tree.js +++ b/demo/js/core/abstract/demo.button_tree.js @@ -23,4 +23,4 @@ Demo.Func = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.button_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.button_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/abstract/demo.collection_view.js b/demo/js/core/abstract/demo.collection_view.js index f98c84934..2867e1ed9 100644 --- a/demo/js/core/abstract/demo.collection_view.js +++ b/demo/js/core/abstract/demo.collection_view.js @@ -36,4 +36,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.collection_view", Demo.Func); \ No newline at end of file +BI.shortcut("demo.collection_view", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/abstract/demo.grid_view.js b/demo/js/core/abstract/demo.grid_view.js index a524e684d..141b77bb5 100644 --- a/demo/js/core/abstract/demo.grid_view.js +++ b/demo/js/core/abstract/demo.grid_view.js @@ -47,4 +47,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.grid_view", Demo.Func); \ No newline at end of file +BI.shortcut("demo.grid_view", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/abstract/demo.virtual_group.js b/demo/js/core/abstract/demo.virtual_group.js index 77e33d216..eb7507138 100644 --- a/demo/js/core/abstract/demo.virtual_group.js +++ b/demo/js/core/abstract/demo.virtual_group.js @@ -43,7 +43,7 @@ Demo.Func = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.virtual_group", Demo.Func); +BI.shortcut("demo.virtual_group", Demo.Func); Demo.Item = BI.inherit(BI.Widget, { props: { @@ -66,6 +66,7 @@ Demo.Item = BI.inherit(BI.Widget, { update: function (item) { this.label.setText(item.value); console.log("更新了一项"); + return true; }, created: function () { @@ -76,4 +77,4 @@ Demo.Item = BI.inherit(BI.Widget, { console.log("删除了一项"); } }); -$.shortcut("demo.virtual_group_item", Demo.Item); \ No newline at end of file +BI.shortcut("demo.virtual_group_item", Demo.Item); \ No newline at end of file diff --git a/demo/js/core/abstract/mvc.custom_tree.js b/demo/js/core/abstract/mvc.custom_tree.js index b3088af63..8170f6a72 100644 --- a/demo/js/core/abstract/mvc.custom_tree.js +++ b/demo/js/core/abstract/mvc.custom_tree.js @@ -242,4 +242,4 @@ Demo.Func = BI.inherit(BI.Widget, { }) } }); -$.shortcut("demo.custom_tree", Demo.Func); \ No newline at end of file +BI.shortcut("demo.custom_tree", Demo.Func); \ No newline at end of file diff --git a/demo/js/core/layout/demo.absolute.js b/demo/js/core/layout/demo.absolute.js index d44c230f4..f02bde63e 100644 --- a/demo/js/core/layout/demo.absolute.js +++ b/demo/js/core/layout/demo.absolute.js @@ -16,4 +16,4 @@ Demo.AbsoluteLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.absolute", Demo.AbsoluteLayout); \ No newline at end of file +BI.shortcut("demo.absolute", Demo.AbsoluteLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.border.js b/demo/js/core/layout/demo.border.js index 0391d51fa..363146d23 100644 --- a/demo/js/core/layout/demo.border.js +++ b/demo/js/core/layout/demo.border.js @@ -94,4 +94,4 @@ Demo.BorderLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.border", Demo.BorderLayout); \ No newline at end of file +BI.shortcut("demo.border", Demo.BorderLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.center.js b/demo/js/core/layout/demo.center.js index d33893622..9cd695919 100644 --- a/demo/js/core/layout/demo.center.js +++ b/demo/js/core/layout/demo.center.js @@ -32,4 +32,4 @@ Demo.CenterLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.center_layout", Demo.CenterLayout); \ No newline at end of file +BI.shortcut("demo.center_layout", Demo.CenterLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.center_adapt.js b/demo/js/core/layout/demo.center_adapt.js index d93db8c74..bd9ad51a7 100644 --- a/demo/js/core/layout/demo.center_adapt.js +++ b/demo/js/core/layout/demo.center_adapt.js @@ -78,4 +78,4 @@ Demo.CenterAdapt = BI.inherit(BI.Widget, { }) }, }); -$.shortcut("demo.center_adapt", Demo.CenterAdapt); \ No newline at end of file +BI.shortcut("demo.center_adapt", Demo.CenterAdapt); \ No newline at end of file diff --git a/demo/js/core/layout/demo.float_center.js b/demo/js/core/layout/demo.float_center.js index 248af4e80..c5e411ddc 100644 --- a/demo/js/core/layout/demo.float_center.js +++ b/demo/js/core/layout/demo.float_center.js @@ -24,4 +24,4 @@ Demo.FloatCenterLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.float_center", Demo.FloatCenterLayout); \ No newline at end of file +BI.shortcut("demo.float_center", Demo.FloatCenterLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.flow.js b/demo/js/core/layout/demo.flow.js index 4c0811486..c790a4425 100644 --- a/demo/js/core/layout/demo.flow.js +++ b/demo/js/core/layout/demo.flow.js @@ -82,4 +82,4 @@ Demo.FlowLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.flow", Demo.FlowLayout); \ No newline at end of file +BI.shortcut("demo.flow", Demo.FlowLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.grid.js b/demo/js/core/layout/demo.grid.js index 0b8aeb53c..5dfe5a1fb 100644 --- a/demo/js/core/layout/demo.grid.js +++ b/demo/js/core/layout/demo.grid.js @@ -134,4 +134,4 @@ Demo.GridLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.grid", Demo.GridLayout); \ No newline at end of file +BI.shortcut("demo.grid", Demo.GridLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.horizontal.js b/demo/js/core/layout/demo.horizontal.js index 5662ffb9b..9add267da 100644 --- a/demo/js/core/layout/demo.horizontal.js +++ b/demo/js/core/layout/demo.horizontal.js @@ -47,4 +47,4 @@ Demo.Horizontal = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.horizontal", Demo.Horizontal); \ No newline at end of file +BI.shortcut("demo.horizontal", Demo.Horizontal); \ No newline at end of file diff --git a/demo/js/core/layout/demo.horizontal_adapt.js b/demo/js/core/layout/demo.horizontal_adapt.js index 8688906ce..4f4b18744 100644 --- a/demo/js/core/layout/demo.horizontal_adapt.js +++ b/demo/js/core/layout/demo.horizontal_adapt.js @@ -39,4 +39,4 @@ Demo.HorizontalAdapt = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.horizontal_adapt", Demo.HorizontalAdapt); \ No newline at end of file +BI.shortcut("demo.horizontal_adapt", Demo.HorizontalAdapt); \ No newline at end of file diff --git a/demo/js/core/layout/demo.horizontal_auto.js b/demo/js/core/layout/demo.horizontal_auto.js index a4837d609..9afe6a4a0 100644 --- a/demo/js/core/layout/demo.horizontal_auto.js +++ b/demo/js/core/layout/demo.horizontal_auto.js @@ -39,4 +39,4 @@ Demo.HorizontalAuto = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.horizontal_auto", Demo.HorizontalAuto); \ No newline at end of file +BI.shortcut("demo.horizontal_auto", Demo.HorizontalAuto); \ No newline at end of file diff --git a/demo/js/core/layout/demo.horizontal_float.js b/demo/js/core/layout/demo.horizontal_float.js index 217b832af..55fafaa80 100644 --- a/demo/js/core/layout/demo.horizontal_float.js +++ b/demo/js/core/layout/demo.horizontal_float.js @@ -32,4 +32,4 @@ Demo.HorizontalFloat = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.horizontal_float", Demo.HorizontalFloat); \ No newline at end of file +BI.shortcut("demo.horizontal_float", Demo.HorizontalFloat); \ No newline at end of file diff --git a/demo/js/core/layout/demo.htape.js b/demo/js/core/layout/demo.htape.js index fddfa2ca4..bbf8ff0b4 100644 --- a/demo/js/core/layout/demo.htape.js +++ b/demo/js/core/layout/demo.htape.js @@ -35,4 +35,4 @@ Demo.HtapeLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.htape", Demo.HtapeLayout); \ No newline at end of file +BI.shortcut("demo.htape", Demo.HtapeLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.inline.js b/demo/js/core/layout/demo.inline.js index d3bde0799..b61fcf5b5 100644 --- a/demo/js/core/layout/demo.inline.js +++ b/demo/js/core/layout/demo.inline.js @@ -44,4 +44,4 @@ Demo.InlineLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.inline", Demo.InlineLayout); \ No newline at end of file +BI.shortcut("demo.inline", Demo.InlineLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.left_right_vertical_adapt.js b/demo/js/core/layout/demo.left_right_vertical_adapt.js index c92d3a9ea..01fd68078 100644 --- a/demo/js/core/layout/demo.left_right_vertical_adapt.js +++ b/demo/js/core/layout/demo.left_right_vertical_adapt.js @@ -41,4 +41,4 @@ Demo.LeftRightVerticalAdaptLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.left_right_vertical_adapt", Demo.LeftRightVerticalAdaptLayout); \ No newline at end of file +BI.shortcut("demo.left_right_vertical_adapt", Demo.LeftRightVerticalAdaptLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.table.js b/demo/js/core/layout/demo.table.js index 617735556..3444076e7 100644 --- a/demo/js/core/layout/demo.table.js +++ b/demo/js/core/layout/demo.table.js @@ -159,4 +159,4 @@ Demo.TableLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.table_layout", Demo.TableLayout); \ No newline at end of file +BI.shortcut("demo.table_layout", Demo.TableLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.td.js b/demo/js/core/layout/demo.td.js index 2b21f41fb..227ea54f6 100644 --- a/demo/js/core/layout/demo.td.js +++ b/demo/js/core/layout/demo.td.js @@ -56,4 +56,4 @@ Demo.TdLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.td", Demo.TdLayout); \ No newline at end of file +BI.shortcut("demo.td", Demo.TdLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.vertical.js b/demo/js/core/layout/demo.vertical.js index 19d18fb6a..8b2ab8cf9 100644 --- a/demo/js/core/layout/demo.vertical.js +++ b/demo/js/core/layout/demo.vertical.js @@ -22,4 +22,4 @@ Demo.VerticalLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.vertical", Demo.VerticalLayout); \ No newline at end of file +BI.shortcut("demo.vertical", Demo.VerticalLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.vertical_adapt.js b/demo/js/core/layout/demo.vertical_adapt.js index dc030e756..ca192bf67 100644 --- a/demo/js/core/layout/demo.vertical_adapt.js +++ b/demo/js/core/layout/demo.vertical_adapt.js @@ -39,4 +39,4 @@ Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout); \ No newline at end of file +BI.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout); \ No newline at end of file diff --git a/demo/js/core/layout/demo.vtape.js b/demo/js/core/layout/demo.vtape.js index 6309482f8..76770e353 100644 --- a/demo/js/core/layout/demo.vtape.js +++ b/demo/js/core/layout/demo.vtape.js @@ -35,4 +35,4 @@ Demo.VtapeLayout = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.vtape", Demo.VtapeLayout); \ No newline at end of file +BI.shortcut("demo.vtape", Demo.VtapeLayout); \ No newline at end of file diff --git a/demo/js/face.js b/demo/js/face.js index 2203971ce..c26f5dcbd 100644 --- a/demo/js/face.js +++ b/demo/js/face.js @@ -25,4 +25,4 @@ Demo.Face = BI.inherit(BI.Widget, { circle.animate({fill: "#223fa3", stroke: "#000", "stroke-width": 80, "stroke-opacity": 0.5}, 2000); } }); -$.shortcut("demo.face", Demo.Face); \ No newline at end of file +BI.shortcut("demo.face", Demo.Face); \ No newline at end of file diff --git a/demo/js/main.js b/demo/js/main.js index a3d121f34..c049e8acb 100644 --- a/demo/js/main.js +++ b/demo/js/main.js @@ -43,4 +43,4 @@ Demo.Main = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.main", Demo.Main); \ No newline at end of file +BI.shortcut("demo.main", Demo.Main); \ No newline at end of file diff --git a/demo/js/north.js b/demo/js/north.js index 45e89cac6..b0c1f3e43 100644 --- a/demo/js/north.js +++ b/demo/js/north.js @@ -29,4 +29,4 @@ Demo.North = BI.inherit(BI.Widget, { } }); Demo.North.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; -$.shortcut("demo.north", Demo.North); \ No newline at end of file +BI.shortcut("demo.north", Demo.North); \ No newline at end of file diff --git a/demo/js/west.js b/demo/js/west.js index 922e336bd..6ebd1a989 100644 --- a/demo/js/west.js +++ b/demo/js/west.js @@ -20,4 +20,4 @@ Demo.West = BI.inherit(BI.Widget, { } }); Demo.West.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; -$.shortcut("demo.west", Demo.West); \ No newline at end of file +BI.shortcut("demo.west", Demo.West); \ No newline at end of file diff --git a/demo/js/widget/demo.multiselectcombo.js b/demo/js/widget/demo.multiselectcombo.js index 9c4f2bc35..398335560 100644 --- a/demo/js/widget/demo.multiselectcombo.js +++ b/demo/js/widget/demo.multiselectcombo.js @@ -80,4 +80,4 @@ Demo.MultiSelectCombo = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.multi_select_combo", Demo.MultiSelectCombo); \ No newline at end of file +BI.shortcut("demo.multi_select_combo", Demo.MultiSelectCombo); \ No newline at end of file diff --git a/demo/js/widget/demo.pathchooser.js b/demo/js/widget/demo.pathchooser.js index 620c25980..25e44b5e7 100644 --- a/demo/js/widget/demo.pathchooser.js +++ b/demo/js/widget/demo.pathchooser.js @@ -174,4 +174,4 @@ Demo.PathChooser = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.path_chooser", Demo.PathChooser); \ No newline at end of file +BI.shortcut("demo.path_chooser", Demo.PathChooser); \ No newline at end of file diff --git a/demo/js/widget/demo.relationview.js b/demo/js/widget/demo.relationview.js index af63e026b..ebe6e9467 100644 --- a/demo/js/widget/demo.relationview.js +++ b/demo/js/widget/demo.relationview.js @@ -62,4 +62,4 @@ Demo.RelationView = BI.inherit(BI.Widget, { } } }); -$.shortcut("demo.relation_view", Demo.RelationView); \ No newline at end of file +BI.shortcut("demo.relation_view", Demo.RelationView); \ No newline at end of file diff --git a/demo/js/widget/table/demo.preview_table.js b/demo/js/widget/table/demo.preview_table.js new file mode 100644 index 000000000..17113ff3c --- /dev/null +++ b/demo/js/widget/table/demo.preview_table.js @@ -0,0 +1,233 @@ +Demo.Func = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-func" + }, + + render: function () { + var items = [[{ + text: "第一行第一列" + }, { + text: "第一行第二列" + }, { + text: "第一行第三列" + }], [{ + text: "第二行第一列" + }, { + text: "第二行第二列" + }, { + text: "第二行第三列" + }], [{ + text: "第二行第一列" + }, { + text: "第三行第二列" + }, { + text: "第三行第三列" + }], [{ + text: "第二行第一列" + }, { + text: "第四行第二列" + }, { + text: "第四行第三列" + }], [{ + text: "第五行第一列" + }, { + text: "第五行第二列" + }, { + text: "第五行第三列" + }], [{ + text: "第六行第一列" + }, { + text: "第六行第二列" + }, { + text: "第六行第三列" + }], [{ + text: "第七行第一列" + }, { + text: "第七行第二列" + }, { + text: "第七行第三列" + }], [{ + text: "第八行第一列" + }, { + text: "第八行第二列" + }, { + text: "第八行第三列" + }], [{ + text: "第九行第一列" + }, { + text: "第九行第二列" + }, { + text: "第九行第三列" + }], [{ + text: "第十行第一列" + }, { + text: "第十行第二列" + }, { + text: "第十行第三列" + }], [{ + text: "第十一行第一列" + }, { + text: "第十一行第二列" + }, { + text: "第十一行第三列" + }], [{ + text: "第十二行第一列" + }, { + text: "第十二行第二列" + }, { + text: "第十二行第三列" + }], [{ + text: "第十三行第一列" + }, { + text: "第十三行第二列" + }, { + text: "第十三行第三列" + }], [{ + text: "第十四行第一列" + }, { + text: "第十四行第二列" + }, { + text: "第十四行第三列" + }], [{ + text: "第十五行第一列" + }, { + text: "第十五行第二列" + }, { + text: "第十五行第三列" + }], [{ + text: "第十六行第一列" + }, { + text: "第十六行第二列" + }, { + text: "第十六行第三列" + }], [{ + text: "第十七行第一列" + }, { + text: "第十七行第二列" + }, { + text: "第十七行第三列" + }], [{ + text: "第十八行第一列" + }, { + text: "第十八行第二列" + }, { + text: "第十八行第三列" + }]]; + + var header = [[{ + text: "表头1" + }, { + text: "表头2" + }, { + text: "表头3" + }]]; + + var table1 = BI.createWidget({ + type: "bi.preview_table", + columnSize: ["", "", ""], + header: header, + items: items + }); + var table2 = BI.createWidget({ + type: "bi.preview_table", + header: header, + columnSize: [100, "", 50], + items: items + }); + var table3 = BI.createWidget({ + type: "bi.preview_table", + header: header, + columnSize: [0.2, 0.4, 0.4], + headerRowSize: 30, + items: items + }); + var table4 = BI.createWidget({ + type: "bi.preview_table", + header: header, + isNeedFreeze: true, + freezeCols: [0, 1], + columnSize: [0.2, "", 0.4], + items: items + }); + var table5 = BI.createWidget({ + type: "bi.preview_table", + header: header, + isNeedFreeze: true, + freezeCols: [0, 1], + columnSize: [200, 100, ""], + items: items + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.grid", + columns: 3, + rows: 2, + items: [[{ + el: { + type: "bi.absolute", + items: [{ + el: table1, + left: 5, + right: 5, + top: 5, + bottom: 5 + }] + } + }, { + el: { + type: "bi.absolute", + items: [{ + el: table2, + left: 5, + right: 5, + top: 5, + bottom: 5 + }] + } + }, { + el: { + type: "bi.absolute", + items: [{ + el: table3, + left: 5, + right: 5, + top: 5, + bottom: 5 + }] + } + }], [{ + el: { + type: "bi.absolute", + items: [{ + el: table4, + left: 5, + right: 5, + top: 5, + bottom: 5 + }] + } + }, { + el: { + type: "bi.absolute", + items: [{ + el: table5, + left: 5, + right: 5, + top: 5, + bottom: 5 + }] + } + }]] + }, + left: 10, + right: 10, + top: 10, + bottom: 10 + }] + }) + } +}); +BI.shortcut("demo.preview_table", Demo.Func); \ No newline at end of file diff --git a/demo/js/widget/table/demo.responsive_table.js b/demo/js/widget/table/demo.responsive_table.js new file mode 100644 index 000000000..018a3092e --- /dev/null +++ b/demo/js/widget/table/demo.responsive_table.js @@ -0,0 +1,158 @@ +Demo.Func = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-func" + }, + + render: function () { + var items = [[{ + text: "第一行第一列" + }, { + text: "第一行第一列" + }, { + text: "第一行第一列" + }], [{ + text: "第一行第一列" + }, { + text: "第一行第一列" + }, { + text: "第一行第一列" + }], [{ + text: "第三行第一列" + }, { + text: "第三行第二列" + }, { + text: "第三行第三列" + }], [{ + text: "第四行第一列" + }, { + text: "第四行第二列" + }, { + text: "第四行第三列" + }], [{ + text: "第五行第一列" + }, { + text: "第五行第二列" + }, { + text: "第五行第三列" + }], [{ + text: "第六行第一列" + }, { + text: "第六行第二列" + }, { + text: "第六行第三列" + }], [{ + text: "第七行第一列" + }, { + text: "第七行第二列" + }, { + text: "第七行第三列" + }], [{ + text: "第八行第一列" + }, { + text: "第八行第二列" + }, { + text: "第八行第三列" + }], [{ + text: "第九行第一列" + }, { + text: "第九行第二列" + }, { + text: "第九行第三列" + }], [{ + text: "第十行第一列" + }, { + text: "第十行第二列" + }, { + text: "第十行第三列" + }], [{ + text: "第十一行第一列" + }, { + text: "第十一行第二列" + }, { + text: "第十一行第三列" + }], [{ + text: "第十二行第一列" + }, { + text: "第十二行第二列" + }, { + text: "第十二行第三列" + }], [{ + text: "第十三行第一列" + }, { + text: "第十三行第二列" + }, { + text: "第十三行第三列" + }], [{ + text: "第十四行第一列" + }, { + text: "第十四行第二列" + }, { + text: "第十四行第三列" + }], [{ + text: "第十五行第一列" + }, { + text: "第十五行第二列" + }, { + text: "第十五行第三列" + }], [{ + text: "第十六行第一列" + }, { + text: "第十六行第二列" + }, { + text: "第十六行第三列" + }], [{ + text: "第十七行第一列" + }, { + text: "第十七行第二列" + }, { + text: "第十七行第三列" + }], [{ + text: "第十八行第一列" + }, { + text: "第十八行第二列" + }, { + text: "第十八行第三列" + }]]; + + + var header = [[{ + text: "表头1" + }, { + text: "表头2" + }, { + text: "表头3" + }]]; + + + var table1 = BI.createWidget({ + type: "bi.responsive_table", + isNeedMerge: true, + isNeedFreeze: true, + mergeCols: [0, 1], + columnSize: ["", "", ""], + items: items, + header: header + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.grid", + columns: 2, + rows: 2, + items: [{ + column: 0, + row: 0, + el: table1 + }] + }, + left: 10, + right: 10, + top: 10, + bottom: 10 + }] + }) + } +}); +BI.shortcut("demo.responsive_table", Demo.Func); \ No newline at end of file diff --git a/demo/version.js b/demo/version.js index 51c96d178..5e16777ec 100644 --- a/demo/version.js +++ b/demo/version.js @@ -4,4 +4,8 @@ Demo = { BI.i18n = { "BI-Basic_OK": "确定" -}; \ No newline at end of file +}; + +BI.servletURL = "dist/"; +BI.resourceURL = "dist/resource/"; +BI.i18n = {}; \ No newline at end of file diff --git a/dist/base.css b/dist/base.css index a2ee41b07..d9a49fee4 100644 --- a/dist/base.css +++ b/dist/base.css @@ -1,27 +1,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bbr'; - src: url('/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/resources/fonts/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -.bi-base-request-fail-mask .mask-pane { - background: #ffffff; - opacity: 0.8; - filter: alpha(opacity=80); -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -58,57 +37,36 @@ -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } -/** - * Farbtastic Color Picker 1.2 - * © 2008 Steven Wittens - * - * This program is free software; you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation; either version 2 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA - */ -.farbtastic { - position: relative; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-button { + background-color: #eaeaea; } -.farbtastic * { - position: absolute; - cursor: crosshair; +.bi-color-picker-button .color-picker-button-mask { + border: 1px solid #1a1a1a; } -.farbtastic, -.farbtastic .wheel { - width: 195px; - height: 195px; -} -.farbtastic .color, -.farbtastic .overlay { - top: 47px; - left: 47px; - width: 101px; - height: 101px; -} -.farbtastic .wheel { - background: url(third/farbtastic/wheel.png) no-repeat; - width: 195px; - height: 195px; -} -.farbtastic .overlay { - background: url(third/farbtastic/mask.png) no-repeat; -} -.farbtastic .marker { - width: 17px; - height: 17px; - margin: -8px 0 0 -8px; - overflow: hidden; - background: url(third/farbtastic/marker.png) no-repeat; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker > .center-element { + border-left: 1px solid #ffffff; + border-top: 1px solid #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-editor .color-picker-editor-label { + color: #808080; +} +.bi-color-picker-editor .color-picker-editor-display { + background: #ffffff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0px 0px 2px 1px #d4dadd inset; + -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; + -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ @@ -1077,7 +1035,7 @@ li.CodeMirror-hint-active { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; - word-break: break-all; + word-break: break-word; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ @@ -1239,9 +1197,6 @@ li.CodeMirror-hint-active { .bi-grid-table-cell.first-col { border-left: 1px solid #eaeaea; } -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .scrollbar-layout-main { box-sizing: border-box; outline: none; @@ -1407,294 +1362,6 @@ li.CodeMirror-hint-active { opacity: 1; filter: alpha(opacity=100); } -/*------------------------------------- -zTree Style - -version: 3.5.17 -author: Hunter.z -email: hunter.z@263.net -website: http://code.google.com/p/jquerytree/ - --------------------------------------*/ -.ztree * { - padding: 0; - margin: 0; -} -.ztree { - margin: 0; - padding: 5px; -} -.ztree li { - padding: 0; - margin: 0; - list-style: none; - line-height: 14px; - text-align: left; - white-space: nowrap; - outline: 0; -} -.ztree li ul { - margin: 0; - padding: 0 0 0 18px; -} -.ztree li ul.line { - background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y; -} -.ztree li a { - padding: 1px 3px 0 0; - margin: 0; - cursor: pointer; - height: 24px; - background-color: transparent; - text-decoration: none; - vertical-align: top; - display: inline-block; -} -.ztree li a.curSelectedNode_Edit { - padding-top: 0px; - background-color: #FFE6B0; - color: black; - height: 16px; - border: 1px #FFB951 solid; - opacity: 0.8; -} -.ztree li a.tmpTargetNode_inner { - padding-top: 0px; - background-color: #316AC5; - color: white; - height: 16px; - border: 1px #316AC5 solid; - opacity: 0.8; - filter: alpha(opacity=80); -} -.ztree li a input.rename { - height: 14px; - width: 80px; - padding: 0; - margin: 0; - font-size: 12px; - border: 1px #7EC4CC solid; - *border: 0px; -} -.ztree li span { - line-height: 24px; - margin-right: 2px; -} -.ztree li span.button { - line-height: 0; - margin: 0; - width: 16px; - height: 16px; - display: inline-block; - vertical-align: middle; - border: 0 none; - cursor: pointer; - outline: none; - background-color: transparent; - background-repeat: no-repeat; - background-attachment: scroll; - background-image: url("third/ztree/img/zTreeStandard.png"); - *background-image: url("third/ztree/img/zTreeStandard.gif"); -} -.ztree li span.button.chk { - width: 16px; - height: 16px; - margin: 0 3px 0 0; - cursor: auto; -} -.ztree li span.button.chk.checkbox_false_full { - background-image: url("icon/check-box-normal.png"); -} -.ztree li span.button.chk.checkbox_false_full_focus { - background-image: url("icon/check-box-normal.png"); -} -.ztree li span.button.chk.checkbox_false_part { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_false_part_focus { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_false_disable { - background-position: 0 -56px; -} -.ztree li span.button.chk.checkbox_true_full { - background-image: url("icon/check-box-active.png"); -} -.ztree li span.button.chk.checkbox_true_full_focus { - background-image: url("icon/check-box-active.png"); -} -.ztree li span.button.chk.checkbox_true_part { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_true_part_focus { - background-image: url("icon/half_selected.png"); -} -.ztree li span.button.chk.checkbox_true_disable { - background-position: -14px -56px; -} -.ztree li span.button.chk.radio_false_full { - background-position: -28px 0; -} -.ztree li span.button.chk.radio_false_full_focus { - background-position: -28px -14px; -} -.ztree li span.button.chk.radio_false_part { - background-position: -28px -28px; -} -.ztree li span.button.chk.radio_false_part_focus { - background-position: -28px -42px; -} -.ztree li span.button.chk.radio_false_disable { - background-position: -28px -56px; -} -.ztree li span.button.chk.radio_true_full { - background-position: -42px 0; -} -.ztree li span.button.chk.radio_true_full_focus { - background-position: -42px -14px; -} -.ztree li span.button.chk.radio_true_part { - background-position: -42px -28px; -} -.ztree li span.button.chk.radio_true_part_focus { - background-position: -42px -42px; -} -.ztree li span.button.chk.radio_true_disable { - background-position: -42px -56px; -} -.ztree li span.button.switch { - width: 25px; - height: 25px; -} -.ztree li span.button.root_open { - background-image: url("icon/tree-expand-1.png"); -} -.ztree li span.button.root_close { - background-image: url("icon/tree-collapse-1.png"); -} -.ztree li span.button.roots_open { - background-image: url("icon/tree-expand-2.png"); -} -.ztree li span.button.roots_close { - background-image: url("icon/tree-collapse-2.png"); -} -.ztree li span.button.center_open { - background-image: url("icon/tree-expand-3.png"); -} -.ztree li span.button.center_close { - background-image: url("icon/tree-collapse-3.png"); -} -.ztree li span.button.bottom_open { - background-image: url("icon/tree-expand-4.png"); -} -.ztree li span.button.bottom_close { - background-image: url("icon/tree-collapse-4.png"); -} -.ztree li span.button.noline_open { - background-position: -92px -72px; -} -.ztree li span.button.noline_close { - background-position: -74px -72px; -} -.ztree li span.button.root_docu { - background: none; -} -.ztree li span.button.roots_docu { - background-image: url("icon/tree-vertical-line-2.png"); -} -.ztree li span.button.center_docu { - background-image: url("icon/tree-vertical-line-3.png"); -} -.ztree li span.button.bottom_docu { - background-image: url("icon/tree-vertical-line-4.png"); -} -.ztree li span.button.noline_docu { - background: none; -} -.ztree li span.button.ico_open { - margin-right: 2px; - background-position: -110px -16px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_close { - margin-right: 2px; - background-position: -110px 0; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_docu { - margin-right: 2px; - background-position: -110px -32px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.edit { - margin-right: 2px; - background-position: -110px -48px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.remove { - margin-right: 2px; - background-position: -110px -64px; - vertical-align: top; - *vertical-align: middle; -} -.ztree li span.button.ico_loading { - width: 0px; - margin-right: 2px; - background: url("third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent; - vertical-align: top; - *vertical-align: middle; -} -ul.tmpTargetzTree { - background-color: #FFE6B0; - opacity: 0.8; - filter: alpha(opacity=80); -} -span.tmpzTreeMove_arrow { - width: 16px; - height: 16px; - display: inline-block; - padding: 0; - margin: 2px 0 0 1px; - border: 0 none; - position: absolute; - background-color: transparent; - background-repeat: no-repeat; - background-attachment: scroll; - background-position: -110px -80px; - background-image: url("third/ztree/img/zTreeStandard.png"); - *background-image: url("third/ztree/img/zTreeStandard.gif"); -} -ul.ztree.zTreeDragUL { - margin: 0; - padding: 0; - position: absolute; - width: auto; - height: auto; - overflow: hidden; - background-color: #cfcfcf; - border: 1px #00B83F dotted; - opacity: 0.8; - filter: alpha(opacity=80); -} -.zTreeMask { - z-index: 10000; - background-color: #cfcfcf; - opacity: 0.0; - filter: alpha(opacity=0); - position: absolute; -} -/* level style*/ -/*.ztree li span.button.level0 { - display:none; -} -.ztree li ul.level0 { - padding:0; - background:none; -}*/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/dist/base.js b/dist/base.js index 0d8bb0ef1..41d9f2b6f 100644 --- a/dist/base.js +++ b/dist/base.js @@ -596,7 +596,7 @@ BI.Text = BI.inherit(BI.Single, { } }); -$.shortcut("bi.text", BI.Text);/** +BI.shortcut("bi.text", BI.Text);/** * guy * @class BI.BasicButton * @extends BI.Single @@ -1020,9 +1020,11 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { self.setValue([]); break; } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } else { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); } - self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); btn.on(BI.Events.DESTROY, function () { BI.remove(self.buttons, btn); @@ -1034,7 +1036,6 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { _packageBtns: function (btns) { var o = this.options; - for (var i = o.layouts.length - 1; i > 0; i--) { btns = BI.map(btns, function (k, it) { return BI.extend({}, o.layouts[i], { @@ -1049,6 +1050,18 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return btns; }, + _packageSimpleItems: function (btns) { + var o = this.options; + return BI.map(o.items, function (i, item) { + if (BI.stripEL(item) === item) { + return btns[i]; + } + return BI.extend({}, item, { + el: btns[i] + }) + }) + }, + _packageItems: function (items, packBtns) { return BI.createItems(BI.makeArrayByArray(items, {}), BI.clone(packBtns)); }, @@ -1064,6 +1077,11 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return layout; }, + //如果是一个简单的layout + _isSimpleLayout: function () { + var o = this.options; + return o.layouts.length === 1 && !BI.isArray(o.items[0]) + }, doBehavior: function () { var args = Array.prototype.slice.call(arguments); @@ -1078,9 +1096,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { var btns = this._btnsCreator.apply(this, arguments); this.buttons = BI.concat(btns, this.buttons); - //如果是一个简单的layout - if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) - && this.layouts && this.layouts.prependItems) { + if (this._isSimpleLayout() && this.layouts && this.layouts.prependItems) { this.layouts.prependItems(btns); return; } @@ -1095,8 +1111,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { this.buttons = BI.concat(this.buttons, btns); //如果是一个简单的layout - if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) - && this.layouts && this.layouts.addItems) { + if (this._isSimpleLayout() && this.layouts && this.layouts.addItems) { this.layouts.addItems(btns); return; } @@ -1106,35 +1121,33 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { }, removeItemAt: function (indexes) { - var self = this; - indexes = BI.isArray(indexes) ? indexes : [indexes]; - var buttons = []; - BI.each(indexes, function (i, index) { - buttons.push(self.buttons[index]); - }); - BI.each(buttons, function (i, btn) { - btn && btn.destroy(); - }) + BI.remove(this.buttons, indexes); + this.layouts.removeItemAt(indexes); }, - removeItems: function (v) { - v = BI.isArray(v) ? v : [v]; - var indexes = []; - BI.each(this.buttons, function (i, item) { - if (BI.deepContains(v, item.getValue())) { - indexes.push(i); + removeItems: function (values) { + values = BI.isArray(values) ? values : [values]; + var deleted = []; + BI.each(this.buttons, function (i, button) { + if (BI.deepContains(values, button.getValue())) { + deleted.push(i); } }); - this.removeItemAt(indexes); + BI.remove(this.buttons, deleted); + this.layouts.removeItemAt(deleted); }, populate: function (items) { items = items || []; - this.options.items = items; this.empty(); + this.options.items = items; this.buttons = this._btnsCreator.apply(this, arguments); - items = this._packageItems(items, this._packageBtns(this.buttons)); + if (this._isSimpleLayout()) { + items = this._packageSimpleItems(this.buttons); + } else { + items = this._packageItems(items, this._packageBtns(this.buttons)); + } this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); }, @@ -1260,8 +1273,14 @@ BI.ButtonGroup = BI.inherit(BI.Widget, { return node; }, + empty: function () { + BI.ButtonGroup.superclass.empty.apply(this, arguments); + this.options.items = []; + }, + destroy: function () { BI.ButtonGroup.superclass.destroy.apply(this, arguments); + this.options.items = []; } }); BI.extend(BI.ButtonGroup, { @@ -1273,7 +1292,7 @@ BI.extend(BI.ButtonGroup, { }); BI.ButtonGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.button_group", BI.ButtonGroup);/** +BI.shortcut("bi.button_group", BI.ButtonGroup);/** * Created by GUY on 2015/8/10. * @class BI.ButtonTree * @extends BI.ButtonGroup @@ -1454,7 +1473,7 @@ BI.ButtonTree = BI.inherit(BI.ButtonGroup, { }); BI.ButtonTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.button_tree", BI.ButtonTree);/** +BI.shortcut("bi.button_tree", BI.ButtonTree);/** * guy * 异步树 * @class BI.TreeView @@ -1960,7 +1979,7 @@ BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; BI.TreeView.EVENT_INIT = BI.Events.INIT; BI.TreeView.EVENT_AFTERINIT = BI.Events.AFTERINIT; -$.shortcut("bi.tree_view", BI.TreeView);/** +BI.shortcut("bi.tree_view", BI.TreeView);/** * guy * 同步树 * @class BI.SyncTree @@ -2168,7 +2187,7 @@ BI.SyncTree = BI.inherit(BI.TreeView, { } }); -$.shortcut("bi.sync_tree", BI.SyncTree);/** +BI.shortcut("bi.sync_tree", BI.SyncTree);/** * guy * 局部树,两个请求树, 第一个请求构造树,第二个请求获取节点 * @class BI.PartTree @@ -2342,17 +2361,14 @@ BI.PartTree = BI.inherit(BI.SyncTree, { } }); -$.shortcut("bi.part_tree", BI.PartTree);BI.Resizers = new BI.ResizeController(); +BI.shortcut("bi.part_tree", BI.PartTree);BI.Resizers = new BI.ResizeController(); BI.Layers = new BI.LayerController(); BI.Maskers = new BI.MaskersController(); BI.Bubbles = new BI.BubblesController(); BI.Tooltips = new BI.TooltipsController(); BI.Popovers = new BI.FloatBoxController(); BI.Broadcasts = new BI.BroadcastController(); -BI.StyleLoaders = new BI.StyleLoaderManager(); - -BI.servletURL = "dist/"; -BI.i18n = {};/** +BI.StyleLoaders = new BI.StyleLoaderManager();/** * canvas绘图 * * Created by GUY on 2015/11/18. @@ -2483,7 +2499,7 @@ BI.Canvas = BI.inherit(BI.Widget, { }); } }); -$.shortcut("bi.canvas", BI.Canvas);/** +BI.shortcut("bi.canvas", BI.Canvas);/** * Collection * * Created by GUY on 2016/1/15. @@ -2774,7 +2790,7 @@ BI.Collection = BI.inherit(BI.Widget, { } }); BI.Collection.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut('bi.collection_view', BI.Collection);/** +BI.shortcut('bi.collection_view', BI.Collection);/** * @class BI.Combo * @extends BI.Widget */ @@ -3172,7 +3188,7 @@ BI.Combo.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Combo.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Combo.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.combo", BI.Combo);/** +BI.shortcut("bi.combo", BI.Combo);/** * * 某个可以展开的节点 * @@ -3449,7 +3465,7 @@ BI.Expander.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Expander.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Expander.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.expander", BI.Expander);/** +BI.shortcut("bi.expander", BI.Expander);/** * Created by GUY on 2015/8/10. */ @@ -3549,7 +3565,7 @@ BI.ComboGroup = BI.inherit(BI.Widget, { }); BI.ComboGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widget, { +BI.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widget, { _defaultConfig: function () { return BI.extend(BI.VirtualGroup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-virtual-group", @@ -3603,24 +3619,36 @@ $.shortcut("bi.combo_group", BI.ComboGroup);BI.VirtualGroup = BI.inherit(BI.Widg }, prependItems: function (items) { - this.layouts.prependItems(items); + this.layouts.prependItems(items); + }, + + setValue: function (v) { + this.layouts.setValue(v); + }, + + getValue: function () { + return this.layouts.getValue(); + }, + + empty: function () { + this.layouts.empty(); }, populate: function (items) { var self = this; items = items || []; this.options.items = items; - items = this._packageItems(items, this._packageBtns(items)); + items = this._packageBtns(items); if (!this.layouts) { this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); } else { - this.layouts.populate(this._packageLayout(items).items); + this.layouts.populate(items); } } }); BI.VirtualGroup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.virtual_group", BI.VirtualGroup);/** +BI.shortcut("bi.virtual_group", BI.VirtualGroup);/** * 加载控件 * * Created by GUY on 2015/8/31. @@ -3881,13 +3909,13 @@ BI.Loader = BI.inherit(BI.Widget, { } }); BI.Loader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.loader", BI.Loader);/** +BI.shortcut("bi.loader", BI.Loader);/** * Created by GUY on 2015/6/26. */ BI.Navigation = BI.inherit(BI.Widget, { - _defaultConfig: function(){ - return BI.extend(BI.Navigation.superclass._defaultConfig.apply(this,arguments), { + _defaultConfig: function () { + return BI.extend(BI.Navigation.superclass._defaultConfig.apply(this, arguments), { direction: "bottom",//top, bottom, left, right, custom logic: { dynamic: false @@ -3898,7 +3926,7 @@ BI.Navigation = BI.inherit(BI.Widget, { items: [], layouts: [] }, - cardCreator: function(v){ + cardCreator: function (v) { return BI.createWidget(); }, @@ -3907,8 +3935,7 @@ BI.Navigation = BI.inherit(BI.Widget, { }) }, - _init: function(){ - BI.Navigation.superclass._init.apply(this,arguments); + render: function () { var self = this, o = this.options; this.tab = BI.createWidget(this.options.tab, {type: "bi.button_group"}); this.cardMap = {}; @@ -3926,10 +3953,10 @@ BI.Navigation = BI.inherit(BI.Widget, { new BI.ShowListener({ eventObj: this.tab, cardLayout: this.layout, - cardNameCreator: function(v){ + cardNameCreator: function (v) { return self.showIndex + v; }, - cardCreator: function(v){ + cardCreator: function (v) { var card = o.cardCreator(v); self.cardMap[v] = card; return card; @@ -3937,37 +3964,41 @@ BI.Navigation = BI.inherit(BI.Widget, { afterCardCreated: BI.bind(this.afterCardCreated, this), afterCardShow: BI.bind(this.afterCardShow, this) }) - if(o.defaultShowIndex !== false){ + }, + + mounted: function () { + var o = this.options; + if (o.defaultShowIndex !== false) { this.setSelect(o.defaultShowIndex); } }, - afterCardCreated: function(v){ + afterCardCreated: function (v) { var self = this; - this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function(type, value, obj){ + this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); - if(type === BI.Events.CLICK) { + if (type === BI.Events.CLICK) { self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); } }) this.options.afterCardCreated.apply(this, arguments); }, - afterCardShow: function(v){ + afterCardShow: function (v) { this.showIndex = v; this.options.afterCardShow.apply(this, arguments); }, - populate: function(){ + populate: function () { var card = this.layout.getShowingCard(); - if(card){ + if (card) { return card.populate.apply(card, arguments); } }, - setSelect: function(v){ + setSelect: function (v) { this.showIndex = v; - if(!this.layout.isCardExisted(v)){ + if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); this.cardMap[v] = card; this.layout.addCardByName(v, card); @@ -3977,12 +4008,12 @@ BI.Navigation = BI.inherit(BI.Widget, { BI.nextTick(BI.bind(this.afterCardShow, this, v)); }, - getSelect: function(){ + getSelect: function () { return this.showIndex; }, - getSelectedCard: function(){ - if(BI.isKey(this.showIndex)){ + getSelectedCard: function () { + if (BI.isKey(this.showIndex)) { return this.cardMap[this.showIndex]; } }, @@ -3990,9 +4021,9 @@ BI.Navigation = BI.inherit(BI.Widget, { /** * @override */ - setValue: function(v){ + setValue: function (v) { var card = this.layout.getShowingCard(); - if(card){ + if (card) { card.setValue(v); } }, @@ -4000,25 +4031,25 @@ BI.Navigation = BI.inherit(BI.Widget, { /** * @override */ - getValue: function(){ + getValue: function () { var card = this.layout.getShowingCard(); - if(card){ + if (card) { return card.getValue(); } }, - empty: function(){ + empty: function () { this.layout.deleteAllCard(); this.cardMap = {}; }, - destroy: function(){ + destroy: function () { BI.Navigation.superclass.destroy.apply(this, arguments); } }); BI.Navigation.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.navigation", BI.Navigation);/** +BI.shortcut("bi.navigation", BI.Navigation);/** * 搜索逻辑控件 * * Created by GUY on 2015/9/28. @@ -4320,7 +4351,7 @@ BI.Searcher.EVENT_PAUSE = "EVENT_PAUSE"; BI.Searcher.EVENT_SEARCHING = "EVENT_SEARCHING"; BI.Searcher.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; -$.shortcut("bi.searcher", BI.Searcher);/** +BI.shortcut("bi.searcher", BI.Searcher);/** * * 切换显示或隐藏面板 * @@ -4596,7 +4627,7 @@ BI.Switcher.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.Switcher.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.Switcher.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.switcher", BI.Switcher);/** +BI.shortcut("bi.switcher", BI.Switcher);/** * Created by GUY on 2015/6/26. */ @@ -4608,7 +4639,7 @@ BI.Tab = BI.inherit(BI.Widget, { logic: { dynamic: false }, - defaultShowIndex: 0, + defaultShowIndex: false, tab: false, cardCreator: function (v) { return BI.createWidget(); @@ -4722,7 +4753,7 @@ BI.Tab = BI.inherit(BI.Widget, { }); BI.Tab.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.tab", BI.Tab);/** +BI.shortcut("bi.tab", BI.Tab);/** * 表示当前对象 * * Created by GUY on 2015/9/7. @@ -4763,7 +4794,7 @@ BI.EL = BI.inherit(BI.Widget, { this.ele.populate.apply(this, arguments); } }); -$.shortcut('bi.el', BI.EL);// CodeMirror, copyright (c) by Marijn Haverbeke and others +BI.shortcut('bi.el', BI.EL);// CodeMirror, copyright (c) by Marijn Haverbeke and others // Distributed under an MIT license: http://codemirror.net/LICENSE // This is CodeMirror (http://codemirror.net), a code editor @@ -14330,7 +14361,7 @@ BI.FormulaEditor = BI.inherit(BI.Single, { BI.FormulaEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.FormulaEditor.EVENT_BLUR = "EVENT_BLUR"; BI.FormulaEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.formula_editor", BI.FormulaEditor); +BI.shortcut("bi.formula_editor", BI.FormulaEditor); /** * z-index在1亿层级 * 弹出提示消息框,用于模拟阻塞操作(通过回调函数实现) @@ -14802,7 +14833,7 @@ BI.Grid = BI.inherit(BI.Widget, { } }); BI.Grid.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut('bi.grid_view', BI.Grid);/** +BI.shortcut('bi.grid_view', BI.Grid);/** * floatBox弹出层, * @class BI.FloatBox * @extends BI.Widget @@ -14943,7 +14974,7 @@ BI.FloatBox = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.float_box", BI.FloatBox); +BI.shortcut("bi.float_box", BI.FloatBox); BI.FloatBox.EVENT_FLOAT_BOX_CLOSED = "EVENT_FLOAT_BOX_CLOSED"; BI.FloatBox.EVENT_FLOAT_BOX_OPEN = "EVENT_FLOAT_BOX_CLOSED"; @@ -15127,7 +15158,7 @@ BI.PopupView = BI.inherit(BI.Widget, { } }); BI.PopupView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.popup_view", BI.PopupView);/** +BI.shortcut("bi.popup_view", BI.PopupView);/** * 搜索面板 * * Created by GUY on 2015/9/28. @@ -15265,7 +15296,7 @@ BI.SearcherView = BI.inherit(BI.Pane, { }); BI.SearcherView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.searcher_view", BI.SearcherView);/** +BI.shortcut("bi.searcher_view", BI.SearcherView);/** * 分页控件 * * Created by GUY on 2015/8/31. @@ -15552,7 +15583,7 @@ BI.Pager = BI.inherit(BI.Widget, { }); BI.Pager.EVENT_CHANGE = "EVENT_CHANGE"; BI.Pager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE"; -$.shortcut("bi.pager", BI.Pager);/** +BI.shortcut("bi.pager", BI.Pager);/** * 超链接 * * Created by GUY on 2015/9/9. @@ -15583,7 +15614,7 @@ BI.A = BI.inherit(BI.Text, { } }); -$.shortcut("bi.a", BI.A);/** +BI.shortcut("bi.a", BI.A);/** * guy * 加载条 * @type {*|void|Object} @@ -15666,7 +15697,7 @@ BI.LoadingBar = BI.inherit(BI.Single, { } }); -$.shortcut("bi.loading_bar", BI.LoadingBar);/** +BI.shortcut("bi.loading_bar", BI.LoadingBar);/** * @class BI.IconButton * @extends BI.BasicButton * 图标的button @@ -15716,7 +15747,7 @@ BI.IconButton = BI.inherit(BI.BasicButton, { } }); BI.IconButton.EVENT_CHANGE = "IconButton.EVENT_CHANGE"; -$.shortcut("bi.icon_button", BI.IconButton);/** +BI.shortcut("bi.icon_button", BI.IconButton);/** * 图片的button * * Created by GUY on 2016/1/27. @@ -15802,7 +15833,7 @@ BI.ImageButton = BI.inherit(BI.BasicButton, { } }); BI.ImageButton.EVENT_CHANGE = "ImageButton.EVENT_CHANGE"; -$.shortcut("bi.image_button", BI.ImageButton);(function ($) { +BI.shortcut("bi.image_button", BI.ImageButton);(function ($) { /** * 文字类型的按钮 @@ -15939,7 +15970,7 @@ $.shortcut("bi.image_button", BI.ImageButton);(function ($) { BI.Button.superclass.destroy.apply(this, arguments); } }); - $.shortcut('bi.button', BI.Button); + BI.shortcut('bi.button', BI.Button); BI.Button.EVENT_CHANGE = "EVENT_CHANGE"; })(jQuery);/** * guy @@ -16030,7 +16061,7 @@ BI.TextButton = BI.inherit(BI.BasicButton, { } }); BI.TextButton.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_button", BI.TextButton);/** +BI.shortcut("bi.text_button", BI.TextButton);/** * 带有一个占位 * * Created by GUY on 2015/9/11. @@ -16148,7 +16179,7 @@ BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconIconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_icon_text_item", BI.BlankIconIconTextItem);/** +BI.shortcut("bi.blank_icon_icon_text_item", BI.BlankIconIconTextItem);/** * guy * 一个占位符和两个icon和一行数 组成的一行listitem * @@ -16284,7 +16315,7 @@ BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);/** +BI.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);/** * 带有一个占位 * * Created by GUY on 2015/9/11. @@ -16394,7 +16425,7 @@ BI.BlankIconTextItem = BI.inherit(BI.BasicButton, { } }); BI.BlankIconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);/** +BI.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);/** * guy * 两个icon和一行数 组成的一行listitem * @@ -16527,7 +16558,7 @@ BI.IconTextIconItem = BI.inherit(BI.BasicButton, { } }); BI.IconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);/** +BI.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);/** * guy * * Created by GUY on 2015/9/9. @@ -16632,7 +16663,7 @@ BI.IconTextItem = BI.inherit(BI.BasicButton, { } }); BI.IconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_item", BI.IconTextItem);/** +BI.shortcut("bi.icon_text_item", BI.IconTextItem);/** * * 图标的button * @@ -16738,7 +16769,7 @@ BI.TextIconItem = BI.inherit(BI.BasicButton, { } }); BI.TextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_icon_item", BI.TextIconItem);/** +BI.shortcut("bi.text_icon_item", BI.TextIconItem);/** * guy * 一个button和一行数 组成的一行listitem * @@ -16823,7 +16854,7 @@ BI.TextItem = BI.inherit(BI.BasicButton, { } }); BI.TextItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_item", BI.TextItem);/** +BI.shortcut("bi.text_item", BI.TextItem);/** * guy * Created by GUY on 2015/9/9. * @class BI.IconTextIconNode @@ -16946,7 +16977,7 @@ BI.IconTextIconNode = BI.inherit(BI.NodeButton, { } }); BI.IconTextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);/** +BI.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);/** * guy * Created by GUY on 2015/9/9. * @class BI.IconTextNode @@ -17042,7 +17073,7 @@ BI.IconTextNode = BI.inherit(BI.NodeButton, { } }); BI.IconTextNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_text_node", BI.IconTextNode);/** +BI.shortcut("bi.icon_text_node", BI.IconTextNode);/** * Created by GUY on 2015/9/9. * @class BI.TextIconNode * @extends BI.NodeButton @@ -17137,7 +17168,7 @@ BI.TextIconNode = BI.inherit(BI.NodeButton, { } }); BI.TextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_icon_node", BI.TextIconNode);/** +BI.shortcut("bi.text_icon_node", BI.TextIconNode);/** * guy * * Created by GUY on 2015/9/9. @@ -17213,7 +17244,7 @@ BI.TextNode = BI.inherit(BI.NodeButton, { } }); BI.TextNode.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_node", BI.TextNode);/** +BI.shortcut("bi.text_node", BI.TextNode);/** * * Created by GUY on 2016/1/15. * @class BI.CodeEditor @@ -17358,7 +17389,7 @@ BI.CodeEditor = BI.inherit(BI.Single, { BI.CodeEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.CodeEditor.EVENT_BLUR = "EVENT_BLUR"; BI.CodeEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.code_editor", BI.CodeEditor);/** +BI.shortcut("bi.code_editor", BI.CodeEditor);/** * Created by GUY on 2015/4/15. * @class BI.Editor * @extends BI.Single @@ -17689,7 +17720,7 @@ BI.Editor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.Editor.EVENT_REMOVE = "EVENT_REMOVE"; BI.Editor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.editor", BI.Editor);/** +BI.shortcut("bi.editor", BI.Editor);/** * 多文件 * * Created by GUY on 2016/4/13. @@ -17782,7 +17813,7 @@ BI.MultifileEditor.EVENT_UPLOADSTART = "MultifileEditor.EVENT_UPLOADSTART"; BI.MultifileEditor.EVENT_ERROR = "MultifileEditor.EVENT_ERROR"; BI.MultifileEditor.EVENT_PROGRESS = "MultifileEditor.EVENT_PROGRESS"; BI.MultifileEditor.EVENT_UPLOADED = "MultifileEditor.EVENT_UPLOADED"; -$.shortcut("bi.multifile_editor", BI.MultifileEditor);/** +BI.shortcut("bi.multifile_editor", BI.MultifileEditor);/** * * Created by GUY on 2016/1/18. * @class BI.TextAreaEditor @@ -17947,7 +17978,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, { BI.TextAreaEditor.EVENT_CHANGE = "EVENT_CHANGE"; BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR"; BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS"; -$.shortcut("bi.textarea_editor", BI.TextAreaEditor);/** +BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);/** * guy 图标 * @class BI.Icon * @extends BI.Single @@ -17964,7 +17995,7 @@ BI.Icon = BI.inherit(BI.Single, { BI.Icon.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.icon", BI.Icon);/** +BI.shortcut("bi.icon", BI.Icon);/** * @class BI.Iframe * @extends BI.Single * @abstract @@ -18005,7 +18036,7 @@ BI.Iframe = BI.inherit(BI.Single, { } }); -$.shortcut("bi.iframe", BI.Iframe);/** +BI.shortcut("bi.iframe", BI.Iframe);/** * ͼƬ * * Created by GUY on 2016/1/26. @@ -18040,7 +18071,7 @@ BI.Img = BI.inherit(BI.Single, { } }); -$.shortcut("bi.img", BI.Img); +BI.shortcut("bi.img", BI.Img); /** * guy * @extends BI.Single @@ -18073,7 +18104,7 @@ BI.Checkbox = BI.inherit(BI.IconButton, { }); BI.Checkbox.EVENT_CHANGE = "Checkbox.EVENT_CHANGE"; -$.shortcut("bi.checkbox", BI.Checkbox);/** +BI.shortcut("bi.checkbox", BI.Checkbox);/** * 文件 * * Created by GUY on 2016/1/27. @@ -18228,7 +18259,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** }, false ); - xhr.open("post", handler.url + '&filename=' + BI.cjkEncode(handler.file.fileName), true); + xhr.open("post", handler.url + '&filename=' + window.encodeURIComponent(handler.file.fileName), true); if (!xhr.upload) { var rpe = {loaded: 0, total: handler.file.fileSize || handler.file.size, simulation: true}; rpe.interval = setInterval(function () { @@ -18677,7 +18708,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** }, setEnable: function (enable) { - BI.MultiFile.superclass.setEnable.apply(this, arguments); + BI.File.superclass.setEnable.apply(this, arguments); if (enable === true) { this.element.attr("disabled", "disabled"); } else { @@ -18690,7 +18721,7 @@ $.shortcut("bi.checkbox", BI.Checkbox);/** BI.File.EVENT_ERROR = "EVENT_ERROR"; BI.File.EVENT_PROGRESS = "EVENT_PROGRESS"; BI.File.EVENT_UPLOADED = "EVENT_UPLOADED"; - $.shortcut("bi.file", BI.File); + BI.shortcut("bi.file", BI.File); })();/** * guy * @class BI.Input 一个button和一行数 组成的一行listitem @@ -18974,7 +19005,7 @@ BI.Input.EVENT_VALID = "EVENT_VALID"; BI.Input.EVENT_ERROR = "EVENT_ERROR"; BI.Input.EVENT_ENTER = "EVENT_ENTER"; BI.Input.EVENT_RESTRICT = "EVENT_RESTRICT"; -$.shortcut("bi.input", BI.Input);/** +BI.shortcut("bi.input", BI.Input);/** * guy * @extends BI.Single * @type {*|void|Object} @@ -19006,7 +19037,7 @@ BI.Radio = BI.inherit(BI.IconButton, { }); BI.Radio.EVENT_CHANGE = "Radio.EVENT_CHANGE"; -$.shortcut("bi.radio", BI.Radio);/** +BI.shortcut("bi.radio", BI.Radio);/** * Created by GUY on 2015/6/26. */ @@ -19476,7 +19507,7 @@ BI.Label = BI.inherit(BI.Single, { } }); -$.shortcut("bi.label", BI.Label);/** +BI.shortcut("bi.label", BI.Label);/** * guy a元素 * @class BI.Link * @extends BI.Text @@ -19512,7 +19543,7 @@ BI.Link = BI.inherit(BI.Label, { } }); -$.shortcut("bi.link", BI.Link);/** +BI.shortcut("bi.link", BI.Link);/** * guy * 气泡提示 * @class BI.Bubble @@ -19618,7 +19649,7 @@ BI.Bubble = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.bubble", BI.Bubble);/** +BI.shortcut("bi.bubble", BI.Bubble);/** * toast提示 * * Created by GUY on 2015/9/7. @@ -19671,7 +19702,7 @@ BI.Toast = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.toast", BI.Toast);/** +BI.shortcut("bi.toast", BI.Toast);/** * toast提示 * * Created by GUY on 2015/9/7. @@ -19753,7 +19784,7 @@ BI.Tooltip = BI.inherit(BI.Tip, { } }); -$.shortcut("bi.tooltip", BI.Tooltip);/** +BI.shortcut("bi.tooltip", BI.Tooltip);/** * 下拉 * @class BI.Trigger * @extends BI.Single @@ -28153,7 +28184,7 @@ BI.Svg = BI.inherit(BI.Widget, { return this.paper.clear.apply(this.paper, arguments); } }); -$.shortcut("bi.svg", BI.Svg);/** +BI.shortcut("bi.svg", BI.Svg);/** * * 表格 * @@ -28185,7 +28216,7 @@ BI.TableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.table_cell", BI.TableCell);/** +BI.shortcut("bi.table_cell", BI.TableCell);/** * * 表格单元格 * @@ -28241,7 +28272,7 @@ BI.CollectionTableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.collection_table_cell", BI.CollectionTableCell);/** +BI.shortcut("bi.collection_table_cell", BI.CollectionTableCell);/** * CollectionTable * * Created by GUY on 2016/1/12. @@ -28787,7 +28818,7 @@ BI.CollectionTable = BI.inherit(BI.Widget, { this._restore(); } }); -$.shortcut('bi.collection_table', BI.CollectionTable);/** +BI.shortcut('bi.collection_table', BI.CollectionTable);/** * QuickCollectionTable * * Created by GUY on 2016/1/12. @@ -28926,7 +28957,7 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { this.bottomRightCollection.populate(rightItems); } }); -$.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/** +BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/** * * 表格单元格 * @@ -28984,7 +29015,7 @@ BI.GridTableCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.grid_table_cell", BI.GridTableCell);/** +BI.shortcut("bi.grid_table_cell", BI.GridTableCell);/** * GridTable * * Created by GUY on 2016/1/12. @@ -29454,7 +29485,7 @@ BI.GridTable = BI.inherit(BI.Widget, { this._restore(); } }); -$.shortcut('bi.grid_table', BI.GridTable);/** +BI.shortcut('bi.grid_table', BI.GridTable);/** * QuickGridTable * * Created by GUY on 2016/1/12. @@ -29618,7 +29649,7 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { this.bottomRightGrid.populate(rightItems); } }); -$.shortcut('bi.quick_grid_table', BI.QuickGridTable);/** +BI.shortcut('bi.quick_grid_table', BI.QuickGridTable);/** * * 表格滚动条 * @@ -29944,7 +29975,7 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { }); BI.GridTableScrollbar.SIZE = 10; BI.GridTableScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut("bi.grid_table_scrollbar", BI.GridTableScrollbar); +BI.shortcut("bi.grid_table_scrollbar", BI.GridTableScrollbar); BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { @@ -30024,7 +30055,7 @@ BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { } }); BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; -$.shortcut("bi.grid_table_horizontal_scrollbar", BI.GridTableHorizontalScrollbar);/** +BI.shortcut("bi.grid_table_horizontal_scrollbar", BI.GridTableHorizontalScrollbar);/** * * 表格 * @@ -30053,7 +30084,7 @@ BI.TableHeaderCell = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.table_header_cell", BI.TableHeaderCell);/** +BI.shortcut("bi.table_header_cell", BI.TableHeaderCell);/** * * 表格 * @@ -30414,11 +30445,9 @@ BI.Table = BI.inherit(BI.Widget, { self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT); } }); - BI.Resizers.add(this.getName(), function (e) { - if (BI.isWindow(e.target) && self.element.is(":visible")) { - self._resize(); - self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); - } + BI.ResizeDetector.addResizeListener(this, function () { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); }); }, @@ -30800,6 +30829,7 @@ BI.Table = BI.inherit(BI.Widget, { .addClass(c === rows.length - 1 ? "last-col" : ""); var w = BI.createWidget(map[r][c], { type: "bi.table_cell", + root: true, textAlign: "left", width: BI.isNumeric(width) ? width : "", height: BI.isNumeric(height) ? height : "", @@ -30879,6 +30909,7 @@ BI.Table = BI.inherit(BI.Widget, { return this.footer; }, + _createBody: function () { var self = this, o = this.options; this.body = this._body(); @@ -31991,7 +32022,7 @@ BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE = "EVENT_TABLE_AFTER_COLUMN_RESIZE"; BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE = "EVENT_TABLE_BEFORE_REGION_RESIZE"; BI.Table.EVENT_TABLE_REGION_RESIZE = "EVENT_TABLE_REGION_RESIZE"; BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE = "EVENT_TABLE_AFTER_REGION_RESIZE"; -$.shortcut("bi.table_view", BI.Table); +BI.shortcut("bi.table_view", BI.Table); /** * * 表格单元格 @@ -32087,7 +32118,7 @@ BI.ResizableTableCell = BI.inherit(BI.Widget, { this.cell.setHeight(o.height); } }); -$.shortcut("bi.resizable_table_cell", BI.ResizableTableCell);/** +BI.shortcut("bi.resizable_table_cell", BI.ResizableTableCell);/** * * 可调整列宽的grid表格 * @@ -32435,7 +32466,7 @@ BI.ResizableTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.resizable_table", BI.ResizableTable);/** +BI.shortcut("bi.resizable_table", BI.ResizableTable);/** * * 自定义树 * @@ -32589,7 +32620,7 @@ BI.CustomTree = BI.inherit(BI.Widget, { }); BI.CustomTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.custom_tree", BI.CustomTree);/* +BI.shortcut("bi.custom_tree", BI.CustomTree);/* * JQuery zTree core v3.5.18 * http://zTree.me/ * diff --git a/dist/case.js b/dist/case.js index cf9e2ca55..86cab3357 100644 --- a/dist/case.js +++ b/dist/case.js @@ -85,7 +85,7 @@ BI.IconChangeButton = BI.inherit(BI.Single, { } }); BI.IconChangeButton.EVENT_CHANGE = "IconChangeButton.EVENT_CHANGE"; -$.shortcut("bi.icon_change_button", BI.IconChangeButton);/** +BI.shortcut("bi.icon_change_button", BI.IconChangeButton);/** * guy * @extends BI.Single * @type {*|void|Object} @@ -116,7 +116,7 @@ BI.HalfIconButton = BI.inherit(BI.IconButton, { }); BI.HalfIconButton.EVENT_CHANGE = "HalfIconButton.EVENT_CHANGE"; -$.shortcut("bi.half_icon_button", BI.HalfIconButton);/** +BI.shortcut("bi.half_icon_button", BI.HalfIconButton);/** * 统一的trigger图标按钮 * * Created by GUY on 2015/9/16. @@ -145,7 +145,7 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, { } }); BI.TriggerIconButton.EVENT_CHANGE = "TriggerIconButton.EVENT_CHANGE"; -$.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/** +BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/** * guy * 复选框item * @type {*|void|Object} @@ -221,7 +221,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, { } }); BI.MultiSelectItem.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.multi_select_item", BI.MultiSelectItem);/** +BI.shortcut("bi.multi_select_item", BI.MultiSelectItem);/** * Created by GUY on 2016/2/2. * * @class BI.SingleSelectIconTextItem @@ -279,7 +279,7 @@ BI.SingleSelectIconTextItem = BI.inherit(BI.Single, { } }); -$.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/** +BI.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/** * guy * 复选框item * @type {*|void|Object} @@ -328,7 +328,7 @@ BI.SingleSelectItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.single_select_item", BI.SingleSelectItem);/** +BI.shortcut("bi.single_select_item", BI.SingleSelectItem);/** * guy * 单选框item * @type {*|void|Object} @@ -401,7 +401,7 @@ BI.SingleSelectRadioItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/** +BI.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/** * Created by roy on 15/10/16. */ BI.ArrowNode = BI.inherit(BI.NodeButton, { @@ -480,7 +480,7 @@ BI.ArrowNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.arrow_group_node", BI.ArrowNode);/** +BI.shortcut("bi.arrow_group_node", BI.ArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.FirstPlusGroupNode @@ -560,7 +560,7 @@ BI.FirstPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.first_plus_group_node", BI.FirstPlusGroupNode);/** +BI.shortcut("bi.first_plus_group_node", BI.FirstPlusGroupNode);/** * Created by User on 2016/3/31. */ /** @@ -661,7 +661,7 @@ BI.IconArrowNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.icon_arrow_node", BI.IconArrowNode);/** +BI.shortcut("bi.icon_arrow_node", BI.IconArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.LastPlusGroupNode @@ -741,7 +741,7 @@ BI.LastPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.last_plus_group_node", BI.LastPlusGroupNode);/** +BI.shortcut("bi.last_plus_group_node", BI.LastPlusGroupNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.MidPlusGroupNode @@ -821,7 +821,7 @@ BI.MidPlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrowNode = BI.inherit(BI.NodeButton, { +BI.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrowNode = BI.inherit(BI.NodeButton, { _defaultConfig: function () { var conf = BI.MultiLayerIconArrowNode.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { @@ -910,7 +910,7 @@ $.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrow } }); -$.shortcut("bi.multilayer_icon_arrow_node", BI.MultiLayerIconArrowNode);/** +BI.shortcut("bi.multilayer_icon_arrow_node", BI.MultiLayerIconArrowNode);/** * 加号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.PlusGroupNode @@ -986,7 +986,7 @@ BI.PlusGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.plus_group_node", BI.PlusGroupNode);/** +BI.shortcut("bi.plus_group_node", BI.PlusGroupNode);/** * 三角号表示的组节点 * Created by GUY on 2015/9/6. * @class BI.TriangleGroupNode @@ -1068,7 +1068,7 @@ BI.TriangleGroupNode = BI.inherit(BI.NodeButton, { } }); -$.shortcut("bi.triangle_group_node", BI.TriangleGroupNode);/** +BI.shortcut("bi.triangle_group_node", BI.TriangleGroupNode);/** * guy * 复选框item * @type {*|void|Object} @@ -1171,7 +1171,7 @@ BI.FirstTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem = BI.inherit(BI.BasicButton, { +BI.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem = BI.inherit(BI.BasicButton, { _defaultConfig: function () { return BI.extend(BI.IconTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { extraCls: "bi-icon-tree-leaf-item bi-list-item-active", @@ -1258,7 +1258,7 @@ $.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem } }); -$.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/** +BI.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/** * guy * 复选框item * @type {*|void|Object} @@ -1361,7 +1361,7 @@ BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/** +BI.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/** * guy * 复选框item * @type {*|void|Object} @@ -1464,7 +1464,7 @@ BI.MidTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.mid_tree_leaf_item", BI.MidTreeLeafItem);/** +BI.shortcut("bi.mid_tree_leaf_item", BI.MidTreeLeafItem);/** * @class BI.MultiLayerIconTreeLeafItem * @extends BI.BasicButton */ @@ -1559,7 +1559,7 @@ BI.MultiLayerIconTreeLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.multilayer_icon_tree_leaf_item", BI.MultiLayerIconTreeLeafItem);/** +BI.shortcut("bi.multilayer_icon_tree_leaf_item", BI.MultiLayerIconTreeLeafItem);/** * 树叶子节点 * Created by GUY on 2015/9/6. * @class BI.TreeTextLeafItem @@ -1627,7 +1627,7 @@ BI.TreeTextLeafItem = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.tree_text_leaf_item", BI.TreeTextLeafItem);/** +BI.shortcut("bi.tree_text_leaf_item", BI.TreeTextLeafItem);/** * Created by GUY on 2015/8/28. * @class BI.Calendar * @extends BI.Widget @@ -1816,7 +1816,7 @@ BI.extend(BI.Calendar, { } }); -$.shortcut("bi.calendar", BI.Calendar);/** +BI.shortcut("bi.calendar", BI.Calendar);/** * Created by GUY on 2015/8/28. * @class BI.YearCalendar * @extends BI.Widget @@ -1956,7 +1956,7 @@ BI.extend(BI.YearCalendar, { } }); -$.shortcut("bi.year_calendar", BI.YearCalendar);/** +BI.shortcut("bi.year_calendar", BI.YearCalendar);/** * 绘制一些较复杂的canvas * * Created by GUY on 2015/11/24. @@ -2047,7 +2047,7 @@ BI.ComplexCanvas = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.complex_canvas", BI.ComplexCanvas);/** +BI.shortcut("bi.complex_canvas", BI.ComplexCanvas);/** * Created by roy on 15/10/16. * 上箭头与下箭头切换的树节点 */ @@ -2071,7 +2071,7 @@ BI.ArrowTreeGroupNodeCheckbox=BI.inherit(BI.IconButton,{ } } }); -$.shortcut("bi.arrow_tree_group_node_checkbox",BI.ArrowTreeGroupNodeCheckbox);/** +BI.shortcut("bi.arrow_tree_group_node_checkbox",BI.ArrowTreeGroupNodeCheckbox);/** * 十字型的树节点 * @class BI.CheckingMarkNode * @extends BI.IconButton @@ -2098,7 +2098,7 @@ BI.CheckingMarkNode = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.checking_mark_node", BI.CheckingMarkNode);/** +BI.shortcut("bi.checking_mark_node", BI.CheckingMarkNode);/** * 十字型的树节点 * @class BI.FirstTreeNodeCheckbox * @extends BI.IconButton @@ -2124,7 +2124,7 @@ BI.FirstTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.first_tree_node_checkbox", BI.FirstTreeNodeCheckbox);/** +BI.shortcut("bi.first_tree_node_checkbox", BI.FirstTreeNodeCheckbox);/** * 十字型的树节点 * @class BI.LastTreeNodeCheckbox * @extends BI.IconButton @@ -2150,7 +2150,7 @@ BI.LastTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.last_tree_node_checkbox", BI.LastTreeNodeCheckbox);/** +BI.shortcut("bi.last_tree_node_checkbox", BI.LastTreeNodeCheckbox);/** * 十字型的树节点 * @class BI.MidTreeNodeCheckbox * @extends BI.IconButton @@ -2176,7 +2176,7 @@ BI.MidTreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.mid_tree_node_checkbox", BI.MidTreeNodeCheckbox);/** +BI.shortcut("bi.mid_tree_node_checkbox", BI.MidTreeNodeCheckbox);/** * 三角形的树节点 * Created by GUY on 2015/9/6. * @class BI.TreeGroupNodeCheckbox @@ -2203,7 +2203,7 @@ BI.TreeGroupNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.tree_group_node_checkbox", BI.TreeGroupNodeCheckbox);/** +BI.shortcut("bi.tree_group_node_checkbox", BI.TreeGroupNodeCheckbox);/** * 十字型的树节点 * @class BI.TreeNodeCheckbox * @extends BI.IconButton @@ -2229,7 +2229,7 @@ BI.TreeNodeCheckbox = BI.inherit(BI.IconButton, { } } }); -$.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/** +BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/** * 自定义选色 * * Created by GUY on 2015/11/17. @@ -2298,7 +2298,7 @@ BI.CustomColorChooser = BI.inherit(BI.Widget, { } }); BI.CustomColorChooser.EVENT_CHANGE = "CustomColorChooser.EVENT_CHANGE"; -$.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/** +BI.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2383,7 +2383,7 @@ BI.ColorChooser = BI.inherit(BI.Widget, { } }); BI.ColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE"; -$.shortcut("bi.color_chooser", BI.ColorChooser);/** +BI.shortcut("bi.color_chooser", BI.ColorChooser);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2576,7 +2576,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, { }); BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE"; BI.ColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE"; -$.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/** +BI.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/** * 选色控件 * * Created by GUY on 2015/11/17. @@ -2633,7 +2633,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, { } }); BI.ColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE"; -$.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/** +BI.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/** * 简单选色控件按钮 * * Created by GUY on 2015/11/16. @@ -2692,7 +2692,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, { } }); BI.ColorPickerButton.EVENT_CHANGE = "ColorPickerButton.EVENT_CHANGE"; -$.shortcut("bi.color_picker_button", BI.ColorPickerButton);/** +BI.shortcut("bi.color_picker_button", BI.ColorPickerButton);/** * 简单选色控件 * * Created by GUY on 2015/11/16. @@ -2710,29 +2710,29 @@ BI.ColorPicker = BI.inherit(BI.Widget, { _items: [ [{ - value: "#ff0000" - }, { - value: "#ffff02" - }, { - value: "#00ff00" + value: "#ffffff" }, { - value: "#00ffff" + value: "#f2f2f2" }, { - value: "#0000ff" + value: "#e5e5e5" }, { - value: "#ff02ff" + value: "#d9d9d9" }, { - value: "#ffffff" + value: "#cccccc" }, { - value: "#e6e6e6" + value: "#bfbfbf" }, { - value: "#cccccc" + value: "#b2b2b2" }, { - value: "#b3b3b3" + value: "#a6a6a6" }, { value: "#999999" + }, { + value: "#8c8c8c" }, { value: "#808080" + }, { + value: "#737373" }, { value: "#666666" }, { @@ -2740,106 +2740,106 @@ BI.ColorPicker = BI.inherit(BI.Widget, { }, { value: "#333333" }, { - value: "#1a1a1a" + value: "#000000" }], [{ - value: "#ea9b5e" + value: "#d8b5a6" }, { - value: "#ebb668" + value: "#ff9e9a" }, { - value: "#efca69" + value: "#ffc17d" }, { - value: "#faf4a2" + value: "#f5e56b" }, { - value: "#c9da73" + value: "#d8e698" }, { - value: "#b6d19c" + value: "#e0ebaf" }, { - value: "#86be85" + value: "#c3d825" }, { - value: "#87c5c3" + value: "#bce2e8" }, { - value: "#75bfec" + value: "#85d3cd" }, { - value: "#85a9e0" + value: "#bce2e8" }, { - value: "#8890d3" + value: "#a0d8ef" }, { - value: "#a484b9" + value: "#89c3eb" }, { - value: "#b48bbf" + value: "#bbc8e6" }, { - value: "#ba8dc6" + value: "#bbbcde" }, { - value: "#e697c8" + value: "#d6b4cc" }, { - value: "#e49da0" + value: "#fbc0d3" }], [{ - value: "#df6a18" + value: "#bb9581" }, { - value: "#df8d04" + value: "#f37d79" }, { - value: "#efb500" + value: "#fba74f" }, { - value: "#faf201" + value: "#ffdb4f" }, { - value: "#b2cc23" + value: "#c7dc68" }, { - value: "#7dbd2f" + value: "#b0ca71" }, { - value: "#48a754" + value: "#99ab4e" }, { - value: "#27acaa" + value: "#84b9cb" }, { - value: "#09abe9" + value: "#00a3af" }, { - value: "#357bcc" + value: "#2ca9e1" }, { - value: "#4d67c1" + value: "#0095d9" }, { - value: "#5b4aa5" + value: "#4c6cb3" }, { - value: "#7e52a5" + value: "#8491c3" }, { - value: "#a057a4" + value: "#a59aca" }, { - value: "#d1689c" + value: "#cc7eb1" }, { - value: "#d66871" + value: "#e89bb4" }], [{ - value: "#d12d02" + value: "#9d775f" }, { - value: "#db6700" + value: "#dd4b4b" }, { - value: "#ee9106" + value: "#ef8b07" }, { - value: "#f7ed02" + value: "#fcc800" }, { - value: "#92b801" + value: "#aacf53" }, { - value: "#37a600" + value: "#82ae46" }, { - value: "#289100" + value: "#69821b" }, { - value: "#1a9589" + value: "#59b9c6" }, { - value: "#0292e0" + value: "#2a83a2" }, { - value: "#005dbb" + value: "#007bbb" }, { - value: "#005eb4" + value: "#19448e" }, { - value: "#0041a3" + value: "#274a78" }, { - value: "#00217f" + value: "#4a488e" }, { - value: "#811e89" + value: "#7058a3" }, { - value: "#cd2a7c" + value: "#884898" }, { - value: "#cd324a" + value: "#d47596" }] ], @@ -2880,7 +2880,7 @@ BI.ColorPicker = BI.inherit(BI.Widget, { } }); BI.ColorPicker.EVENT_CHANGE = "ColorPicker.EVENT_CHANGE"; -$.shortcut("bi.color_picker", BI.ColorPicker);/** +BI.shortcut("bi.color_picker", BI.ColorPicker);/** * 简单选色控件 * * Created by GUY on 2015/11/16. @@ -3013,7 +3013,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, { } }); BI.ColorPickerEditor.EVENT_CHANGE = "ColorPickerEditor.EVENT_CHANGE"; -$.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/** +BI.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/** * 选色控件 * * Created by GUY on 2015/11/16. @@ -3050,7 +3050,7 @@ BI.Farbtastic = BI.inherit(BI.Widget, { } }); BI.Farbtastic.EVENT_CHANGE = "Farbtastic.EVENT_CHANGE"; -$.shortcut("bi.farbtastic", BI.Farbtastic);/** +BI.shortcut("bi.farbtastic", BI.Farbtastic);/** * Farbtastic Color Picker 1.2 * © 2008 Steven Wittens * @@ -3603,7 +3603,7 @@ BI.BubbleCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; BI.BubbleCombo.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; BI.BubbleCombo.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; BI.BubbleCombo.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; -$.shortcut("bi.bubble_combo", BI.BubbleCombo);/** +BI.shortcut("bi.bubble_combo", BI.BubbleCombo);/** * Created by GUY on 2017/2/8. * * @class BI.BubblePopupView @@ -3675,7 +3675,7 @@ BI.BubblePopupView = BI.inherit(BI.PopupView, { } }); -$.shortcut("bi.bubble_popup_view", BI.BubblePopupView); +BI.shortcut("bi.bubble_popup_view", BI.BubblePopupView); /** * Created by GUY on 2017/2/8. @@ -3720,7 +3720,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, { } }); BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.bubble_bar_popup_view", BI.BubblePopupBarView);/** +BI.shortcut("bi.bubble_bar_popup_view", BI.BubblePopupBarView);/** * Created by Young's on 2016/4/28. */ BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { @@ -3799,7 +3799,7 @@ BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { } }); BI.EditorIconCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo);/** +BI.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaCombo @@ -3897,7 +3897,7 @@ BI.FormulaCombo = BI.inherit(BI.Widget, { } }); BI.FormulaCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.formula_combo", BI.FormulaCombo);/** +BI.shortcut("bi.formula_combo", BI.FormulaCombo);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaComboPopup @@ -3985,7 +3985,7 @@ BI.FormulaComboPopup = BI.inherit(BI.Widget, { }); BI.FormulaComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; BI.FormulaComboPopup.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; -$.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup);/** +BI.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup);/** * Created by GUY on 2016/4/25. * * @class BI.FormulaComboTrigger @@ -4043,7 +4043,7 @@ BI.FormulaComboTrigger = BI.inherit(BI.Widget, { this.label.setText(this._getTextFromFormulaValue(v)); } }); -$.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger);/** +BI.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger);/** * Created by GUY on 2016/2/2. * * @class BI.IconCombo @@ -4141,7 +4141,7 @@ BI.IconCombo = BI.inherit(BI.Widget, { } }); BI.IconCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo", BI.IconCombo);/** +BI.shortcut("bi.icon_combo", BI.IconCombo);/** * Created by GUY on 2016/2/2. * * @class BI.IconComboPopup @@ -4203,7 +4203,7 @@ BI.IconComboPopup = BI.inherit(BI.Pane, { }); BI.IconComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo_popup", BI.IconComboPopup);/** +BI.shortcut("bi.icon_combo_popup", BI.IconComboPopup);/** * Created by GUY on 2016/2/2. * * @class BI.IconComboTrigger @@ -4292,7 +4292,7 @@ BI.IconComboTrigger = BI.inherit(BI.Trigger, { } }); BI.IconComboTrigger.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/** +BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/** * 单选combo * * @class BI.StaticCombo @@ -4358,7 +4358,7 @@ BI.StaticCombo = BI.inherit(BI.Widget, { } }); BI.StaticCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.static_combo", BI.StaticCombo);/** +BI.shortcut("bi.static_combo", BI.StaticCombo);/** * @class BI.TextValueCheckCombo * @extend BI.Widget * combo : text + icon, popup : check + text @@ -4435,7 +4435,7 @@ BI.TextValueCheckCombo = BI.inherit(BI.Widget, { } }); BI.TextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo);/** +BI.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo);/** * @class BI.SmallTextValueCheckCombo * @extend BI.Widget * combo : text + icon, popup : check + text @@ -4503,7 +4503,7 @@ BI.SmallTextValueCheckCombo = BI.inherit(BI.Widget, { } }); BI.SmallTextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { +BI.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { _defaultConfig: function () { return BI.extend(BI.TextValueCheckComboPopup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-text-icon-popup", @@ -4562,7 +4562,7 @@ $.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.Te }); BI.TextValueCheckComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup);/** +BI.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup);/** * @class BI.TextValueCombo * @extend BI.Widget * combo : text + icon, popup : text @@ -4632,7 +4632,7 @@ BI.TextValueCombo = BI.inherit(BI.Widget, { } }); BI.TextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_combo", BI.TextValueCombo);/** +BI.shortcut("bi.text_value_combo", BI.TextValueCombo);/** * @class BI.SmallTextValueCombo * @extend BI.Widget * combo : text + icon, popup : text @@ -4702,7 +4702,7 @@ BI.SmallTextValueCombo = BI.inherit(BI.Widget, { } }); BI.SmallTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComboPopup = BI.inherit(BI.Pane, { +BI.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComboPopup = BI.inherit(BI.Pane, { _defaultConfig: function () { return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-text-icon-popup", @@ -4759,7 +4759,7 @@ $.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComb }); BI.TextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);/** +BI.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);/** * @class BI.TextValueDownListCombo * @extend BI.Widget */ @@ -4842,7 +4842,7 @@ BI.TextValueDownListCombo = BI.inherit(BI.Widget, { } }); BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);/** +BI.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);/** * 选择字段trigger, downlist专用 * 显示形式为 父亲值(儿子值) * @@ -4895,7 +4895,7 @@ BI.DownListSelectTextTrigger = BI.inherit(BI.Trigger, { this.trigger.populate(this._formatItemArray(items)); } }); -$.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger);/** +BI.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger);/** * 根据内容自适应长度的输入框 * @class BI.AdaptiveEditor * @extends BI.Single @@ -5056,7 +5056,7 @@ BI.AdaptiveEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.AdaptiveEditor.EVENT_SPACE = "EVENT_SPACE"; BI.AdaptiveEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.adapt_editor", BI.AdaptiveEditor);/** +BI.shortcut("bi.adapt_editor", BI.AdaptiveEditor);/** * 有清楚按钮的文本框 * Created by GUY on 2015/9/29. * @class BI.SmallTextEditor @@ -5224,7 +5224,7 @@ BI.ClearEditor.EVENT_ENTER = "EVENT_ENTER"; BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.clear_editor", BI.ClearEditor);/** +BI.shortcut("bi.clear_editor", BI.ClearEditor);/** * guy * 记录内容的输入框 * @class BI.RecordEditor @@ -5450,7 +5450,7 @@ BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.record_editor", BI.RecordEditor);/** +BI.shortcut("bi.record_editor", BI.RecordEditor);/** * Created by roy on 15/9/14. */ BI.SearchEditor = BI.inherit(BI.Widget, { @@ -5647,7 +5647,7 @@ BI.SearchEditor.EVENT_ENTER = "EVENT_ENTER"; BI.SearchEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SearchEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.SearchEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.search_editor", BI.SearchEditor);/** +BI.shortcut("bi.search_editor", BI.SearchEditor);/** * 小号搜索框 * Created by GUY on 2015/9/29. * @class BI.SmallSearchEditor @@ -5666,7 +5666,7 @@ BI.SmallSearchEditor = BI.inherit(BI.SearchEditor, { BI.SmallSearchEditor.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.small_search_editor", BI.SmallSearchEditor);/** +BI.shortcut("bi.small_search_editor", BI.SmallSearchEditor);/** * 带标记的文本框 * Created by GUY on 2016/1/25. * @class BI.ShelterEditor @@ -5915,7 +5915,7 @@ BI.ShelterEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ShelterEditor.EVENT_SPACE = "EVENT_SPACE"; BI.ShelterEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.shelter_editor", BI.ShelterEditor);/** +BI.shortcut("bi.shelter_editor", BI.ShelterEditor);/** * sign是新值(初始value值)形式的自适应宽度的输入框 * @class BI.SignInitialEditor * @extends BI.Single @@ -6079,7 +6079,7 @@ BI.SignInitialEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignInitialEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignInitialEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_initial_editor", BI.SignInitialEditor);/** +BI.shortcut("bi.sign_initial_editor", BI.SignInitialEditor);/** * 带标记的文本框 * Created by GUY on 2015/8/28. * @class BI.SignEditor @@ -6333,7 +6333,7 @@ BI.SignEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_editor", BI.SignEditor);/** +BI.shortcut("bi.sign_editor", BI.SignEditor);/** * sign标签分两段,可以自定义样式 * @class BI.SignStyleEditor * @extends BI.Single @@ -6592,7 +6592,7 @@ BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/** +BI.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/** * guy * 记录状态的输入框 * @class BI.StateEditor @@ -6872,7 +6872,7 @@ BI.StateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.StateEditor.EVENT_SPACE = "EVENT_SPACE"; BI.StateEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.state_editor", BI.StateEditor);/** +BI.shortcut("bi.state_editor", BI.StateEditor);/** * 无限制-已选择状态输入框 * Created by GUY on 2016/5/18. * @class BI.SimpleStateEditor @@ -7132,7 +7132,7 @@ BI.SimpleStateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.SimpleStateEditor.EVENT_SPACE = "EVENT_SPACE"; BI.SimpleStateEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.simple_state_editor", BI.SimpleStateEditor);/** +BI.shortcut("bi.simple_state_editor", BI.SimpleStateEditor);/** * guy * @class BI.TextEditor * @extends BI.Single @@ -7301,7 +7301,7 @@ BI.TextEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.TextEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.TextEditor.EVENT_EMPTY = "EVENT_EMPTY"; -$.shortcut("bi.text_editor", BI.TextEditor);/** +BI.shortcut("bi.text_editor", BI.TextEditor);/** * 小号搜索框 * Created by GUY on 2015/9/29. * @class BI.SmallTextEditor @@ -7320,7 +7320,7 @@ BI.SmallTextEditor = BI.inherit(BI.TextEditor, { BI.SmallTextEditor.superclass._init.apply(this, arguments); } }); -$.shortcut("bi.small_text_editor", BI.SmallTextEditor);/** +BI.shortcut("bi.small_text_editor", BI.SmallTextEditor);/** * 有确定取消按钮的弹出层 * @class BI.BarFloatSection * @extends BI.FloatSection @@ -7500,7 +7500,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, { BI.MultiPopupView.EVENT_CHANGE = "EVENT_CHANGE"; BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.multi_popup_view", BI.MultiPopupView);/** +BI.shortcut("bi.multi_popup_view", BI.MultiPopupView);/** * 可以理解为MultiPopupView和Panel两个面板的结合体 * @class BI.PopupPanel * @extends BI.MultiPopupView @@ -7556,7 +7556,7 @@ BI.PopupPanel.EVENT_CHANGE = "EVENT_CHANGE"; BI.PopupPanel.EVENT_CLOSE = "EVENT_CLOSE"; BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; -$.shortcut("bi.popup_panel", BI.PopupPanel);/** +BI.shortcut("bi.popup_panel", BI.PopupPanel);/** * list面板 * * Created by GUY on 2015/10/30. @@ -7727,7 +7727,7 @@ BI.ListPane = BI.inherit(BI.Pane, { } }); BI.ListPane.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.list_pane", BI.ListPane);/** +BI.shortcut("bi.list_pane", BI.ListPane);/** * 带有标题栏的pane * @class BI.Panel * @extends BI.Widget @@ -7805,7 +7805,7 @@ BI.Panel = BI.inherit(BI.Widget,{ }); BI.Panel.EVENT_CHANGE = "Panel.EVENT_CHANGE"; -$.shortcut("bi.panel",BI.Panel);/** +BI.shortcut("bi.panel",BI.Panel);/** * 选择列表 * * Created by GUY on 2015/11/1. @@ -8013,7 +8013,7 @@ BI.SelectList = BI.inherit(BI.Widget, { } }); BI.SelectList.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.select_list", BI.SelectList);/** +BI.shortcut("bi.select_list", BI.SelectList);/** * Created by roy on 15/11/6. */ BI.LazyLoader = BI.inherit(BI.Widget, { @@ -8118,7 +8118,7 @@ BI.LazyLoader = BI.inherit(BI.Widget, { } }); BI.LazyLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.lazy_loader", BI.LazyLoader);/** +BI.shortcut("bi.lazy_loader", BI.LazyLoader);/** * 恶心的加载控件, 为解决排序问题引入的控件 * * Created by GUY on 2015/11/12. @@ -8317,7 +8317,7 @@ BI.ListLoader = BI.inherit(BI.Widget, { } }); BI.ListLoader.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.list_loader", BI.ListLoader);/** +BI.shortcut("bi.list_loader", BI.ListLoader);/** * Created by GUY on 2016/4/29. * * @class BI.SortList @@ -8384,7 +8384,7 @@ BI.SortList = BI.inherit(BI.Widget, { placeholder: { element: function ($currentItem) { var holder = BI.createWidget({ - type: "bi.label", + type: "bi.layout", cls: "bi-sortable-holder", height: $currentItem.outerHeight() }); @@ -8493,7 +8493,7 @@ BI.SortList = BI.inherit(BI.Widget, { } }); BI.SortList.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.sort_list", BI.SortList);/** +BI.shortcut("bi.sort_list", BI.SortList);/** * 有总页数和总行数的分页控件 * Created by Young's on 2016/10/13. */ @@ -8520,7 +8520,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, { hgap: 4, vgap: 0, value: o.curr, - errorText: BI.i18nText("BI-Please_Input_Integer"), + errorText: BI.i18nText("BI-Please_Input_Positive_Integer"), width: 30, height: 20 }); @@ -8591,6 +8591,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, { var count = BI.createWidget({ type: "bi.left", + height: o.height, + scrollable: false, items: [{ type: "bi.label", height: o.height, @@ -8655,7 +8657,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, { } }); BI.AllCountPager.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.all_count_pager", BI.AllCountPager);/** +BI.shortcut("bi.all_count_pager", BI.AllCountPager);/** * 显示页码的分页控件 * * Created by GUY on 2016/6/30. @@ -8931,7 +8933,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, { } }); BI.DirectionPager.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.direction_pager", BI.DirectionPager);/** +BI.shortcut("bi.direction_pager", BI.DirectionPager);/** * 分页控件 * * Created by GUY on 2015/8/31. @@ -9218,7 +9220,7 @@ BI.DetailPager = BI.inherit(BI.Widget, { }); BI.DetailPager.EVENT_CHANGE = "EVENT_CHANGE"; BI.DetailPager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE"; -$.shortcut("bi.detail_pager", BI.DetailPager);/** +BI.shortcut("bi.detail_pager", BI.DetailPager);/** * 分段控件使用的button * * Created by GUY on 2015/9/7. @@ -9267,7 +9269,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, { BI.SegmentButton.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.segment_button', BI.SegmentButton);/** +BI.shortcut('bi.segment_button', BI.SegmentButton);/** * 单选按钮组 * * Created by GUY on 2015/9/7. @@ -9324,7 +9326,7 @@ BI.Segment = BI.inherit(BI.Widget, { } }); BI.Segment.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut('bi.segment', BI.Segment);/** +BI.shortcut('bi.segment', BI.Segment);/** * 自适应宽度的表格 * * Created by GUY on 2016/2/3. @@ -9558,7 +9560,7 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { BI.AdaptiveTable.superclass.destroy.apply(this, arguments); } }); -$.shortcut('bi.adaptive_table', BI.AdaptiveTable);/** +BI.shortcut('bi.adaptive_table', BI.AdaptiveTable);/** * * 层级树状结构的表格 * @@ -9890,7 +9892,7 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.dynamic_summary_layer_tree_table", BI.DynamicSummaryLayerTreeTable);/** +BI.shortcut("bi.dynamic_summary_layer_tree_table", BI.DynamicSummaryLayerTreeTable);/** * * 树状结构的表格 * @@ -10236,7 +10238,7 @@ BI.extend(BI.DynamicSummaryTreeTable, { } }); -$.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);/** +BI.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);/** * * 层级树状结构的表格 * @@ -10554,7 +10556,7 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, { } }); -$.shortcut("bi.layer_tree_table", BI.LayerTreeTable);/** +BI.shortcut("bi.layer_tree_table", BI.LayerTreeTable);/** * * Created by GUY on 2016/5/26. * @class BI.TableStyleCell @@ -10599,7 +10601,7 @@ BI.TableStyleCell = BI.inherit(BI.Single, { this._digestStyle(); } }); -$.shortcut('bi.table_style_cell', BI.TableStyleCell);/** +BI.shortcut('bi.table_style_cell', BI.TableStyleCell);/** * * 树状结构的表格 * @@ -10928,7 +10930,7 @@ BI.extend(BI.TableTree, { } }); -$.shortcut("bi.tree_table", BI.TableTree);/** +BI.shortcut("bi.tree_table", BI.TableTree);/** * guy * 复选导航条 * Created by GUY on 2015/8/25. @@ -11061,7 +11063,7 @@ BI.MultiSelectBar = BI.inherit(BI.BasicButton, { } }); BI.MultiSelectBar.EVENT_CHANGE = "MultiSelectBar.EVENT_CHANGE"; -$.shortcut("bi.multi_select_bar", BI.MultiSelectBar);/** +BI.shortcut("bi.multi_select_bar", BI.MultiSelectBar);/** * 倒立的Branch * @class BI.HandStandBranchExpander * @extend BI.Widget @@ -11120,7 +11122,7 @@ BI.HandStandBranchExpander = BI.inherit(BI.Widget, { } }); BI.HandStandBranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.handstand_branch_expander", BI.HandStandBranchExpander);/** +BI.shortcut("bi.handstand_branch_expander", BI.HandStandBranchExpander);/** * @class BI.BranchExpander * @extend BI.Widget * create by young @@ -11179,7 +11181,7 @@ BI.BranchExpander = BI.inherit(BI.Widget, { } }); BI.BranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.branch_expander", BI.BranchExpander);/** +BI.shortcut("bi.branch_expander", BI.BranchExpander);/** * @class BI.HandStandBranchTree * @extends BI.Widget * create by young @@ -11233,7 +11235,7 @@ BI.HandStandBranchTree = BI.inherit(BI.Widget, { } }); BI.HandStandBranchTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.handstand_branch_tree", BI.HandStandBranchTree);/** +BI.shortcut("bi.handstand_branch_tree", BI.HandStandBranchTree);/** * @class BI.BranchTree * @extends BI.Widget * create by young @@ -11287,7 +11289,7 @@ BI.BranchTree = BI.inherit(BI.Widget, { } }); BI.BranchTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.branch_tree", BI.BranchTree);/** +BI.shortcut("bi.branch_tree", BI.BranchTree);/** * guy * 异步树 * @class BI.DisplayTree @@ -11344,7 +11346,7 @@ BI.DisplayTree = BI.inherit(BI.TreeView, { }); BI.DisplayTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.display_tree", BI.DisplayTree);/** +BI.shortcut("bi.display_tree", BI.DisplayTree);/** * guy * 二级树 * @class BI.LevelTree @@ -11480,7 +11482,7 @@ BI.LevelTree = BI.inherit(BI.Widget, { }); BI.LevelTree.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.level_tree", BI.LevelTree);/** +BI.shortcut("bi.level_tree", BI.LevelTree);/** * 简单的多选树 * * Created by GUY on 2016/2/16. @@ -11600,7 +11602,7 @@ BI.SimpleTreeView = BI.inherit(BI.Widget, { } }); BI.SimpleTreeView.EVENT_CHANGE = "EVENT_CHANGE"; -$.shortcut("bi.simple_tree", BI.SimpleTreeView); +BI.shortcut("bi.simple_tree", BI.SimpleTreeView); /** * 文本输入框trigger * @@ -11679,7 +11681,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, { } }); BI.EditorTrigger.EVENT_CHANGE = "BI.EditorTrigger.EVENT_CHANGE"; -$.shortcut("bi.editor_trigger", BI.EditorTrigger);/** +BI.shortcut("bi.editor_trigger", BI.EditorTrigger);/** * 图标按钮trigger * * Created by GUY on 2015/10/8. @@ -11706,7 +11708,7 @@ BI.IconTrigger = BI.inherit(BI.Trigger, { }); } }); -$.shortcut('bi.icon_trigger', BI.IconTrigger);/** +BI.shortcut('bi.icon_trigger', BI.IconTrigger);/** * 文字trigger * * Created by GUY on 2015/9/15. @@ -11772,7 +11774,7 @@ BI.TextTrigger = BI.inherit(BI.Trigger, { this.text.setTitle(text); } }); -$.shortcut("bi.text_trigger", BI.TextTrigger);/** +BI.shortcut("bi.text_trigger", BI.TextTrigger);/** * 选择字段trigger * * Created by GUY on 2015/9/15. @@ -11826,7 +11828,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, { this.options.items = items; } }); -$.shortcut("bi.select_text_trigger", BI.SelectTextTrigger);/** +BI.shortcut("bi.select_text_trigger", BI.SelectTextTrigger);/** * 选择字段trigger小一号的 * * @class BI.SmallSelectTextTrigger @@ -11879,7 +11881,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, { this.options.items = items; } }); -$.shortcut("bi.small_select_text_trigger", BI.SmallSelectTextTrigger);/** +BI.shortcut("bi.small_select_text_trigger", BI.SmallSelectTextTrigger);/** * 文字trigger(右边小三角小一号的) == * * @class BI.SmallTextTrigger @@ -11942,7 +11944,7 @@ BI.SmallTextTrigger = BI.inherit(BI.Trigger, { this.text.setText(text); } }); -$.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);/* +BI.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);/* * zClip :: jQuery ZeroClipboard v1.1.1 * http://steamdev.com/zclip * @@ -12458,7 +12460,7 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, { BI.nextTick(function () { self.element.zclip({ - path: BI.servletURL + "resources/ZeroClipboard.swf", + path: BI.resourceURL + "ZeroClipboard.swf", copy: o.copy, beforeCopy: o.beforeCopy, afterCopy: o.afterCopy @@ -12467,4 +12469,4 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, { } }); -$.shortcut("bi.zero_clip", BI.ZeroClip); \ No newline at end of file +BI.shortcut("bi.zero_clip", BI.ZeroClip); \ No newline at end of file diff --git a/dist/core.css b/dist/core.css index 95c5fae83..c94ea5fe6 100644 --- a/dist/core.css +++ b/dist/core.css @@ -1,9712 +1,3033 @@ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bi'; - src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -html, -button, -input, -select, -textarea, -* { - font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; -} -html, -body, -div, -ul, -li, -img, -a, -span, -p, -* { - margin: 0px; -} -html { - height: 100%; - overflow: hidden; -} -body { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - top: 0; - left: 0; - background-repeat: repeat; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - color: #1a1a1a; - font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; - -kthml-user-focus: normal; - -moz-user-focus: normal; - -moz-outline: 0 none; - outline: 0 none; -} -#wrapper { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - overflow: hidden; - overflow-x: hidden; - overflow-y: hidden; +@charset "UTF-8"; +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } } -a { - outline: none; - text-decoration: none; +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } } -a:focus { - outline: 0; +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } } -input, -textarea { - margin: 0; - padding: 0; - outline: none; - border: 1px solid #cccccc; +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } } -ul, -ol { - margin: 0; - padding: 0; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -ul { - list-style: disc; +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -li { - list-style-type: none; +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -i { - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -div::-webkit-scrollbar, -textarea::-webkit-scrollbar { - -webkit-appearance: none; - background-color: #f4f4f4; - width: 6px; - height: 6px; +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } } -div::-webkit-scrollbar-thumb, -textarea::-webkit-scrollbar-thumb { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - background-color: #e2e2e2; +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } } -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -/************hing light*****************/ -.bi-flex-center-layout { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: center; - /* 12版 */ - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - -o-justify-content: center; - justify-content: center; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-horizontal-layout { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: flex-start; - /* 12版 */ - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - -o-align-items: flex-start; - align-items: flex-start; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.bi-flex-horizontal-layout.middle { - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-horizontal-layout.bottom { - /* 09版 */ - -webkit-box-align: flex-end; - /* 12版 */ - -webkit-align-items: flex-end; - -moz-align-items: flex-end; - -ms-align-items: flex-end; - -o-align-items: flex-end; - align-items: flex-end; -} -.bi-flex-vertical-center { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: center; - /* 12版 */ - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - -o-justify-content: center; - justify-content: center; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - min-width: 100%; - min-height: 100%; - float: left; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: flex-start; - /* 12版 */ - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - -o-align-items: flex-start; - align-items: flex-start; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; - min-height: 100%; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; -} -.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { - /* 09版 */ - -webkit-box-align: flex-end; - /* 12版 */ - -webkit-align-items: flex-end; - -moz-align-items: flex-end; - -ms-align-items: flex-end; - -o-align-items: flex-end; - align-items: flex-end; -} -.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper { - display: box; - /* OLD - Android 4.4- */ - display: -webkit-box; - /* OLD - iOS 6-, Safari 3.1-6 */ - display: -moz-box; - /* OLD - Firefox 19- (buggy but mostly works) */ - display: -ms-flexbox; - /* TWEENER - IE 10 */ - display: -webkit-flex; - /* NEW - Chrome */ - display: flex; - /* NEW, Spec - Opera 12.1, Firefox 20+ */ - /* 09版 */ - -webkit-box-orient: horizontal; - /* 12版 */ - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - flex-direction: row; - /* 09版 */ - -webkit-box-pack: flex-start; - /* 12版 */ - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - -o-justify-content: flex-start; - justify-content: flex-start; - /* 09版 */ - -webkit-box-align: center; - /* 12版 */ - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - -o-align-items: center; - align-items: center; - /* 09版 */ - /*-webkit-box-lines: multiple;*/ - /* 12版 */ - -webkit-flex-wrap: nowrap; - -moz-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - -o-flex-wrap: nowrap; - flex-wrap: nowrap; - min-height: 100%; - float: left; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.bi-inline-center-adapt-layout:after { - display: inline-block; - width: 0; - min-height: 100%; - vertical-align: middle; - content: ' '; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.bi-inline-vertical-adapt-layout:after { - display: inline-block; - width: 0; - min-height: 100%; - vertical-align: middle; - content: ' '; -} -@charset "UTF-8"; -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ -@-webkit-keyframes bounce { - from, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -@keyframes bounce { - from, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -@-webkit-keyframes flash { - from, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -@keyframes flash { - from, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes shake { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@keyframes shake { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes jello { - from, - 11.1%, - to { - -webkit-transform: none; - transform: none; - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -@keyframes jello { - from, - 11.1%, - to { - -webkit-transform: none; - transform: none; - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -@-webkit-keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@keyframes fadeOutDown { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@keyframes fadeOutDownBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@keyframes fadeOutLeft { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes fadeOutLeftBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@keyframes fadeOutRight { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@keyframes fadeOutRightBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@keyframes fadeOutUp { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@keyframes fadeOutUpBig { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} -@keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} -@-webkit-keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes lightSpeedOut { - from { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} -@keyframes lightSpeedOut { - from { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} -@-webkit-keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} -@-webkit-keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} -@keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} -@keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} -@-webkit-keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} -@keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} -@keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} -@keyframes rollOut { - from { - opacity: 1; - } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -@keyframes zoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} -.headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; -} -.swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; -} -.bounceIn { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} -.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: bounceOut; - animation-name: bounceOut; -} -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} -.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} -.flipOutX { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} -.flipOutY { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} -.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-name: hinge; - animation-name: hinge; -} -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; -} -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; -} -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; -} -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} -.base-line-conn-background { - background: url('icon/tree-vertical-line-1.png') repeat-y 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png'); - _background: none; -} -.first-line-conn-background { - background: url('icon/tree-vertical-line-2.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.last-line-conn-background { - background: url('icon/tree-vertical-line-4.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.mid-line-conn-background { - background: url('icon/tree-vertical-line-3.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.loading-background { - background: url('background/loading.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif'); - _background: none; -} -.loading-background-f25 { - background: url('background/F.25.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif'); - _background: none; -} -.loading-background-e50 { - background: url('background/E.50.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif'); - _background: none; -} -.loading-background-d100 { - background: url('background/D.100.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif'); - _background: none; -} -.axis-tip-background { - background: url('background/charts/axis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-accu-tip-background { - background: url('background/charts/axis_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-percent-tip-background { - background: url('background/charts/axis_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-compare-tip-background { - background: url('background/charts/axis_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-fall-tip-background { - background: url('background/charts/axis_fall.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-tip-background { - background: url('background/charts/bubble.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-force-tip-background { - background: url('background/charts/bubble_force.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.dashboard-tip-background { - background: url('background/charts/dashboard.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.donut-tip-background { - background: url('background/charts/donut.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.funnel-tip-background { - background: url('background/charts/funnel.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-tip-background { - background: url('background/charts/map.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-gis-tip-background { - background: url('background/charts/map_gis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-tip-background { - background: url('background/charts/map_svg.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-c-tip-background { - background: url('background/charts/map_svg_c.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-g-tip-background { - background: url('background/charts/map_svg_g.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.pie-tip-background { - background: url('background/charts/pie.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-tip-background { - background: url('background/charts/radar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-accu-tip-background { - background: url('background/charts/radar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-tip-background { - background: url('background/charts/area.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-accu-tip-background { - background: url('background/charts/area_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-compare-tip-background { - background: url('background/charts/area_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-percent-tip-background { - background: url('background/charts/area_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-range-tip-background { - background: url('background/charts/area_range.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-tip-background { - background: url('background/charts/bar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-accu-tip-background { - background: url('background/charts/bar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-compare-tip-background { - background: url('background/charts/bar_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-tip-background { - background: url('background/charts/combine.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-m-tip-background { - background: url('background/charts/combine_m.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.line-tip-background { - background: url('background/charts/line.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.scatter-tip-background { - background: url('background/charts/scatter.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-complex-tip-background { - background: url('background/charts/table_complex.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-cross-tip-background { - background: url('background/charts/table_cross.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-group-tip-background { - background: url('background/charts/table_group.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-detail-tip-background { - background: url('background/charts/table_detail.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-text-tip-background { - background: url('background/charts/text/axis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-accu-text-tip-background { - background: url('background/charts/text/axis_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-percent-text-tip-background { - background: url('background/charts/text/axis_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-compare-text-tip-background { - background: url('background/charts/text/axis_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.axis-fall-text-tip-background { - background: url('background/charts/text/axis_fall_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-text-tip-background { - background: url('background/charts/text/bubble_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bubble-force-text-tip-background { - background: url('background/charts/text/bubble_force_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.dashboard-text-tip-background { - background: url('background/charts/text/dashboard_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.donut-text-tip-background { - background: url('background/charts/text/donut_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.funnel-text-tip-background { - background: url('background/charts/text/funnel_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-text-tip-background { - background: url('background/charts/text/map_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-gis-text-tip-background { - background: url('background/charts/text/map_gis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-text-tip-background { - background: url('background/charts/text/map_svg_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-c-text-tip-background { - background: url('background/charts/text/map_svg_c_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.map-svg-g-text-tip-background { - background: url('background/charts/text/map_svg_g_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.pie-text-tip-background { - background: url('background/charts/text/pie_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-text-tip-background { - background: url('background/charts/text/radar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.radar-accu-text-tip-background { - background: url('background/charts/text/radar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-text-tip-background { - background: url('background/charts/text/area_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-accu-text-tip-background { - background: url('background/charts/text/area_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-compare-text-tip-background { - background: url('background/charts/text/area_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-percent-text-tip-background { - background: url('background/charts/text/area_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.area-range-text-tip-background { - background: url('background/charts/text/area_range_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-text-tip-background { - background: url('background/charts/text/bar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-accu-text-tip-background { - background: url('background/charts/text/bar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.bar-compare-text-tip-background { - background: url('background/charts/text/bar_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-text-tip-background { - background: url('background/charts/text/combine_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.combine-m-text-tip-background { - background: url('background/charts/text/combine_m_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.line-text-tip-background { - background: url('background/charts/text/line_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.scatter-text-tip-background { - background: url('background/charts/text/text/scatter_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-complex-text-tip-background { - background: url('background/charts/text/table_complex_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-cross-text-tip-background { - background: url('background/charts/text/table_cross_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-group-text-tip-background { - background: url('background/charts/text/table_group_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.table-detail-text-tip-background { - background: url('background/charts/text/table_detail_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -.data-miss-background { - background: url('background/data_miss.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png'); - _background: none; - background-color: #ffffff; - z-index: 2; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.base-disabled { - cursor: default !important; - color: #c4c6c6 !important; -} -.base-disabled .b-font:before { - color: #c4c6c6 !important; -} -.base-invalid { - cursor: default !important; -} -.clearfix { - *zoom: 1; -} -.clearfix:before, -.clearfix:after { - content: " "; - display: table; - line-height: 0; -} -.clearfix:after { - clear: both; -} -.bi-keyword-red-mark { - color: #f07d0a; -} -.bi-high-light { - color: #009de3; -} -.bi-water-mark { - color: #cccccc; - cursor: text; -} -.bi-tips { - color: #c4c6c6; -} -.bi-resizer { - background: #d8f3fe; - opacity: 0.8; - filter: alpha(opacity=80); - z-index: 1000000000; -} -.bi-z-index-mask { - background-color: #1a1a1a; - opacity: 0.5; - filter: alpha(opacity=50); -} -.bi-list-item:hover, -.bi-list-item.hover { - background-color: #f4f4f4; -} -.bi-list-item.disabled, -.bi-list-item.disabled:hover, -.bi-list-item.disabled:active { - background-color: #ffffff; -} -.bi-list-item-effect.active, -.bi-list-item-effect:active { - color: #009de3; -} -.bi-list-item-effect.disabled, -.bi-list-item-effect.disabled:hover, -.bi-list-item-effect.disabled:active { - color: #1a1a1a; -} -.bi-list-item-hover:hover, -.bi-list-item-hover.hover { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-hover.disabled, -.bi-list-item-hover.disabled:hover, -.bi-list-item-hover.disabled:active { - color: #1a1a1a; - background-color: #ffffff; -} -.bi-list-item-active:hover, -.bi-list-item-active.hover { - background-color: #f4f4f4; -} -.bi-list-item-active.active, -.bi-list-item-active:active { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-active.disabled, -.bi-list-item-active.disabled:hover, -.bi-list-item-active.disabled:active { - background-color: #ffffff; -} -.bi-list-item-select:hover, -.bi-list-item-select.hover { - color: #009de3; - background-color: #f4f4f4; -} -.bi-list-item-select:active, -.bi-list-item-select.active { - color: #ffffff; - background-color: #009de3; -} -.bi-list-item-select:active .bi-high-light, -.bi-list-item-select.active .bi-high-light { - color: #ffffff; -} -.bi-list-item-select.disabled, -.bi-list-item-select.disabled:hover, -.bi-list-item-select.disabled:active { - color: #c4c6c6 !important; - background-color: #ffffff !important; -} -.bi-list-item-select.disabled .bi-high-light, -.bi-list-item-select.disabled:hover .bi-high-light, -.bi-list-item-select.disabled:active .bi-high-light { - color: #c4c6c6 !important; -} -/*****************cursor*****************/ -.cursor-pointer { - cursor: pointer; -} -.cursor-default { - cursor: default; -} -.cursor-move { - cursor: move; -} -/*****************cursor*****************/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.close-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-font.native .b-font:before, -.close-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-red-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-red-font.native .b-font:before, -.close-red-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font:hover .b-font:before, -.close-h-font:focus .b-font:before, -.close-h-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font.native .b-font:before, -.close-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font:hover .b-font:before, -.close-e-font:focus .b-font:before, -.close-e-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font:active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font.native .b-font:before, -.close-e-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:hover .b-font:before, -.close-ha-font:focus .b-font:before, -.close-ha-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:active .b-font:before, -.close-ha-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-ha-font.native .b-font:before, -.close-ha-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.search-close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.search-close-h-font:hover .b-font:before, -.search-close-h-font:focus .b-font:before, -.search-close-h-font.hover .b-font:before { - content: "\e600"; - color: #e85050; -} -.search-close-h-font.native .b-font:before, -.search-close-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.trigger-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-font.native .b-font:before, -.trigger-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font:hover .b-font:before, -.trigger-h-font:focus .b-font:before, -.trigger-h-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font.native .b-font:before, -.trigger-h-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:hover .b-font:before, -.trigger-ha-font:focus .b-font:before, -.trigger-ha-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:active .b-font:before, -.trigger-ha-font.active .b-font:before { - content: "\e603"; - color: #009de3; -} -.trigger-ha-font.native .b-font:before, -.trigger-ha-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.pre-page-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-font.native .b-font:before, -.pre-page-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font:hover .b-font:before, -.pre-page-h-font:focus .b-font:before, -.pre-page-h-font.hover .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font.native .b-font:before, -.pre-page-h-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:hover .b-font:before, -.pre-page-ha-font:focus .b-font:before, -.pre-page-ha-font.hover .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:active .b-font:before, -.pre-page-ha-font.active .b-font:before { - content: "\e601"; - color: #009de3; -} -.pre-page-ha-font.native .b-font:before, -.pre-page-ha-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.next-page-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-font.native .b-font:before, -.next-page-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font:hover .b-font:before, -.next-page-h-font:focus .b-font:before, -.next-page-h-font.hover .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font.native .b-font:before, -.next-page-h-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:hover .b-font:before, -.next-page-ha-font:focus .b-font:before, -.next-page-ha-font.hover .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:active .b-font:before, -.next-page-ha-font.active .b-font:before { - content: "\e602"; - color: #009de3; -} -.next-page-ha-font.native .b-font:before, -.next-page-ha-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.search-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-font.native .b-font:before, -.search-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font:hover .b-font:before, -.search-h-font:focus .b-font:before, -.search-h-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font.native .b-font:before, -.search-h-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:hover .b-font:before, -.search-ha-font:focus .b-font:before, -.search-ha-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:active .b-font:before, -.search-ha-font.active .b-font:before { - content: "\e604"; - color: #009de3; -} -.search-ha-font.native .b-font:before, -.search-ha-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font:hover .b-font:before, -.share-h-font:focus .b-font:before, -.share-h-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font.native .b-font:before, -.share-h-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:hover .b-font:before, -.share-ha-font:focus .b-font:before, -.share-ha-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:active .b-font:before, -.share-ha-font.active .b-font:before { - content: "\e65a"; - color: #009de3; -} -.share-ha-font.native .b-font:before, -.share-ha-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -/**维度/指标 下拉列表图标字体 ~begin~**/ -.delete-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-font.native .b-font:before, -.delete-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font:hover .b-font:before, -.delete-h-font:focus .b-font:before, -.delete-h-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font.native .b-font:before, -.delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:hover .b-font:before, -.delete-ha-font:focus .b-font:before, -.delete-ha-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:active .b-font:before, -.delete-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-ha-font.native .b-font:before, -.delete-ha-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font:hover .b-font:before, -.delete-e-font:focus .b-font:before, -.delete-e-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font:active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font.native .b-font:before, -.delete-e-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.dot-font .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-font.native .b-font:before, -.dot-font.disabled .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font:hover .b-font:before, -.dot-h-font:focus .b-font:before, -.dot-h-font.hover .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-h-font.native .b-font:before, -.dot-h-font.disabled .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-ha-font .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-ha-font:hover .b-font:before, -.dot-ha-font:focus .b-font:before, -.dot-ha-font.hover .b-font:before { - content: "\e606"; - color: #f4f4f4; -} -.dot-ha-font:active .b-font:before, -.dot-ha-font.active .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-ha-font.native .b-font:before, -.dot-ha-font.disabled .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-e-font .b-font:before { - content: "\e606"; - color: #ffffff; -} -.dot-e-font:hover .b-font:before, -.dot-e-font:focus .b-font:before, -.dot-e-font.hover .b-font:before { - content: "\e606"; - color: #f4f4f4; -} -.dot-e-font.active .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-e-font:active .b-font:before { - content: "\e606"; - color: #009de3; -} -.dot-e-font.native .b-font:before, -.dot-e-font.disabled .b-font:before { - content: "\e606"; - color: #ffffff; -} -.pull-right-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-font.native .b-font:before, -.pull-right-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font:hover .b-font:before, -.pull-right-h-font:focus .b-font:before, -.pull-right-h-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font.native .b-font:before, -.pull-right-h-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font:hover .b-font:before, -.pull-right-ha-font:focus .b-font:before, -.pull-right-ha-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font:active .b-font:before, -.pull-right-ha-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-ha-font.native .b-font:before, -.pull-right-ha-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font:hover .b-font:before, -.pull-right-e-font:focus .b-font:before, -.pull-right-e-font.hover .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font:active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font.native .b-font:before, -.pull-right-e-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.copy-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-font.native .b-font:before, -.copy-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font:hover .b-font:before, -.copy-h-font:focus .b-font:before, -.copy-h-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-h-font.native .b-font:before, -.copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:hover .b-font:before, -.copy-ha-font:focus .b-font:before, -.copy-ha-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:active .b-font:before, -.copy-ha-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-ha-font.native .b-font:before, -.copy-ha-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font:hover .b-font:before, -.copy-e-font:focus .b-font:before, -.copy-e-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font:active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font.native .b-font:before, -.copy-e-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.check-mark-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-font.native .b-font:before, -.check-mark-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font:hover .b-font:before, -.check-mark-h-font:focus .b-font:before, -.check-mark-h-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font.native .b-font:before, -.check-mark-h-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font:hover .b-font:before, -.check-mark-ha-font:focus .b-font:before, -.check-mark-ha-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font:active .b-font:before, -.check-mark-ha-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-ha-font.native .b-font:before, -.check-mark-ha-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font:hover .b-font:before, -.check-mark-e-font:focus .b-font:before, -.check-mark-e-font.hover .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font:active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font.native .b-font:before, -.check-mark-e-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.dimension-from-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-font.native .b-font:before, -.dimension-from-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font:hover .b-font:before, -.dimension-from-h-font:focus .b-font:before, -.dimension-from-h-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font.native .b-font:before, -.dimension-from-h-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:hover .b-font:before, -.dimension-from-ha-font:focus .b-font:before, -.dimension-from-ha-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:active .b-font:before, -.dimension-from-ha-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-ha-font.native .b-font:before, -.dimension-from-ha-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font:hover .b-font:before, -.dimension-from-e-font:focus .b-font:before, -.dimension-from-e-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font:active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font.native .b-font:before, -.dimension-from-e-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.chart-type-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-font.native .b-font:before, -.chart-type-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font:hover .b-font:before, -.chart-type-h-font:focus .b-font:before, -.chart-type-h-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font.native .b-font:before, -.chart-type-h-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:hover .b-font:before, -.chart-type-ha-font:focus .b-font:before, -.chart-type-ha-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:active .b-font:before, -.chart-type-ha-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-ha-font.native .b-font:before, -.chart-type-ha-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font:hover .b-font:before, -.chart-type-e-font:focus .b-font:before, -.chart-type-e-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font:active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font.native .b-font:before, -.chart-type-e-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.style-set-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-font.native .b-font:before, -.style-set-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font:hover .b-font:before, -.style-set-h-font:focus .b-font:before, -.style-set-h-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font.native .b-font:before, -.style-set-h-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:hover .b-font:before, -.style-set-ha-font:focus .b-font:before, -.style-set-ha-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:active .b-font:before, -.style-set-ha-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-ha-font.native .b-font:before, -.style-set-ha-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font:hover .b-font:before, -.style-set-e-font:focus .b-font:before, -.style-set-e-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font:active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font.native .b-font:before, -.style-set-e-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.hyper-link-font .b-font:before { - content: "\e688"; - color: #808080; -} -.hyper-link-font.native .b-font:before, -.hyper-link-font.disabled .b-font:before { - content: "\e688"; - color: #808080; -} -.filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-font.native .b-font:before, -.filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-h-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font:hover .b-font:before, -.filter-h-font:focus .b-font:before, -.filter-h-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font.native .b-font:before, -.filter-h-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:hover .b-font:before, -.filter-ha-font:focus .b-font:before, -.filter-ha-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:active .b-font:before, -.filter-ha-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-ha-font.native .b-font:before, -.filter-ha-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font:hover .b-font:before, -.filter-e-font:focus .b-font:before, -.filter-e-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font:active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font.native .b-font:before, -.filter-e-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.classify-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.classify-font.native .b-font:before, -.classify-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.series-font .b-font:before { - content: "\e695"; - color: #58cc7d; -} -.series-font.native .b-font:before, -.series-font.disabled .b-font:before { - content: "\e695"; - color: #58cc7d; -} -/**维度/指标 下拉列表图标字体 ~end~**/ -/** dashboard组件/控件 下拉列表图标字体 ~begin~**/ -.link-to-widget-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-widget-h-font:hover .b-font:before, -.link-to-widget-h-font:focus .b-font:before, -.link-to-widget-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-widget-h-font.native .b-font:before, -.link-to-widget-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font:hover .b-font:before, -.link-to-detail-h-font:focus .b-font:before, -.link-to-detail-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-detail-h-font.native .b-font:before, -.link-to-detail-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font:hover .b-font:before, -.detail-setting-h-font:focus .b-font:before, -.detail-setting-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.detail-setting-h-font.native .b-font:before, -.detail-setting-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font:hover .b-font:before, -.export-to-excel-h-font:focus .b-font:before, -.export-to-excel-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.export-to-excel-h-font.native .b-font:before, -.export-to-excel-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.widget-copy-h-font .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-copy-h-font:hover .b-font:before, -.widget-copy-h-font:focus .b-font:before, -.widget-copy-h-font.hover .b-font:before { - content: "\e610"; - color: #009de3; -} -.widget-copy-h-font.native .b-font:before, -.widget-copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-delete-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-delete-h-font:hover .b-font:before, -.widget-delete-h-font:focus .b-font:before, -.widget-delete-h-font.hover .b-font:before { - content: "\e605"; - color: #009de3; -} -.widget-delete-h-font.native .b-font:before, -.widget-delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -/** dashboard组件/控件 下拉列表图标字体 ~end~**/ -.tree-node-triangle-expand-font .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-expand-font.native .b-font:before, -.tree-node-triangle-expand-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-collapse-font .b-font:before { - content: "\e607"; - color: #808080; -} -.tree-node-triangle-collapse-font.native .b-font:before, -.tree-node-triangle-collapse-font.disabled .b-font:before { - content: "\e607"; - color: #808080; -} -.row-pre-page-h-font .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-pre-page-h-font:hover .b-font:before, -.row-pre-page-h-font:focus .b-font:before, -.row-pre-page-h-font.hover .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-pre-page-h-font.native .b-font:before, -.row-pre-page-h-font.disabled .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-next-page-h-font .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.row-next-page-h-font:hover .b-font:before, -.row-next-page-h-font:focus .b-font:before, -.row-next-page-h-font.hover .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.row-next-page-h-font.native .b-font:before, -.row-next-page-h-font.disabled .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.column-pre-page-h-font .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-pre-page-h-font:hover .b-font:before, -.column-pre-page-h-font:focus .b-font:before, -.column-pre-page-h-font.hover .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-pre-page-h-font.native .b-font:before, -.column-pre-page-h-font.disabled .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-next-page-h-font .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.column-next-page-h-font:hover .b-font:before, -.column-next-page-h-font:focus .b-font:before, -.column-next-page-h-font.hover .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.column-next-page-h-font.native .b-font:before, -.column-next-page-h-font.disabled .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.trigger-triangle-font .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:hover .b-font:before, -.trigger-triangle-font:focus .b-font:before, -.trigger-triangle-font.hover .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:active .b-font:before, -.trigger-triangle-font.active .b-font:before { - content: "\e66a"; - color: #009de3; -} -.trigger-triangle-font.native .b-font:before, -.trigger-triangle-font.disabled .b-font:before { - content: "\e66a"; - color: #808080; -} -.widget-date-next-h-font .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font:hover .b-font:before, -.widget-date-next-h-font:focus .b-font:before, -.widget-date-next-h-font.hover .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font.native .b-font:before, -.widget-date-next-h-font.disabled .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-pre-h-font .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font:hover .b-font:before, -.widget-date-pre-h-font:focus .b-font:before, -.widget-date-pre-h-font.hover .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font.native .b-font:before, -.widget-date-pre-h-font.disabled .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-h-change-font .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font:hover .b-font:before, -.widget-date-h-change-font:focus .b-font:before, -.widget-date-h-change-font.hover .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font.native .b-font:before, -.widget-date-h-change-font.disabled .b-font:before { - content: "\e660"; - color: #808080; -} -.pull-down-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-font.native .b-font:before, -.pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font:hover .b-font:before, -.pull-down-h-font:focus .b-font:before, -.pull-down-h-font.hover .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font.native .b-font:before, -.pull-down-h-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font:hover .b-font:before, -.pull-down-ha-font:focus .b-font:before, -.pull-down-ha-font.hover .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font:active .b-font:before, -.pull-down-ha-font.active .b-font:before { - content: "\e608"; - color: #009de3; -} -.pull-down-ha-font.native .b-font:before, -.pull-down-ha-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.delete-field-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-font.native .b-font:before, -.delete-field-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font:hover .b-font:before, -.delete-field-h-font:focus .b-font:before, -.delete-field-h-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font.native .b-font:before, -.delete-field-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:hover .b-font:before, -.delete-field-ha-font:focus .b-font:before, -.delete-field-ha-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:active .b-font:before, -.delete-field-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-field-ha-font.native .b-font:before, -.delete-field-ha-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.toolbar-save-font .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font:hover .b-font:before, -.toolbar-save-font:focus .b-font:before, -.toolbar-save-font.hover .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font.native .b-font:before, -.toolbar-save-font.disabled .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-undo-font .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font:hover .b-font:before, -.toolbar-undo-font:focus .b-font:before, -.toolbar-undo-font.hover .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font.native .b-font:before, -.toolbar-undo-font.disabled .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-redo-font .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font:hover .b-font:before, -.toolbar-redo-font:focus .b-font:before, -.toolbar-redo-font.hover .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font.native .b-font:before, -.toolbar-redo-font.disabled .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-edit-font .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font:hover .b-font:before, -.toolbar-edit-font:focus .b-font:before, -.toolbar-edit-font.hover .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font.native .b-font:before, -.toolbar-edit-font.disabled .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font:hover .b-font:before, -.toolbar-preview-font:focus .b-font:before, -.toolbar-preview-font.hover .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font.native .b-font:before, -.toolbar-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.chart-table-font .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:hover .b-font:before, -.chart-table-font:focus .b-font:before, -.chart-table-font.hover .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:active .b-font:before, -.chart-table-font.active .b-font:before { - content: "\e60e"; - color: #009de3; -} -.chart-table-font.native .b-font:before, -.chart-table-font.disabled .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-axis-font .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:hover .b-font:before, -.chart-axis-font:focus .b-font:before, -.chart-axis-font.hover .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:active .b-font:before, -.chart-axis-font.active .b-font:before { - content: "\e626"; - color: #009de3; -} -.chart-axis-font.native .b-font:before, -.chart-axis-font.disabled .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-bar-font .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:hover .b-font:before, -.chart-bar-font:focus .b-font:before, -.chart-bar-font.hover .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:active .b-font:before, -.chart-bar-font.active .b-font:before { - content: "\e620"; - color: #009de3; -} -.chart-bar-font.native .b-font:before, -.chart-bar-font.disabled .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-accumulate-bar-font .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:hover .b-font:before, -.chart-accumulate-bar-font:focus .b-font:before, -.chart-accumulate-bar-font.hover .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:active .b-font:before, -.chart-accumulate-bar-font.active .b-font:before { - content: "\e60a"; - color: #009de3; -} -.chart-accumulate-bar-font.native .b-font:before, -.chart-accumulate-bar-font.disabled .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-pie-font .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:hover .b-font:before, -.chart-pie-font:focus .b-font:before, -.chart-pie-font.hover .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:active .b-font:before, -.chart-pie-font.active .b-font:before { - content: "\e618"; - color: #009de3; -} -.chart-pie-font.native .b-font:before, -.chart-pie-font.disabled .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-map-font .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:hover .b-font:before, -.chart-map-font:focus .b-font:before, -.chart-map-font.hover .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:active .b-font:before, -.chart-map-font.active .b-font:before { - content: "\e62c"; - color: #009de3; -} -.chart-map-font.native .b-font:before, -.chart-map-font.disabled .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-dashboard-font .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:hover .b-font:before, -.chart-dashboard-font:focus .b-font:before, -.chart-dashboard-font.hover .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:active .b-font:before, -.chart-dashboard-font.active .b-font:before { - content: "\e623"; - color: #009de3; -} -.chart-dashboard-font.native .b-font:before, -.chart-dashboard-font.disabled .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-doughnut-font .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:hover .b-font:before, -.chart-doughnut-font:focus .b-font:before, -.chart-doughnut-font.hover .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:active .b-font:before, -.chart-doughnut-font.active .b-font:before { - content: "\e624"; - color: #009de3; -} -.chart-doughnut-font.native .b-font:before, -.chart-doughnut-font.disabled .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-detail-font .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:hover .b-font:before, -.chart-detail-font:focus .b-font:before, -.chart-detail-font.hover .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:active .b-font:before, -.chart-detail-font.active .b-font:before { - content: "\e615"; - color: #009de3; -} -.chart-detail-font.native .b-font:before, -.chart-detail-font.disabled .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-more-font .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:hover .b-font:before, -.chart-more-font:focus .b-font:before, -.chart-more-font.hover .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:active .b-font:before, -.chart-more-font.active .b-font:before { - content: "\e60d"; - color: #009de3; -} -.chart-more-font.native .b-font:before, -.chart-more-font.disabled .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-bubble-font .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:hover .b-font:before, -.chart-bubble-font:focus .b-font:before, -.chart-bubble-font.hover .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:active .b-font:before, -.chart-bubble-font.active .b-font:before { - content: "\e62a"; - color: #009de3; -} -.chart-bubble-font.native .b-font:before, -.chart-bubble-font.disabled .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-scatter-font .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:hover .b-font:before, -.chart-scatter-font:focus .b-font:before, -.chart-scatter-font.hover .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:active .b-font:before, -.chart-scatter-font.active .b-font:before { - content: "\e61d"; - color: #009de3; -} -.chart-scatter-font.native .b-font:before, -.chart-scatter-font.disabled .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-radar-font .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:hover .b-font:before, -.chart-radar-font:focus .b-font:before, -.chart-radar-font.hover .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:active .b-font:before, -.chart-radar-font.active .b-font:before { - content: "\e614"; - color: #009de3; -} -.chart-radar-font.native .b-font:before, -.chart-radar-font.disabled .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-content-font .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:hover .b-font:before, -.chart-content-font:focus .b-font:before, -.chart-content-font.hover .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:active .b-font:before, -.chart-content-font.active .b-font:before { - content: "\e621"; - color: #009de3; -} -.chart-content-font.native .b-font:before, -.chart-content-font.disabled .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-image-font .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:hover .b-font:before, -.chart-image-font:focus .b-font:before, -.chart-image-font.hover .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:active .b-font:before, -.chart-image-font.active .b-font:before { - content: "\e68d"; - color: #009de3; -} -.chart-image-font.native .b-font:before, -.chart-image-font.disabled .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-web-font .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:hover .b-font:before, -.chart-web-font:focus .b-font:before, -.chart-web-font.hover .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:active .b-font:before, -.chart-web-font.active .b-font:before { - content: "\e68c"; - color: #009de3; -} -.chart-web-font.native .b-font:before, -.chart-web-font.disabled .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-string-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:hover .b-font:before, -.chart-string-font:focus .b-font:before, -.chart-string-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:active .b-font:before, -.chart-string-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-string-font.native .b-font:before, -.chart-string-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-number-font .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:hover .b-font:before, -.chart-number-font:focus .b-font:before, -.chart-number-font.hover .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:active .b-font:before, -.chart-number-font.active .b-font:before { - content: "\e61f"; - color: #009de3; -} -.chart-number-font.native .b-font:before, -.chart-number-font.disabled .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-tree-font .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:hover .b-font:before, -.chart-tree-font:focus .b-font:before, -.chart-tree-font.hover .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:active .b-font:before, -.chart-tree-font.active .b-font:before { - content: "\e61e"; - color: #009de3; -} -.chart-tree-font.native .b-font:before, -.chart-tree-font.disabled .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-date-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:hover .b-font:before, -.chart-date-font:focus .b-font:before, -.chart-date-font.hover .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:active .b-font:before, -.chart-date-font.active .b-font:before { - content: "\e61b"; - color: #009de3; -} -.chart-date-font.native .b-font:before, -.chart-date-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-year-font .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:hover .b-font:before, -.chart-year-font:focus .b-font:before, -.chart-year-font.hover .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:active .b-font:before, -.chart-year-font.active .b-font:before { - content: "\e628"; - color: #009de3; -} -.chart-year-font.native .b-font:before, -.chart-year-font.disabled .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-month-font .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:hover .b-font:before, -.chart-month-font:focus .b-font:before, -.chart-month-font.hover .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:active .b-font:before, -.chart-month-font.active .b-font:before { - content: "\e627"; - color: #009de3; -} -.chart-month-font.native .b-font:before, -.chart-month-font.disabled .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-quarter-font .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:hover .b-font:before, -.chart-quarter-font:focus .b-font:before, -.chart-quarter-font.hover .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:active .b-font:before, -.chart-quarter-font.active .b-font:before { - content: "\e629"; - color: #009de3; -} -.chart-quarter-font.native .b-font:before, -.chart-quarter-font.disabled .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-ymd-font .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:hover .b-font:before, -.chart-ymd-font:focus .b-font:before, -.chart-ymd-font.hover .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:active .b-font:before, -.chart-ymd-font.active .b-font:before { - content: "\e61c"; - color: #009de3; -} -.chart-ymd-font.native .b-font:before, -.chart-ymd-font.disabled .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-date-range-font .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:hover .b-font:before, -.chart-date-range-font:focus .b-font:before, -.chart-date-range-font.hover .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:active .b-font:before, -.chart-date-range-font.active .b-font:before { - content: "\e616"; - color: #009de3; -} -.chart-date-range-font.native .b-font:before, -.chart-date-range-font.disabled .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-general-query-font .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:hover .b-font:before, -.chart-general-query-font:focus .b-font:before, -.chart-general-query-font.hover .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:active .b-font:before, -.chart-general-query-font.active .b-font:before { - content: "\e62b"; - color: #009de3; -} -.chart-general-query-font.native .b-font:before, -.chart-general-query-font.disabled .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-query-font .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:hover .b-font:before, -.chart-query-font:focus .b-font:before, -.chart-query-font.hover .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:active .b-font:before, -.chart-query-font.active .b-font:before { - content: "\e609"; - color: #009de3; -} -.chart-query-font.native .b-font:before, -.chart-query-font.disabled .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-reset-font .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:hover .b-font:before, -.chart-reset-font:focus .b-font:before, -.chart-reset-font.hover .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:active .b-font:before, -.chart-reset-font.active .b-font:before { - content: "\e61a"; - color: #009de3; -} -.chart-reset-font.native .b-font:before, -.chart-reset-font.disabled .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-textarea-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:hover .b-font:before, -.chart-textarea-font:focus .b-font:before, -.chart-textarea-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:active .b-font:before, -.chart-textarea-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-textarea-font.native .b-font:before, -.chart-textarea-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-reuse-font .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:hover .b-font:before, -.chart-reuse-font:focus .b-font:before, -.chart-reuse-font.hover .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:active .b-font:before, -.chart-reuse-font.active .b-font:before { - content: "\e60b"; - color: #009de3; -} -.chart-reuse-font.native .b-font:before, -.chart-reuse-font.disabled .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-date-normal-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-normal-font.native .b-font:before, -.chart-date-normal-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.less-font .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:hover .b-font:before, -.less-font:focus .b-font:before, -.less-font.hover .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:active .b-font:before, -.less-font.active .b-font:before { - content: "\e633"; - color: #009de3; -} -.less-font.native .b-font:before, -.less-font.disabled .b-font:before { - content: "\e633"; - color: #808080; -} -.less-equal-font .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:hover .b-font:before, -.less-equal-font:focus .b-font:before, -.less-equal-font.hover .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:active .b-font:before, -.less-equal-font.active .b-font:before { - content: "\e636"; - color: #009de3; -} -.less-equal-font.native .b-font:before, -.less-equal-font.disabled .b-font:before { - content: "\e636"; - color: #808080; -} -.check-font .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-font.native .b-font:before, -.check-font.disabled .b-font:before { - content: "\e611"; - color: #009de3; -} -.move2group-add-font .b-font:before { - content: "\e649"; - color: #009de3; -} -.move2group-add-font.native .b-font:before, -.move2group-add-font.disabled .b-font:before { - content: "\e649"; - color: #009de3; -} -.select-data-field-calc-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:hover .b-font:before, -.select-data-field-calc-font:focus .b-font:before, -.select-data-field-calc-font.hover .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:active .b-font:before, -.select-data-field-calc-font.active .b-font:before { - content: "\e6a3"; - color: #ffffff; -} -.select-data-field-calc-font.native .b-font:before, -.select-data-field-calc-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-string-font .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:hover .b-font:before, -.select-data-field-string-font:focus .b-font:before, -.select-data-field-string-font.hover .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:active .b-font:before, -.select-data-field-string-font.active .b-font:before { - content: "\e642"; - color: #ffffff; -} -.select-data-field-string-font.native .b-font:before, -.select-data-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-number-font .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:hover .b-font:before, -.select-data-field-number-font:focus .b-font:before, -.select-data-field-number-font.hover .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:active .b-font:before, -.select-data-field-number-font.active .b-font:before { - content: "\e641"; - color: #ffffff; -} -.select-data-field-number-font.native .b-font:before, -.select-data-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-date-font .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:hover .b-font:before, -.select-data-field-date-font:focus .b-font:before, -.select-data-field-date-font.hover .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:active .b-font:before, -.select-data-field-date-font.active .b-font:before { - content: "\e640"; - color: #ffffff; -} -.select-data-field-date-font.native .b-font:before, -.select-data-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-string-group-font .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-string-group-font.native .b-font:before, -.select-data-field-string-group-font.disabled .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-number-group-font .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-number-group-font.native .b-font:before, -.select-data-field-number-group-font.disabled .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-date-group-font .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-field-date-group-font.native .b-font:before, -.select-data-field-date-group-font.disabled .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.select-data-preview-font:hover .b-font:before, -.select-data-preview-font:focus .b-font:before, -.select-data-preview-font.hover .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font:active .b-font:before, -.select-data-preview-font.active .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font.native .b-font:before, -.select-data-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.detail-dimension-set-font .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font:hover .b-font:before, -.detail-dimension-set-font:focus .b-font:before, -.detail-dimension-set-font.hover .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font.native .b-font:before, -.detail-dimension-set-font.disabled .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-real-data-warning-font .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font:hover .b-font:before, -.detail-real-data-warning-font:focus .b-font:before, -.detail-real-data-warning-font.hover .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font.native .b-font:before, -.detail-real-data-warning-font.disabled .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.select-group-field-string-font .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:hover .b-font:before, -.select-group-field-string-font:focus .b-font:before, -.select-group-field-string-font.hover .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:active .b-font:before, -.select-group-field-string-font.active .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font.native .b-font:before, -.select-group-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-number-font .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:hover .b-font:before, -.select-group-field-number-font:focus .b-font:before, -.select-group-field-number-font.hover .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:active .b-font:before, -.select-group-field-number-font.active .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font.native .b-font:before, -.select-group-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-date-font .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:hover .b-font:before, -.select-group-field-date-font:focus .b-font:before, -.select-group-field-date-font.hover .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:active .b-font:before, -.select-group-field-date-font.active .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font.native .b-font:before, -.select-group-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #009de3; -} -.dashboard-widget-combo-detail-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font:hover .b-font:before, -.dashboard-widget-combo-detail-set-font:focus .b-font:before, -.dashboard-widget-combo-detail-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font.native .b-font:before, -.dashboard-widget-combo-detail-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.group-add-font .b-font:before { - content: "\e649"; - color: #808080; -} -.group-add-font.native .b-font:before, -.group-add-font.disabled .b-font:before { - content: "\e649"; - color: #808080; -} -.sortable-font .b-font:before { - content: "\e63b"; - color: #808080; -} -.sortable-font.native .b-font:before, -.sortable-font.disabled .b-font:before { - content: "\e63b"; - color: #808080; -} -.text-bold-font .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-bold-font.native .b-font:before, -.text-bold-font.disabled .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-italic-font .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-italic-font.native .b-font:before, -.text-italic-font.disabled .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-underline-font .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-underline-font.native .b-font:before, -.text-underline-font.disabled .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-color-font .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-color-font.native .b-font:before, -.text-color-font.disabled .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-background-font .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-background-font.native .b-font:before, -.text-background-font.disabled .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-color-underline-font .b-font:before { - content: "\e69d"; - color: ""; -} -.text-color-underline-font.native .b-font:before, -.text-color-underline-font.disabled .b-font:before { - content: "\e69d"; - color: ""; -} -.text-align-left-font .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-left-font.native .b-font:before, -.text-align-left-font.disabled .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-center-font .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-center-font.native .b-font:before, -.text-align-center-font.disabled .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-right-font .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.text-align-right-font.native .b-font:before, -.text-align-right-font.disabled .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.img-upload-font .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-upload-font.native .b-font:before, -.img-upload-font.disabled .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-size-font .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-size-font.native .b-font:before, -.img-size-font.disabled .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-href-font .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-href-font.native .b-font:before, -.img-href-font.disabled .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-shutdown-font .b-font:before { - content: "\e689"; - color: #009de3; -} -.img-shutdown-font.native .b-font:before, -.img-shutdown-font.disabled .b-font:before { - content: "\e689"; - color: #009de3; -} -.move-font .b-font:before { - content: "\e65e"; - color: #808080; -} -.move-font.native .b-font:before, -.move-font.disabled .b-font:before { - content: "\e65e"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.new-file-font .b-font:before { - content: "\e65d"; - color: #808080; -} -.new-file-font.native .b-font:before, -.new-file-font.disabled .b-font:before { - content: "\e65d"; - color: #808080; -} -.file-font .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.file-font.native .b-font:before, -.file-font.disabled .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.folder-font .b-font:before { - content: "\e65c"; - color: #009de3; -} -.folder-font.native .b-font:before, -.folder-font.disabled .b-font:before { - content: "\e65c"; - color: #009de3; -} -.letter-font .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:hover .b-font:before, -.letter-font:focus .b-font:before, -.letter-font.hover .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:active .b-font:before, -.letter-font.active .b-font:before { - content: "\e659"; - color: #009de3; -} -.letter-font.native .b-font:before, -.letter-font.disabled .b-font:before { - content: "\e659"; - color: #808080; -} -.time-font .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:hover .b-font:before, -.time-font:focus .b-font:before, -.time-font.hover .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:active .b-font:before, -.time-font.active .b-font:before { - content: "\e658"; - color: #009de3; -} -.time-font.native .b-font:before, -.time-font.disabled .b-font:before { - content: "\e658"; - color: #808080; -} -.rename-font .b-font:before { - content: "\e687"; - color: #808080; -} -.rename-font.native .b-font:before, -.rename-font.disabled .b-font:before { - content: "\e687"; - color: #808080; -} -.delete-template-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-template-font.native .b-font:before, -.delete-template-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.real-time-font .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.real-time-font.native .b-font:before, -.real-time-font.disabled .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.data-source-table-font .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:hover .b-font:before, -.data-source-table-font:focus .b-font:before, -.data-source-table-font.hover .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:active .b-font:before, -.data-source-table-font.active .b-font:before { - content: "\e67b"; - color: #ffffff; -} -.data-source-table-font.native .b-font:before, -.data-source-table-font.disabled .b-font:before { - content: "\e67b"; - color: #009de3; -} -.etl-table-font .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:hover .b-font:before, -.etl-table-font:focus .b-font:before, -.etl-table-font.hover .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:active .b-font:before, -.etl-table-font.active .b-font:before { - content: "\e680"; - color: #ffffff; -} -.etl-table-font.native .b-font:before, -.etl-table-font.disabled .b-font:before { - content: "\e680"; - color: #009de3; -} -.excel-table-font .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:hover .b-font:before, -.excel-table-font:focus .b-font:before, -.excel-table-font.hover .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:active .b-font:before, -.excel-table-font.active .b-font:before { - content: "\e682"; - color: #ffffff; -} -.excel-table-font.native .b-font:before, -.excel-table-font.disabled .b-font:before { - content: "\e682"; - color: #009de3; -} -.sql-table-font .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:hover .b-font:before, -.sql-table-font:focus .b-font:before, -.sql-table-font.hover .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:active .b-font:before, -.sql-table-font.active .b-font:before { - content: "\e681"; - color: #ffffff; -} -.sql-table-font.native .b-font:before, -.sql-table-font.disabled .b-font:before { - content: "\e681"; - color: #009de3; -} -.refresh-table-font .b-font:before { - content: "\e683"; - color: #808080; -} -.refresh-table-font.native .b-font:before, -.refresh-table-font.disabled .b-font:before { - content: "\e683"; - color: #808080; -} -.recover-chart-font-hightlight .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.recover-chart-font-hightlight.native .b-font:before, -.recover-chart-font-hightlight.disabled .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.tables-tile-view-font .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:hover .b-font:before, -.tables-tile-view-font:focus .b-font:before, -.tables-tile-view-font.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:active .b-font:before, -.tables-tile-view-font.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.tables-tile-view-font.native .b-font:before, -.tables-tile-view-font.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-relation-view-font .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:hover .b-font:before, -.tables-relation-view-font:focus .b-font:before, -.tables-relation-view-font.hover .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:active .b-font:before, -.tables-relation-view-font.active .b-font:before { - content: "\e684"; - color: #ffffff; -} -.tables-relation-view-font.native .b-font:before, -.tables-relation-view-font.disabled .b-font:before { - content: "\e684"; - color: #808080; -} -.add-new-table-pull-down-font .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.add-new-table-pull-down-font.native .b-font:before, -.add-new-table-pull-down-font.disabled .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.data-link-check-font .b-font:before { - content: "\e611"; - color: #ffffff; -} -.data-link-check-font:hover .b-font:before, -.data-link-check-font:focus .b-font:before, -.data-link-check-font.hover .b-font:before { - content: "\e611"; - color: #f4f4f4; -} -.data-link-check-font:active .b-font:before, -.data-link-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.data-link-check-font.native .b-font:before, -.data-link-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.edit-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font:hover .b-font:before, -.edit-set-font:focus .b-font:before, -.edit-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font.native .b-font:before, -.edit-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.new-analysis-font .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font:hover .b-font:before, -.new-analysis-font:focus .b-font:before, -.new-analysis-font.hover .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font.native .b-font:before, -.new-analysis-font.disabled .b-font:before { - content: "\e692"; - color: #ffffff; -} -.data-config-font .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font:hover .b-font:before, -.data-config-font:focus .b-font:before, -.data-config-font.hover .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font.native .b-font:before, -.data-config-font.disabled .b-font:before { - content: "\e693"; - color: #ffffff; -} -.folder-list-view .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:hover .b-font:before, -.folder-list-view:focus .b-font:before, -.folder-list-view.hover .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:active .b-font:before, -.folder-list-view.active .b-font:before { - content: "\e694"; - color: #ffffff; -} -.folder-list-view.native .b-font:before, -.folder-list-view.disabled .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-card-view .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:hover .b-font:before, -.folder-card-view:focus .b-font:before, -.folder-card-view.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:active .b-font:before, -.folder-card-view.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.folder-card-view.native .b-font:before, -.folder-card-view.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.item-check-font .b-font:before { - content: "\e611"; - color: #ffffff; -} -.item-check-font:hover .b-font:before, -.item-check-font:focus .b-font:before, -.item-check-font.hover .b-font:before { - content: "\e611"; - color: #f4f4f4; -} -.item-check-font:active .b-font:before, -.item-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.item-check-font.native .b-font:before, -.item-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.table-no-sort-no-filter-font .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font:hover .b-font:before, -.table-no-sort-no-filter-font:focus .b-font:before, -.table-no-sort-no-filter-font.hover .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font.native .b-font:before, -.table-no-sort-no-filter-font.disabled .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-filter-font .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font:hover .b-font:before, -.table-no-sort-filter-font:focus .b-font:before, -.table-no-sort-filter-font.hover .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font.native .b-font:before, -.table-no-sort-filter-font.disabled .b-font:before { - content: "\e66b"; - color: ""; -} -.table-descending-filter-font .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font:hover .b-font:before, -.table-descending-filter-font:focus .b-font:before, -.table-descending-filter-font.hover .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font.native .b-font:before, -.table-descending-filter-font.disabled .b-font:before { - content: "\e667"; - color: ""; -} -.table-ascending-filter-font .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font:hover .b-font:before, -.table-ascending-filter-font:focus .b-font:before, -.table-ascending-filter-font.hover .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font.native .b-font:before, -.table-ascending-filter-font.disabled .b-font:before { - content: "\e669"; - color: ""; -} -.table-descending-no-filter-font .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font:hover .b-font:before, -.table-descending-no-filter-font:focus .b-font:before, -.table-descending-no-filter-font.hover .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font.native .b-font:before, -.table-descending-no-filter-font.disabled .b-font:before { - content: "\e666"; - color: ""; -} -.table-ascending-no-filter-font .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font:hover .b-font:before, -.table-ascending-no-filter-font:focus .b-font:before, -.table-ascending-no-filter-font.hover .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font.native .b-font:before, -.table-ascending-no-filter-font.disabled .b-font:before { - content: "\e668"; - color: ""; -} -.table-no-sort-font .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font:hover .b-font:before, -.table-no-sort-font:focus .b-font:before, -.table-no-sort-font.hover .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font.native .b-font:before, -.table-no-sort-font.disabled .b-font:before { - content: "\e66c"; - color: ""; -} -.primary-key-font .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font:hover .b-font:before, -.primary-key-font:focus .b-font:before, -.primary-key-font.hover .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font.native .b-font:before, -.primary-key-font.disabled .b-font:before { - content: "\e67d;"; - color: #808080; -} -.table-open-row-style-font .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:hover .b-font:before, -.table-open-row-style-font:focus .b-font:before, -.table-open-row-style-font.hover .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:active .b-font:before, -.table-open-row-style-font.active .b-font:before { - content: "\e671"; - color: #009de3; -} -.table-open-row-style-font.native .b-font:before, -.table-open-row-style-font.disabled .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-col-style-font .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:hover .b-font:before, -.table-open-col-style-font:focus .b-font:before, -.table-open-col-style-font.hover .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:active .b-font:before, -.table-open-col-style-font.active .b-font:before { - content: "\e672"; - color: #009de3; -} -.table-open-col-style-font.native .b-font:before, -.table-open-col-style-font.disabled .b-font:before { - content: "\e672"; - color: #808080; -} -.calculate-function-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-function-font.native .b-font:before, -.calculate-function-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.path-set-doubt .b-font:before { - content: "\e69a"; - color: #009de3; -} -.path-set-doubt.native .b-font:before, -.path-set-doubt.disabled .b-font:before { - content: "\e69a"; - color: #009de3; -} -.rename-report-font .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-report-font.native .b-font:before, -.rename-report-font.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.remove-report-font .b-font:before { - content: "\e605"; - color: #e85050; -} -.remove-report-font.native .b-font:before, -.remove-report-font.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.excel-upload-tip-font .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-upload-tip-font.native .b-font:before, -.excel-upload-tip-font.disabled .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-field-type-string-font .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-string-font.native .b-font:before, -.excel-field-type-string-font.disabled .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-number-font .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-number-font.native .b-font:before, -.excel-field-type-number-font.disabled .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-date-font .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-date-font.native .b-font:before, -.excel-field-type-date-font.disabled .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-pull-down-font .b-font:before { - content: "\e608"; - color: #009de3; -} -.excel-field-type-pull-down-font.native .b-font:before, -.excel-field-type-pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #009de3; -} -.data-link-set-font .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-set-font.native .b-font:before, -.data-link-set-font.disabled .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-test-font .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-test-font.native .b-font:before, -.data-link-test-font.disabled .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-copy-font .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-copy-font.native .b-font:before, -.data-link-copy-font.disabled .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-remove-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.data-link-remove-font.native .b-font:before, -.data-link-remove-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.cube-path-confirm-font .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.cube-path-confirm-font.native .b-font:before, -.cube-path-confirm-font.disabled .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.target-style-less-dot-font .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-less-dot-font.native .b-font:before, -.target-style-less-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-equal-dot-font .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-equal-dot-font.native .b-font:before, -.target-style-equal-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-more-dot-font .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-more-dot-font.native .b-font:before, -.target-style-more-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-less-arrow-font .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-less-arrow-font.native .b-font:before, -.target-style-less-arrow-font.disabled .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-equal-arrow-font .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-equal-arrow-font.native .b-font:before, -.target-style-equal-arrow-font.disabled .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-more-arrow-font .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.target-style-more-arrow-font.native .b-font:before, -.target-style-more-arrow-font.disabled .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.calculate-target-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-target-font.native .b-font:before, -.calculate-target-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.task-list-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.task-list-font.native .b-font:before, -.task-list-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.widget-combo-detail-font .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-detail-font.native .b-font:before, -.widget-combo-detail-font.disabled .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-pull-down-font .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-combo-pull-down-font.native .b-font:before, -.widget-combo-pull-down-font.disabled .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-tools-filter-font .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-filter-font.native .b-font:before, -.widget-tools-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-clear-font .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-clear-font.native .b-font:before, -.widget-tools-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-export-excel-font .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-tools-export-excel-font.native .b-font:before, -.widget-tools-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-combo-expand-font .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-expand-font.native .b-font:before, -.widget-combo-expand-font.disabled .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-linkage-font .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-linkage-font.native .b-font:before, -.widget-combo-linkage-font.disabled .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-rename-edit-font .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-rename-edit-font.native .b-font:before, -.widget-combo-rename-edit-font.disabled .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-show-title-font .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-show-title-font.native .b-font:before, -.widget-combo-show-title-font.disabled .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-title-left-font .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-left-font.native .b-font:before, -.widget-combo-title-left-font.disabled .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-center-font .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-title-center-font.native .b-font:before, -.widget-combo-title-center-font.disabled .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-show-filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-show-filter-font.native .b-font:before, -.widget-combo-show-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-export-excel-font .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-export-excel-font.native .b-font:before, -.widget-combo-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-copy .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-copy.native .b-font:before, -.widget-combo-copy.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-delete .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-delete.native .b-font:before, -.widget-combo-delete.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-asc-font .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-asc-font.native .b-font:before, -.widget-combo-asc-font.disabled .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-des-font .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-des-font.native .b-font:before, -.widget-combo-des-font.disabled .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-clear-font .b-font:before { - content: "\e63d"; - color: #808080; -} -.widget-combo-clear-font.native .b-font:before, -.widget-combo-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #808080; -} -.detail-table-popup-font .b-font:before { - content: "\e6ac"; - color: #808080; -} -.detail-table-popup-font:hover .b-font:before, -.detail-table-popup-font:focus .b-font:before, -.detail-table-popup-font.hover .b-font:before { - content: "\e6ac"; - color: #009de3; -} -.detail-table-popup-font.native .b-font:before, -.detail-table-popup-font.disabled .b-font:before { - content: "\e6ac"; - color: #808080; -} -.chart-drill-up .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-up.native .b-font:before, -.chart-drill-up.disabled .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-down .b-font:before { - content: "\e608"; - color: ""; -} -.chart-drill-down.native .b-font:before, -.chart-drill-down.disabled .b-font:before { - content: "\e608"; - color: ""; -} -.report-filter-open-font .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-open-font.native .b-font:before, -.report-filter-open-font.disabled .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-close-font .b-font:before { - content: "\e645"; - color: #808080; -} -.report-filter-close-font.native .b-font:before, -.report-filter-close-font.disabled .b-font:before { - content: "\e645"; - color: #808080; -} -.report-apply-hangout-normal-font .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-normal-font.native .b-font:before, -.report-apply-hangout-normal-font.disabled .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-ing-font .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-apply-hangout-ing-font.native .b-font:before, -.report-apply-hangout-ing-font.disabled .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-hangout-font .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-hangout-font.native .b-font:before, -.report-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-cancel-hangout-font .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-cancel-hangout-font.native .b-font:before, -.report-cancel-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-hangout-ing-mark-font .b-font:before { - content: "\e64b"; - color: #009de3; -} -.report-hangout-ing-mark-font.native .b-font:before, -.report-hangout-ing-mark-font.disabled .b-font:before { - content: "\e64b"; - color: #009de3; -} -.delete-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-font-package.native .b-font:before, -.delete-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package.native .b-font:before, -.delete-h-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.rename-font-package .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-font-package.native .b-font:before, -.rename-font-package.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.package-selected-font .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-selected-font.native .b-font:before, -.package-selected-font.disabled .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-not-selected-font .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.package-not-selected-font.native .b-font:before, -.package-not-selected-font.disabled .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.report-detail-info-font .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-detail-info-font.native .b-font:before, -.report-detail-info-font.disabled .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-rename-font .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-rename-font.native .b-font:before, -.report-rename-font.disabled .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-cancel-share-font .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.report-cancel-share-font.native .b-font:before, -.report-cancel-share-font.disabled .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.drill-push-up-font .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-up-font.native .b-font:before, -.drill-push-up-font.disabled .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-down-font .b-font:before { - content: "\e62d"; - color: #808080; -} -.drill-push-down-font.native .b-font:before, -.drill-push-down-font.disabled .b-font:before { - content: "\e62d"; - color: #808080; -} -.drag-tag-font .b-font:before { - content: "\e600"; - color: #f07d0a; -} -.drag-tag-font.native .b-font:before, -.drag-tag-font.disabled .b-font:before { - content: "\e600"; - color: #f07d0a; -} -.tree-collapse-icon-type1 .x-icon, -.tree-collapse-icon-type1:hover .x-icon, -.tree-collapse-icon-type1:active .x-icon { - display: block; - background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); - _background: none; -} -.tree-collapse-icon-type1.native .x-icon, -.tree-collapse-icon-type1.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); - _background: none; -} -.tree-collapse-icon-type2 .x-icon, -.tree-collapse-icon-type2:hover .x-icon, -.tree-collapse-icon-type2:active .x-icon { - display: block; - background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); - _background: none; -} -.tree-collapse-icon-type2.native .x-icon, -.tree-collapse-icon-type2.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); - _background: none; -} -.tree-collapse-icon-type3 .x-icon, -.tree-collapse-icon-type3:hover .x-icon, -.tree-collapse-icon-type3:active .x-icon { - display: block; - background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); - _background: none; -} -.tree-collapse-icon-type3.native .x-icon, -.tree-collapse-icon-type3.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); - _background: none; -} -.tree-collapse-icon-type4 .x-icon, -.tree-collapse-icon-type4:hover .x-icon, -.tree-collapse-icon-type4:active .x-icon { - display: block; - background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); - _background: none; -} -.tree-collapse-icon-type4.native .x-icon, -.tree-collapse-icon-type4.disabled .x-icon { - display: block; - background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); - _background: none; -} -.tree-expand-icon-type1 .x-icon, -.tree-expand-icon-type1:hover .x-icon, -.tree-expand-icon-type1:active .x-icon { - display: block; - background: url('icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); - _background: none; -} -.tree-expand-icon-type1.native .x-icon, -.tree-expand-icon-type1.disabled .x-icon { - display: block; - background: url('icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); - _background: none; -} -.tree-expand-icon-type2 .x-icon, -.tree-expand-icon-type2:hover .x-icon, -.tree-expand-icon-type2:active .x-icon { - display: block; - background: url('icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); - _background: none; -} -.tree-expand-icon-type2.native .x-icon, -.tree-expand-icon-type2.disabled .x-icon { - display: block; - background: url('icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); - _background: none; -} -.tree-expand-icon-type3 .x-icon, -.tree-expand-icon-type3:hover .x-icon, -.tree-expand-icon-type3:active .x-icon { - display: block; - background: url('icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); - _background: none; -} -.tree-expand-icon-type3.native .x-icon, -.tree-expand-icon-type3.disabled .x-icon { - display: block; - background: url('icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); - _background: none; -} -.tree-expand-icon-type4 .x-icon, -.tree-expand-icon-type4:hover .x-icon, -.tree-expand-icon-type4:active .x-icon { - display: block; - background: url('icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); - _background: none; -} -.tree-expand-icon-type4.native .x-icon, -.tree-expand-icon-type4.disabled .x-icon { - display: block; - background: url('icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); - _background: none; -} -.tree-vertical-line-type2 .x-icon, -.tree-vertical-line-type2:hover .x-icon, -.tree-vertical-line-type2:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.tree-vertical-line-type2.native .x-icon, -.tree-vertical-line-type2.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); - _background: none; -} -.tree-vertical-line-type3 .x-icon, -.tree-vertical-line-type3:hover .x-icon, -.tree-vertical-line-type3:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.tree-vertical-line-type3.native .x-icon, -.tree-vertical-line-type3.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); - _background: none; -} -.tree-vertical-line-type4 .x-icon, -.tree-vertical-line-type4:hover .x-icon, -.tree-vertical-line-type4:active .x-icon { - display: block; - background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.tree-vertical-line-type4.native .x-icon, -.tree-vertical-line-type4.disabled .x-icon { - display: block; - background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); - _background: none; -} -.check-box-icon .x-icon { - display: block; - background: url('icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); - _background: none; -} -.check-box-icon:hover .x-icon, -.check-box-icon:focus .x-icon, -.check-box-icon.hover .x-icon { - display: block; - background: url('icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); - _background: none; -} -.check-box-icon:active .x-icon, -.check-box-icon.active .x-icon { - display: block; - background: url('icon/check-box-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); - _background: none; -} -.check-box-icon.native .x-icon, -.check-box-icon.disabled .x-icon { - display: block; - background: url('icon/check-box-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); - _background: none; -} -.check-box-icon.native .x-icon, -.check-box-icon.disabled.active .x-icon { - display: block; - background: url('icon/check-box-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); - _background: none; -} -.radio-icon .x-icon { - display: block; - background: url('icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); - _background: none; -} -.radio-icon:hover .x-icon, -.radio-icon:focus .x-icon, -.radio-icon.hover .x-icon { - display: block; - background: url('icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); - _background: none; -} -.radio-icon:active .x-icon, -.radio-icon.active .x-icon { - display: block; - background: url('icon/radio-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); - _background: none; -} -.radio-icon.native .x-icon, -.radio-icon.disabled .x-icon { - display: block; - background: url('icon/radio-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); - _background: none; -} -.radio-icon.native .x-icon, -.radio-icon.disabled.active .x-icon { - display: block; - background: url('icon/radio-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); - _background: none; -} -.check-half-select-icon .x-icon, -.check-half-select-icon:hover .x-icon, -.check-half-select-icon:active .x-icon { - display: block; - background: url('icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); - _background: none; -} -.check-half-select-icon.native .x-icon, -.check-half-select-icon.disabled .x-icon { - display: block; - background: url('icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); - _background: none; -} -.loading-bar-icon .x-icon, -.loading-bar-icon:hover .x-icon, -.loading-bar-icon:active .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.loading-bar-icon.native .x-icon, -.loading-bar-icon.disabled .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.left-join-icon .x-icon, -.left-join-icon:hover .x-icon, -.left-join-icon:active .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.left-join-icon.native .x-icon, -.left-join-icon.disabled .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.right-join-icon .x-icon, -.right-join-icon:hover .x-icon, -.right-join-icon:active .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.right-join-icon.native .x-icon, -.right-join-icon.disabled .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.inner-join-icon .x-icon, -.inner-join-icon:hover .x-icon, -.inner-join-icon:active .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.inner-join-icon.native .x-icon, -.inner-join-icon.disabled .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.outer-join-icon .x-icon, -.outer-join-icon:hover .x-icon, -.outer-join-icon:active .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.outer-join-icon.native .x-icon, -.outer-join-icon.disabled .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.data-link-test-fail-icon .x-icon, -.data-link-test-fail-icon:hover .x-icon, -.data-link-test-fail-icon:active .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-fail-icon.native .x-icon, -.data-link-test-fail-icon.disabled .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-success-icon .x-icon, -.data-link-test-success-icon:hover .x-icon, -.data-link-test-success-icon:active .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.data-link-test-success-icon.native .x-icon, -.data-link-test-success-icon.disabled .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.business-package-icon .x-icon, -.business-package-icon:hover .x-icon, -.business-package-icon:active .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-icon.native .x-icon, -.business-package-icon.disabled .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-add-icon .x-icon, -.business-package-add-icon:hover .x-icon, -.business-package-add-icon:active .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; -} -.business-package-add-icon.native .x-icon, -.business-package-add-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } } -.business-package-add-disable-icon .x-icon, -.business-package-add-disable-icon:hover .x-icon, -.business-package-add-disable-icon:active .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } } -.business-package-add-disable-icon.native .x-icon, -.business-package-add-disable-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } } -.business-package-selected-icon .x-icon, -.business-package-selected-icon:hover .x-icon, -.business-package-selected-icon:active .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } } -.business-package-selected-icon.native .x-icon, -.business-package-selected-icon.disabled .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.card-view-report-icon .x-icon, -.card-view-report-icon:hover .x-icon, -.card-view-report-icon:active .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.card-view-report-icon.native .x-icon, -.card-view-report-icon.disabled .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } } -.card-view-real-time-icon .x-icon, -.card-view-real-time-icon:hover .x-icon, -.card-view-real-time-icon:active .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } } -.card-view-real-time-icon.native .x-icon, -.card-view-real-time-icon.disabled .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } } -.table-style1-icon .x-icon, -.table-style1-icon:hover .x-icon, -.table-style1-icon:active .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } } -.table-style1-icon.native .x-icon, -.table-style1-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.table-style2-icon .x-icon, -.table-style2-icon:hover .x-icon, -.table-style2-icon:active .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } } -.table-style2-icon.native .x-icon, -.table-style2-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.table-style3-icon .x-icon, -.table-style3-icon:hover .x-icon, -.table-style3-icon:active .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.table-style3-icon.native .x-icon, -.table-style3-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-icon .x-icon, -.axis-chart-style-gradual-icon:hover .x-icon, -.axis-chart-style-gradual-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-icon.native .x-icon, -.axis-chart-style-gradual-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-highlight-icon .x-icon, -.axis-chart-style-gradual-highlight-icon:hover .x-icon, -.axis-chart-style-gradual-highlight-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } } -.axis-chart-style-gradual-highlight-icon.native .x-icon, -.axis-chart-style-gradual-highlight-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.axis-chart-style-normal-icon .x-icon, -.axis-chart-style-normal-icon:hover .x-icon, -.axis-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.axis-chart-style-normal-icon.native .x-icon, -.axis-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } } -.axis-chart-style-transparent-icon .x-icon, -.axis-chart-style-transparent-icon:hover .x-icon, -.axis-chart-style-transparent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } } -.axis-chart-style-transparent-icon.native .x-icon, -.axis-chart-style-transparent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.axis-chart-style-3d-icon .x-icon, -.axis-chart-style-3d-icon:hover .x-icon, -.axis-chart-style-3d-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.axis-chart-style-3d-icon.native .x-icon, -.axis-chart-style-3d-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.line-chart-style-curve-icon .x-icon, -.line-chart-style-curve-icon:hover .x-icon, -.line-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.line-chart-style-curve-icon.native .x-icon, -.line-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.line-chart-style-broken-icon .x-icon, -.line-chart-style-broken-icon:hover .x-icon, -.line-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.line-chart-style-broken-icon.native .x-icon, -.line-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.line-chart-style-vertical-icon .x-icon, -.line-chart-style-vertical-icon:hover .x-icon, -.line-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.line-chart-style-vertical-icon.native .x-icon, -.line-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } } -.area-chart-style-curve-icon .x-icon, -.area-chart-style-curve-icon:hover .x-icon, -.area-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } } -.area-chart-style-curve-icon.native .x-icon, -.area-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-broken-icon .x-icon, -.area-chart-style-broken-icon:hover .x-icon, -.area-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-broken-icon.native .x-icon, -.area-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-vertical-icon .x-icon, -.area-chart-style-vertical-icon:hover .x-icon, -.area-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.area-chart-style-vertical-icon.native .x-icon, -.area-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-normal-icon .x-icon, -.pie-chart-style-normal-icon:hover .x-icon, -.pie-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-normal-icon.native .x-icon, -.pie-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-equal-arc-rose-icon .x-icon, -.pie-chart-style-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-not-equal-arc-rose-icon .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.pie-chart-style-not-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.radar-chart-style-polygon-icon .x-icon, -.radar-chart-style-polygon-icon:hover .x-icon, -.radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.radar-chart-style-polygon-icon.native .x-icon, -.radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-polygon-icon .x-icon, -.acc_radar-chart-style-polygon-icon:hover .x-icon, -.acc_radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-polygon-icon.native .x-icon, -.acc_radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-circle-icon .x-icon, -.acc_radar-chart-style-circle-icon:hover .x-icon, -.acc_radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.acc_radar-chart-style-circle-icon.native .x-icon, -.acc_radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } } -.radar-chart-style-circle-icon .x-icon, -.radar-chart-style-circle-icon:hover .x-icon, -.radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } } -.radar-chart-style-circle-icon.native .x-icon, -.radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.dashboard-chart-style-360-icon .x-icon, -.dashboard-chart-style-360-icon:hover .x-icon, -.dashboard-chart-style-360-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; +@keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.dashboard-chart-style-360-icon.native .x-icon, -.dashboard-chart-style-360-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.dashboard-chart-style-180-icon .x-icon, -.dashboard-chart-style-180-icon:hover .x-icon, -.dashboard-chart-style-180-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } } -.dashboard-chart-style-180-icon.native .x-icon, -.dashboard-chart-style-180-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.dashboard-chart-style-percent-icon .x-icon, -.dashboard-chart-style-percent-icon:hover .x-icon, -.dashboard-chart-style-percent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; +@keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.dashboard-chart-style-percent-icon.native .x-icon, -.dashboard-chart-style-percent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.dashboard-chart-style-percent-scale-slot-icon .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:hover .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } } -.dashboard-chart-style-percent-scale-slot-icon.native .x-icon, -.dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.dashboard-chart-style-vertical-tube-icon .x-icon, -.dashboard-chart-style-vertical-tube-icon:hover .x-icon, -.dashboard-chart-style-vertical-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; +@keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.dashboard-chart-style-vertical-tube-icon.native .x-icon, -.dashboard-chart-style-vertical-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.dashboard-chart-style-horizontal-tube-icon .x-icon, -.dashboard-chart-style-horizontal-tube-icon:hover .x-icon, -.dashboard-chart-style-horizontal-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } } -.dashboard-chart-style-horizontal-tube-icon.native .x-icon, -.dashboard-chart-style-horizontal-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.example-excel-icon .x-icon, -.example-excel-icon:hover .x-icon, -.example-excel-icon:active .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.example-excel-icon.native .x-icon, -.example-excel-icon.disabled .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.dimension-no-data-icon .x-icon, -.dimension-no-data-icon:hover .x-icon, -.dimension-no-data-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } } -.dimension-no-data-icon.native .x-icon, -.dimension-no-data-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } } -.drag-group-icon .x-icon, -.drag-group-icon:hover .x-icon, -.drag-group-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } } -.drag-group-icon.native .x-icon, -.drag-group-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-cross-icon .x-icon, -.drag-cross-icon:hover .x-icon, -.drag-cross-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-cross-icon.native .x-icon, -.drag-cross-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-complex-icon .x-icon, -.drag-complex-icon:hover .x-icon, -.drag-complex-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } -.drag-complex-icon.native .x-icon, -.drag-complex-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } } -.drag-axis-icon .x-icon, -.drag-axis-icon:hover .x-icon, -.drag-axis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } } -.drag-axis-icon.native .x-icon, -.drag-axis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } } -.drag-axis-accu-icon .x-icon, -.drag-axis-accu-icon:hover .x-icon, -.drag-axis-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } } -.drag-axis-accu-icon.native .x-icon, -.drag-axis-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-percent-accu-icon .x-icon, -.drag-axis-percent-accu-icon:hover .x-icon, -.drag-axis-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-percent-accu-icon.native .x-icon, -.drag-axis-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } } -.drag-axis-compare-icon .x-icon, -.drag-axis-compare-icon:hover .x-icon, -.drag-axis-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; +@keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } } -.drag-axis-compare-icon.native .x-icon, -.drag-axis-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-fall-icon .x-icon, -.drag-axis-fall-icon:hover .x-icon, -.drag-axis-fall-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-axis-fall-icon.native .x-icon, -.drag-axis-fall-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-icon .x-icon, -.drag-bar-icon:hover .x-icon, -.drag-bar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-icon.native .x-icon, -.drag-bar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-accu-icon .x-icon, -.drag-bar-accu-icon:hover .x-icon, -.drag-bar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-accu-icon.native .x-icon, -.drag-bar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-compare-icon .x-icon, -.drag-bar-compare-icon:hover .x-icon, -.drag-bar-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-bar-compare-icon.native .x-icon, -.drag-bar-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-area-icon .x-icon, -.drag-area-icon:hover .x-icon, -.drag-area-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } } -.drag-area-icon.native .x-icon, -.drag-area-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } } -.drag-area-accu-icon .x-icon, -.drag-area-accu-icon:hover .x-icon, -.drag-area-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } } -.drag-area-accu-icon.native .x-icon, -.drag-area-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } } -.drag-area-percent-accu-icon .x-icon, -.drag-area-percent-accu-icon:hover .x-icon, -.drag-area-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } } -.drag-area-percent-accu-icon.native .x-icon, -.drag-area-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-compare-icon .x-icon, -.drag-area-compare-icon:hover .x-icon, -.drag-area-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-compare-icon.native .x-icon, -.drag-area-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-range-icon .x-icon, -.drag-area-range-icon:hover .x-icon, -.drag-area-range-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } } -.drag-area-range-icon.native .x-icon, -.drag-area-range-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } } -.drag-combine-icon .x-icon, -.drag-combine-icon:hover .x-icon, -.drag-combine-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } } -.drag-combine-icon.native .x-icon, -.drag-combine-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } } -.drag-combine-mult-icon .x-icon, -.drag-combine-mult-icon:hover .x-icon, -.drag-combine-mult-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } } -.drag-combine-mult-icon.native .x-icon, -.drag-combine-mult-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.drag-line-icon .x-icon, -.drag-line-icon:hover .x-icon, -.drag-line-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } -.drag-line-icon.native .x-icon, -.drag-line-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } } -.drag-pie-icon .x-icon, -.drag-pie-icon:hover .x-icon, -.drag-pie-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; +@keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } } -.drag-pie-icon.native .x-icon, -.drag-pie-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } } -.drag-map-china-icon .x-icon, -.drag-map-china-icon:hover .x-icon, -.drag-map-china-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } } -.drag-map-china-icon.native .x-icon, -.drag-map-china-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-global-icon .x-icon, -.drag-map-global-icon:hover .x-icon, -.drag-map-global-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-global-icon.native .x-icon, -.drag-map-global-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-svg-icon .x-icon, -.drag-map-svg-icon:hover .x-icon, -.drag-map-svg-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-svg-icon.native .x-icon, -.drag-map-svg-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-gis-icon .x-icon, -.drag-map-gis-icon:hover .x-icon, -.drag-map-gis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-map-gis-icon.native .x-icon, -.drag-map-gis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-dashboard-icon .x-icon, -.drag-dashboard-icon:hover .x-icon, -.drag-dashboard-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-dashboard-icon.native .x-icon, -.drag-dashboard-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } } -.drag-donut-icon .x-icon, -.drag-donut-icon:hover .x-icon, -.drag-donut-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; +@keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } } -.drag-donut-icon.native .x-icon, -.drag-donut-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-radar-icon .x-icon, -.drag-radar-icon:hover .x-icon, -.drag-radar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-radar-icon.native .x-icon, -.drag-radar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } } -.drag-radar-accu-icon .x-icon, -.drag-radar-accu-icon:hover .x-icon, -.drag-radar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } } -.drag-radar-accu-icon.native .x-icon, -.drag-radar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } } -.drag-bubble-icon .x-icon, -.drag-bubble-icon:hover .x-icon, -.drag-bubble-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } } -.drag-bubble-icon.native .x-icon, -.drag-bubble-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-bubble-force-icon .x-icon, -.drag-bubble-force-icon:hover .x-icon, -.drag-bubble-force-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } } -.drag-bubble-force-icon.native .x-icon, -.drag-bubble-force-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-scatter-icon .x-icon, -.drag-scatter-icon:hover .x-icon, -.drag-scatter-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-scatter-icon.native .x-icon, -.drag-scatter-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-funnel-icon .x-icon, -.drag-funnel-icon:hover .x-icon, -.drag-funnel-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-funnel-icon.native .x-icon, -.drag-funnel-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-detail-icon .x-icon, -.drag-detail-icon:hover .x-icon, -.drag-detail-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-detail-icon.native .x-icon, -.drag-detail-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-input-icon .x-icon, -.drag-input-icon:hover .x-icon, -.drag-input-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } } -.drag-input-icon.native .x-icon, -.drag-input-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.drag-web-icon .x-icon, -.drag-web-icon:hover .x-icon, -.drag-web-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } } -.drag-web-icon.native .x-icon, -.drag-web-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.drag-image-icon .x-icon, -.drag-image-icon:hover .x-icon, -.drag-image-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.drag-image-icon.native .x-icon, -.drag-image-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.drag-string-icon .x-icon, -.drag-string-icon:hover .x-icon, -.drag-string-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.drag-string-icon.native .x-icon, -.drag-string-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.drag-number-icon .x-icon, -.drag-number-icon:hover .x-icon, -.drag-number-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } -.drag-number-icon.native .x-icon, -.drag-number-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } -.drag-tree-icon .x-icon, -.drag-tree-icon:hover .x-icon, -.drag-tree-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } -.drag-tree-icon.native .x-icon, -.drag-tree-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; } -.drag-date-icon .x-icon, -.drag-date-icon:hover .x-icon, -.drag-date-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; +.flash { + -webkit-animation-name: flash; + animation-name: flash; } -.drag-date-icon.native .x-icon, -.drag-date-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } -.drag-year-icon .x-icon, -.drag-year-icon:hover .x-icon, -.drag-year-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; } -.drag-year-icon.native .x-icon, -.drag-year-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; +.shake { + -webkit-animation-name: shake; + animation-name: shake; } -.drag-year-month-icon .x-icon, -.drag-year-month-icon:hover .x-icon, -.drag-year-month-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; } -.drag-year-month-icon.native .x-icon, -.drag-year-month-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } -.drag-year-season-icon .x-icon, -.drag-year-season-icon:hover .x-icon, -.drag-year-season-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; +.tada { + -webkit-animation-name: tada; + animation-name: tada; } -.drag-year-season-icon.native .x-icon, -.drag-year-season-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; } -.drag-ymd-icon .x-icon, -.drag-ymd-icon:hover .x-icon, -.drag-ymd-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; +.bounceIn { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } -.drag-ymd-icon.native .x-icon, -.drag-ymd-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } -.drag-general-query-icon .x-icon, -.drag-general-query-icon:hover .x-icon, -.drag-general-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } -.drag-general-query-icon.native .x-icon, -.drag-general-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } -.drag-query-icon .x-icon, -.drag-query-icon:hover .x-icon, -.drag-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } -.drag-query-icon.native .x-icon, -.drag-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; +.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } -.drag-reset-icon .x-icon, -.drag-reset-icon:hover .x-icon, -.drag-reset-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } -.drag-reset-icon.native .x-icon, -.drag-reset-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } -.drag-reuse-icon .x-icon, -.drag-reuse-icon:hover .x-icon, -.drag-reuse-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } -.drag-reuse-icon.native .x-icon, -.drag-reuse-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } -.drag-group-small-icon .x-icon, -.drag-group-small-icon:hover .x-icon, -.drag-group-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } -.drag-group-small-icon.native .x-icon, -.drag-group-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } -.drag-cross-small-icon .x-icon, -.drag-cross-small-icon:hover .x-icon, -.drag-cross-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } -.drag-cross-small-icon.native .x-icon, -.drag-cross-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } -.drag-complex-small-icon .x-icon, -.drag-complex-small-icon:hover .x-icon, -.drag-complex-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } -.drag-complex-small-icon.native .x-icon, -.drag-complex-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } -.drag-axis-small-icon .x-icon, -.drag-axis-small-icon:hover .x-icon, -.drag-axis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } -.drag-axis-small-icon.native .x-icon, -.drag-axis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } -.drag-axis-accu-small-icon .x-icon, -.drag-axis-accu-small-icon:hover .x-icon, -.drag-axis-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } -.drag-axis-accu-small-icon.native .x-icon, -.drag-axis-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } -.drag-axis-percent-accu-small-icon .x-icon, -.drag-axis-percent-accu-small-icon:hover .x-icon, -.drag-axis-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } -.drag-axis-percent-accu-small-icon.native .x-icon, -.drag-axis-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } -.drag-axis-compare-small-icon .x-icon, -.drag-axis-compare-small-icon:hover .x-icon, -.drag-axis-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } -.drag-axis-compare-small-icon.native .x-icon, -.drag-axis-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } -.drag-axis-fall-small-icon .x-icon, -.drag-axis-fall-small-icon:hover .x-icon, -.drag-axis-fall-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } -.drag-axis-fall-small-icon.native .x-icon, -.drag-axis-fall-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } -.drag-bar-small-icon .x-icon, -.drag-bar-small-icon:hover .x-icon, -.drag-bar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } -.drag-bar-small-icon.native .x-icon, -.drag-bar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } -.drag-bar-accu-small-icon .x-icon, -.drag-bar-accu-small-icon:hover .x-icon, -.drag-bar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; +.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } -.drag-bar-accu-small-icon.native .x-icon, -.drag-bar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } -.drag-bar-compare-small-icon .x-icon, -.drag-bar-compare-small-icon:hover .x-icon, -.drag-bar-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } -.drag-bar-compare-small-icon.native .x-icon, -.drag-bar-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; +.flipOutX { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; } -.drag-area-small-icon .x-icon, -.drag-area-small-icon:hover .x-icon, -.drag-area-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; +.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } -.drag-area-small-icon.native .x-icon, -.drag-area-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } -.drag-area-accu-small-icon .x-icon, -.drag-area-accu-small-icon:hover .x-icon, -.drag-area-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } -.drag-area-accu-small-icon.native .x-icon, -.drag-area-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } -.drag-area-percent-accu-small-icon .x-icon, -.drag-area-percent-accu-small-icon:hover .x-icon, -.drag-area-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } -.drag-area-percent-accu-small-icon.native .x-icon, -.drag-area-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } -.drag-area-compare-small-icon .x-icon, -.drag-area-compare-small-icon:hover .x-icon, -.drag-area-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } -.drag-area-compare-small-icon.native .x-icon, -.drag-area-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } -.drag-area-range-small-icon .x-icon, -.drag-area-range-small-icon:hover .x-icon, -.drag-area-range-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } -.drag-area-range-small-icon.native .x-icon, -.drag-area-range-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } -.drag-combine-small-icon .x-icon, -.drag-combine-small-icon:hover .x-icon, -.drag-combine-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } -.drag-combine-small-icon.native .x-icon, -.drag-combine-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } -.drag-combine-mult-small-icon .x-icon, -.drag-combine-mult-small-icon:hover .x-icon, -.drag-combine-mult-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; } -.drag-combine-mult-small-icon.native .x-icon, -.drag-combine-mult-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } -.drag-line-small-icon .x-icon, -.drag-line-small-icon:hover .x-icon, -.drag-line-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } -.drag-line-small-icon.native .x-icon, -.drag-line-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } -.drag-pie-small-icon .x-icon, -.drag-pie-small-icon:hover .x-icon, -.drag-pie-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } -.drag-pie-small-icon.native .x-icon, -.drag-pie-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } -.drag-map-china-small-icon .x-icon, -.drag-map-china-small-icon:hover .x-icon, -.drag-map-china-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } -.drag-map-china-small-icon.native .x-icon, -.drag-map-china-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } -.drag-map-global-small-icon .x-icon, -.drag-map-global-small-icon:hover .x-icon, -.drag-map-global-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } -.drag-map-global-small-icon.native .x-icon, -.drag-map-global-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } -.drag-map-svg-small-icon .x-icon, -.drag-map-svg-small-icon:hover .x-icon, -.drag-map-svg-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } -.drag-map-svg-small-icon.native .x-icon, -.drag-map-svg-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } -.drag-map-gis-small-icon .x-icon, -.drag-map-gis-small-icon:hover .x-icon, -.drag-map-gis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } -.drag-map-gis-small-icon.native .x-icon, -.drag-map-gis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } -.drag-dashboard-small-icon .x-icon, -.drag-dashboard-small-icon:hover .x-icon, -.drag-dashboard-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } -.drag-dashboard-small-icon.native .x-icon, -.drag-dashboard-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } -.drag-donut-small-icon .x-icon, -.drag-donut-small-icon:hover .x-icon, -.drag-donut-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; } -.drag-donut-small-icon.native .x-icon, -.drag-donut-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; } -.drag-radar-small-icon .x-icon, -.drag-radar-small-icon:hover .x-icon, -.drag-radar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } -.drag-radar-small-icon.native .x-icon, -.drag-radar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } -.drag-radar-accu-small-icon .x-icon, -.drag-radar-accu-small-icon:hover .x-icon, -.drag-radar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } -.drag-radar-accu-small-icon.native .x-icon, -.drag-radar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.base-disabled { + cursor: default !important; + color: #c4c6c6 !important; } -.drag-bubble-small-icon .x-icon, -.drag-bubble-small-icon:hover .x-icon, -.drag-bubble-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; +.base-disabled .b-font:before { + color: #c4c6c6 !important; } -.drag-bubble-small-icon.native .x-icon, -.drag-bubble-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; +.base-invalid { + cursor: default !important; } -.drag-bubble-force-small-icon .x-icon, -.drag-bubble-force-small-icon:hover .x-icon, -.drag-bubble-force-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; +.clearfix { + *zoom: 1; } -.drag-bubble-force-small-icon.native .x-icon, -.drag-bubble-force-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; +.clearfix:before, +.clearfix:after { + content: " "; + display: table; + line-height: 0; } -.drag-scatter-small-icon .x-icon, -.drag-scatter-small-icon:hover .x-icon, -.drag-scatter-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; +.clearfix:after { + clear: both; } -.drag-scatter-small-icon.native .x-icon, -.drag-scatter-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; +.bi-keyword-red-mark { + color: #f07d0a; } -.drag-funnel-small-icon .x-icon, -.drag-funnel-small-icon:hover .x-icon, -.drag-funnel-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; +.bi-high-light { + color: #009de3; } -.drag-funnel-small-icon.native .x-icon, -.drag-funnel-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; +.bi-water-mark { + color: #cccccc; + cursor: text; } -.drag-detail-small-icon .x-icon, -.drag-detail-small-icon:hover .x-icon, -.drag-detail-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; +.bi-tips { + color: #c4c6c6; } -.drag-detail-small-icon.native .x-icon, -.drag-detail-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; +.bi-resizer { + background: #d8f3fe; + opacity: 0.8; + filter: alpha(opacity=80); + z-index: 1000000000; } -.drag-input-small-icon .x-icon, -.drag-input-small-icon:hover .x-icon, -.drag-input-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; +.bi-z-index-mask { + background-color: #1a1a1a; + opacity: 0.5; + filter: alpha(opacity=50); } -.drag-input-small-icon.native .x-icon, -.drag-input-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; +.bi-list-item:hover, +.bi-list-item.hover { + background-color: #f4f4f4; } -.drag-web-small-icon .x-icon, -.drag-web-small-icon:hover .x-icon, -.drag-web-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; +.bi-list-item.disabled, +.bi-list-item.disabled:hover, +.bi-list-item.disabled:active { + background-color: #ffffff; } -.drag-web-small-icon.native .x-icon, -.drag-web-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; +.bi-list-item-effect.active, +.bi-list-item-effect:active { + color: #009de3; } -.drag-image-small-icon .x-icon, -.drag-image-small-icon:hover .x-icon, -.drag-image-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; +.bi-list-item-effect.disabled, +.bi-list-item-effect.disabled:hover, +.bi-list-item-effect.disabled:active { + color: #1a1a1a; } -.drag-image-small-icon.native .x-icon, -.drag-image-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; +.bi-list-item-hover:hover, +.bi-list-item-hover.hover { + color: #009de3; + background-color: #f4f4f4; } -.error-face-icon .x-icon, -.error-face-icon:hover .x-icon, -.error-face-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +.bi-list-item-hover.disabled, +.bi-list-item-hover.disabled:hover, +.bi-list-item-hover.disabled:active { + color: #1a1a1a; + background-color: #ffffff; } -.error-face-icon.native .x-icon, -.error-face-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; +.bi-list-item-active:hover, +.bi-list-item-active.hover { + background-color: #f4f4f4; } -.drag-tip-dots-icon .x-icon, -.drag-tip-dots-icon:hover .x-icon, -.drag-tip-dots-icon:active .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; +.bi-list-item-active.active, +.bi-list-item-active:active { + color: #009de3; + background-color: #f4f4f4; } -.drag-tip-dots-icon.native .x-icon, -.drag-tip-dots-icon.disabled .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; +.bi-list-item-active.disabled, +.bi-list-item-active.disabled:hover, +.bi-list-item-active.disabled:active { + background-color: #ffffff; } -.bubble-no-projector .x-icon, -.bubble-no-projector:hover .x-icon, -.bubble-no-projector:active .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; +.bi-list-item-select:hover, +.bi-list-item-select.hover { + color: #009de3; + background-color: #f4f4f4; } -.bubble-no-projector.native .x-icon, -.bubble-no-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; +.bi-list-item-select:active, +.bi-list-item-select.active { + color: #ffffff; + background-color: #009de3; } -.bubble-with-projector .x-icon, -.bubble-with-projector:hover .x-icon, -.bubble-with-projector:active .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; +.bi-list-item-select:active .bi-high-light, +.bi-list-item-select.active .bi-high-light { + color: #ffffff; } -.bubble-with-projector.native .x-icon, -.bubble-with-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; +.bi-list-item-select.disabled, +.bi-list-item-select.disabled:hover, +.bi-list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; } -.drill-push-down-icon .x-icon, -.drill-push-down-icon:hover .x-icon, -.drill-push-down-icon:active .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; +.bi-list-item-select.disabled .bi-high-light, +.bi-list-item-select.disabled:hover .bi-high-light, +.bi-list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; } -.drill-push-down-icon.native .x-icon, -.drill-push-down-icon.disabled .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; +/*****************cursor*****************/ +.cursor-pointer { + cursor: pointer; } -.drill-push-up-icon .x-icon, -.drill-push-up-icon:hover .x-icon, -.drill-push-up-icon:active .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; +.cursor-default { + cursor: default; } -.drill-push-up-icon.native .x-icon, -.drill-push-up-icon.disabled .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; +.cursor-move { + cursor: move; } +/*****************cursor*****************/ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -9726,200 +3047,403 @@ textarea::-webkit-scrollbar-thumb { overflow-y: hidden; overflow-x: scroll; } -.overflow-auto { - overflow-x: auto; - overflow-y: auto; +.overflow-auto { + overflow-x: auto; + overflow-y: auto; +} +.overflow-scroll { + overflow-x: scroll; + overflow-y: scroll; +} +.overflow-hidden { + overflow-x: hidden; + overflow-y: hidden; +} +.td-overflow { + white-space: normal; + word-break: break-all; +} +.overflow-dot { + text-overflow: ellipsis; + overflow-x: hidden; + overflow-y: hidden; + white-space: nowrap; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.display-block { + display: block; +} +.display-inline { + display: inline-block; + *display: inline; + *zoom: 1; +} +/**常用于span元素在与combo并列时**/ +.vertical-super { + vertical-align: super; +} +.vertical-top { + vertical-align: top; +} +.horizon-center { + text-align: center; +} +.horizon-left { + text-align: left; +} +.div-horizon-center { + margin-left: auto; + margin-right: auto; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/ +.border-sizing { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +.content-sizing { + -webkit-box-sizing: content-box; + /*Safari3.2+*/ + -moz-box-sizing: content-box; + /*Firefox3.5+*/ + -ms-box-sizing: content-box; + /*IE8*/ + box-sizing: content-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +.bi-flex-center-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-horizontal-layout.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; +} +.bi-flex-vertical-center { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + min-width: 100%; + min-height: 100%; + float: left; } -.overflow-scroll { - overflow-x: scroll; - overflow-y: scroll; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; } -.overflow-hidden { - overflow-x: hidden; - overflow-y: hidden; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; } -.td-overflow { - white-space: normal; - word-break: break-all; +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; } -.overflow-dot { - text-overflow: ellipsis; - overflow-x: hidden; - overflow-y: hidden; - white-space: nowrap; +.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; + float: left; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.display-block { - display: block; -} -.display-inline { +.bi-inline-center-adapt-layout:after { display: inline-block; - *display: inline; - *zoom: 1; -} -/**常用于span元素在与combo并列时**/ -.vertical-super { - vertical-align: super; -} -.vertical-top { - vertical-align: top; -} -.horizon-center { - text-align: center; -} -.horizon-left { - text-align: left; -} -.div-horizon-center { - margin-left: auto; - margin-right: auto; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/ -.border-sizing { - -webkit-box-sizing: border-box; - /*Safari3.2+*/ - -moz-box-sizing: border-box; - /*Firefox3.5+*/ - -ms-box-sizing: border-box; - /*IE8*/ - box-sizing: border-box; - /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ -} -.content-sizing { - -webkit-box-sizing: content-box; - /*Safari3.2+*/ - -moz-box-sizing: content-box; - /*Firefox3.5+*/ - -ms-box-sizing: content-box; - /*IE8*/ - box-sizing: content-box; - /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bi'; - src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); - - /* iOS 4.1- */ -} -.b-font { - font-family: "bi"; - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -html, -button, -input, -select, -textarea, -* { - font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; -} -html, -body, -div, -ul, -li, -img, -a, -span, -p, -* { - margin: 0px; -} -html { - height: 100%; - overflow: hidden; -} -body { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - top: 0; - left: 0; - background-repeat: repeat; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - color: #1a1a1a; - font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; - -kthml-user-focus: normal; - -moz-user-focus: normal; - -moz-outline: 0 none; - outline: 0 none; -} -#wrapper { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - overflow: hidden; - overflow-x: hidden; - overflow-y: hidden; -} -a { - outline: none; - text-decoration: none; -} -a:focus { - outline: 0; -} -input, -textarea { - margin: 0; - padding: 0; - outline: none; - border: 1px solid #cccccc; -} -ul, -ol { - margin: 0; - padding: 0; -} -ul { - list-style: disc; -} -li { - list-style-type: none; -} -i { - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -div::-webkit-scrollbar, -textarea::-webkit-scrollbar { - -webkit-appearance: none; - background-color: #f4f4f4; - width: 6px; - height: 6px; -} -div::-webkit-scrollbar-thumb, -textarea::-webkit-scrollbar-thumb { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - background-color: #e2e2e2; +.bi-inline-vertical-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; } diff --git a/dist/core.js b/dist/core.js index e1f12a6d4..fd8f0ca25 100644 --- a/dist/core.js +++ b/dist/core.js @@ -1,28 +1,37 @@ /*! - * jQuery JavaScript Library v1.8.3 + * jQuery JavaScript Library v1.9.1 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * - * Copyright 2012 jQuery Foundation and other contributors + * Copyright 2005, 2012 jQuery Foundation, Inc. and other contributors * Released under the MIT license * http://jquery.org/license * - * Date: Tue Nov 13 2012 08:20:33 GMT-0500 (Eastern Standard Time) + * Date: 2013-2-4 */ (function( window, undefined ) { + +// Can't do this because several apps including ASP.NET trace +// the stack via arguments.caller.callee and Firefox dies if +// you try to trace through "use strict" call chains. (#13335) +// Support: Firefox 18+ +//"use strict"; var + // The deferred used on DOM ready + readyList, + // A central reference to the root jQuery(document) rootjQuery, - // The deferred used on DOM ready - readyList, + // Support: IE<9 + // For `typeof node.method` instead of `node.method !== undefined` + core_strundefined = typeof undefined, // Use the correct document accordingly with window argument (sandbox) document = window.document, location = window.location, - navigator = window.navigator, // Map over jQuery in case of overwrite _jQuery = window.jQuery, @@ -30,13 +39,22 @@ var // Map over the $ in case of overwrite _$ = window.$, + // [[Class]] -> type pairs + class2type = {}, + + // List of deleted data cache ids, so we can reuse them + core_deletedIds = [], + + core_version = "1.9.1", + // Save a reference to some core methods - core_push = Array.prototype.push, - core_slice = Array.prototype.slice, - core_indexOf = Array.prototype.indexOf, - core_toString = Object.prototype.toString, - core_hasOwn = Object.prototype.hasOwnProperty, - core_trim = String.prototype.trim, + core_concat = core_deletedIds.concat, + core_push = core_deletedIds.push, + core_slice = core_deletedIds.slice, + core_indexOf = core_deletedIds.indexOf, + core_toString = class2type.toString, + core_hasOwn = class2type.hasOwnProperty, + core_trim = core_version.trim, // Define a local copy of jQuery jQuery = function( selector, context ) { @@ -45,18 +63,18 @@ var }, // Used for matching numbers - core_pnum = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source, + core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source, - // Used for detecting and trimming whitespace - core_rnotwhite = /\S/, - core_rspace = /\s+/, + // Used for splitting on whitespace + core_rnotwhite = /\S+/g, // Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE) rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, // A simple way to check for HTML strings // Prioritize #id over to avoid XSS via location.hash (#9521) - rquickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/, + // Strict HTML recognition (#11290: must start with <) + rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/, // Match a standalone tag rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/, @@ -65,7 +83,7 @@ var rvalidchars = /^[\],:{}\s]*$/, rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g, rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g, - rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g, + rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g, // Matches dashed string for camelizing rmsPrefix = /^-ms-/, @@ -73,42 +91,43 @@ var // Used by jQuery.camelCase as callback to replace() fcamelCase = function( all, letter ) { - return ( letter + "" ).toUpperCase(); + return letter.toUpperCase(); }, - // The ready event handler and self cleanup method - DOMContentLoaded = function() { - if ( document.addEventListener ) { - document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false ); - jQuery.ready(); - } else if ( document.readyState === "complete" ) { - // we're here because readyState === "complete" in oldIE - // which is good enough for us to call the dom ready! - document.detachEvent( "onreadystatechange", DOMContentLoaded ); + // The ready event handler + completed = function( event ) { + + // readyState === "complete" is good enough for us to call the dom ready in oldIE + if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) { + detach(); jQuery.ready(); } }, + // Clean-up method for dom ready events + detach = function() { + if ( document.addEventListener ) { + document.removeEventListener( "DOMContentLoaded", completed, false ); + window.removeEventListener( "load", completed, false ); - // [[Class]] -> type pairs - class2type = {}; + } else { + document.detachEvent( "onreadystatechange", completed ); + window.detachEvent( "onload", completed ); + } + }; jQuery.fn = jQuery.prototype = { + // The current version of jQuery being used + jquery: core_version, + constructor: jQuery, init: function( selector, context, rootjQuery ) { - var match, elem, ret, doc; + var match, elem; - // Handle $(""), $(null), $(undefined), $(false) + // HANDLE: $(""), $(null), $(undefined), $(false) if ( !selector ) { return this; } - // Handle $(DOMElement) - if ( selector.nodeType ) { - this.context = this[0] = selector; - this.length = 1; - return this; - } - // Handle HTML strings if ( typeof selector === "string" ) { if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) { @@ -125,15 +144,29 @@ jQuery.fn = jQuery.prototype = { // HANDLE: $(html) -> $(array) if ( match[1] ) { context = context instanceof jQuery ? context[0] : context; - doc = ( context && context.nodeType ? context.ownerDocument || context : document ); // scripts is true for back-compat - selector = jQuery.parseHTML( match[1], doc, true ); + jQuery.merge( this, jQuery.parseHTML( + match[1], + context && context.nodeType ? context.ownerDocument || context : document, + true + ) ); + + // HANDLE: $(html, props) if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { - this.attr.call( selector, context, true ); + for ( match in context ) { + // Properties of context are called as methods if possible + if ( jQuery.isFunction( this[ match ] ) ) { + this[ match ]( context[ match ] ); + + // ...and otherwise set as attributes + } else { + this.attr( match, context[ match ] ); + } + } } - return jQuery.merge( this, selector ); + return this; // HANDLE: $(#id) } else { @@ -168,6 +201,12 @@ jQuery.fn = jQuery.prototype = { return this.constructor( context ).find( selector ); } + // HANDLE: $(DOMElement) + } else if ( selector.nodeType ) { + this.context = this[0] = selector; + this.length = 1; + return this; + // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { @@ -185,9 +224,6 @@ jQuery.fn = jQuery.prototype = { // Start with an empty selector selector: "", - // The current version of jQuery being used - jquery: "1.8.3", - // The default length of a jQuery object is 0 length: 0, @@ -214,22 +250,15 @@ jQuery.fn = jQuery.prototype = { // Take an array of elements and push it onto the stack // (returning the new matched element set) - pushStack: function( elems, name, selector ) { + pushStack: function( elems ) { // Build a new jQuery matched element set var ret = jQuery.merge( this.constructor(), elems ); // Add the old object onto the stack (as a reference) ret.prevObject = this; - ret.context = this.context; - if ( name === "find" ) { - ret.selector = this.selector + ( this.selector ? " " : "" ) + selector; - } else if ( name ) { - ret.selector = this.selector + "." + name + "(" + selector + ")"; - } - // Return the newly-formed element set return ret; }, @@ -248,11 +277,8 @@ jQuery.fn = jQuery.prototype = { return this; }, - eq: function( i ) { - i = +i; - return i === -1 ? - this.slice( i ) : - this.slice( i, i + 1 ); + slice: function() { + return this.pushStack( core_slice.apply( this, arguments ) ); }, first: function() { @@ -263,9 +289,10 @@ jQuery.fn = jQuery.prototype = { return this.eq( -1 ); }, - slice: function() { - return this.pushStack( core_slice.apply( this, arguments ), - "slice", core_slice.call(arguments).join(",") ); + eq: function( i ) { + var len = this.length, + j = +i + ( i < 0 ? len : 0 ); + return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] ); }, map: function( callback ) { @@ -289,7 +316,7 @@ jQuery.fn = jQuery.prototype = { jQuery.fn.init.prototype = jQuery.fn; jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, + var src, copyIsArray, copy, name, options, clone, target = arguments[0] || {}, i = 1, length = arguments.length, @@ -391,7 +418,7 @@ jQuery.extend({ // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). if ( !document.body ) { - return setTimeout( jQuery.ready, 1 ); + return setTimeout( jQuery.ready ); } // Remember that the DOM is ready @@ -431,9 +458,12 @@ jQuery.extend({ }, type: function( obj ) { - return obj == null ? - String( obj ) : - class2type[ core_toString.call(obj) ] || "object"; + if ( obj == null ) { + return String( obj ); + } + return typeof obj === "object" || typeof obj === "function" ? + class2type[ core_toString.call(obj) ] || "object" : + typeof obj; }, isPlainObject: function( obj ) { @@ -479,50 +509,59 @@ jQuery.extend({ // data: string of html // context (optional): If specified, the fragment will be created in this context, defaults to document - // scripts (optional): If true, will include scripts passed in the html string - parseHTML: function( data, context, scripts ) { - var parsed; + // keepScripts (optional): If true, will include scripts passed in the html string + parseHTML: function( data, context, keepScripts ) { if ( !data || typeof data !== "string" ) { return null; } if ( typeof context === "boolean" ) { - scripts = context; - context = 0; + keepScripts = context; + context = false; } context = context || document; + var parsed = rsingleTag.exec( data ), + scripts = !keepScripts && []; + // Single tag - if ( (parsed = rsingleTag.exec( data )) ) { + if ( parsed ) { return [ context.createElement( parsed[1] ) ]; } - parsed = jQuery.buildFragment( [ data ], context, scripts ? null : [] ); - return jQuery.merge( [], - (parsed.cacheable ? jQuery.clone( parsed.fragment ) : parsed.fragment).childNodes ); + parsed = jQuery.buildFragment( [ data ], context, scripts ); + if ( scripts ) { + jQuery( scripts ).remove(); + } + return jQuery.merge( [], parsed.childNodes ); }, parseJSON: function( data ) { - if ( !data || typeof data !== "string") { - return null; - } - - // Make sure leading/trailing whitespace is removed (IE can't handle it) - data = jQuery.trim( data ); - // Attempt to parse using the native JSON parser first if ( window.JSON && window.JSON.parse ) { return window.JSON.parse( data ); } - // Make sure the incoming data is actual JSON - // Logic borrowed from http://json.org/json2.js - if ( rvalidchars.test( data.replace( rvalidescape, "@" ) - .replace( rvalidtokens, "]" ) - .replace( rvalidbraces, "")) ) { + if ( data === null ) { + return data; + } + + if ( typeof data === "string" ) { + + // Make sure leading/trailing whitespace is removed (IE can't handle it) + data = jQuery.trim( data ); - return ( new Function( "return " + data ) )(); + if ( data ) { + // Make sure the incoming data is actual JSON + // Logic borrowed from http://json.org/json2.js + if ( rvalidchars.test( data.replace( rvalidescape, "@" ) + .replace( rvalidtokens, "]" ) + .replace( rvalidbraces, "")) ) { + return ( new Function( "return " + data ) )(); + } + } } + jQuery.error( "Invalid JSON: " + data ); }, @@ -556,7 +595,7 @@ jQuery.extend({ // Workarounds based on findings by Jim Driscoll // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context globalEval: function( data ) { - if ( data && core_rnotwhite.test( data ) ) { + if ( data && jQuery.trim( data ) ) { // We use execScript on Internet Explorer // We use an anonymous function so that context is window // rather than jQuery in Firefox @@ -578,21 +617,25 @@ jQuery.extend({ // args is for internal usage only each: function( obj, callback, args ) { - var name, + var value, i = 0, length = obj.length, - isObj = length === undefined || jQuery.isFunction( obj ); + isArray = isArraylike( obj ); if ( args ) { - if ( isObj ) { - for ( name in obj ) { - if ( callback.apply( obj[ name ], args ) === false ) { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { break; } } } else { - for ( ; i < length; ) { - if ( callback.apply( obj[ i++ ], args ) === false ) { + for ( i in obj ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { break; } } @@ -600,15 +643,19 @@ jQuery.extend({ // A special, fast, case for the most common use of each } else { - if ( isObj ) { - for ( name in obj ) { - if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { break; } } } else { - for ( ; i < length; ) { - if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) { + for ( i in obj ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { break; } } @@ -635,18 +682,16 @@ jQuery.extend({ // results is for internal usage only makeArray: function( arr, results ) { - var type, - ret = results || []; + var ret = results || []; if ( arr != null ) { - // The window, strings (and functions) also have 'length' - // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930 - type = jQuery.type( arr ); - - if ( arr.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( arr ) ) { - core_push.call( ret, arr ); + if ( isArraylike( Object(arr) ) ) { + jQuery.merge( ret, + typeof arr === "string" ? + [ arr ] : arr + ); } else { - jQuery.merge( ret, arr ); + core_push.call( ret, arr ); } } @@ -684,7 +729,6 @@ jQuery.extend({ for ( ; j < l; j++ ) { first[ i++ ] = second[ j ]; } - } else { while ( second[j] !== undefined ) { first[ i++ ] = second[ j++ ]; @@ -717,12 +761,11 @@ jQuery.extend({ // arg is for internal usage only map: function( elems, callback, arg ) { - var value, key, - ret = [], + var value, i = 0, length = elems.length, - // jquery objects are treated as arrays - isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ; + isArray = isArraylike( elems ), + ret = []; // Go through the array, translating each of the items to their if ( isArray ) { @@ -736,8 +779,8 @@ jQuery.extend({ // Go through every key on the object, } else { - for ( key in elems ) { - value = callback( elems[ key ], key, arg ); + for ( i in elems ) { + value = callback( elems[ i ], i, arg ); if ( value != null ) { ret[ ret.length ] = value; @@ -746,7 +789,7 @@ jQuery.extend({ } // Flatten any nested arrays - return ret.concat.apply( [], ret ); + return core_concat.apply( [], ret ); }, // A global GUID counter for objects @@ -755,7 +798,7 @@ jQuery.extend({ // Bind a function to a context, optionally partially applying any // arguments. proxy: function( fn, context ) { - var tmp, args, proxy; + var args, proxy, tmp; if ( typeof context === "string" ) { tmp = fn[ context ]; @@ -772,7 +815,7 @@ jQuery.extend({ // Simulated bind args = core_slice.call( arguments, 2 ); proxy = function() { - return fn.apply( context, args.concat( core_slice.call( arguments ) ) ); + return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) ); }; // Set the guid of unique handler to the same of original handler, so it can be removed @@ -783,46 +826,46 @@ jQuery.extend({ // Multifunctional method to get and set values of a collection // The value/s can optionally be executed if it's a function - access: function( elems, fn, key, value, chainable, emptyGet, pass ) { - var exec, - bulk = key == null, - i = 0, - length = elems.length; + access: function( elems, fn, key, value, chainable, emptyGet, raw ) { + var i = 0, + length = elems.length, + bulk = key == null; // Sets many values - if ( key && typeof key === "object" ) { + if ( jQuery.type( key ) === "object" ) { + chainable = true; for ( i in key ) { - jQuery.access( elems, fn, i, key[i], 1, emptyGet, value ); + jQuery.access( elems, fn, i, key[i], true, emptyGet, raw ); } - chainable = 1; // Sets one value } else if ( value !== undefined ) { - // Optionally, function values get executed if exec is true - exec = pass === undefined && jQuery.isFunction( value ); + chainable = true; - if ( bulk ) { - // Bulk operations only iterate when executing function values - if ( exec ) { - exec = fn; - fn = function( elem, key, value ) { - return exec.call( jQuery( elem ), value ); - }; + if ( !jQuery.isFunction( value ) ) { + raw = true; + } - // Otherwise they run against the entire set - } else { + if ( bulk ) { + // Bulk operations run against the entire set + if ( raw ) { fn.call( elems, value ); fn = null; + + // ...except when executing function values + } else { + bulk = fn; + fn = function( elem, key, value ) { + return bulk.call( jQuery( elem ), value ); + }; } } if ( fn ) { - for (; i < length; i++ ) { - fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass ); + for ( ; i < length; i++ ) { + fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) ); } } - - chainable = 1; } return chainable ? @@ -849,23 +892,23 @@ jQuery.ready.promise = function( obj ) { // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 if ( document.readyState === "complete" ) { // Handle it asynchronously to allow scripts the opportunity to delay ready - setTimeout( jQuery.ready, 1 ); + setTimeout( jQuery.ready ); // Standards-based browsers support DOMContentLoaded } else if ( document.addEventListener ) { // Use the handy event callback - document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false ); + document.addEventListener( "DOMContentLoaded", completed, false ); // A fallback to window.onload, that will always work - window.addEventListener( "load", jQuery.ready, false ); + window.addEventListener( "load", completed, false ); // If IE event model is used } else { // Ensure firing before onload, maybe late but safe also for iframes - document.attachEvent( "onreadystatechange", DOMContentLoaded ); + document.attachEvent( "onreadystatechange", completed ); // A fallback to window.onload, that will always work - window.attachEvent( "onload", jQuery.ready ); + window.attachEvent( "onload", completed ); // If IE and not a frame // continually check to see if the document is ready @@ -887,6 +930,9 @@ jQuery.ready.promise = function( obj ) { return setTimeout( doScrollCheck, 50 ); } + // detach all dom ready events + detach(); + // and execute any waiting functions jQuery.ready(); } @@ -898,10 +944,27 @@ jQuery.ready.promise = function( obj ) { }; // Populate the class2type map -jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { +jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { class2type[ "[object " + name + "]" ] = name.toLowerCase(); }); +function isArraylike( obj ) { + var length = obj.length, + type = jQuery.type( obj ); + + if ( jQuery.isWindow( obj ) ) { + return false; + } + + if ( obj.nodeType === 1 && length ) { + return true; + } + + return type === "array" || type !== "function" && + ( length === 0 || + typeof length === "number" && length > 0 && ( length - 1 ) in obj ); +} + // All jQuery objects should point back to these rootjQuery = jQuery(document); // String to Object options format cache @@ -910,7 +973,7 @@ var optionsCache = {}; // Convert String-formatted options into Object-formatted ones and store in cache function createOptions( options ) { var object = optionsCache[ options ] = {}; - jQuery.each( options.split( core_rspace ), function( _, flag ) { + jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) { object[ flag ] = true; }); return object; @@ -946,18 +1009,18 @@ jQuery.Callbacks = function( options ) { ( optionsCache[ options ] || createOptions( options ) ) : jQuery.extend( {}, options ); - var // Last fire value (for non-forgettable lists) + var // Flag to know if list is currently firing + firing, + // Last fire value (for non-forgettable lists) memory, // Flag to know if list was already fired fired, - // Flag to know if list is currently firing - firing, - // First callback to fire (used internally by add and fireWith) - firingStart, // End of the loop when firing firingLength, // Index of currently firing callback (modified by remove if needed) firingIndex, + // First callback to fire (used internally by add and fireWith) + firingStart, // Actual callback list list = [], // Stack of fire calls for repeatable lists @@ -1043,9 +1106,10 @@ jQuery.Callbacks = function( options ) { } return this; }, - // Control if a given callback is in the list + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. has: function( fn ) { - return jQuery.inArray( fn, list ) > -1; + return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length ); }, // Remove all callbacks from the list empty: function() { @@ -1122,22 +1186,19 @@ jQuery.extend({ return jQuery.Deferred(function( newDefer ) { jQuery.each( tuples, function( i, tuple ) { var action = tuple[ 0 ], - fn = fns[ i ]; + fn = jQuery.isFunction( fns[ i ] ) && fns[ i ]; // deferred[ done | fail | progress ] for forwarding actions to newDefer - deferred[ tuple[1] ]( jQuery.isFunction( fn ) ? - function() { - var returned = fn.apply( this, arguments ); - if ( returned && jQuery.isFunction( returned.promise ) ) { - returned.promise() - .done( newDefer.resolve ) - .fail( newDefer.reject ) - .progress( newDefer.notify ); - } else { - newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] ); - } - } : - newDefer[ action ] - ); + deferred[ tuple[1] ](function() { + var returned = fn && fn.apply( this, arguments ); + if ( returned && jQuery.isFunction( returned.promise ) ) { + returned.promise() + .done( newDefer.resolve ) + .fail( newDefer.reject ) + .progress( newDefer.notify ); + } else { + newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments ); + } + }); }); fns = null; }).promise(); @@ -1171,8 +1232,11 @@ jQuery.extend({ }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); } - // deferred[ resolve | reject | notify ] = list.fire - deferred[ tuple[0] ] = list.fire; + // deferred[ resolve | reject | notify ] + deferred[ tuple[0] ] = function() { + deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments ); + return this; + }; deferred[ tuple[0] + "With" ] = list.fireWith; }); @@ -1242,17 +1306,9 @@ jQuery.extend({ }); jQuery.support = (function() { - var support, - all, - a, - select, - opt, - input, - fragment, - eventName, - i, - isSupported, - clickFn, + var support, all, a, + input, select, fragment, + opt, eventName, isSupported, i, div = document.createElement("div"); // Setup @@ -1273,8 +1329,11 @@ jQuery.support = (function() { a.style.cssText = "top:1px;float:left;opacity:.5"; support = { + // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7) + getSetAttribute: div.className !== "t", + // IE strips leading whitespace when .innerHTML is used - leadingWhitespace: ( div.firstChild.nodeType === 3 ), + leadingWhitespace: div.firstChild.nodeType === 3, // Make sure that tbody elements aren't automatically inserted // IE will insert them into empty tables @@ -1290,7 +1349,7 @@ jQuery.support = (function() { // Make sure that URLs aren't manipulated // (IE normalizes it by default) - hrefNormalized: ( a.getAttribute("href") === "/a" ), + hrefNormalized: a.getAttribute("href") === "/a", // Make sure that element opacity exists // (IE uses filter instead) @@ -1301,18 +1360,13 @@ jQuery.support = (function() { // (IE uses styleFloat instead of cssFloat) cssFloat: !!a.style.cssFloat, - // Make sure that if no value is specified for a checkbox - // that it defaults to "on". - // (WebKit defaults to "" instead) - checkOn: ( input.value === "on" ), + // Check the default checkbox/radio value ("" on WebKit; "on" elsewhere) + checkOn: !!input.value, // Make sure that a selected-by-default option has a working selected property. // (WebKit defaults to false instead of true, IE too, if it's in an optgroup) optSelected: opt.selected, - // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7) - getSetAttribute: div.className !== "t", - // Tests for enctype support on a form (#6743) enctype: !!document.createElement("form").enctype, @@ -1321,12 +1375,9 @@ jQuery.support = (function() { html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav>", // jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode - boxModel: ( document.compatMode === "CSS1Compat" ), + boxModel: document.compatMode === "CSS1Compat", // Will be defined later - submitBubbles: true, - changeBubbles: true, - focusinBubbles: false, deleteExpando: true, noCloneEvent: true, inlineBlockNeedsLayout: false, @@ -1345,76 +1396,64 @@ jQuery.support = (function() { select.disabled = true; support.optDisabled = !opt.disabled; - // Test to see if it's possible to delete an expando from an element - // Fails in Internet Explorer + // Support: IE<9 try { delete div.test; } catch( e ) { support.deleteExpando = false; } - if ( !div.addEventListener && div.attachEvent && div.fireEvent ) { - div.attachEvent( "onclick", clickFn = function() { - // Cloning a node shouldn't copy over any - // bound event handlers (IE does this) - support.noCloneEvent = false; - }); - div.cloneNode( true ).fireEvent("onclick"); - div.detachEvent( "onclick", clickFn ); - } - - // Check if a radio maintains its value - // after being appended to the DOM + // Check if we can trust getAttribute("value") input = document.createElement("input"); + input.setAttribute( "value", "" ); + support.input = input.getAttribute( "value" ) === ""; + + // Check if an input maintains its value after becoming a radio input.value = "t"; input.setAttribute( "type", "radio" ); support.radioValue = input.value === "t"; - input.setAttribute( "checked", "checked" ); - // #11217 - WebKit loses check when the name is after the checked attribute + input.setAttribute( "checked", "t" ); input.setAttribute( "name", "t" ); - div.appendChild( input ); fragment = document.createDocumentFragment(); - fragment.appendChild( div.lastChild ); - - // WebKit doesn't clone checked state correctly in fragments - support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked; + fragment.appendChild( input ); // Check if a disconnected checkbox will retain its checked // value of true after appended to the DOM (IE6/7) support.appendChecked = input.checked; - fragment.removeChild( input ); - fragment.appendChild( div ); + // WebKit doesn't clone checked state correctly in fragments + support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked; - // Technique from Juriy Zaytsev - // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/ - // We only care about the case where non-standard event systems - // are used, namely in IE. Short-circuiting here helps us to - // avoid an eval call (in setAttribute) which can cause CSP - // to go haywire. See: https://developer.mozilla.org/en/Security/CSP + // Support: IE<9 + // Opera does not clone events (and typeof div.attachEvent === undefined). + // IE9-10 clones events bound via attachEvent, but they don't trigger with .click() if ( div.attachEvent ) { - for ( i in { - submit: true, - change: true, - focusin: true - }) { - eventName = "on" + i; - isSupported = ( eventName in div ); - if ( !isSupported ) { - div.setAttribute( eventName, "return;" ); - isSupported = ( typeof div[ eventName ] === "function" ); - } - support[ i + "Bubbles" ] = isSupported; - } + div.attachEvent( "onclick", function() { + support.noCloneEvent = false; + }); + + div.cloneNode( true ).click(); } + // Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event) + // Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP), test/csp.php + for ( i in { submit: true, change: true, focusin: true }) { + div.setAttribute( eventName = "on" + i, "t" ); + + support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false; + } + + div.style.backgroundClip = "content-box"; + div.cloneNode( true ).style.backgroundClip = ""; + support.clearCloneStyle = div.style.backgroundClip === "content-box"; + // Run tests that need a body at doc ready jQuery(function() { - var container, div, tds, marginDiv, - divReset = "padding:0;margin:0;border:0;display:block;overflow:hidden;", + var container, marginDiv, tds, + divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;", body = document.getElementsByTagName("body")[0]; if ( !body ) { @@ -1423,20 +1462,17 @@ jQuery.support = (function() { } container = document.createElement("div"); - container.style.cssText = "visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px"; - body.insertBefore( container, body.firstChild ); + container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px"; - // Construct the test element - div = document.createElement("div"); - container.appendChild( div ); + body.appendChild( container ).appendChild( div ); + // Support: IE8 // Check if table cells still have offsetWidth/Height when they are set // to display:none and there are still other visible table cells in a // table row; if so, offsetWidth/Height are not reliable for use when // determining if an element has been hidden directly using // display:none (it is still safe to use offsets if a parent element is // hidden; don safety goggles and see bug #4512 for more information). - // (only IE 8 fails this test) div.innerHTML = "
t
"; tds = div.getElementsByTagName("td"); tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none"; @@ -1445,8 +1481,8 @@ jQuery.support = (function() { tds[ 0 ].style.display = ""; tds[ 1 ].style.display = "none"; + // Support: IE8 // Check if empty table cells still have offsetWidth/Height - // (IE <= 8 fail this test) support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 ); // Check box-sizing and margin behavior @@ -1455,269 +1491,291 @@ jQuery.support = (function() { support.boxSizing = ( div.offsetWidth === 4 ); support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 ); - // NOTE: To any future maintainer, we've window.getComputedStyle - // because jsdom on node.js will break without it. + // Use window.getComputedStyle because jsdom on node.js will break without it. if ( window.getComputedStyle ) { support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%"; support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px"; // Check if div with explicit width and no margin-right incorrectly - // gets computed margin-right based on width of container. For more - // info see bug #3333 + // gets computed margin-right based on width of container. (#3333) // Fails in WebKit before Feb 2011 nightlies // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right - marginDiv = document.createElement("div"); + marginDiv = div.appendChild( document.createElement("div") ); marginDiv.style.cssText = div.style.cssText = divReset; marginDiv.style.marginRight = marginDiv.style.width = "0"; div.style.width = "1px"; - div.appendChild( marginDiv ); + support.reliableMarginRight = !parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight ); } - if ( typeof div.style.zoom !== "undefined" ) { + if ( typeof div.style.zoom !== core_strundefined ) { + // Support: IE<8 // Check if natively block-level elements act like inline-block // elements when setting their display to 'inline' and giving // them layout - // (IE < 8 does this) div.innerHTML = ""; div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1"; support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 ); + // Support: IE6 // Check if elements with layout shrink-wrap their children - // (IE 6 does this) div.style.display = "block"; - div.style.overflow = "visible"; div.innerHTML = "
"; div.firstChild.style.width = "5px"; support.shrinkWrapBlocks = ( div.offsetWidth !== 3 ); - container.style.zoom = 1; + if ( support.inlineBlockNeedsLayout ) { + // Prevent IE 6 from affecting layout for positioned elements #11048 + // Prevent IE from shrinking the body in IE 7 mode #12869 + // Support: IE<8 + body.style.zoom = 1; + } } - // Null elements to avoid leaks in IE body.removeChild( container ); + + // Null elements to avoid leaks in IE container = div = tds = marginDiv = null; }); // Null elements to avoid leaks in IE - fragment.removeChild( div ); - all = a = select = opt = input = fragment = div = null; + all = select = fragment = opt = a = input = null; return support; })(); + var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, rmultiDash = /([A-Z])/g; -jQuery.extend({ - cache: {}, +function internalData( elem, name, data, pvt /* Internal Use Only */ ){ + if ( !jQuery.acceptData( elem ) ) { + return; + } - deletedIds: [], + var thisCache, ret, + internalKey = jQuery.expando, + getByName = typeof name === "string", - // Remove at next major release (1.9/2.0) - uuid: 0, + // We have to handle DOM nodes and JS objects differently because IE6-7 + // can't GC object references properly across the DOM-JS boundary + isNode = elem.nodeType, - // Unique for each copy of jQuery on the page - // Non-digits removed to match rinlinejQuery - expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ), + // Only DOM nodes need the global jQuery cache; JS object data is + // attached directly to the object so GC can occur automatically + cache = isNode ? jQuery.cache : elem, - // The following elements throw uncatchable exceptions if you - // attempt to add expando properties to them. - noData: { - "embed": true, - // Ban all objects except for Flash (which handle expandos) - "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", - "applet": true - }, + // Only defining an ID for JS objects if its cache already exists allows + // the code to shortcut on the same path as a DOM node with no cache + id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey; - hasData: function( elem ) { - elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ]; - return !!elem && !isEmptyDataObject( elem ); - }, + // Avoid doing any more work than we need to when trying to get data on an + // object that has no data at all + if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) { + return; + } - data: function( elem, name, data, pvt /* Internal Use Only */ ) { - if ( !jQuery.acceptData( elem ) ) { - return; + if ( !id ) { + // Only DOM nodes need a new unique ID for each element since their data + // ends up in the global cache + if ( isNode ) { + elem[ internalKey ] = id = core_deletedIds.pop() || jQuery.guid++; + } else { + id = internalKey; } + } - var thisCache, ret, - internalKey = jQuery.expando, - getByName = typeof name === "string", - - // We have to handle DOM nodes and JS objects differently because IE6-7 - // can't GC object references properly across the DOM-JS boundary - isNode = elem.nodeType, - - // Only DOM nodes need the global jQuery cache; JS object data is - // attached directly to the object so GC can occur automatically - cache = isNode ? jQuery.cache : elem, - - // Only defining an ID for JS objects if its cache already exists allows - // the code to shortcut on the same path as a DOM node with no cache - id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey; + if ( !cache[ id ] ) { + cache[ id ] = {}; - // Avoid doing any more work than we need to when trying to get data on an - // object that has no data at all - if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) { - return; + // Avoids exposing jQuery metadata on plain JS objects when the object + // is serialized using JSON.stringify + if ( !isNode ) { + cache[ id ].toJSON = jQuery.noop; } + } - if ( !id ) { - // Only DOM nodes need a new unique ID for each element since their data - // ends up in the global cache - if ( isNode ) { - elem[ internalKey ] = id = jQuery.deletedIds.pop() || jQuery.guid++; - } else { - id = internalKey; - } + // An object can be passed to jQuery.data instead of a key/value pair; this gets + // shallow copied over onto the existing cache + if ( typeof name === "object" || typeof name === "function" ) { + if ( pvt ) { + cache[ id ] = jQuery.extend( cache[ id ], name ); + } else { + cache[ id ].data = jQuery.extend( cache[ id ].data, name ); } + } - if ( !cache[ id ] ) { - cache[ id ] = {}; - - // Avoids exposing jQuery metadata on plain JS objects when the object - // is serialized using JSON.stringify - if ( !isNode ) { - cache[ id ].toJSON = jQuery.noop; - } - } + thisCache = cache[ id ]; - // An object can be passed to jQuery.data instead of a key/value pair; this gets - // shallow copied over onto the existing cache - if ( typeof name === "object" || typeof name === "function" ) { - if ( pvt ) { - cache[ id ] = jQuery.extend( cache[ id ], name ); - } else { - cache[ id ].data = jQuery.extend( cache[ id ].data, name ); - } + // jQuery data() is stored in a separate object inside the object's internal data + // cache in order to avoid key collisions between internal data and user-defined + // data. + if ( !pvt ) { + if ( !thisCache.data ) { + thisCache.data = {}; } - thisCache = cache[ id ]; - - // jQuery data() is stored in a separate object inside the object's internal data - // cache in order to avoid key collisions between internal data and user-defined - // data. - if ( !pvt ) { - if ( !thisCache.data ) { - thisCache.data = {}; - } - - thisCache = thisCache.data; - } + thisCache = thisCache.data; + } - if ( data !== undefined ) { - thisCache[ jQuery.camelCase( name ) ] = data; - } + if ( data !== undefined ) { + thisCache[ jQuery.camelCase( name ) ] = data; + } - // Check for both converted-to-camel and non-converted data property names - // If a data property was specified - if ( getByName ) { + // Check for both converted-to-camel and non-converted data property names + // If a data property was specified + if ( getByName ) { - // First Try to find as-is property data - ret = thisCache[ name ]; + // First Try to find as-is property data + ret = thisCache[ name ]; - // Test for null|undefined property data - if ( ret == null ) { + // Test for null|undefined property data + if ( ret == null ) { - // Try to find the camelCased property - ret = thisCache[ jQuery.camelCase( name ) ]; - } - } else { - ret = thisCache; + // Try to find the camelCased property + ret = thisCache[ jQuery.camelCase( name ) ]; } + } else { + ret = thisCache; + } - return ret; - }, + return ret; +} - removeData: function( elem, name, pvt /* Internal Use Only */ ) { - if ( !jQuery.acceptData( elem ) ) { - return; - } +function internalRemoveData( elem, name, pvt ) { + if ( !jQuery.acceptData( elem ) ) { + return; + } - var thisCache, i, l, + var i, l, thisCache, + isNode = elem.nodeType, - isNode = elem.nodeType, + // See jQuery.data for more information + cache = isNode ? jQuery.cache : elem, + id = isNode ? elem[ jQuery.expando ] : jQuery.expando; - // See jQuery.data for more information - cache = isNode ? jQuery.cache : elem, - id = isNode ? elem[ jQuery.expando ] : jQuery.expando; + // If there is already no cache entry for this object, there is no + // purpose in continuing + if ( !cache[ id ] ) { + return; + } - // If there is already no cache entry for this object, there is no - // purpose in continuing - if ( !cache[ id ] ) { - return; - } + if ( name ) { - if ( name ) { + thisCache = pvt ? cache[ id ] : cache[ id ].data; - thisCache = pvt ? cache[ id ] : cache[ id ].data; + if ( thisCache ) { - if ( thisCache ) { + // Support array or space separated string names for data keys + if ( !jQuery.isArray( name ) ) { - // Support array or space separated string names for data keys - if ( !jQuery.isArray( name ) ) { + // try the string as a key before any manipulation + if ( name in thisCache ) { + name = [ name ]; + } else { - // try the string as a key before any manipulation + // split the camel cased version by spaces unless a key with the spaces exists + name = jQuery.camelCase( name ); if ( name in thisCache ) { name = [ name ]; } else { - - // split the camel cased version by spaces unless a key with the spaces exists - name = jQuery.camelCase( name ); - if ( name in thisCache ) { - name = [ name ]; - } else { - name = name.split(" "); - } + name = name.split(" "); } } + } else { + // If "name" is an array of keys... + // When data is initially created, via ("key", "val") signature, + // keys will be converted to camelCase. + // Since there is no way to tell _how_ a key was added, remove + // both plain key and camelCase key. #12786 + // This will only penalize the array argument path. + name = name.concat( jQuery.map( name, jQuery.camelCase ) ); + } - for ( i = 0, l = name.length; i < l; i++ ) { - delete thisCache[ name[i] ]; - } + for ( i = 0, l = name.length; i < l; i++ ) { + delete thisCache[ name[i] ]; + } - // If there is no data left in the cache, we want to continue - // and let the cache object itself get destroyed - if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) { - return; - } + // If there is no data left in the cache, we want to continue + // and let the cache object itself get destroyed + if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) { + return; } } + } - // See jQuery.data for more information - if ( !pvt ) { - delete cache[ id ].data; + // See jQuery.data for more information + if ( !pvt ) { + delete cache[ id ].data; - // Don't destroy the parent cache unless the internal data object - // had been the only thing left in it - if ( !isEmptyDataObject( cache[ id ] ) ) { - return; - } + // Don't destroy the parent cache unless the internal data object + // had been the only thing left in it + if ( !isEmptyDataObject( cache[ id ] ) ) { + return; } + } - // Destroy the cache - if ( isNode ) { - jQuery.cleanData( [ elem ], true ); + // Destroy the cache + if ( isNode ) { + jQuery.cleanData( [ elem ], true ); - // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080) - } else if ( jQuery.support.deleteExpando || cache != cache.window ) { - delete cache[ id ]; + // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080) + } else if ( jQuery.support.deleteExpando || cache != cache.window ) { + delete cache[ id ]; - // When all else fails, null - } else { - cache[ id ] = null; - } + // When all else fails, null + } else { + cache[ id ] = null; + } +} + +jQuery.extend({ + cache: {}, + + // Unique for each copy of jQuery on the page + // Non-digits removed to match rinlinejQuery + expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ), + + // The following elements throw uncatchable exceptions if you + // attempt to add expando properties to them. + noData: { + "embed": true, + // Ban all objects except for Flash (which handle expandos) + "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", + "applet": true + }, + + hasData: function( elem ) { + elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ]; + return !!elem && !isEmptyDataObject( elem ); + }, + + data: function( elem, name, data ) { + return internalData( elem, name, data ); + }, + + removeData: function( elem, name ) { + return internalRemoveData( elem, name ); }, // For internal use only. _data: function( elem, name, data ) { - return jQuery.data( elem, name, data, true ); + return internalData( elem, name, data, true ); + }, + + _removeData: function( elem, name ) { + return internalRemoveData( elem, name, true ); }, // A method for determining if a DOM node can handle the data expando acceptData: function( elem ) { - var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ]; - + // Do not set data on non-element because it will not be cleared (#8335). + if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) { + return false; + } + + var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ]; + // nodes accept data unless otherwise specified; rejection can be conditional return !noData || noData !== true && elem.getAttribute("classid") === noData; } @@ -1725,7 +1783,7 @@ jQuery.extend({ jQuery.fn.extend({ data: function( key, value ) { - var parts, part, attr, name, l, + var attrs, name, elem = this[0], i = 0, data = null; @@ -1736,12 +1794,12 @@ jQuery.fn.extend({ data = jQuery.data( elem ); if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) { - attr = elem.attributes; - for ( l = attr.length; i < l; i++ ) { - name = attr[i].name; + attrs = elem.attributes; + for ( ; i < attrs.length; i++ ) { + name = attrs[i].name; if ( !name.indexOf( "data-" ) ) { - name = jQuery.camelCase( name.substring(5) ); + name = jQuery.camelCase( name.slice(5) ); dataAttr( elem, name, data[ name ] ); } @@ -1760,35 +1818,17 @@ jQuery.fn.extend({ }); } - parts = key.split( ".", 2 ); - parts[1] = parts[1] ? "." + parts[1] : ""; - part = parts[1] + "!"; - return jQuery.access( this, function( value ) { if ( value === undefined ) { - data = this.triggerHandler( "getData" + part, [ parts[0] ] ); - // Try to fetch any internally stored data first - if ( data === undefined && elem ) { - data = jQuery.data( elem, key ); - data = dataAttr( elem, key, data ); - } - - return data === undefined && parts[1] ? - this.data( parts[0] ) : - data; + return elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null; } - parts[1] = value; this.each(function() { - var self = jQuery( this ); - - self.triggerHandler( "setData" + part, parts ); jQuery.data( this, key, value ); - self.triggerHandler( "changeData" + part, parts ); }); - }, null, value, arguments.length > 1, null, false ); + }, null, value, arguments.length > 1, null, true ); }, removeData: function( key ) { @@ -1810,12 +1850,12 @@ function dataAttr( elem, key, data ) { if ( typeof data === "string" ) { try { data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test( data ) ? jQuery.parseJSON( data ) : - data; + data === "false" ? false : + data === "null" ? null : + // Only convert to a number if it doesn't change the string + +data + "" === data ? +data : + rbrace.test( data ) ? jQuery.parseJSON( data ) : + data; } catch( e ) {} // Make sure we set the data so it isn't changed later @@ -1882,6 +1922,7 @@ jQuery.extend({ startLength--; } + hooks.cur = fn; if ( fn ) { // Add a progress sentinel to prevent the fx queue from being @@ -1905,8 +1946,8 @@ jQuery.extend({ var key = type + "queueHooks"; return jQuery._data( elem, key ) || jQuery._data( elem, key, { empty: jQuery.Callbacks("once memory").add(function() { - jQuery.removeData( elem, type + "queue", true ); - jQuery.removeData( elem, key, true ); + jQuery._removeData( elem, type + "queue" ); + jQuery._removeData( elem, key ); }) }); } @@ -1991,14 +2032,15 @@ jQuery.fn.extend({ return defer.promise( obj ); } }); -var nodeHook, boolHook, fixSpecified, +var nodeHook, boolHook, rclass = /[\t\r\n]/g, rreturn = /\r/g, - rtype = /^(?:button|input)$/i, - rfocusable = /^(?:button|input|object|select|textarea)$/i, - rclickable = /^a(?:rea|)$/i, - rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i, - getSetAttribute = jQuery.support.getSetAttribute; + rfocusable = /^(?:input|select|textarea|button|object)$/i, + rclickable = /^(?:a|area)$/i, + rboolean = /^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i, + ruseDefault = /^(?:checked|selected)$/i, + getSetAttribute = jQuery.support.getSetAttribute, + getSetInput = jQuery.support.input; jQuery.fn.extend({ attr: function( name, value ) { @@ -2027,35 +2069,37 @@ jQuery.fn.extend({ }, addClass: function( value ) { - var classNames, i, l, elem, - setClass, c, cl; + var classes, elem, cur, clazz, j, + i = 0, + len = this.length, + proceed = typeof value === "string" && value; if ( jQuery.isFunction( value ) ) { return this.each(function( j ) { - jQuery( this ).addClass( value.call(this, j, this.className) ); + jQuery( this ).addClass( value.call( this, j, this.className ) ); }); } - if ( value && typeof value === "string" ) { - classNames = value.split( core_rspace ); + if ( proceed ) { + // The disjunction here is for better compressibility (see removeClass) + classes = ( value || "" ).match( core_rnotwhite ) || []; - for ( i = 0, l = this.length; i < l; i++ ) { + for ( ; i < len; i++ ) { elem = this[ i ]; + cur = elem.nodeType === 1 && ( elem.className ? + ( " " + elem.className + " " ).replace( rclass, " " ) : + " " + ); - if ( elem.nodeType === 1 ) { - if ( !elem.className && classNames.length === 1 ) { - elem.className = value; - - } else { - setClass = " " + elem.className + " "; - - for ( c = 0, cl = classNames.length; c < cl; c++ ) { - if ( setClass.indexOf( " " + classNames[ c ] + " " ) < 0 ) { - setClass += classNames[ c ] + " "; - } + if ( cur ) { + j = 0; + while ( (clazz = classes[j++]) ) { + if ( cur.indexOf( " " + clazz + " " ) < 0 ) { + cur += clazz + " "; } - elem.className = jQuery.trim( setClass ); } + elem.className = jQuery.trim( cur ); + } } } @@ -2064,30 +2108,36 @@ jQuery.fn.extend({ }, removeClass: function( value ) { - var removes, className, elem, c, cl, i, l; + var classes, elem, cur, clazz, j, + i = 0, + len = this.length, + proceed = arguments.length === 0 || typeof value === "string" && value; if ( jQuery.isFunction( value ) ) { return this.each(function( j ) { - jQuery( this ).removeClass( value.call(this, j, this.className) ); + jQuery( this ).removeClass( value.call( this, j, this.className ) ); }); } - if ( (value && typeof value === "string") || value === undefined ) { - removes = ( value || "" ).split( core_rspace ); + if ( proceed ) { + classes = ( value || "" ).match( core_rnotwhite ) || []; - for ( i = 0, l = this.length; i < l; i++ ) { + for ( ; i < len; i++ ) { elem = this[ i ]; - if ( elem.nodeType === 1 && elem.className ) { - - className = (" " + elem.className + " ").replace( rclass, " " ); + // This expression is here for better compressibility (see addClass) + cur = elem.nodeType === 1 && ( elem.className ? + ( " " + elem.className + " " ).replace( rclass, " " ) : + "" + ); - // loop over each item in the removal list - for ( c = 0, cl = removes.length; c < cl; c++ ) { - // Remove until there is nothing to remove, - while ( className.indexOf(" " + removes[ c ] + " ") >= 0 ) { - className = className.replace( " " + removes[ c ] + " " , " " ); + if ( cur ) { + j = 0; + while ( (clazz = classes[j++]) ) { + // Remove *all* instances + while ( cur.indexOf( " " + clazz + " " ) >= 0 ) { + cur = cur.replace( " " + clazz + " ", " " ); } } - elem.className = value ? jQuery.trim( className ) : ""; + elem.className = value ? jQuery.trim( cur ) : ""; } } } @@ -2112,7 +2162,7 @@ jQuery.fn.extend({ i = 0, self = jQuery( this ), state = stateVal, - classNames = value.split( core_rspace ); + classNames = value.match( core_rnotwhite ) || []; while ( (className = classNames[ i++ ]) ) { // check each className given, space separated list @@ -2120,13 +2170,17 @@ jQuery.fn.extend({ self[ state ? "addClass" : "removeClass" ]( className ); } - } else if ( type === "undefined" || type === "boolean" ) { + // Toggle whole class name + } else if ( type === core_strundefined || type === "boolean" ) { if ( this.className ) { // store className if set jQuery._data( this, "__className__", this.className ); } - // toggle whole className + // If the element has a class name or if we're passed "false", + // then remove the whole classname (if there was one, the above saved it). + // Otherwise bring back whatever was previously saved (if anything), + // falling back to the empty string if nothing was stored. this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || ""; } }); @@ -2146,7 +2200,7 @@ jQuery.fn.extend({ }, val: function( value ) { - var hooks, ret, isFunction, + var ret, hooks, isFunction, elem = this[0]; if ( !arguments.length ) { @@ -2269,11 +2323,8 @@ jQuery.extend({ } }, - // Unused in 1.8, left in so attrFn-stabbers won't die; remove in 1.9 - attrFn: {}, - - attr: function( elem, name, value, pass ) { - var ret, hooks, notxml, + attr: function( elem, name, value ) { + var hooks, notxml, ret, nType = elem.nodeType; // don't get/set attributes on text, comment and attribute nodes @@ -2281,12 +2332,8 @@ jQuery.extend({ return; } - if ( pass && jQuery.isFunction( jQuery.fn[ name ] ) ) { - return jQuery( elem )[ name ]( value ); - } - // Fallback to prop when attributes are not supported - if ( typeof elem.getAttribute === "undefined" ) { + if ( typeof elem.getAttribute === core_strundefined ) { return jQuery.prop( elem, name, value ); } @@ -2303,9 +2350,8 @@ jQuery.extend({ if ( value === null ) { jQuery.removeAttr( elem, name ); - return; - } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) { + } else if ( hooks && notxml && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) { return ret; } else { @@ -2313,47 +2359,50 @@ jQuery.extend({ return value; } - } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) { + } else if ( hooks && notxml && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) { return ret; } else { - ret = elem.getAttribute( name ); + // In IE9+, Flash objects don't have .getAttribute (#12945) + // Support: IE9+ + if ( typeof elem.getAttribute !== core_strundefined ) { + ret = elem.getAttribute( name ); + } // Non-existent attributes return null, we normalize to undefined - return ret === null ? + return ret == null ? undefined : ret; } }, removeAttr: function( elem, value ) { - var propName, attrNames, name, isBool, - i = 0; - - if ( value && elem.nodeType === 1 ) { - - attrNames = value.split( core_rspace ); - - for ( ; i < attrNames.length; i++ ) { - name = attrNames[ i ]; - - if ( name ) { - propName = jQuery.propFix[ name ] || name; - isBool = rboolean.test( name ); + var name, propName, + i = 0, + attrNames = value && value.match( core_rnotwhite ); - // See #9699 for explanation of this approach (setting first, then removal) - // Do not do this for boolean attributes (see #10870) - if ( !isBool ) { - jQuery.attr( elem, name, "" ); - } - elem.removeAttribute( getSetAttribute ? name : propName ); + if ( attrNames && elem.nodeType === 1 ) { + while ( (name = attrNames[i++]) ) { + propName = jQuery.propFix[ name ] || name; + // Boolean attributes get special treatment (#10870) + if ( rboolean.test( name ) ) { // Set corresponding property to false for boolean attributes - if ( isBool && propName in elem ) { + // Also clear defaultChecked/defaultSelected (if appropriate) for IE<8 + if ( !getSetAttribute && ruseDefault.test( name ) ) { + elem[ jQuery.camelCase( "default-" + name ) ] = + elem[ propName ] = false; + } else { elem[ propName ] = false; } + + // See #9699 for explanation of this approach (setting first, then removal) + } else { + jQuery.attr( elem, name, "" ); } + + elem.removeAttribute( getSetAttribute ? name : propName ); } } }, @@ -2361,13 +2410,9 @@ jQuery.extend({ attrHooks: { type: { set: function( elem, value ) { - // We can't allow the type property to be changed (since it causes problems in IE) - if ( rtype.test( elem.nodeName ) && elem.parentNode ) { - jQuery.error( "type property can't be changed" ); - } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) { + if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) { // Setting the type on a radio button after the value resets the value in IE6-9 - // Reset value to it's default in case type is set after value - // This is for element creation + // Reset value to default in case type is set after value during creation var val = elem.value; elem.setAttribute( "type", value ); if ( val ) { @@ -2376,25 +2421,6 @@ jQuery.extend({ return value; } } - }, - // Use the value property for back compat - // Use the nodeHook for button elements in IE6/7 (#1954) - value: { - get: function( elem, name ) { - if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { - return nodeHook.get( elem, name ); - } - return name in elem ? - elem.value : - null; - }, - set: function( elem, value, name ) { - if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { - return nodeHook.set( elem, value, name ); - } - // Does not return so that setAttribute is also used - elem.value = value; - } } }, @@ -2468,50 +2494,79 @@ jQuery.extend({ // Hook for boolean attributes boolHook = { get: function( elem, name ) { - // Align boolean attributes with corresponding properties - // Fall back to attribute presence where some booleans are not supported - var attrNode, - property = jQuery.prop( elem, name ); - return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ? + var + // Use .prop to determine if this attribute is understood as boolean + prop = jQuery.prop( elem, name ), + + // Fetch it accordingly + attr = typeof prop === "boolean" && elem.getAttribute( name ), + detail = typeof prop === "boolean" ? + + getSetInput && getSetAttribute ? + attr != null : + // oldIE fabricates an empty string for missing boolean attributes + // and conflates checked/selected into attroperties + ruseDefault.test( name ) ? + elem[ jQuery.camelCase( "default-" + name ) ] : + !!attr : + + // fetch an attribute node for properties not recognized as boolean + elem.getAttributeNode( name ); + + return detail && detail.value !== false ? name.toLowerCase() : undefined; }, set: function( elem, value, name ) { - var propName; if ( value === false ) { // Remove boolean attributes when set to false jQuery.removeAttr( elem, name ); - } else { - // value is true since we know at this point it's type boolean and not false - // Set boolean attributes to the same name and set the DOM property - propName = jQuery.propFix[ name ] || name; - if ( propName in elem ) { - // Only set the IDL specifically if it already exists on the element - elem[ propName ] = true; - } + } else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) { + // IE<8 needs the *property* name + elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name ); - elem.setAttribute( name, name.toLowerCase() ); + // Use defaultChecked and defaultSelected for oldIE + } else { + elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true; } + return name; } }; -// IE6/7 do not support getting/setting some attributes with get/setAttribute -if ( !getSetAttribute ) { +// fix oldIE value attroperty +if ( !getSetInput || !getSetAttribute ) { + jQuery.attrHooks.value = { + get: function( elem, name ) { + var ret = elem.getAttributeNode( name ); + return jQuery.nodeName( elem, "input" ) ? + + // Ignore the value *property* by using defaultValue + elem.defaultValue : - fixSpecified = { - name: true, - id: true, - coords: true + ret && ret.specified ? ret.value : undefined; + }, + set: function( elem, value, name ) { + if ( jQuery.nodeName( elem, "input" ) ) { + // Does not return so that setAttribute is also used + elem.defaultValue = value; + } else { + // Use nodeHook if defined (#1954); otherwise setAttribute is fine + return nodeHook && nodeHook.set( elem, value, name ); + } + } }; +} + +// IE6/7 do not support getting/setting some attributes with get/setAttribute +if ( !getSetAttribute ) { // Use this for any attribute in IE6/7 // This fixes almost every IE6/7 issue nodeHook = jQuery.valHooks.button = { get: function( elem, name ) { - var ret; - ret = elem.getAttributeNode( name ); - return ret && ( fixSpecified[ name ] ? ret.value !== "" : ret.specified ) ? + var ret = elem.getAttributeNode( name ); + return ret && ( name === "id" || name === "name" || name === "coords" ? ret.value !== "" : ret.specified ) ? ret.value : undefined; }, @@ -2519,10 +2574,26 @@ if ( !getSetAttribute ) { // Set the existing or create a new attribute node var ret = elem.getAttributeNode( name ); if ( !ret ) { - ret = document.createAttribute( name ); - elem.setAttributeNode( ret ); + elem.setAttributeNode( + (ret = elem.ownerDocument.createAttribute( name )) + ); } - return ( ret.value = value + "" ); + + ret.value = value += ""; + + // Break association with cloned elements by also using setAttribute (#9646) + return name === "value" || value === elem.getAttribute( name ) ? + value : + undefined; + } + }; + + // Set contenteditable to false on removals(#10429) + // Setting to empty string throws an error as an invalid value + jQuery.attrHooks.contenteditable = { + get: nodeHook.get, + set: function( elem, value, name ) { + nodeHook.set( elem, value === "" ? false : value, name ); } }; @@ -2538,39 +2609,38 @@ if ( !getSetAttribute ) { } }); }); - - // Set contenteditable to false on removals(#10429) - // Setting to empty string throws an error as an invalid value - jQuery.attrHooks.contenteditable = { - get: nodeHook.get, - set: function( elem, value, name ) { - if ( value === "" ) { - value = "false"; - } - nodeHook.set( elem, value, name ); - } - }; } // Some attributes require a special call on IE +// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx if ( !jQuery.support.hrefNormalized ) { jQuery.each([ "href", "src", "width", "height" ], function( i, name ) { jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], { get: function( elem ) { var ret = elem.getAttribute( name, 2 ); - return ret === null ? undefined : ret; + return ret == null ? undefined : ret; } }); }); + + // href/src property should get the full normalized URL (#10299/#12915) + jQuery.each([ "href", "src" ], function( i, name ) { + jQuery.propHooks[ name ] = { + get: function( elem ) { + return elem.getAttribute( name, 4 ); + } + }; + }); } if ( !jQuery.support.style ) { jQuery.attrHooks.style = { get: function( elem ) { // Return undefined in the case of empty string - // Normalize to lowercase since IE uppercases css property names - return elem.style.cssText.toLowerCase() || undefined; + // Note: IE uppercases css property names, but if we were to .toLowerCase() + // .cssText, that would destroy case senstitivity in URL's, like in "background" + return elem.style.cssText || undefined; }, set: function( elem, value ) { return ( elem.style.cssText = value + "" ); @@ -2623,15 +2693,19 @@ jQuery.each([ "radio", "checkbox" ], function() { } }); }); -var rformElems = /^(?:textarea|input|select)$/i, - rtypenamespace = /^([^\.]*|)(?:\.(.+)|)$/, - rhoverHack = /(?:^|\s)hover(\.\S+|)\b/, +var rformElems = /^(?:input|select|textarea)$/i, rkeyEvent = /^key/, rmouseEvent = /^(?:mouse|contextmenu)|click/, rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, - hoverHack = function( events ) { - return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" ); - }; + rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; + +function returnTrue() { + return true; +} + +function returnFalse() { + return false; +} /* * Helper functions for managing events -- not part of the public interface. @@ -2639,14 +2713,16 @@ var rformElems = /^(?:textarea|input|select)$/i, */ jQuery.event = { - add: function( elem, types, handler, data, selector ) { + global: {}, - var elemData, eventHandle, events, - t, tns, type, namespaces, handleObj, - handleObjIn, handlers, special; + add: function( elem, types, handler, data, selector ) { + var tmp, events, t, handleObjIn, + special, eventHandle, handleObj, + handlers, type, namespaces, origType, + elemData = jQuery._data( elem ); - // Don't attach events to noData or text/comment nodes (allow plain objects tho) - if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) { + // Don't attach events to noData or text/comment nodes (but allow plain objects) + if ( !elemData ) { return; } @@ -2663,16 +2739,14 @@ jQuery.event = { } // Init the element's event structure and main handler, if this is the first - events = elemData.events; - if ( !events ) { - elemData.events = events = {}; + if ( !(events = elemData.events) ) { + events = elemData.events = {}; } - eventHandle = elemData.handle; - if ( !eventHandle ) { - elemData.handle = eventHandle = function( e ) { + if ( !(eventHandle = elemData.handle) ) { + eventHandle = elemData.handle = function( e ) { // Discard the second event of a jQuery.event.trigger() and // when an event is called after a page has unloaded - return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ? + return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ? jQuery.event.dispatch.apply( eventHandle.elem, arguments ) : undefined; }; @@ -2682,12 +2756,12 @@ jQuery.event = { // Handle multiple events separated by a space // jQuery(...).bind("mouseover mouseout", fn); - types = jQuery.trim( hoverHack(types) ).split( " " ); - for ( t = 0; t < types.length; t++ ) { - - tns = rtypenamespace.exec( types[t] ) || []; - type = tns[1]; - namespaces = ( tns[2] || "" ).split( "." ).sort(); + types = ( types || "" ).match( core_rnotwhite ) || [""]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); // If event changes its type, use the special event handlers for the changed type special = jQuery.event.special[ type ] || {}; @@ -2701,7 +2775,7 @@ jQuery.event = { // handleObj is passed to all event handlers handleObj = jQuery.extend({ type: type, - origType: tns[1], + origType: origType, data: data, handler: handler, guid: handler.guid, @@ -2711,8 +2785,7 @@ jQuery.event = { }, handleObjIn ); // Init the event handler queue if we're the first - handlers = events[ type ]; - if ( !handlers ) { + if ( !(handlers = events[ type ]) ) { handlers = events[ type ] = []; handlers.delegateCount = 0; @@ -2751,13 +2824,12 @@ jQuery.event = { elem = null; }, - global: {}, - // Detach an event or set of events from an element remove: function( elem, types, handler, selector, mappedTypes ) { - - var t, tns, type, origType, namespaces, origCount, - j, events, special, eventType, handleObj, + var j, handleObj, tmp, + origCount, t, events, + special, handlers, type, + namespaces, origType, elemData = jQuery.hasData( elem ) && jQuery._data( elem ); if ( !elemData || !(events = elemData.events) ) { @@ -2765,11 +2837,12 @@ jQuery.event = { } // Once for each type.namespace in types; type may be omitted - types = jQuery.trim( hoverHack( types || "" ) ).split(" "); - for ( t = 0; t < types.length; t++ ) { - tns = rtypenamespace.exec( types[t] ) || []; - type = origType = tns[1]; - namespaces = tns[2]; + types = ( types || "" ).match( core_rnotwhite ) || [""]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); // Unbind all events (on this namespace, if provided) for the element if ( !type ) { @@ -2780,23 +2853,23 @@ jQuery.event = { } special = jQuery.event.special[ type ] || {}; - type = ( selector? special.delegateType : special.bindType ) || type; - eventType = events[ type ] || []; - origCount = eventType.length; - namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.|)") + "(\\.|$)") : null; + type = ( selector ? special.delegateType : special.bindType ) || type; + handlers = events[ type ] || []; + tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ); // Remove matching events - for ( j = 0; j < eventType.length; j++ ) { - handleObj = eventType[ j ]; + origCount = j = handlers.length; + while ( j-- ) { + handleObj = handlers[ j ]; if ( ( mappedTypes || origType === handleObj.origType ) && - ( !handler || handler.guid === handleObj.guid ) && - ( !namespaces || namespaces.test( handleObj.namespace ) ) && - ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { - eventType.splice( j--, 1 ); + ( !handler || handler.guid === handleObj.guid ) && + ( !tmp || tmp.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { + handlers.splice( j, 1 ); if ( handleObj.selector ) { - eventType.delegateCount--; + handlers.delegateCount--; } if ( special.remove ) { special.remove.call( elem, handleObj ); @@ -2806,7 +2879,7 @@ jQuery.event = { // Remove generic event handler if we removed something and no more handlers exist // (avoids potential for endless recursion during removal of special event handlers) - if ( eventType.length === 0 && origCount !== eventType.length ) { + if ( origCount && !handlers.length ) { if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { jQuery.removeEvent( elem, type, elemData.handle ); } @@ -2821,80 +2894,47 @@ jQuery.event = { // removeData also checks for emptiness and clears the expando if empty // so use it instead of delete - jQuery.removeData( elem, "events", true ); + jQuery._removeData( elem, "events" ); } }, - // Events that are safe to short-circuit if no handlers are attached. - // Native DOM events should not be added, they may have inline handlers. - customEvent: { - "getData": true, - "setData": true, - "changeData": true - }, - trigger: function( event, data, elem, onlyHandlers ) { + var handle, ontype, cur, + bubbleType, special, tmp, i, + eventPath = [ elem || document ], + type = core_hasOwn.call( event, "type" ) ? event.type : event, + namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : []; + + cur = tmp = elem = elem || document; + // Don't do events on text and comment nodes - if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) { + if ( elem.nodeType === 3 || elem.nodeType === 8 ) { return; } - // Event object or event type - var cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType, - type = event.type || event, - namespaces = []; - // focus/blur morphs to focusin/out; ensure we're not firing them right now if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { return; } - if ( type.indexOf( "!" ) >= 0 ) { - // Exclusive events trigger only for the exact event (no namespaces) - type = type.slice(0, -1); - exclusive = true; - } - - if ( type.indexOf( "." ) >= 0 ) { + if ( type.indexOf(".") >= 0 ) { // Namespaced trigger; create a regexp to match event type in handle() namespaces = type.split("."); type = namespaces.shift(); namespaces.sort(); } + ontype = type.indexOf(":") < 0 && "on" + type; - if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) { - // No jQuery handlers for this event type, and it can't have inline handlers - return; - } - - // Caller can pass in an Event, Object, or just an event type string - event = typeof event === "object" ? - // jQuery.Event object - event[ jQuery.expando ] ? event : - // Object literal - new jQuery.Event( type, event ) : - // Just the event type (string) - new jQuery.Event( type ); + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[ jQuery.expando ] ? + event : + new jQuery.Event( type, typeof event === "object" && event ); - event.type = type; event.isTrigger = true; - event.exclusive = exclusive; - event.namespace = namespaces.join( "." ); - event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)") : null; - ontype = type.indexOf( ":" ) < 0 ? "on" + type : ""; - - // Handle a global trigger - if ( !elem ) { - - // TODO: Stop taunting the data cache; remove global events and always attach to document - cache = jQuery.cache; - for ( i in cache ) { - if ( cache[ i ].events && cache[ i ].events[ type ] ) { - jQuery.event.trigger( event, data, cache[ i ].handle.elem, true ); - } - } - return; - } + event.namespace = namespaces.join("."); + event.namespace_re = event.namespace ? + new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) : + null; // Clean up the event in case it is being reused event.result = undefined; @@ -2903,44 +2943,50 @@ jQuery.event = { } // Clone any incoming data and prepend the event, creating the handler arg list - data = data != null ? jQuery.makeArray( data ) : []; - data.unshift( event ); + data = data == null ? + [ event ] : + jQuery.makeArray( data, [ event ] ); // Allow special events to draw outside the lines special = jQuery.event.special[ type ] || {}; - if ( special.trigger && special.trigger.apply( elem, data ) === false ) { + if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { return; } // Determine event propagation path in advance, per W3C events spec (#9951) // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) - eventPath = [[ elem, special.bindType || type ]]; if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { bubbleType = special.delegateType || type; - cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode; - for ( old = elem; cur; cur = cur.parentNode ) { - eventPath.push([ cur, bubbleType ]); - old = cur; + if ( !rfocusMorph.test( bubbleType + type ) ) { + cur = cur.parentNode; + } + for ( ; cur; cur = cur.parentNode ) { + eventPath.push( cur ); + tmp = cur; } // Only add window if we got to document (e.g., not plain obj or detached DOM) - if ( old === (elem.ownerDocument || document) ) { - eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]); + if ( tmp === (elem.ownerDocument || document) ) { + eventPath.push( tmp.defaultView || tmp.parentWindow || window ); } } // Fire handlers on the event path - for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) { + i = 0; + while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) { - cur = eventPath[i][0]; - event.type = eventPath[i][1]; + event.type = i > 1 ? + bubbleType : + special.bindType || type; + // jQuery handler handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" ); if ( handle ) { handle.apply( cur, data ); } - // Note that this is a bare JS function and not a jQuery handler + + // Native handler handle = ontype && cur[ ontype ]; if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) { event.preventDefault(); @@ -2957,23 +3003,27 @@ jQuery.event = { // Call a native DOM method on the target with the same name name as the event. // Can't use an .isFunction() check here because IE6/7 fails that test. // Don't do default actions on window, that's where global variables be (#6170) - // IE<9 dies on focus/blur to hidden element (#1486) - if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) { + if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) { // Don't re-trigger an onFOO event when we call its FOO() method - old = elem[ ontype ]; + tmp = elem[ ontype ]; - if ( old ) { + if ( tmp ) { elem[ ontype ] = null; } // Prevent re-triggering of the same event, since we already bubbled it above jQuery.event.triggered = type; - elem[ type ](); + try { + elem[ type ](); + } catch ( e ) { + // IE<9 dies on focus/blur to hidden element (#1486,#12518) + // only reproducible on winXP IE8 native, not IE9 in IE8 mode + } jQuery.event.triggered = undefined; - if ( old ) { - elem[ ontype ] = old; + if ( tmp ) { + elem[ ontype ] = tmp; } } } @@ -2985,15 +3035,13 @@ jQuery.event = { dispatch: function( event ) { // Make a writable jQuery.Event from the native event object - event = jQuery.event.fix( event || window.event ); + event = jQuery.event.fix( event ); - var i, j, cur, ret, selMatch, matched, matches, handleObj, sel, related, - handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []), - delegateCount = handlers.delegateCount, + var i, ret, handleObj, matched, j, + handlerQueue = [], args = core_slice.call( arguments ), - run_all = !event.exclusive && !event.namespace, - special = jQuery.event.special[ event.type ] || {}, - handlerQueue = []; + handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [], + special = jQuery.event.special[ event.type ] || {}; // Use the fix-ed jQuery.Event rather than the (read-only) native event args[0] = event; @@ -3004,81 +3052,142 @@ jQuery.event = { return; } - // Determine handlers that should run if there are delegated events + // Determine handlers + handlerQueue = jQuery.event.handlers.call( this, event, handlers ); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) { + event.currentTarget = matched.elem; + + j = 0; + while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) { + + // Triggered event must either 1) have no namespace, or + // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). + if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) { + + event.handleObj = handleObj; + event.data = handleObj.data; + + var obj = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ); + if(obj.apply){ + ret = obj.apply( matched.elem, args ); + } + + if ( ret !== undefined ) { + if ( (event.result = ret) === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + handlers: function( event, handlers ) { + var sel, handleObj, matches, i, + handlerQueue = [], + delegateCount = handlers.delegateCount, + cur = event.target; + + // Find delegate handlers + // Black-hole SVG instance trees (#13180) // Avoid non-left-click bubbling in Firefox (#3861) - if ( delegateCount && !(event.button && event.type === "click") ) { + if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) { - for ( cur = event.target; cur != this; cur = cur.parentNode || this ) { + for ( ; cur != this; cur = cur.parentNode || this ) { - // Don't process clicks (ONLY) on disabled elements (#6911, #8165, #11382, #11764) - if ( cur.disabled !== true || event.type !== "click" ) { - selMatch = {}; + // Don't check non-elements (#13208) + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) { matches = []; for ( i = 0; i < delegateCount; i++ ) { handleObj = handlers[ i ]; - sel = handleObj.selector; - if ( selMatch[ sel ] === undefined ) { - selMatch[ sel ] = handleObj.needsContext ? + // Don't conflict with Object.prototype properties (#13203) + sel = handleObj.selector + " "; + + if ( matches[ sel ] === undefined ) { + matches[ sel ] = handleObj.needsContext ? jQuery( sel, this ).index( cur ) >= 0 : jQuery.find( sel, this, null, [ cur ] ).length; } - if ( selMatch[ sel ] ) { + if ( matches[ sel ] ) { matches.push( handleObj ); } } if ( matches.length ) { - handlerQueue.push({ elem: cur, matches: matches }); + handlerQueue.push({ elem: cur, handlers: matches }); } } } } // Add the remaining (directly-bound) handlers - if ( handlers.length > delegateCount ) { - handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) }); + if ( delegateCount < handlers.length ) { + handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) }); } - // Run delegates first; they may want to stop propagation beneath us - for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) { - matched = handlerQueue[ i ]; - event.currentTarget = matched.elem; + return handlerQueue; + }, - for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) { - handleObj = matched.matches[ j ]; + fix: function( event ) { + if ( event[ jQuery.expando ] ) { + return event; + } - // Triggered event must either 1) be non-exclusive and have no namespace, or - // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). - if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) { + // Create a writable copy of the event object and normalize some properties + var i, prop, copy, + type = event.type, + originalEvent = event, + fixHook = this.fixHooks[ type ]; - event.data = handleObj.data; - event.handleObj = handleObj; + if ( !fixHook ) { + this.fixHooks[ type ] = fixHook = + rmouseEvent.test( type ) ? this.mouseHooks : + rkeyEvent.test( type ) ? this.keyHooks : + {}; + } + copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; - ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) - .apply( matched.elem, args ); + event = new jQuery.Event( originalEvent ); - if ( ret !== undefined ) { - event.result = ret; - if ( ret === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - } - } + i = copy.length; + while ( i-- ) { + prop = copy[ i ]; + event[ prop ] = originalEvent[ prop ]; } - // Call the postDispatch hook for the mapped type - if ( special.postDispatch ) { - special.postDispatch.call( this, event ); + // Support: IE<9 + // Fix target property (#1925) + if ( !event.target ) { + event.target = originalEvent.srcElement || document; } - return event.result; + // Support: Chrome 23+, Safari? + // Target should not be a text node (#504, #13143) + if ( event.target.nodeType === 3 ) { + event.target = event.target.parentNode; + } + + // Support: IE<9 + // For mouse/key events, metaKey==false if it's undefined (#3368, #11328) + event.metaKey = !!event.metaKey; + + return fixHook.filter ? fixHook.filter( event, originalEvent ) : event; }, // Includes some event props shared by KeyEvent and MouseEvent - // *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 *** - props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), + props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), fixHooks: {}, @@ -3098,7 +3207,7 @@ jQuery.event = { mouseHooks: { props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "), filter: function( event, original ) { - var eventDoc, doc, body, + var body, eventDoc, doc, button = original.button, fromElement = original.fromElement; @@ -3127,64 +3236,52 @@ jQuery.event = { } }, - fix: function( event ) { - if ( event[ jQuery.expando ] ) { - return event; - } - - // Create a writable copy of the event object and normalize some properties - var i, prop, - originalEvent = event, - fixHook = jQuery.event.fixHooks[ event.type ] || {}, - copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; - - event = jQuery.Event( originalEvent ); - - for ( i = copy.length; i; ) { - prop = copy[ --i ]; - event[ prop ] = originalEvent[ prop ]; - } - - // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2) - if ( !event.target ) { - event.target = originalEvent.srcElement || document; - } - - // Target should not be a text node (#504, Safari) - if ( event.target.nodeType === 3 ) { - event.target = event.target.parentNode; - } - - // For mouse/key events, metaKey==false if it's undefined (#3368, #11328; IE6/7/8) - event.metaKey = !!event.metaKey; - - return fixHook.filter? fixHook.filter( event, originalEvent ) : event; - }, - special: { load: { // Prevent triggered image.load events from bubbling to window.load noBubble: true }, - + click: { + // For checkbox, fire native event so checked state will be right + trigger: function() { + if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) { + this.click(); + return false; + } + } + }, focus: { + // Fire native event if possible so blur/focus sequence is correct + trigger: function() { + if ( this !== document.activeElement && this.focus ) { + try { + this.focus(); + return false; + } catch ( e ) { + // Support: IE<9 + // If we error on focus to hidden element (#1486, #12518), + // let .trigger() run the handlers + } + } + }, delegateType: "focusin" }, blur: { + trigger: function() { + if ( this === document.activeElement && this.blur ) { + this.blur(); + return false; + } + }, delegateType: "focusout" }, beforeunload: { - setup: function( data, namespaces, eventHandle ) { - // We only want to do this special case on windows - if ( jQuery.isWindow( this ) ) { - this.onbeforeunload = eventHandle; - } - }, + postDispatch: function( event ) { - teardown: function( namespaces, eventHandle ) { - if ( this.onbeforeunload === eventHandle ) { - this.onbeforeunload = null; + // Even when returnValue equals to undefined Firefox will still show alert + if ( event.result !== undefined ) { + event.originalEvent.returnValue = event.result; } } } @@ -3213,10 +3310,6 @@ jQuery.event = { } }; -// Some plugins are using, but it's undocumented/deprecated and will be removed. -// The 1.7 special event interface should provide all the hooks needed now. -jQuery.event.handle = jQuery.event.dispatch; - jQuery.removeEvent = document.removeEventListener ? function( elem, type, handle ) { if ( elem.removeEventListener ) { @@ -3230,7 +3323,7 @@ jQuery.removeEvent = document.removeEventListener ? // #8545, #7054, preventing memory leaks for custom events in IE6-8 // detachEvent needed property on element, by name of that event, to properly expose it to GC - if ( typeof elem[ name ] === "undefined" ) { + if ( typeof elem[ name ] === core_strundefined ) { elem[ name ] = null; } @@ -3271,54 +3364,51 @@ jQuery.Event = function( src, props ) { this[ jQuery.expando ] = true; }; -function returnFalse() { - return false; -} -function returnTrue() { - return true; -} - // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding // http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html jQuery.Event.prototype = { - preventDefault: function() { - this.isDefaultPrevented = returnTrue; + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + preventDefault: function() { var e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; if ( !e ) { return; } - // if preventDefault exists run it on the original event + // If preventDefault exists, run it on the original event if ( e.preventDefault ) { e.preventDefault(); - // otherwise set the returnValue property of the original event to false (IE) + // Support: IE + // Otherwise set the returnValue property of the original event to false } else { e.returnValue = false; } }, stopPropagation: function() { - this.isPropagationStopped = returnTrue; - var e = this.originalEvent; + + this.isPropagationStopped = returnTrue; if ( !e ) { return; } - // if stopPropagation exists run it on the original event + // If stopPropagation exists, run it on the original event if ( e.stopPropagation ) { e.stopPropagation(); } - // otherwise set the cancelBubble property of the original event to true (IE) + + // Support: IE + // Set the cancelBubble property of the original event to true e.cancelBubble = true; }, stopImmediatePropagation: function() { this.isImmediatePropagationStopped = returnTrue; this.stopPropagation(); - }, - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse + } }; // Create mouseenter/leave events using mouseover/out and event-time checks @@ -3334,8 +3424,7 @@ jQuery.each({ var ret, target = this, related = event.relatedTarget, - handleObj = event.handleObj, - selector = handleObj.selector; + handleObj = event.handleObj; // For mousenter/leave call the handler if related is outside the target. // NB: No relatedTarget if the mouse left/entered the browser window @@ -3364,11 +3453,11 @@ if ( !jQuery.support.submitBubbles ) { // Node name check avoids a VML-related crash in IE (#9807) var elem = e.target, form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined; - if ( form && !jQuery._data( form, "_submit_attached" ) ) { + if ( form && !jQuery._data( form, "submitBubbles" ) ) { jQuery.event.add( form, "submit._submit", function( event ) { event._submit_bubble = true; }); - jQuery._data( form, "_submit_attached", true ); + jQuery._data( form, "submitBubbles", true ); } }); // return undefined since we don't need an event listener @@ -3427,13 +3516,13 @@ if ( !jQuery.support.changeBubbles ) { jQuery.event.add( this, "beforeactivate._change", function( e ) { var elem = e.target; - if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "_change_attached" ) ) { + if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) { jQuery.event.add( elem, "change._change", function( event ) { if ( this.parentNode && !event.isSimulated && !event.isTrigger ) { jQuery.event.simulate( "change", this.parentNode, event, true ); } }); - jQuery._data( elem, "_change_attached", true ); + jQuery._data( elem, "changeBubbles", true ); } }); }, @@ -3483,12 +3572,12 @@ if ( !jQuery.support.focusinBubbles ) { jQuery.fn.extend({ on: function( types, selector, data, fn, /*INTERNAL*/ one ) { - var origFn, type; + var type, origFn; // Types can be a map of types/handlers if ( typeof types === "object" ) { // ( types-Object, selector, data ) - if ( typeof selector !== "string" ) { // && selector != null + if ( typeof selector !== "string" ) { // ( types-Object, data ) data = data || selector; selector = undefined; @@ -3577,15 +3666,6 @@ jQuery.fn.extend({ return this.off( types, null, fn ); }, - live: function( types, data, fn ) { - jQuery( this.context ).on( types, this.selector, data, fn ); - return this; - }, - die: function( types, fn ) { - jQuery( this.context ).off( types, this.selector || "**", fn ); - return this; - }, - delegate: function( selector, types, data, fn ) { return this.on( types, selector, data, fn ); }, @@ -3600,64 +3680,10 @@ jQuery.fn.extend({ }); }, triggerHandler: function( type, data ) { - if ( this[0] ) { - return jQuery.event.trigger( type, data, this[0], true ); - } - }, - - toggle: function( fn ) { - // Save reference to arguments for access in closure - var args = arguments, - guid = fn.guid || jQuery.guid++, - i = 0, - toggler = function( event ) { - // Figure out which function to execute - var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i; - jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); - - // Make sure that clicks stop - event.preventDefault(); - - // and execute the function - return args[ lastToggle ].apply( this, arguments ) || false; - }; - - // link all the functions, so any of them can unbind this click handler - toggler.guid = guid; - while ( i < args.length ) { - args[ i++ ].guid = guid; - } - - return this.click( toggler ); - }, - - hover: function( fnOver, fnOut ) { - return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); - } -}); - -jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + - "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + - "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) { - - // Handle event binding - jQuery.fn[ name ] = function( data, fn ) { - if ( fn == null ) { - fn = data; - data = null; + var elem = this[0]; + if ( elem ) { + return jQuery.event.trigger( type, data, elem, true ); } - - return arguments.length > 0 ? - this.on( name, null, data, fn ) : - this.trigger( name ); - }; - - if ( rkeyEvent.test( name ) ) { - jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks; - } - - if ( rmouseEvent.test( name ) ) { - jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks; } }); /*! @@ -3668,32 +3694,47 @@ jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblcl */ (function( window, undefined ) { -var cachedruns, - assertGetIdNotName, +var i, + cachedruns, Expr, getText, isXML, - contains, compile, - sortOrder, hasDuplicate, outermostContext, - baseHasDuplicate = true, - strundefined = "undefined", - - expando = ( "sizcache" + Math.random() ).replace( ".", "" ), + // Local document vars + setDocument, + document, + docElem, + documentIsXML, + rbuggyQSA, + rbuggyMatches, + matches, + contains, + sortOrder, - Token = String, - document = window.document, - docElem = document.documentElement, + // Instance-specific data + expando = "sizzle" + -(new Date()), + preferredDoc = window.document, + support = {}, dirruns = 0, done = 0, - pop = [].pop, - push = [].push, - slice = [].slice, - // Use a stripped-down indexOf if a native one is unavailable - indexOf = [].indexOf || function( elem ) { + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + + // General-purpose constants + strundefined = typeof undefined, + MAX_NEGATIVE = 1 << 31, + + // Array methods + arr = [], + pop = arr.pop, + push = arr.push, + slice = arr.slice, + // Use a stripped-down indexOf if we can't use a native one + indexOf = arr.indexOf || function( elem ) { var i = 0, len = this.length; for ( ; i < len; i++ ) { @@ -3704,40 +3745,16 @@ var cachedruns, return -1; }, - // Augment a function for special use by Sizzle - markFunction = function( fn, value ) { - fn[ expando ] = value == null || value; - return fn; - }, - - createCache = function() { - var cache = {}, - keys = []; - - return markFunction(function( key, value ) { - // Only keep the most recent entries - if ( keys.push( key ) > Expr.cacheLength ) { - delete cache[ keys.shift() ]; - } - - // Retrieve with (key + " ") to avoid collision with native Object.prototype properties (see Issue #157) - return (cache[ key + " " ] = value); - }, cache ); - }, - - classCache = createCache(), - tokenCache = createCache(), - compilerCache = createCache(), - // Regex + // Regular expressions // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace whitespace = "[\\x20\\t\\r\\n\\f]", // http://www.w3.org/TR/css3-syntax/#characters - characterEncoding = "(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+", + characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+", // Loosely modeled on CSS identifier characters - // An unquoted value should be a CSS identifier (http://www.w3.org/TR/css3-selectors/#attribute-selectors) + // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier identifier = characterEncoding.replace( "w", "w#" ), @@ -3746,16 +3763,13 @@ var cachedruns, attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace + "*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]", - // Prefer arguments not in parens/brackets, - // then attribute selectors and non-pseudos (denoted by :), + // Prefer arguments quoted, + // then not containing pseudos/brackets, + // then attribute selectors/non-parenthetical expressions, // then anything else // These preferences are here to reduce the number of selectors // needing tokenize in the PSEUDO preFilter - pseudos = ":(" + characterEncoding + ")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:" + attributes + ")|[^:]|\\\\.)*|.*))\\)|)", - - // For matchExpr.POS and matchExpr.needsContext - pos = ":(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace + - "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", + pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)", // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), @@ -3763,18 +3777,7 @@ var cachedruns, rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ), rpseudo = new RegExp( pseudos ), - - // Easily-parseable/retrievable ID or TAG or CLASS selectors - rquickExpr = /^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/, - - rnot = /^:not/, - rsibling = /[\x20\t\r\n\f]*[+~]/, - rendsWithNot = /:not\($/, - - rheader = /h\d/i, - rinputs = /input|select|textarea|button/i, - - rbackslash = /\\(?!\\)/g, + ridentifier = new RegExp( "^" + identifier + "$" ), matchExpr = { "ID": new RegExp( "^#(" + characterEncoding + ")" ), @@ -3783,117 +3786,133 @@ var cachedruns, "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), "ATTR": new RegExp( "^" + attributes ), "PSEUDO": new RegExp( "^" + pseudos ), - "POS": new RegExp( pos, "i" ), - "CHILD": new RegExp( "^:(only|nth|first|last)-child(?:\\(" + whitespace + + "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), // For use in libraries implementing .is() - "needsContext": new RegExp( "^" + whitespace + "*[>+~]|" + pos, "i" ) - }, - - // Support - - // Used for testing something on an element - assert = function( fn ) { - var div = document.createElement("div"); - - try { - return fn( div ); - } catch (e) { - return false; - } finally { - // release memory in IE - div = null; - } + // We use this for POS matching in `select` + "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + + whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) }, - // Check if getElementsByTagName("*") returns only elements - assertTagNameNoComments = assert(function( div ) { - div.appendChild( document.createComment("") ); - return !div.getElementsByTagName("*").length; - }), - - // Check if getAttribute returns normalized href attributes - assertHrefNotNormalized = assert(function( div ) { - div.innerHTML = ""; - return div.firstChild && typeof div.firstChild.getAttribute !== strundefined && - div.firstChild.getAttribute("href") === "#"; - }), - - // Check if attributes should be retrieved by attribute nodes - assertAttributes = assert(function( div ) { - div.innerHTML = ""; - var type = typeof div.lastChild.getAttribute("multiple"); - // IE8 returns a string for some attributes even when not present - return type !== "boolean" && type !== "string"; - }), - - // Check if getElementsByClassName can be trusted - assertUsableClassName = assert(function( div ) { - // Opera can't find a second classname (in 9.6) - div.innerHTML = ""; - if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) { - return false; - } - - // Safari 3.2 caches class attributes and doesn't catch changes - div.lastChild.className = "e"; - return div.getElementsByClassName("e").length === 2; - }), - - // Check if getElementById returns elements by name - // Check if getElementsByName privileges form controls or returns elements by ID - assertUsableName = assert(function( div ) { - // Inject content - div.id = expando + 0; - div.innerHTML = "
"; - docElem.insertBefore( div, docElem.firstChild ); - - // Test - var pass = document.getElementsByName && - // buggy browsers will return fewer than the correct 2 - document.getElementsByName( expando ).length === 2 + - // buggy browsers will return more than the correct 0 - document.getElementsByName( expando + 0 ).length; - assertGetIdNotName = !document.getElementById( expando ); + rsibling = /[\x20\t\r\n\f]*[+~]/, - // Cleanup - docElem.removeChild( div ); + rnative = /^[^{]+\{\s*\[native code/, - return pass; - }); + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + + rinputs = /^(?:input|select|textarea|button)$/i, + rheader = /^h\d$/i, + + rescape = /'|\\/g, + rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g, + + // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + runescape = /\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g, + funescape = function( _, escaped ) { + var high = "0x" + escaped - 0x10000; + // NaN means non-codepoint + return high !== high ? + escaped : + // BMP codepoint + high < 0 ? + String.fromCharCode( high + 0x10000 ) : + // Supplemental Plane codepoint (surrogate pair) + String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); + }; -// If slice is not available, provide a backup +// Use a stripped-down slice if we can't use a native one try { - slice.call( docElem.childNodes, 0 )[0].nodeType; + slice.call( preferredDoc.documentElement.childNodes, 0 )[0].nodeType; } catch ( e ) { slice = function( i ) { var elem, results = []; - for ( ; (elem = this[i]); i++ ) { + while ( (elem = this[i++]) ) { results.push( elem ); } return results; }; } +/** + * For feature detection + * @param {Function} fn The function to test for native support + */ +function isNative( fn ) { + return rnative.test( fn + "" ); +} + +/** + * Create key-value caches of limited size + * @returns {Function(string, Object)} Returns the Object data after storing it on itself with + * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) + * deleting the oldest entry + */ +function createCache() { + var cache, + keys = []; + + return (cache = function( key, value ) { + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if ( keys.push( key += " " ) > Expr.cacheLength ) { + // Only keep the most recent entries + delete cache[ keys.shift() ]; + } + return (cache[ key ] = value); + }); +} + +/** + * Mark a function for special use by Sizzle + * @param {Function} fn The function to mark + */ +function markFunction( fn ) { + fn[ expando ] = true; + return fn; +} + +/** + * Support testing using an element + * @param {Function} fn Passed the created div and expects a boolean result + */ +function assert( fn ) { + var div = document.createElement("div"); + + try { + return fn( div ); + } catch (e) { + return false; + } finally { + // release memory in IE + div = null; + } +} + function Sizzle( selector, context, results, seed ) { - results = results || []; + var match, elem, m, nodeType, + // QSA vars + i, groups, old, nid, newContext, newSelector; + + if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { + setDocument( context ); + } + context = context || document; - var match, elem, xml, m, - nodeType = context.nodeType; + results = results || []; if ( !selector || typeof selector !== "string" ) { return results; } - if ( nodeType !== 1 && nodeType !== 9 ) { + if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) { return []; } - xml = isXML( context ); + if ( !documentIsXML && !seed ) { - if ( !xml && !seed ) { + // Shortcuts if ( (match = rquickExpr.exec( selector )) ) { // Speed-up: Sizzle("#ID") if ( (m = match[1]) ) { @@ -3926,97 +3945,65 @@ function Sizzle( selector, context, results, seed ) { return results; // Speed-up: Sizzle(".CLASS") - } else if ( (m = match[3]) && assertUsableClassName && context.getElementsByClassName ) { + } else if ( (m = match[3]) && support.getByClassName && context.getElementsByClassName ) { push.apply( results, slice.call(context.getElementsByClassName( m ), 0) ); return results; } } - } - - // All others - return select( selector.replace( rtrim, "$1" ), context, results, seed, xml ); -} - -Sizzle.matches = function( expr, elements ) { - return Sizzle( expr, null, null, elements ); -}; - -Sizzle.matchesSelector = function( elem, expr ) { - return Sizzle( expr, null, null, [ elem ] ).length > 0; -}; -// Returns a function to use in pseudos for input types -function createInputPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === type; - }; -} + // QSA path + if ( support.qsa && !rbuggyQSA.test(selector) ) { + old = true; + nid = expando; + newContext = context; + newSelector = nodeType === 9 && selector; -// Returns a function to use in pseudos for buttons -function createButtonPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return (name === "input" || name === "button") && elem.type === type; - }; -} + // qSA works strangely on Element-rooted queries + // We can work around this by specifying an extra ID on the root + // and working up from there (Thanks to Andrew Dupont for the technique) + // IE 8 doesn't work on object elements + if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { + groups = tokenize( selector ); -// Returns a function to use in pseudos for positionals -function createPositionalPseudo( fn ) { - return markFunction(function( argument ) { - argument = +argument; - return markFunction(function( seed, matches ) { - var j, - matchIndexes = fn( [], seed.length, argument ), - i = matchIndexes.length; + if ( (old = context.getAttribute("id")) ) { + nid = old.replace( rescape, "\\$&" ); + } else { + context.setAttribute( "id", nid ); + } + nid = "[id='" + nid + "'] "; - // Match elements found at the specified indexes - while ( i-- ) { - if ( seed[ (j = matchIndexes[i]) ] ) { - seed[j] = !(matches[j] = seed[j]); + i = groups.length; + while ( i-- ) { + groups[i] = nid + toSelector( groups[i] ); } + newContext = rsibling.test( selector ) && context.parentNode || context; + newSelector = groups.join(","); } - }); - }); -} - -/** - * Utility function for retrieving the text value of an array of DOM nodes - * @param {Array|Element} elem - */ -getText = Sizzle.getText = function( elem ) { - var node, - ret = "", - i = 0, - nodeType = elem.nodeType; - if ( nodeType ) { - if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { - // Use textContent for elements - // innerText usage removed for consistency of new lines (see #11153) - if ( typeof elem.textContent === "string" ) { - return elem.textContent; - } else { - // Traverse its children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - ret += getText( elem ); + if ( newSelector ) { + try { + push.apply( results, slice.call( newContext.querySelectorAll( + newSelector + ), 0 ) ); + return results; + } catch(qsaError) { + } finally { + if ( !old ) { + context.removeAttribute("id"); + } } } - } else if ( nodeType === 3 || nodeType === 4 ) { - return elem.nodeValue; - } - // Do not include comment or processing instruction nodes - } else { - - // If no nodeType, this is expected to be an array - for ( ; (node = elem[i]); i++ ) { - // Do not traverse comment nodes - ret += getText( node ); } } - return ret; -}; + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed ); +} + +/** + * Detect xml + * @param {Element|Object} elem An element or a document + */ isXML = Sizzle.isXML = function( elem ) { // documentElement is verified for cases where it doesn't yet exist // (such as loading iframes in IE - #4833) @@ -4024,128 +4011,544 @@ isXML = Sizzle.isXML = function( elem ) { return documentElement ? documentElement.nodeName !== "HTML" : false; }; -// Element contains another -contains = Sizzle.contains = docElem.contains ? - function( a, b ) { - var adown = a.nodeType === 9 ? a.documentElement : a, - bup = b && b.parentNode; - return a === bup || !!( bup && bup.nodeType === 1 && adown.contains && adown.contains(bup) ); - } : - docElem.compareDocumentPosition ? - function( a, b ) { - return b && !!( a.compareDocumentPosition( b ) & 16 ); - } : - function( a, b ) { - while ( (b = b.parentNode) ) { - if ( b === a ) { - return true; - } - } - return false; - }; - -Sizzle.attr = function( elem, name ) { - var val, - xml = isXML( elem ); +/** + * Sets document-related variables once based on the current document + * @param {Element|Object} [doc] An element or document object to use to set the document + * @returns {Object} Returns the current document + */ +setDocument = Sizzle.setDocument = function( node ) { + var doc = node ? node.ownerDocument || node : preferredDoc; - if ( !xml ) { - name = name.toLowerCase(); - } - if ( (val = Expr.attrHandle[ name ]) ) { - return val( elem ); - } - if ( xml || assertAttributes ) { - return elem.getAttribute( name ); + // If no document and documentElement is available, return + if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { + return document; } - val = elem.getAttributeNode( name ); - return val ? - typeof elem[ name ] === "boolean" ? - elem[ name ] ? name : null : - val.specified ? val.value : null : - null; -}; - -Expr = Sizzle.selectors = { - // Can be adjusted by the user - cacheLength: 50, + // Set our document + document = doc; + docElem = doc.documentElement; - createPseudo: markFunction, + // Support tests + documentIsXML = isXML( doc ); - match: matchExpr, + // Check if getElementsByTagName("*") returns only elements + support.tagNameNoComments = assert(function( div ) { + div.appendChild( doc.createComment("") ); + return !div.getElementsByTagName("*").length; + }); - // IE6/7 return a modified href - attrHandle: assertHrefNotNormalized ? - {} : - { - "href": function( elem ) { - return elem.getAttribute( "href", 2 ); + // Check if attributes should be retrieved by attribute nodes + support.attributes = assert(function( div ) { + div.innerHTML = ""; + var type = typeof div.lastChild.getAttribute("multiple"); + // IE8 returns a string for some attributes even when not present + return type !== "boolean" && type !== "string"; + }); + + // Check if getElementsByClassName can be trusted + support.getByClassName = assert(function( div ) { + // Opera can't find a second classname (in 9.6) + div.innerHTML = ""; + if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) { + return false; + } + + // Safari 3.2 caches class attributes and doesn't catch changes + div.lastChild.className = "e"; + return div.getElementsByClassName("e").length === 2; + }); + + // Check if getElementById returns elements by name + // Check if getElementsByName privileges form controls or returns elements by ID + support.getByName = assert(function( div ) { + // Inject content + div.id = expando + 0; + div.innerHTML = "
"; + docElem.insertBefore( div, docElem.firstChild ); + + // Test + var pass = doc.getElementsByName && + // buggy browsers will return fewer than the correct 2 + doc.getElementsByName( expando ).length === 2 + + // buggy browsers will return more than the correct 0 + doc.getElementsByName( expando + 0 ).length; + support.getIdNotName = !doc.getElementById( expando ); + + // Cleanup + docElem.removeChild( div ); + + return pass; + }); + + // IE6/7 return modified attributes + Expr.attrHandle = assert(function( div ) { + div.innerHTML = ""; + return div.firstChild && typeof div.firstChild.getAttribute !== strundefined && + div.firstChild.getAttribute("href") === "#"; + }) ? + {} : + { + "href": function( elem ) { + return elem.getAttribute( "href", 2 ); }, "type": function( elem ) { return elem.getAttribute("type"); } - }, + }; - find: { - "ID": assertGetIdNotName ? - function( id, context, xml ) { - if ( typeof context.getElementById !== strundefined && !xml ) { - var m = context.getElementById( id ); - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - return m && m.parentNode ? [m] : []; - } - } : - function( id, context, xml ) { - if ( typeof context.getElementById !== strundefined && !xml ) { - var m = context.getElementById( id ); - - return m ? - m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ? - [m] : - undefined : - []; - } - }, + // ID find and filter + if ( support.getIdNotName ) { + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== strundefined && !documentIsXML ) { + var m = context.getElementById( id ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + return m && m.parentNode ? [m] : []; + } + }; + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + return elem.getAttribute("id") === attrId; + }; + }; + } else { + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== strundefined && !documentIsXML ) { + var m = context.getElementById( id ); + + return m ? + m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ? + [m] : + undefined : + []; + } + }; + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id"); + return node && node.value === attrId; + }; + }; + } + + // Tag + Expr.find["TAG"] = support.tagNameNoComments ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== strundefined ) { + return context.getElementsByTagName( tag ); + } + } : + function( tag, context ) { + var elem, + tmp = [], + i = 0, + results = context.getElementsByTagName( tag ); - "TAG": assertTagNameNoComments ? - function( tag, context ) { - if ( typeof context.getElementsByTagName !== strundefined ) { - return context.getElementsByTagName( tag ); + // Filter out possible comments + if ( tag === "*" ) { + while ( (elem = results[i++]) ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } } - } : - function( tag, context ) { - var results = context.getElementsByTagName( tag ); - // Filter out possible comments - if ( tag === "*" ) { - var elem, - tmp = [], - i = 0; + return tmp; + } + return results; + }; - for ( ; (elem = results[i]); i++ ) { - if ( elem.nodeType === 1 ) { - tmp.push( elem ); - } + // Name + Expr.find["NAME"] = support.getByName && function( tag, context ) { + if ( typeof context.getElementsByName !== strundefined ) { + return context.getElementsByName( name ); + } + }; + + // Class + Expr.find["CLASS"] = support.getByClassName && function( className, context ) { + if ( typeof context.getElementsByClassName !== strundefined && !documentIsXML ) { + return context.getElementsByClassName( className ); + } + }; + + // QSA and matchesSelector support + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; + + // qSa(:focus) reports false when true (Chrome 21), + // no need to also add to buggyMatches since matches checks buggyQSA + // A support test would require too much code (would include document ready) + rbuggyQSA = [ ":focus" ]; + + if ( (support.qsa = isNative(doc.querySelectorAll)) ) { + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert(function( div ) { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explictly + // setting a boolean content attribute, + // since its presence should be enough + // http://bugs.jquery.com/ticket/12359 + div.innerHTML = ""; + + // IE8 - Some boolean attributes are not treated correctly + if ( !div.querySelectorAll("[selected]").length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" ); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":checked").length ) { + rbuggyQSA.push(":checked"); + } + }); + + assert(function( div ) { + + // Opera 10-12/IE8 - ^= $= *= and empty values + // Should not select anything + div.innerHTML = ""; + if ( div.querySelectorAll("[i^='']").length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":enabled").length ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Opera 10-11 does not throw on post-comma invalid pseudos + div.querySelectorAll("*,:x"); + rbuggyQSA.push(",.*:"); + }); + } + + if ( (support.matchesSelector = isNative( (matches = docElem.matchesSelector || + docElem.mozMatchesSelector || + docElem.webkitMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector) )) ) { + + assert(function( div ) { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call( div, "div" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call( div, "[s!='']:x" ); + rbuggyMatches.push( "!=", pseudos ); + }); + } + + rbuggyQSA = new RegExp( rbuggyQSA.join("|") ); + rbuggyMatches = new RegExp( rbuggyMatches.join("|") ); + + // Element contains another + // Purposefully does not implement inclusive descendent + // As in, an element does not contain itself + contains = isNative(docElem.contains) || docElem.compareDocumentPosition ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && ( + adown.contains ? + adown.contains( bup ) : + a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 + )); + } : + function( a, b ) { + if ( b ) { + while ( (b = b.parentNode) ) { + if ( b === a ) { + return true; } + } + } + return false; + }; + + // Document order sorting + sortOrder = docElem.compareDocumentPosition ? + function( a, b ) { + var compare; + + if ( a === b ) { + hasDuplicate = true; + return 0; + } - return tmp; + if ( (compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b )) ) { + if ( compare & 1 || a.parentNode && a.parentNode.nodeType === 11 ) { + if ( a === doc || contains( preferredDoc, a ) ) { + return -1; } - return results; - }, + if ( b === doc || contains( preferredDoc, b ) ) { + return 1; + } + return 0; + } + return compare & 4 ? -1 : 1; + } + + return a.compareDocumentPosition ? -1 : 1; + } : + function( a, b ) { + var cur, + i = 0, + aup = a.parentNode, + bup = b.parentNode, + ap = [ a ], + bp = [ b ]; + + // Exit early if the nodes are identical + if ( a === b ) { + hasDuplicate = true; + return 0; + + // Parentless nodes are either documents or disconnected + } else if ( !aup || !bup ) { + return a === doc ? -1 : + b === doc ? 1 : + aup ? -1 : + bup ? 1 : + 0; + + // If the nodes are siblings, we can do a quick check + } else if ( aup === bup ) { + return siblingCheck( a, b ); + } + + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ( (cur = cur.parentNode) ) { + ap.unshift( cur ); + } + cur = b; + while ( (cur = cur.parentNode) ) { + bp.unshift( cur ); + } + + // Walk down the tree looking for a discrepancy + while ( ap[i] === bp[i] ) { + i++; + } + + return i ? + // Do a sibling check if the nodes have a common ancestor + siblingCheck( ap[i], bp[i] ) : + + // Otherwise nodes in our document sort first + ap[i] === preferredDoc ? -1 : + bp[i] === preferredDoc ? 1 : + 0; + }; + + // Always assume the presence of duplicates if sort doesn't + // pass them to our comparison function (as in Google Chrome). + hasDuplicate = false; + [0, 0].sort( sortOrder ); + support.detectDuplicates = hasDuplicate; + + return document; +}; + +Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); +}; + +Sizzle.matchesSelector = function( elem, expr ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + // Make sure that attribute selectors are quoted + expr = expr.replace( rattributeQuotes, "='$1']" ); - "NAME": assertUsableName && function( tag, context ) { - if ( typeof context.getElementsByName !== strundefined ) { - return context.getElementsByName( name ); + // rbuggyQSA always contains :focus, so no need for an existence check + if ( support.matchesSelector && !documentIsXML && (!rbuggyMatches || !rbuggyMatches.test(expr)) && !rbuggyQSA.test(expr) ) { + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || support.disconnectedMatch || + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; } - }, + } catch(e) {} + } + + return Sizzle( expr, document, null, [elem] ).length > 0; +}; + +Sizzle.contains = function( context, elem ) { + // Set document vars if needed + if ( ( context.ownerDocument || context ) !== document ) { + setDocument( context ); + } + return contains( context, elem ); +}; + +Sizzle.attr = function( elem, name ) { + var val; + + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + if ( !documentIsXML ) { + name = name.toLowerCase(); + } + if ( (val = Expr.attrHandle[ name ]) ) { + return val( elem ); + } + if ( documentIsXML || support.attributes ) { + return elem.getAttribute( name ); + } + return ( (val = elem.getAttributeNode( name )) || elem.getAttribute( name ) ) && elem[ name ] === true ? + name : + val && val.specified ? val.value : null; +}; + +Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); +}; + +// Document sorting and removing duplicates +Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + i = 1, + j = 0; + + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + results.sort( sortOrder ); - "CLASS": assertUsableClassName && function( className, context, xml ) { - if ( typeof context.getElementsByClassName !== strundefined && !xml ) { - return context.getElementsByClassName( className ); + if ( hasDuplicate ) { + for ( ; (elem = results[i]); i++ ) { + if ( elem === results[ i - 1 ] ) { + j = duplicates.push( i ); } } - }, + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + return results; +}; + +function siblingCheck( a, b ) { + var cur = b && a, + diff = cur && ( ~b.sourceIndex || MAX_NEGATIVE ) - ( ~a.sourceIndex || MAX_NEGATIVE ); + + // Use IE sourceIndex if available on both nodes + if ( diff ) { + return diff; + } + + // Check if b follows a + if ( cur ) { + while ( (cur = cur.nextSibling) ) { + if ( cur === b ) { + return -1; + } + } + } + + return a ? 1 : -1; +} + +// Returns a function to use in pseudos for input types +function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; +} + +// Returns a function to use in pseudos for buttons +function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return (name === "input" || name === "button") && elem.type === type; + }; +} + +// Returns a function to use in pseudos for positionals +function createPositionalPseudo( fn ) { + return markFunction(function( argument ) { + argument = +argument; + return markFunction(function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ (j = matchIndexes[i]) ] ) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); +} + +/** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ +getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( !nodeType ) { + // If no nodeType, this is expected to be an array + for ( ; (node = elem[i]); i++ ) { + // Do not traverse comment nodes + ret += getText( node ); + } + } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (see #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes + + return ret; +}; + +Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + find: {}, relative: { ">": { dir: "parentNode", first: true }, @@ -4156,10 +4559,10 @@ Expr = Sizzle.selectors = { preFilter: { "ATTR": function( match ) { - match[1] = match[1].replace( rbackslash, "" ); + match[1] = match[1].replace( runescape, funescape ); // Move the given value to match[3] whether quoted or unquoted - match[3] = ( match[4] || match[5] || "" ).replace( rbackslash, "" ); + match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape ); if ( match[2] === "~=" ) { match[3] = " " + match[3] + " "; @@ -4171,28 +4574,29 @@ Expr = Sizzle.selectors = { "CHILD": function( match ) { /* matches from matchExpr["CHILD"] 1 type (only|nth|...) - 2 argument (even|odd|\d*|\d*n([+-]\d+)?|...) - 3 xn-component of xn+y argument ([+-]?\d*n|) - 4 sign of xn-component - 5 x of xn-component - 6 sign of y-component - 7 y of y-component + 2 what (child|of-type) + 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 4 xn-component of xn+y argument ([+-]?\d*n|) + 5 sign of xn-component + 6 x of xn-component + 7 sign of y-component + 8 y of y-component */ match[1] = match[1].toLowerCase(); - if ( match[1] === "nth" ) { - // nth-child requires argument - if ( !match[2] ) { + if ( match[1].slice( 0, 3 ) === "nth" ) { + // nth-* requires argument + if ( !match[3] ) { Sizzle.error( match[0] ); } // numeric x and y parameters for Expr.filter.CHILD // remember that false/true cast respectively to 0/1 - match[3] = +( match[3] ? match[4] + (match[5] || 1) : 2 * ( match[2] === "even" || match[2] === "odd" ) ); - match[4] = +( ( match[6] + match[7] ) || match[2] === "odd" ); + match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); + match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); // other types prohibit arguments - } else if ( match[2] ) { + } else if ( match[3] ) { Sizzle.error( match[0] ); } @@ -4200,26 +4604,27 @@ Expr = Sizzle.selectors = { }, "PSEUDO": function( match ) { - var unquoted, excess; + var excess, + unquoted = !match[5] && match[2]; + if ( matchExpr["CHILD"].test( match[0] ) ) { return null; } - if ( match[3] ) { - match[2] = match[3]; - } else if ( (unquoted = match[4]) ) { - // Only check arguments that contain a pseudo - if ( rpseudo.test(unquoted) && - // Get excess from tokenize (recursively) - (excess = tokenize( unquoted, true )) && - // advance to the next closing parenthesis - (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { - - // excess is a negative index - unquoted = unquoted.slice( 0, excess ); - match[0] = match[0].slice( 0, excess ); - } - match[2] = unquoted; + // Accept quoted arguments as-is + if ( match[4] ) { + match[2] = match[4]; + + // Strip excess characters from unquoted arguments + } else if ( unquoted && rpseudo.test( unquoted ) && + // Get excess from tokenize (recursively) + (excess = tokenize( unquoted, true )) && + // advance to the next closing parenthesis + (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + + // excess is a negative index + match[0] = match[0].slice( 0, excess ); + match[2] = unquoted.slice( 0, excess ); } // Return only captures needed by the pseudo filter method (type and argument) @@ -4228,34 +4633,20 @@ Expr = Sizzle.selectors = { }, filter: { - "ID": assertGetIdNotName ? - function( id ) { - id = id.replace( rbackslash, "" ); - return function( elem ) { - return elem.getAttribute("id") === id; - }; - } : - function( id ) { - id = id.replace( rbackslash, "" ); - return function( elem ) { - var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id"); - return node && node.value === id; - }; - }, "TAG": function( nodeName ) { if ( nodeName === "*" ) { return function() { return true; }; } - nodeName = nodeName.replace( rbackslash, "" ).toLowerCase(); + nodeName = nodeName.replace( runescape, funescape ).toLowerCase(); return function( elem ) { return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; }; }, "CLASS": function( className ) { - var pattern = classCache[ expando ][ className + " " ]; + var pattern = classCache[ className + " " ]; return pattern || (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && @@ -4265,7 +4656,7 @@ Expr = Sizzle.selectors = { }, "ATTR": function( name, operator, check ) { - return function( elem, context ) { + return function( elem ) { var result = Sizzle.attr( elem, name ); if ( result == null ) { @@ -4281,71 +4672,100 @@ Expr = Sizzle.selectors = { operator === "!=" ? result !== check : operator === "^=" ? check && result.indexOf( check ) === 0 : operator === "*=" ? check && result.indexOf( check ) > -1 : - operator === "$=" ? check && result.substr( result.length - check.length ) === check : + operator === "$=" ? check && result.slice( -check.length ) === check : operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 : - operator === "|=" ? result === check || result.substr( 0, check.length + 1 ) === check + "-" : + operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : false; }; }, - "CHILD": function( type, argument, first, last ) { + "CHILD": function( type, what, argument, first, last ) { + var simple = type.slice( 0, 3 ) !== "nth", + forward = type.slice( -4 ) !== "last", + ofType = what === "of-type"; - if ( type === "nth" ) { - return function( elem ) { - var node, diff, - parent = elem.parentNode; + return first === 1 && last === 0 ? - if ( first === 1 && last === 0 ) { - return true; - } + // Shortcut for :nth-*(n) + function( elem ) { + return !!elem.parentNode; + } : + + function( elem, context, xml ) { + var cache, outerCache, node, diff, nodeIndex, start, + dir = simple !== forward ? "nextSibling" : "previousSibling", + parent = elem.parentNode, + name = ofType && elem.nodeName.toLowerCase(), + useCache = !xml && !ofType; if ( parent ) { - diff = 0; - for ( node = parent.firstChild; node; node = node.nextSibling ) { - if ( node.nodeType === 1 ) { - diff++; - if ( elem === node ) { - break; + + // :(first|last|only)-(child|of-type) + if ( simple ) { + while ( dir ) { + node = elem; + while ( (node = node[ dir ]) ) { + if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) { + return false; + } } + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === "only" && !start && "nextSibling"; } + return true; } - } - // Incorporate the offset (or cast to NaN), then check against cycle size - diff -= last; - return diff === first || ( diff % first === 0 && diff / first >= 0 ); - }; - } + start = [ forward ? parent.firstChild : parent.lastChild ]; - return function( elem ) { - var node = elem; - - switch ( type ) { - case "only": - case "first": - while ( (node = node.previousSibling) ) { - if ( node.nodeType === 1 ) { - return false; + // non-xml :nth-child(...) stores cache data on `parent` + if ( forward && useCache ) { + // Seek `elem` from a previously-cached index + outerCache = parent[ expando ] || (parent[ expando ] = {}); + cache = outerCache[ type ] || []; + nodeIndex = cache[0] === dirruns && cache[1]; + diff = cache[0] === dirruns && cache[2]; + node = nodeIndex && parent.childNodes[ nodeIndex ]; + + while ( (node = ++nodeIndex && node && node[ dir ] || + + // Fallback to seeking `elem` from the start + (diff = nodeIndex = 0) || start.pop()) ) { + + // When found, cache indexes on `parent` and break + if ( node.nodeType === 1 && ++diff && node === elem ) { + outerCache[ type ] = [ dirruns, nodeIndex, diff ]; + break; + } } - } - if ( type === "first" ) { - return true; - } + // Use previously-cached element index if available + } else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) { + diff = cache[1]; - node = elem; + // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...) + } else { + // Use the same loop as above to seek `elem` from the start + while ( (node = ++nodeIndex && node && node[ dir ] || + (diff = nodeIndex = 0) || start.pop()) ) { + + if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) { + // Cache the index of each encountered element + if ( useCache ) { + (node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ]; + } - /* falls through */ - case "last": - while ( (node = node.nextSibling) ) { - if ( node.nodeType === 1 ) { - return false; + if ( node === elem ) { + break; + } + } } } - return true; - } - }; + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + } + }; }, "PSEUDO": function( pseudo, argument ) { @@ -4387,6 +4807,7 @@ Expr = Sizzle.selectors = { }, pseudos: { + // Potentially complex pseudos "not": markFunction(function( selector ) { // Trim the selector passed to compile // to avoid treating leading and trailing @@ -4427,6 +4848,49 @@ Expr = Sizzle.selectors = { }; }), + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + "lang": markFunction( function( lang ) { + // lang value must be a valid identifider + if ( !ridentifier.test(lang || "") ) { + Sizzle.error( "unsupported lang: " + lang ); + } + lang = lang.replace( runescape, funescape ).toLowerCase(); + return function( elem ) { + var elemLang; + do { + if ( (elemLang = documentIsXML ? + elem.getAttribute("xml:lang") || elem.getAttribute("lang") : + elem.lang) ) { + + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; + } + } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); + return false; + }; + }), + + // Miscellaneous + "target": function( elem ) { + var hash = window.location && window.location.hash; + return hash && hash.slice( 1 ) === elem.id; + }, + + "root": function( elem ) { + return elem === docElem; + }, + + "focus": function( elem ) { + return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, + + // Boolean properties "enabled": function( elem ) { return elem.disabled === false; }, @@ -4452,69 +4916,49 @@ Expr = Sizzle.selectors = { return elem.selected === true; }, - "parent": function( elem ) { - return !Expr.pseudos["empty"]( elem ); - }, - + // Contents "empty": function( elem ) { // http://www.w3.org/TR/selectors/#empty-pseudo // :empty is only affected by element nodes and content nodes(including text(3), cdata(4)), // not comment, processing instructions, or others // Thanks to Diego Perini for the nodeName shortcut // Greater than "@" means alpha characters (specifically not starting with "#" or "?") - var nodeType; - elem = elem.firstChild; - while ( elem ) { - if ( elem.nodeName > "@" || (nodeType = elem.nodeType) === 3 || nodeType === 4 ) { + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) { return false; } - elem = elem.nextSibling; } return true; }, + "parent": function( elem ) { + return !Expr.pseudos["empty"]( elem ); + }, + + // Element/input types "header": function( elem ) { return rheader.test( elem.nodeName ); }, - "text": function( elem ) { - var type, attr; - // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) - // use getAttribute instead to test this case - return elem.nodeName.toLowerCase() === "input" && - (type = elem.type) === "text" && - ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === type ); + "input": function( elem ) { + return rinputs.test( elem.nodeName ); }, - // Input types - "radio": createInputPseudo("radio"), - "checkbox": createInputPseudo("checkbox"), - "file": createInputPseudo("file"), - "password": createInputPseudo("password"), - "image": createInputPseudo("image"), - - "submit": createButtonPseudo("submit"), - "reset": createButtonPseudo("reset"), - "button": function( elem ) { var name = elem.nodeName.toLowerCase(); return name === "input" && elem.type === "button" || name === "button"; }, - "input": function( elem ) { - return rinputs.test( elem.nodeName ); - }, - - "focus": function( elem ) { - var doc = elem.ownerDocument; - return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); - }, - - "active": function( elem ) { - return elem === elem.ownerDocument.activeElement; + "text": function( elem ) { + var attr; + // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) + // use getAttribute instead to test this case + return elem.nodeName.toLowerCase() === "input" && + elem.type === "text" && + ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type ); }, - // Positional types + // Position-in-collection "first": createPositionalPseudo(function() { return [ 0 ]; }), @@ -4528,28 +4972,32 @@ Expr = Sizzle.selectors = { }), "even": createPositionalPseudo(function( matchIndexes, length ) { - for ( var i = 0; i < length; i += 2 ) { + var i = 0; + for ( ; i < length; i += 2 ) { matchIndexes.push( i ); } return matchIndexes; }), "odd": createPositionalPseudo(function( matchIndexes, length ) { - for ( var i = 1; i < length; i += 2 ) { + var i = 1; + for ( ; i < length; i += 2 ) { matchIndexes.push( i ); } return matchIndexes; }), "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { - for ( var i = argument < 0 ? argument + length : argument; --i >= 0; ) { + var i = argument < 0 ? argument + length : argument; + for ( ; --i >= 0; ) { matchIndexes.push( i ); } return matchIndexes; }), "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { - for ( var i = argument < 0 ? argument + length : argument; ++i < length; ) { + var i = argument < 0 ? argument + length : argument; + for ( ; ++i < length; ) { matchIndexes.push( i ); } return matchIndexes; @@ -4557,133 +5005,18 @@ Expr = Sizzle.selectors = { } }; -function siblingCheck( a, b, ret ) { - if ( a === b ) { - return ret; - } - - var cur = a.nextSibling; - - while ( cur ) { - if ( cur === b ) { - return -1; - } - - cur = cur.nextSibling; - } - - return 1; +// Add button/input type pseudos +for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { + Expr.pseudos[ i ] = createInputPseudo( i ); +} +for ( i in { submit: true, reset: true } ) { + Expr.pseudos[ i ] = createButtonPseudo( i ); } - -sortOrder = docElem.compareDocumentPosition ? - function( a, b ) { - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - return ( !a.compareDocumentPosition || !b.compareDocumentPosition ? - a.compareDocumentPosition : - a.compareDocumentPosition(b) & 4 - ) ? -1 : 1; - } : - function( a, b ) { - // The nodes are identical, we can exit early - if ( a === b ) { - hasDuplicate = true; - return 0; - - // Fallback to using sourceIndex (in IE) if it's available on both nodes - } else if ( a.sourceIndex && b.sourceIndex ) { - return a.sourceIndex - b.sourceIndex; - } - - var al, bl, - ap = [], - bp = [], - aup = a.parentNode, - bup = b.parentNode, - cur = aup; - - // If the nodes are siblings (or identical) we can do a quick check - if ( aup === bup ) { - return siblingCheck( a, b ); - - // If no parents were found then the nodes are disconnected - } else if ( !aup ) { - return -1; - - } else if ( !bup ) { - return 1; - } - - // Otherwise they're somewhere else in the tree so we need - // to build up a full list of the parentNodes for comparison - while ( cur ) { - ap.unshift( cur ); - cur = cur.parentNode; - } - - cur = bup; - - while ( cur ) { - bp.unshift( cur ); - cur = cur.parentNode; - } - - al = ap.length; - bl = bp.length; - - // Start walking down the tree looking for a discrepancy - for ( var i = 0; i < al && i < bl; i++ ) { - if ( ap[i] !== bp[i] ) { - return siblingCheck( ap[i], bp[i] ); - } - } - - // We ended someplace up the tree so do a sibling check - return i === al ? - siblingCheck( a, bp[i], -1 ) : - siblingCheck( ap[i], b, 1 ); - }; - -// Always assume the presence of duplicates if sort doesn't -// pass them to our comparison function (as in Google Chrome). -[0, 0].sort( sortOrder ); -baseHasDuplicate = !hasDuplicate; - -// Document sorting and removing duplicates -Sizzle.uniqueSort = function( results ) { - var elem, - duplicates = [], - i = 1, - j = 0; - - hasDuplicate = baseHasDuplicate; - results.sort( sortOrder ); - - if ( hasDuplicate ) { - for ( ; (elem = results[i]); i++ ) { - if ( elem === results[ i - 1 ] ) { - j = duplicates.push( i ); - } - } - while ( j-- ) { - results.splice( duplicates[ j ], 1 ); - } - } - - return results; -}; - -Sizzle.error = function( msg ) { - throw new Error( "Syntax error, unrecognized expression: " + msg ); -}; function tokenize( selector, parseOnly ) { var matched, match, tokens, type, soFar, groups, preFilters, - cached = tokenCache[ expando ][ selector + " " ]; + cached = tokenCache[ selector + " " ]; if ( cached ) { return parseOnly ? 0 : cached.slice( 0 ); @@ -4708,22 +5041,26 @@ function tokenize( selector, parseOnly ) { // Combinators if ( (match = rcombinators.exec( soFar )) ) { - tokens.push( matched = new Token( match.shift() ) ); + matched = match.shift(); + tokens.push( { + value: matched, + // Cast descendant combinators to space + type: match[0].replace( rtrim, " " ) + } ); soFar = soFar.slice( matched.length ); - - // Cast descendant combinators to space - matched.type = match[0].replace( rtrim, " " ); } // Filters for ( type in Expr.filter ) { if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || (match = preFilters[ type ]( match ))) ) { - - tokens.push( matched = new Token( match.shift() ) ); + matched = match.shift(); + tokens.push( { + value: matched, + type: type, + matches: match + } ); soFar = soFar.slice( matched.length ); - matched.type = type; - matched.matches = match; } } @@ -4743,16 +5080,26 @@ function tokenize( selector, parseOnly ) { tokenCache( selector, groups ).slice( 0 ); } +function toSelector( tokens ) { + var i = 0, + len = tokens.length, + selector = ""; + for ( ; i < len; i++ ) { + selector += tokens[i].value; + } + return selector; +} + function addCombinator( matcher, combinator, base ) { var dir = combinator.dir, - checkNonElements = base && combinator.dir === "parentNode", + checkNonElements = base && dir === "parentNode", doneName = done++; return combinator.first ? // Check against closest ancestor/preceding element function( elem, context, xml ) { while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { + if ( elem.nodeType === 1 || checkNonElements ) { return matcher( elem, context, xml ); } } @@ -4760,34 +5107,32 @@ function addCombinator( matcher, combinator, base ) { // Check against all ancestor/preceding elements function( elem, context, xml ) { + var data, cache, outerCache, + dirkey = dirruns + " " + doneName; + // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching - if ( !xml ) { - var cache, - dirkey = dirruns + " " + doneName + " ", - cachedkey = dirkey + cachedruns; + if ( xml ) { while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { - if ( (cache = elem[ expando ]) === cachedkey ) { - return elem.sizset; - } else if ( typeof cache === "string" && cache.indexOf(dirkey) === 0 ) { - if ( elem.sizset ) { - return elem; - } - } else { - elem[ expando ] = cachedkey; - if ( matcher( elem, context, xml ) ) { - elem.sizset = true; - return elem; - } - elem.sizset = false; + if ( elem.nodeType === 1 || checkNonElements ) { + if ( matcher( elem, context, xml ) ) { + return true; } } } } else { while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { - if ( matcher( elem, context, xml ) ) { - return elem; + if ( elem.nodeType === 1 || checkNonElements ) { + outerCache = elem[ expando ] || (elem[ expando ] = {}); + if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) { + if ( (data = cache[1]) === true || data === cachedruns ) { + return data === true; + } + } else { + cache = outerCache[ dir ] = [ dirkey ]; + cache[1] = matcher( elem, context, xml ) || cachedruns; + if ( cache[1] === true ) { + return true; + } } } } @@ -4946,7 +5291,7 @@ function matcherFromTokens( tokens ) { for ( ; i < len; i++ ) { if ( (matcher = Expr.relative[ tokens[i].type ]) ) { - matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ]; + matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; } else { matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); @@ -4961,11 +5306,11 @@ function matcherFromTokens( tokens ) { } return setMatcher( i > 1 && elementMatcher( matchers ), - i > 1 && tokens.slice( 0, i - 1 ).join("").replace( rtrim, "$1" ), + i > 1 && toSelector( tokens.slice( 0, i - 1 ) ).replace( rtrim, "$1" ), matcher, i < j && matcherFromTokens( tokens.slice( i, j ) ), j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), - j < len && tokens.join("") + j < len && toSelector( tokens ) ); } matchers.push( matcher ); @@ -4976,7 +5321,9 @@ function matcherFromTokens( tokens ) { } function matcherFromGroupMatchers( elementMatchers, setMatchers ) { - var bySet = setMatchers.length > 0, + // A counter to specify which element is currently being matched + var matcherCachedRuns = 0, + bySet = setMatchers.length > 0, byElement = elementMatchers.length > 0, superMatcher = function( seed, context, xml, results, expandContext ) { var elem, j, matcher, @@ -4988,18 +5335,20 @@ function matcherFromGroupMatchers( elementMatchers, setMatchers ) { contextBackup = outermostContext, // We must always have either seed elements or context elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ), - // Nested matchers should use non-integer dirruns - dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.E); + // Use integer dirruns iff this is the outermost matcher + dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1); if ( outermost ) { outermostContext = context !== document && context; - cachedruns = superMatcher.el; + cachedruns = matcherCachedRuns; } // Add elements passing elementMatchers directly to results + // Keep `i` a string if there are no elements so `matchedCount` will be "00" below for ( ; (elem = elems[i]) != null; i++ ) { if ( byElement && elem ) { - for ( j = 0; (matcher = elementMatchers[j]); j++ ) { + j = 0; + while ( (matcher = elementMatchers[j++]) ) { if ( matcher( elem, context, xml ) ) { results.push( elem ); break; @@ -5007,7 +5356,7 @@ function matcherFromGroupMatchers( elementMatchers, setMatchers ) { } if ( outermost ) { dirruns = dirrunsUnique; - cachedruns = ++superMatcher.el; + cachedruns = ++matcherCachedRuns; } } @@ -5028,7 +5377,8 @@ function matcherFromGroupMatchers( elementMatchers, setMatchers ) { // Apply set filters to unmatched elements matchedCount += i; if ( bySet && i !== matchedCount ) { - for ( j = 0; (matcher = setMatchers[j]); j++ ) { + j = 0; + while ( (matcher = setMatchers[j++]) ) { matcher( unmatched, setMatched, context, xml ); } @@ -5066,7 +5416,6 @@ function matcherFromGroupMatchers( elementMatchers, setMatchers ) { return unmatched; }; - superMatcher.el = 0; return bySet ? markFunction( superMatcher ) : superMatcher; @@ -5076,7 +5425,7 @@ compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) { var i, setMatchers = [], elementMatchers = [], - cached = compilerCache[ expando ][ selector + " " ]; + cached = compilerCache[ selector + " " ]; if ( !cached ) { // Generate a function of recursive functions that can be used to check each element @@ -5108,10 +5457,9 @@ function multipleContexts( selector, contexts, results ) { return results; } -function select( selector, context, results, seed, xml ) { +function select( selector, context, results, seed ) { var i, tokens, token, type, find, - match = tokenize( selector ), - j = match.length; + match = tokenize( selector ); if ( !seed ) { // Try to minimize operations if there is only one group @@ -5120,19 +5468,20 @@ function select( selector, context, results, seed, xml ) { // Take a shortcut and set the context if the root selector is an ID tokens = match[0] = match[0].slice( 0 ); if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && - context.nodeType === 9 && !xml && + context.nodeType === 9 && !documentIsXML && Expr.relative[ tokens[1].type ] ) { - context = Expr.find["ID"]( token.matches[0].replace( rbackslash, "" ), context, xml )[0]; + context = Expr.find["ID"]( token.matches[0].replace( runescape, funescape ), context )[0]; if ( !context ) { return results; } - selector = selector.slice( tokens.shift().length ); + selector = selector.slice( tokens.shift().value.length ); } // Fetch a seed set for right-to-left matching - for ( i = matchExpr["POS"].test( selector ) ? -1 : tokens.length - 1; i >= 0; i-- ) { + i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; + while ( i-- ) { token = tokens[i]; // Abort if we hit a combinator @@ -5142,14 +5491,13 @@ function select( selector, context, results, seed, xml ) { if ( (find = Expr.find[ type ]) ) { // Search, expanding context for leading sibling combinators if ( (seed = find( - token.matches[0].replace( rbackslash, "" ), - rsibling.test( tokens[0].type ) && context.parentNode || context, - xml + token.matches[0].replace( runescape, funescape ), + rsibling.test( tokens[0].type ) && context.parentNode || context )) ) { // If seed is empty or no tokens remain, we can return early tokens.splice( i, 1 ); - selector = seed.length && tokens.join(""); + selector = seed.length && toSelector( tokens ); if ( !selector ) { push.apply( results, slice.call( seed, 0 ) ); return results; @@ -5167,178 +5515,24 @@ function select( selector, context, results, seed, xml ) { compile( selector, match )( seed, context, - xml, + documentIsXML, results, rsibling.test( selector ) ); return results; } -if ( document.querySelectorAll ) { - (function() { - var disconnectedMatch, - oldSelect = select, - rescape = /'|\\/g, - rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g, - - // qSa(:focus) reports false when true (Chrome 21), no need to also add to buggyMatches since matches checks buggyQSA - // A support test would require too much code (would include document ready) - rbuggyQSA = [ ":focus" ], - - // matchesSelector(:active) reports false when true (IE9/Opera 11.5) - // A support test would require too much code (would include document ready) - // just skip matchesSelector for :active - rbuggyMatches = [ ":active" ], - matches = docElem.matchesSelector || - docElem.mozMatchesSelector || - docElem.webkitMatchesSelector || - docElem.oMatchesSelector || - docElem.msMatchesSelector; - - // Build QSA regex - // Regex strategy adopted from Diego Perini - assert(function( div ) { - // Select is set to empty string on purpose - // This is to test IE's treatment of not explictly - // setting a boolean content attribute, - // since its presence should be enough - // http://bugs.jquery.com/ticket/12359 - div.innerHTML = ""; - - // IE8 - Some boolean attributes are not treated correctly - if ( !div.querySelectorAll("[selected]").length ) { - rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" ); - } - - // Webkit/Opera - :checked should return selected option elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - // IE8 throws error here (do not put tests after this one) - if ( !div.querySelectorAll(":checked").length ) { - rbuggyQSA.push(":checked"); - } - }); - - assert(function( div ) { - - // Opera 10-12/IE9 - ^= $= *= and empty values - // Should not select anything - div.innerHTML = "

"; - if ( div.querySelectorAll("[test^='']").length ) { - rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" ); - } - - // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) - // IE8 throws error here (do not put tests after this one) - div.innerHTML = ""; - if ( !div.querySelectorAll(":enabled").length ) { - rbuggyQSA.push(":enabled", ":disabled"); - } - }); - - // rbuggyQSA always contains :focus, so no need for a length check - rbuggyQSA = /* rbuggyQSA.length && */ new RegExp( rbuggyQSA.join("|") ); - - select = function( selector, context, results, seed, xml ) { - // Only use querySelectorAll when not filtering, - // when this is not xml, - // and when no QSA bugs apply - if ( !seed && !xml && !rbuggyQSA.test( selector ) ) { - var groups, i, - old = true, - nid = expando, - newContext = context, - newSelector = context.nodeType === 9 && selector; - - // qSA works strangely on Element-rooted queries - // We can work around this by specifying an extra ID on the root - // and working up from there (Thanks to Andrew Dupont for the technique) - // IE 8 doesn't work on object elements - if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { - groups = tokenize( selector ); - - if ( (old = context.getAttribute("id")) ) { - nid = old.replace( rescape, "\\$&" ); - } else { - context.setAttribute( "id", nid ); - } - nid = "[id='" + nid + "'] "; - - i = groups.length; - while ( i-- ) { - groups[i] = nid + groups[i].join(""); - } - newContext = rsibling.test( selector ) && context.parentNode || context; - newSelector = groups.join(","); - } - - if ( newSelector ) { - try { - push.apply( results, slice.call( newContext.querySelectorAll( - newSelector - ), 0 ) ); - return results; - } catch(qsaError) { - } finally { - if ( !old ) { - context.removeAttribute("id"); - } - } - } - } - - return oldSelect( selector, context, results, seed, xml ); - }; - - if ( matches ) { - assert(function( div ) { - // Check to see if it's possible to do matchesSelector - // on a disconnected node (IE 9) - disconnectedMatch = matches.call( div, "div" ); - - // This should fail with an exception - // Gecko does not error, returns false instead - try { - matches.call( div, "[test!='']:sizzle" ); - rbuggyMatches.push( "!=", pseudos ); - } catch ( e ) {} - }); - - // rbuggyMatches always contains :active and :focus, so no need for a length check - rbuggyMatches = /* rbuggyMatches.length && */ new RegExp( rbuggyMatches.join("|") ); - - Sizzle.matchesSelector = function( elem, expr ) { - // Make sure that attribute selectors are quoted - expr = expr.replace( rattributeQuotes, "='$1']" ); - - // rbuggyMatches always contains :active, so no need for an existence check - if ( !isXML( elem ) && !rbuggyMatches.test( expr ) && !rbuggyQSA.test( expr ) ) { - try { - var ret = matches.call( elem, expr ); - - // IE 9's matchesSelector returns false on disconnected nodes - if ( ret || disconnectedMatch || - // As well, disconnected nodes are said to be in a document - // fragment in IE 9 - elem.document && elem.document.nodeType !== 11 ) { - return ret; - } - } catch(e) {} - } - - return Sizzle( expr, null, null, [ elem ] ).length > 0; - }; - } - })(); -} - // Deprecated Expr.pseudos["nth"] = Expr.pseudos["eq"]; -// Back-compat +// Easy API for creating new setFilters function setFilters() {} Expr.filters = setFilters.prototype = Expr.pseudos; Expr.setFilters = new setFilters(); +// Initialize with the default document +setDocument(); + // Override sizzle attribute retrieval Sizzle.attr = jQuery.attr; jQuery.find = Sizzle; @@ -5365,38 +5559,28 @@ var runtil = /Until$/, jQuery.fn.extend({ find: function( selector ) { - var i, l, length, n, r, ret, - self = this; + var i, ret, self, + len = this.length; if ( typeof selector !== "string" ) { - return jQuery( selector ).filter(function() { - for ( i = 0, l = self.length; i < l; i++ ) { + self = this; + return this.pushStack( jQuery( selector ).filter(function() { + for ( i = 0; i < len; i++ ) { if ( jQuery.contains( self[ i ], this ) ) { return true; } } - }); + }) ); } - ret = this.pushStack( "", "find", selector ); - - for ( i = 0, l = this.length; i < l; i++ ) { - length = ret.length; - jQuery.find( selector, this[i], ret ); - - if ( i > 0 ) { - // Make sure that the results are unique - for ( n = length; n < ret.length; n++ ) { - for ( r = 0; r < length; r++ ) { - if ( ret[r] === ret[n] ) { - ret.splice(n--, 1); - break; - } - } - } - } + ret = []; + for ( i = 0; i < len; i++ ) { + jQuery.find( selector, this[ i ], ret ); } + // Needed because $( selector, context ) becomes $( context ).find( selector ) + ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret ); + ret.selector = ( this.selector ? this.selector + " " : "" ) + selector; return ret; }, @@ -5415,11 +5599,11 @@ jQuery.fn.extend({ }, not: function( selector ) { - return this.pushStack( winnow(this, selector, false), "not", selector); + return this.pushStack( winnow(this, selector, false) ); }, filter: function( selector ) { - return this.pushStack( winnow(this, selector, true), "filter", selector ); + return this.pushStack( winnow(this, selector, true) ); }, is: function( selector ) { @@ -5454,9 +5638,7 @@ jQuery.fn.extend({ } } - ret = ret.length > 1 ? jQuery.unique( ret ) : ret; - - return this.pushStack( ret, "closest", selectors ); + return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret ); }, // Determine the position of an element within @@ -5465,7 +5647,7 @@ jQuery.fn.extend({ // No argument, return index in parent if ( !elem ) { - return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1; + return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1; } // index in selector @@ -5485,9 +5667,7 @@ jQuery.fn.extend({ jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ), all = jQuery.merge( this.get(), set ); - return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ? - all : - jQuery.unique( all ) ); + return this.pushStack( jQuery.unique(all) ); }, addBack: function( selector ) { @@ -5499,12 +5679,6 @@ jQuery.fn.extend({ jQuery.fn.andSelf = jQuery.fn.addBack; -// A painfully simple check to see if an element is disconnected -// from a document (should be improved, where feasible). -function isDisconnected( node ) { - return !node || !node.parentNode || node.parentNode.nodeType === 11; -} - function sibling( cur, dir ) { do { cur = cur[ dir ]; @@ -5571,7 +5745,7 @@ jQuery.each({ ret = ret.reverse(); } - return this.pushStack( ret, name, core_slice.call( arguments ).join(",") ); + return this.pushStack( ret ); }; }); @@ -5626,7 +5800,7 @@ function winnow( elements, qualifier, keep ) { }); } else if ( qualifier.nodeType ) { - return jQuery.grep(elements, function( elem, i ) { + return jQuery.grep(elements, function( elem ) { return ( elem === qualifier ) === keep; }); @@ -5642,13 +5816,13 @@ function winnow( elements, qualifier, keep ) { } } - return jQuery.grep(elements, function( elem, i ) { + return jQuery.grep(elements, function( elem ) { return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep; }); } function createSafeFragment( document ) { var list = nodeNames.split( "|" ), - safeFrag = document.createDocumentFragment(); + safeFrag = document.createDocumentFragment(); if ( safeFrag.createElement ) { while ( list.length ) { @@ -5663,28 +5837,34 @@ function createSafeFragment( document ) { var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" + "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video", rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g, + rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"), rleadingWhitespace = /^\s+/, rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, rtagName = /<([\w:]+)/, rtbody = /]", "i"), - rcheckableType = /^(?:checkbox|radio)$/, + manipulation_rcheckableType = /^(?:checkbox|radio)$/i, // checked="checked" or checked rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, - rscriptType = /\/(java|ecma)script/i, - rcleanScript = /^\s*\s*$/g, + rscriptType = /^$|\/(?:java|ecma)script/i, + rscriptTypeMasked = /^true\/(.*)/, + rcleanScript = /^\s*\s*$/g, + + // We have to close these tags to support XHTML (#13200) wrapMap = { option: [ 1, "" ], legend: [ 1, "
", "
" ], + area: [ 1, "", "" ], + param: [ 1, "", "" ], thead: [ 1, "", "
" ], tr: [ 2, "", "
" ], - td: [ 3, "", "
" ], col: [ 2, "", "
" ], - area: [ 1, "", "" ], - _default: [ 0, "", "" ] + td: [ 3, "", "
" ], + + // IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags, + // unless wrapped in a div with non-breaking characters in front of it. + _default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X
", "
" ] }, safeFragment = createSafeFragment( document ), fragmentDiv = safeFragment.appendChild( document.createElement("div") ); @@ -5693,12 +5873,6 @@ wrapMap.optgroup = wrapMap.option; wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; wrapMap.th = wrapMap.td; -// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags, -// unless wrapped in a div with non-breaking characters in front of it. -if ( !jQuery.support.htmlSerialize ) { - wrapMap._default = [ 1, "X
", "
" ]; -} - jQuery.fn.extend({ text: function( value ) { return jQuery.access( this, function( value ) { @@ -5775,7 +5949,7 @@ jQuery.fn.extend({ append: function() { return this.domManip(arguments, true, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.appendChild( elem ); } }); @@ -5783,36 +5957,26 @@ jQuery.fn.extend({ prepend: function() { return this.domManip(arguments, true, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.insertBefore( elem, this.firstChild ); } }); }, before: function() { - if ( !isDisconnected( this[0] ) ) { - return this.domManip(arguments, false, function( elem ) { + return this.domManip( arguments, false, function( elem ) { + if ( this.parentNode ) { this.parentNode.insertBefore( elem, this ); - }); - } - - if ( arguments.length ) { - var set = jQuery.clean( arguments ); - return this.pushStack( jQuery.merge( set, this ), "before", this.selector ); - } + } + }); }, after: function() { - if ( !isDisconnected( this[0] ) ) { - return this.domManip(arguments, false, function( elem ) { + return this.domManip( arguments, false, function( elem ) { + if ( this.parentNode ) { this.parentNode.insertBefore( elem, this.nextSibling ); - }); - } - - if ( arguments.length ) { - var set = jQuery.clean( arguments ); - return this.pushStack( jQuery.merge( this, set ), "after", this.selector ); - } + } + }); }, // keepData is for internal use only--do not document @@ -5821,13 +5985,15 @@ jQuery.fn.extend({ i = 0; for ( ; (elem = this[i]) != null; i++ ) { - if ( !selector || jQuery.filter( selector, [ elem ] ).length ) { + if ( !selector || jQuery.filter( selector, [ elem ] ).length > 0 ) { if ( !keepData && elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName("*") ); - jQuery.cleanData( [ elem ] ); + jQuery.cleanData( getAll( elem ) ); } if ( elem.parentNode ) { + if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) { + setGlobalEval( getAll( elem, "script" ) ); + } elem.parentNode.removeChild( elem ); } } @@ -5843,13 +6009,19 @@ jQuery.fn.extend({ for ( ; (elem = this[i]) != null; i++ ) { // Remove element nodes and prevent memory leaks if ( elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName("*") ); + jQuery.cleanData( getAll( elem, false ) ); } // Remove any remaining nodes while ( elem.firstChild ) { elem.removeChild( elem.firstChild ); } + + // If this is a select, ensure that it displays empty (#12336) + // Support: IE<9 + if ( elem.options && jQuery.nodeName( elem, "select" ) ) { + elem.options.length = 0; + } } return this; @@ -5889,7 +6061,7 @@ jQuery.fn.extend({ // Remove element nodes and prevent memory leaks elem = this[i] || {}; if ( elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName( "*" ) ); + jQuery.cleanData( getAll( elem, false ) ); elem.innerHTML = value; } } @@ -5907,37 +6079,23 @@ jQuery.fn.extend({ }, replaceWith: function( value ) { - if ( !isDisconnected( this[0] ) ) { - // Make sure that the elements are removed from the DOM before they are inserted - // this can help fix replacing a parent with child elements - if ( jQuery.isFunction( value ) ) { - return this.each(function(i) { - var self = jQuery(this), old = self.html(); - self.replaceWith( value.call( this, i, old ) ); - }); - } + var isFunc = jQuery.isFunction( value ); - if ( typeof value !== "string" ) { - value = jQuery( value ).detach(); - } + // Make sure that the elements are removed from the DOM before they are inserted + // this can help fix replacing a parent with child elements + if ( !isFunc && typeof value !== "string" ) { + value = jQuery( value ).not( this ).detach(); + } - return this.each(function() { - var next = this.nextSibling, - parent = this.parentNode; + return this.domManip( [ value ], true, function( elem ) { + var next = this.nextSibling, + parent = this.parentNode; + if ( parent ) { jQuery( this ).remove(); - - if ( next ) { - jQuery(next).before( value ); - } else { - jQuery(parent).append( value ); - } - }); - } - - return this.length ? - this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) : - this; + parent.insertBefore( elem, next ); + } + }); }, detach: function( selector ) { @@ -5947,32 +6105,30 @@ jQuery.fn.extend({ domManip: function( args, table, callback ) { // Flatten any nested arrays - args = [].concat.apply( [], args ); + args = core_concat.apply( [], args ); - var results, first, fragment, iNoClone, + var first, node, hasScripts, + scripts, doc, fragment, i = 0, + l = this.length, + set = this, + iNoClone = l - 1, value = args[0], - scripts = [], - l = this.length; + isFunction = jQuery.isFunction( value ); // We can't cloneNode fragments that contain checked, in WebKit - if ( !jQuery.support.checkClone && l > 1 && typeof value === "string" && rchecked.test( value ) ) { - return this.each(function() { - jQuery(this).domManip( args, table, callback ); - }); - } - - if ( jQuery.isFunction(value) ) { - return this.each(function(i) { - var self = jQuery(this); - args[0] = value.call( this, i, table ? self.html() : undefined ); + if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) { + return this.each(function( index ) { + var self = set.eq( index ); + if ( isFunction ) { + args[0] = value.call( this, index, table ? self.html() : undefined ); + } self.domManip( args, table, callback ); }); } - if ( this[0] ) { - results = jQuery.buildFragment( args, this, scripts ); - fragment = results.fragment; + if ( l ) { + fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this ); first = fragment.firstChild; if ( fragment.childNodes.length === 1 ) { @@ -5981,48 +6137,63 @@ jQuery.fn.extend({ if ( first ) { table = table && jQuery.nodeName( first, "tr" ); + scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); + hasScripts = scripts.length; // Use the original fragment for the last item instead of the first because it can end up // being emptied incorrectly in certain situations (#8070). - // Fragments from the fragment cache must always be cloned and never used in place. - for ( iNoClone = results.cacheable || l - 1; i < l; i++ ) { + for ( ; i < l; i++ ) { + node = fragment; + + if ( i !== iNoClone ) { + node = jQuery.clone( node, true, true ); + + // Keep references to cloned scripts for later restoration + if ( hasScripts ) { + jQuery.merge( scripts, getAll( node, "script" ) ); + } + } + callback.call( table && jQuery.nodeName( this[i], "table" ) ? findOrAppend( this[i], "tbody" ) : this[i], - i === iNoClone ? - fragment : - jQuery.clone( fragment, true, true ) + node, + i ); } - } - // Fix #11809: Avoid leaking memory - fragment = first = null; - - if ( scripts.length ) { - jQuery.each( scripts, function( i, elem ) { - if ( elem.src ) { - if ( jQuery.ajax ) { - jQuery.ajax({ - url: elem.src, - type: "GET", - dataType: "script", - async: false, - global: false, - "throws": true - }); - } else { - jQuery.error("no ajax"); + if ( hasScripts ) { + doc = scripts[ scripts.length - 1 ].ownerDocument; + + // Reenable scripts + jQuery.map( scripts, restoreScript ); + + // Evaluate executable scripts on first document insertion + for ( i = 0; i < hasScripts; i++ ) { + node = scripts[ i ]; + if ( rscriptType.test( node.type || "" ) && + !jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) { + + if ( node.src ) { + // Hope ajax is available... + jQuery.ajax({ + url: node.src, + type: "GET", + dataType: "script", + async: false, + global: false, + "throws": true + }); + } else { + jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) ); + } } - } else { - jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "" ) ); } + } - if ( elem.parentNode ) { - elem.parentNode.removeChild( elem ); - } - }); + // Fix #11809: Avoid leaking memory + fragment = first = null; } } @@ -6034,6 +6205,31 @@ function findOrAppend( elem, tag ) { return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) ); } +// Replace/restore the type attribute of script elements for safe DOM manipulation +function disableScript( elem ) { + var attr = elem.getAttributeNode("type"); + elem.type = ( attr && attr.specified ) + "/" + elem.type; + return elem; +} +function restoreScript( elem ) { + var match = rscriptTypeMasked.exec( elem.type ); + if ( match ) { + elem.type = match[1]; + } else { + elem.removeAttribute("type"); + } + return elem; +} + +// Mark scripts as having already been evaluated +function setGlobalEval( elems, refElements ) { + var elem, + i = 0; + for ( ; (elem = elems[i]) != null; i++ ) { + jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) ); + } +} + function cloneCopyEvent( src, dest ) { if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) { @@ -6062,31 +6258,36 @@ function cloneCopyEvent( src, dest ) { } } -function cloneFixAttributes( src, dest ) { - var nodeName; +function fixCloneNodeIssues( src, dest ) { + var nodeName, e, data; // We do not need to do anything for non-Elements if ( dest.nodeType !== 1 ) { return; } - // clearAttributes removes the attributes, which we don't want, - // but also removes the attachEvent events, which we *do* want - if ( dest.clearAttributes ) { - dest.clearAttributes(); - } + nodeName = dest.nodeName.toLowerCase(); + + // IE6-8 copies events bound via attachEvent when using cloneNode. + if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) { + data = jQuery._data( dest ); + + for ( e in data.events ) { + jQuery.removeEvent( dest, e, data.handle ); + } - // mergeAttributes, in contrast, only merges back on the - // original attributes, not the events - if ( dest.mergeAttributes ) { - dest.mergeAttributes( src ); + // Event data gets referenced instead of copied if the expando gets copied too + dest.removeAttribute( jQuery.expando ); } - nodeName = dest.nodeName.toLowerCase(); + // IE blanks contents when cloning scripts, and tries to evaluate newly-set text + if ( nodeName === "script" && dest.text !== src.text ) { + disableScript( dest ).text = src.text; + restoreScript( dest ); - if ( nodeName === "object" ) { - // IE6-10 improperly clones children of object elements using classid. - // IE10 throws NoModificationAllowedError if parent is null, #12132. + // IE6-10 improperly clones children of object elements using classid. + // IE10 throws NoModificationAllowedError if parent is null, #12132. + } else if ( nodeName === "object" ) { if ( dest.parentNode ) { dest.outerHTML = src.outerHTML; } @@ -6095,11 +6296,11 @@ function cloneFixAttributes( src, dest ) { // element in IE9, the outerHTML strategy above is not sufficient. // If the src has innerHTML and the destination does not, // copy the src.innerHTML into the dest.innerHTML. #10324 - if ( jQuery.support.html5Clone && (src.innerHTML && !jQuery.trim(dest.innerHTML)) ) { + if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) { dest.innerHTML = src.innerHTML; } - } else if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + } else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) { // IE6-8 fails to persist the checked state of a cloned checkbox // or radio button. Worse, IE6-7 fail to give the cloned element // a checked appearance if the defaultChecked value isn't also set @@ -6115,66 +6316,15 @@ function cloneFixAttributes( src, dest ) { // IE6-8 fails to return the selected option to the default selected // state when cloning options } else if ( nodeName === "option" ) { - dest.selected = src.defaultSelected; + dest.defaultSelected = dest.selected = src.defaultSelected; // IE6-8 fails to set the defaultValue to the correct value when // cloning other types of input fields } else if ( nodeName === "input" || nodeName === "textarea" ) { dest.defaultValue = src.defaultValue; - - // IE blanks contents when cloning scripts - } else if ( nodeName === "script" && dest.text !== src.text ) { - dest.text = src.text; } - - // Event data gets referenced instead of copied if the expando - // gets copied too - dest.removeAttribute( jQuery.expando ); } -jQuery.buildFragment = function( args, context, scripts ) { - var fragment, cacheable, cachehit, - first = args[ 0 ]; - - // Set context from what may come in as undefined or a jQuery collection or a node - // Updated to fix #12266 where accessing context[0] could throw an exception in IE9/10 & - // also doubles as fix for #8950 where plain objects caused createDocumentFragment exception - context = context || document; - context = !context.nodeType && context[0] || context; - context = context.ownerDocument || context; - - // Only cache "small" (1/2 KB) HTML strings that are associated with the main document - // Cloning options loses the selected state, so don't cache them - // IE 6 doesn't like it when you put or elements in a fragment - // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache - // Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501 - if ( args.length === 1 && typeof first === "string" && first.length < 512 && context === document && - first.charAt(0) === "<" && !rnocache.test( first ) && - (jQuery.support.checkClone || !rchecked.test( first )) && - (jQuery.support.html5Clone || !rnoshimcache.test( first )) ) { - - // Mark cacheable and look for a hit - cacheable = true; - fragment = jQuery.fragments[ first ]; - cachehit = fragment !== undefined; - } - - if ( !fragment ) { - fragment = context.createDocumentFragment(); - jQuery.clean( args, context, fragment, scripts ); - - // Update the cache, but only store false - // unless this is a second parsing of the same content - if ( cacheable ) { - jQuery.fragments[ first ] = cachehit && fragment; - } - } - - return { fragment: fragment, cacheable: cacheable }; -}; - -jQuery.fragments = {}; - jQuery.each({ appendTo: "append", prependTo: "prepend", @@ -6187,49 +6337,53 @@ jQuery.each({ i = 0, ret = [], insert = jQuery( selector ), - l = insert.length, - parent = this.length === 1 && this[0].parentNode; + last = insert.length - 1; - if ( (parent == null || parent && parent.nodeType === 11 && parent.childNodes.length === 1) && l === 1 ) { - insert[ original ]( this[0] ); - return this; - } else { - for ( ; i < l; i++ ) { - elems = ( i > 0 ? this.clone(true) : this ).get(); - jQuery( insert[i] )[ original ]( elems ); - ret = ret.concat( elems ); - } + for ( ; i <= last; i++ ) { + elems = i === last ? this : this.clone(true); + jQuery( insert[i] )[ original ]( elems ); - return this.pushStack( ret, name, insert.selector ); + // Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get() + core_push.apply( ret, elems.get() ); } + + return this.pushStack( ret ); }; }); -function getAll( elem ) { - if ( typeof elem.getElementsByTagName !== "undefined" ) { - return elem.getElementsByTagName( "*" ); - - } else if ( typeof elem.querySelectorAll !== "undefined" ) { - return elem.querySelectorAll( "*" ); +function getAll( context, tag ) { + var elems, elem, + i = 0, + found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) : + typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) : + undefined; - } else { - return []; + if ( !found ) { + for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) { + if ( !tag || jQuery.nodeName( elem, tag ) ) { + found.push( elem ); + } else { + jQuery.merge( found, getAll( elem, tag ) ); + } + } } + + return tag === undefined || tag && jQuery.nodeName( context, tag ) ? + jQuery.merge( [ context ], found ) : + found; } -// Used in clean, fixes the defaultChecked property +// Used in buildFragment, fixes the defaultChecked property function fixDefaultChecked( elem ) { - if ( rcheckableType.test( elem.type ) ) { + if ( manipulation_rcheckableType.test( elem.type ) ) { elem.defaultChecked = elem.checked; } } jQuery.extend({ clone: function( elem, dataAndEvents, deepDataAndEvents ) { - var srcElements, - destElements, - i, - clone; + var destElements, node, clone, i, srcElements, + inPage = jQuery.contains( elem.ownerDocument, elem ); if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) { clone = elem.cloneNode( true ); @@ -6242,185 +6396,175 @@ jQuery.extend({ if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) && (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) { - // IE copies events bound via attachEvent when using cloneNode. - // Calling detachEvent on the clone will also remove the events - // from the original. In order to get around this, we use some - // proprietary methods to clear the events. Thanks to MooTools - // guys for this hotness. - cloneFixAttributes( elem, clone ); - - // Using Sizzle here is crazy slow, so we use getElementsByTagName instead - srcElements = getAll( elem ); + // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 destElements = getAll( clone ); + srcElements = getAll( elem ); - // Weird iteration because IE will replace the length property - // with an element if you are cloning the body and one of the - // elements on the page has a name or id of "length" - for ( i = 0; srcElements[i]; ++i ) { + // Fix all IE cloning issues + for ( i = 0; (node = srcElements[i]) != null; ++i ) { // Ensure that the destination node is not null; Fixes #9587 if ( destElements[i] ) { - cloneFixAttributes( srcElements[i], destElements[i] ); + fixCloneNodeIssues( node, destElements[i] ); } } } // Copy the events from the original to the clone if ( dataAndEvents ) { - cloneCopyEvent( elem, clone ); - if ( deepDataAndEvents ) { - srcElements = getAll( elem ); - destElements = getAll( clone ); + srcElements = srcElements || getAll( elem ); + destElements = destElements || getAll( clone ); - for ( i = 0; srcElements[i]; ++i ) { - cloneCopyEvent( srcElements[i], destElements[i] ); + for ( i = 0; (node = srcElements[i]) != null; i++ ) { + cloneCopyEvent( node, destElements[i] ); } + } else { + cloneCopyEvent( elem, clone ); } } - srcElements = destElements = null; + // Preserve script evaluation history + destElements = getAll( clone, "script" ); + if ( destElements.length > 0 ) { + setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); + } + + destElements = srcElements = node = null; // Return the cloned set return clone; }, - clean: function( elems, context, fragment, scripts ) { - var i, j, elem, tag, wrap, depth, div, hasBody, tbody, len, handleScript, jsTags, - safe = context === document && safeFragment, - ret = []; + buildFragment: function( elems, context, scripts, selection ) { + var j, elem, contains, + tmp, tag, tbody, wrap, + l = elems.length, - // Ensure that context is a document - if ( !context || typeof context.createDocumentFragment === "undefined" ) { - context = document; - } + // Ensure a safe fragment + safe = createSafeFragment( context ), - // Use the already-created safe fragment if context permits - for ( i = 0; (elem = elems[i]) != null; i++ ) { - if ( typeof elem === "number" ) { - elem += ""; - } + nodes = [], + i = 0; - if ( !elem ) { - continue; - } + for ( ; i < l; i++ ) { + elem = elems[ i ]; - // Convert html string into DOM nodes - if ( typeof elem === "string" ) { - if ( !rhtml.test( elem ) ) { - elem = context.createTextNode( elem ); - } else { - // Ensure a safe container in which to render the html - safe = safe || createSafeFragment( context ); - div = context.createElement("div"); - safe.appendChild( div ); + if ( elem || elem === 0 ) { + + // Add nodes directly + if ( jQuery.type( elem ) === "object" ) { + jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); - // Fix "XHTML"-style tags in all browsers - elem = elem.replace(rxhtmlTag, "<$1>"); + // Convert non-html into a text node + } else if ( !rhtml.test( elem ) ) { + nodes.push( context.createTextNode( elem ) ); - // Go to html and back, then peel off extra wrappers + // Convert html into DOM nodes + } else { + tmp = tmp || safe.appendChild( context.createElement("div") ); + + // Deserialize a standard representation tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase(); wrap = wrapMap[ tag ] || wrapMap._default; - depth = wrap[0]; - div.innerHTML = wrap[1] + elem + wrap[2]; - // Move to the right depth - while ( depth-- ) { - div = div.lastChild; + tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1>" ) + wrap[2]; + + // Descend through wrappers to the right content + j = wrap[0]; + while ( j-- ) { + tmp = tmp.lastChild; + } + + // Manually add leading whitespace removed by IE + if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) { + nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) ); } // Remove IE's autoinserted from table fragments if ( !jQuery.support.tbody ) { // String was a , *may* have spurious - hasBody = rtbody.test(elem); - tbody = tag === "table" && !hasBody ? - div.firstChild && div.firstChild.childNodes : - - // String was a bare or - wrap[1] === "
" && !hasBody ? - div.childNodes : - []; - - for ( j = tbody.length - 1; j >= 0 ; --j ) { - if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) { - tbody[ j ].parentNode.removeChild( tbody[ j ] ); + elem = tag === "table" && !rtbody.test( elem ) ? + tmp.firstChild : + + // String was a bare or + wrap[1] === "
" && !rtbody.test( elem ) ? + tmp : + 0; + + j = elem && elem.childNodes.length; + while ( j-- ) { + if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) { + elem.removeChild( tbody ); } } } - // IE completely kills leading whitespace when innerHTML is used - if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) { - div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild ); - } + jQuery.merge( nodes, tmp.childNodes ); - elem = div.childNodes; + // Fix #12392 for WebKit and IE > 9 + tmp.textContent = ""; - // Take out of fragment container (we need a fresh div each time) - div.parentNode.removeChild( div ); - } - } + // Fix #12392 for oldIE + while ( tmp.firstChild ) { + tmp.removeChild( tmp.firstChild ); + } - if ( elem.nodeType ) { - ret.push( elem ); - } else { - jQuery.merge( ret, elem ); + // Remember the top-level container for proper cleanup + tmp = safe.lastChild; + } } } - // Fix #11356: Clear elements from safeFragment - if ( div ) { - elem = div = safe = null; + // Fix #11356: Clear elements from fragment + if ( tmp ) { + safe.removeChild( tmp ); } // Reset defaultChecked for any radios and checkboxes // about to be appended to the DOM in IE 6/7 (#8060) if ( !jQuery.support.appendChecked ) { - for ( i = 0; (elem = ret[i]) != null; i++ ) { - if ( jQuery.nodeName( elem, "input" ) ) { - fixDefaultChecked( elem ); - } else if ( typeof elem.getElementsByTagName !== "undefined" ) { - jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked ); - } - } + jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked ); } - // Append elements to a provided document fragment - if ( fragment ) { - // Special handling of each script element - handleScript = function( elem ) { - // Check if we consider it executable - if ( !elem.type || rscriptType.test( elem.type ) ) { - // Detach the script and store it in the scripts array (if provided) or the fragment - // Return truthy to indicate that it has been handled - return scripts ? - scripts.push( elem.parentNode ? elem.parentNode.removeChild( elem ) : elem ) : - fragment.appendChild( elem ); - } - }; + i = 0; + while ( (elem = nodes[ i++ ]) ) { + + // #4087 - If origin and destination elements are the same, and this is + // that element, do not do anything + if ( selection && jQuery.inArray( elem, selection ) !== -1 ) { + continue; + } + + contains = jQuery.contains( elem.ownerDocument, elem ); + + // Append to fragment + tmp = getAll( safe.appendChild( elem ), "script" ); + + // Preserve script evaluation history + if ( contains ) { + setGlobalEval( tmp ); + } - for ( i = 0; (elem = ret[i]) != null; i++ ) { - // Check if we're done after handling an executable script - if ( !( jQuery.nodeName( elem, "script" ) && handleScript( elem ) ) ) { - // Append to fragment and handle embedded scripts - fragment.appendChild( elem ); - if ( typeof elem.getElementsByTagName !== "undefined" ) { - // handleScript alters the DOM, so use jQuery.merge to ensure snapshot iteration - jsTags = jQuery.grep( jQuery.merge( [], elem.getElementsByTagName("script") ), handleScript ); - - // Splice the scripts into ret after their former ancestor and advance our index beyond them - ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) ); - i += jsTags.length; + // Capture executables + if ( scripts ) { + j = 0; + while ( (elem = tmp[ j++ ]) ) { + if ( rscriptType.test( elem.type || "" ) ) { + scripts.push( elem ); } } } } - return ret; + tmp = null; + + return safe; }, cleanData: function( elems, /* internal */ acceptData ) { - var data, id, elem, type, + var elem, type, id, data, i = 0, internalKey = jQuery.expando, cache = jQuery.cache, @@ -6458,86 +6602,23 @@ jQuery.extend({ if ( deleteExpando ) { delete elem[ internalKey ]; - } else if ( elem.removeAttribute ) { + } else if ( typeof elem.removeAttribute !== core_strundefined ) { elem.removeAttribute( internalKey ); } else { elem[ internalKey ] = null; } - jQuery.deletedIds.push( id ); + core_deletedIds.push( id ); } } } } } }); -// Limit scope pollution from any deprecated API -(function() { - -var matched, browser; - -// Use of jQuery.browser is frowned upon. -// More details: http://api.jquery.com/jQuery.browser -// jQuery.uaMatch maintained for back-compat -jQuery.uaMatch = function( ua ) { - ua = ua.toLowerCase(); - - var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || - /(webkit)[ \/]([\w.]+)/.exec( ua ) || - /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || - /(msie) ([\w.]+)/.exec( ua ) || - ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || - []; - - return { - browser: match[ 1 ] || "", - version: match[ 2 ] || "0" - }; -}; - -matched = jQuery.uaMatch( navigator.userAgent ); -browser = {}; - -if ( matched.browser ) { - browser[ matched.browser ] = true; - browser.version = matched.version; -} - -// Chrome is Webkit, but Webkit is also Safari. -if ( browser.chrome ) { - browser.webkit = true; -} else if ( browser.webkit ) { - browser.safari = true; -} - -jQuery.browser = browser; - -jQuery.sub = function() { - function jQuerySub( selector, context ) { - return new jQuerySub.fn.init( selector, context ); - } - jQuery.extend( true, jQuerySub, this ); - jQuerySub.superclass = this; - jQuerySub.fn = jQuerySub.prototype = this(); - jQuerySub.fn.constructor = jQuerySub; - jQuerySub.sub = this.sub; - jQuerySub.fn.init = function init( selector, context ) { - if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) { - context = jQuerySub( context ); - } - - return jQuery.fn.init.call( this, selector, context, rootjQuerySub ); - }; - jQuerySub.fn.init.prototype = jQuerySub.fn; - var rootjQuerySub = jQuerySub(document); - return jQuerySub; -}; - -})(); -var curCSS, iframe, iframeDoc, +var iframe, getStyles, curCSS, ralpha = /alpha\([^)]*\)/i, - ropacity = /opacity=([^)]*)/, + ropacity = /opacity\s*=\s*([^)]*)/, rposition = /^(top|right|bottom|left)$/, // swappable if display is none or starts with table except "table", "table-cell", or "table-caption" // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display @@ -6545,7 +6626,7 @@ var curCSS, iframe, iframeDoc, rmargin = /^margin/, rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ), rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ), - rrelNum = new RegExp( "^([-+])=(" + core_pnum + ")", "i" ), + rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ), elemdisplay = { BODY: "block" }, cssShow = { position: "absolute", visibility: "hidden", display: "block" }, @@ -6555,9 +6636,7 @@ var curCSS, iframe, iframeDoc, }, cssExpand = [ "Top", "Right", "Bottom", "Left" ], - cssPrefixes = [ "Webkit", "O", "Moz", "ms" ], - - eventsToggle = jQuery.fn.toggle; + cssPrefixes = [ "Webkit", "O", "Moz", "ms" ]; // return a css property mapped to a potentially vendor prefixed property function vendorPropName( style, name ) { @@ -6583,12 +6662,14 @@ function vendorPropName( style, name ) { } function isHidden( elem, el ) { + // isHidden might be called from jQuery#filter function; + // in that case, element will be second argument elem = el || elem; return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem ); } function showHide( elements, show ) { - var elem, display, + var display, elem, hidden, values = [], index = 0, length = elements.length; @@ -6598,11 +6679,13 @@ function showHide( elements, show ) { if ( !elem.style ) { continue; } + values[ index ] = jQuery._data( elem, "olddisplay" ); + display = elem.style.display; if ( show ) { // Reset the inline display of this element to learn if it is // being hidden by cascaded rules or not - if ( !values[ index ] && elem.style.display === "none" ) { + if ( !values[ index ] && display === "none" ) { elem.style.display = ""; } @@ -6613,10 +6696,13 @@ function showHide( elements, show ) { values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) ); } } else { - display = curCSS( elem, "display" ); - if ( !values[ index ] && display !== "none" ) { - jQuery._data( elem, "olddisplay", display ); + if ( !values[ index ] ) { + hidden = isHidden( elem ); + + if ( display && display !== "none" || !hidden ) { + jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) ); + } } } } @@ -6639,6 +6725,21 @@ function showHide( elements, show ) { jQuery.fn.extend({ css: function( name, value ) { return jQuery.access( this, function( elem, name, value ) { + var len, styles, + map = {}, + i = 0; + + if ( jQuery.isArray( name ) ) { + styles = getStyles( elem ); + len = name.length; + + for ( ; i < len; i++ ) { + map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles ); + } + + return map; + } + return value !== undefined ? jQuery.style( elem, name, value ) : jQuery.css( elem, name ); @@ -6650,13 +6751,9 @@ jQuery.fn.extend({ hide: function() { return showHide( this ); }, - toggle: function( state, fn2 ) { + toggle: function( state ) { var bool = typeof state === "boolean"; - if ( jQuery.isFunction( state ) && jQuery.isFunction( fn2 ) ) { - return eventsToggle.apply( this, arguments ); - } - return this.each(function() { if ( bool ? state : isHidden( this ) ) { jQuery( this ).show(); @@ -6677,7 +6774,6 @@ jQuery.extend({ // We should always get a number back from opacity var ret = curCSS( elem, "opacity" ); return ret === "" ? "1" : ret; - } } } @@ -6685,6 +6781,7 @@ jQuery.extend({ // Exclude the following css properties to add px cssNumber: { + "columnCount": true, "fillOpacity": true, "fontWeight": true, "lineHeight": true, @@ -6741,8 +6838,15 @@ jQuery.extend({ value += "px"; } + // Fixes #8908, it can be done more correctly by specifing setters in cssHooks, + // but it would mean to define eight (for every problematic property) identical functions + if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) { + style[ name ] = "inherit"; + } + // If a hook was provided, use that value, otherwise just set the specified value if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) { + // Wrapped to prevent IE from throwing errors when 'invalid' values are provided // Fixes bug #5509 try { @@ -6761,8 +6865,8 @@ jQuery.extend({ } }, - css: function( elem, name, numeric, extra ) { - var val, num, hooks, + css: function( elem, name, extra, styles ) { + var num, val, hooks, origName = jQuery.camelCase( name ); // Make sure that we're working with the right name @@ -6779,7 +6883,7 @@ jQuery.extend({ // Otherwise, if a way to get the computed value exists, use that if ( val === undefined ) { - val = curCSS( elem, name ); + val = curCSS( elem, name, styles ); } //convert "normal" to computed value @@ -6788,15 +6892,15 @@ jQuery.extend({ } // Return, converting to number if forced or a qualifier was provided and val looks numeric - if ( numeric || extra !== undefined ) { + if ( extra === "" || extra ) { num = parseFloat( val ); - return numeric || jQuery.isNumeric( num ) ? num || 0 : val; + return extra === true || jQuery.isNumeric( num ) ? num || 0 : val; } return val; }, // A method for quickly swapping in/out CSS properties to get correct calculations - swap: function( elem, options, callback ) { + swap: function( elem, options, callback, args ) { var ret, name, old = {}; @@ -6806,7 +6910,7 @@ jQuery.extend({ elem.style[ name ] = options[ name ]; } - ret = callback.call( elem ); + ret = callback.apply( elem, args || [] ); // Revert the old values for ( name in options ) { @@ -6817,18 +6921,22 @@ jQuery.extend({ } }); -// NOTE: To any future maintainer, we've window.getComputedStyle +// NOTE: we've included the "window" in window.getComputedStyle // because jsdom on node.js will break without it. if ( window.getComputedStyle ) { - curCSS = function( elem, name ) { - var ret, width, minWidth, maxWidth, - computed = window.getComputedStyle( elem, null ), - style = elem.style; + getStyles = function( elem ) { + return window.getComputedStyle( elem, null ); + }; - if ( computed ) { + curCSS = function( elem, name, _computed ) { + var width, minWidth, maxWidth, + computed = _computed || getStyles( elem ), // getPropertyValue is only needed for .css('filter') in IE9, see #12537 - ret = computed.getPropertyValue( name ) || computed[ name ]; + ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined, + style = elem.style; + + if ( computed ) { if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) { ret = jQuery.style( elem, name ); @@ -6839,13 +6947,17 @@ if ( window.getComputedStyle ) { // Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels // this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) { + + // Remember the original values width = style.width; minWidth = style.minWidth; maxWidth = style.maxWidth; + // Put in the new values to get a computed value out style.minWidth = style.maxWidth = style.width = ret; ret = computed.width; + // Revert the changed values style.width = width; style.minWidth = minWidth; style.maxWidth = maxWidth; @@ -6855,9 +6967,14 @@ if ( window.getComputedStyle ) { return ret; }; } else if ( document.documentElement.currentStyle ) { - curCSS = function( elem, name ) { - var left, rsLeft, - ret = elem.currentStyle && elem.currentStyle[ name ], + getStyles = function( elem ) { + return elem.currentStyle; + }; + + curCSS = function( elem, name, _computed ) { + var left, rs, rsLeft, + computed = _computed || getStyles( elem ), + ret = computed ? computed[ name ] : undefined, style = elem.style; // Avoid setting ret to empty string here @@ -6877,11 +6994,12 @@ if ( window.getComputedStyle ) { // Remember the original values left = style.left; - rsLeft = elem.runtimeStyle && elem.runtimeStyle.left; + rs = elem.runtimeStyle; + rsLeft = rs && rs.left; // Put in the new values to get a computed value out if ( rsLeft ) { - elem.runtimeStyle.left = elem.currentStyle.left; + rs.left = elem.currentStyle.left; } style.left = name === "fontSize" ? "1em" : ret; ret = style.pixelLeft + "px"; @@ -6889,7 +7007,7 @@ if ( window.getComputedStyle ) { // Revert the changed values style.left = left; if ( rsLeft ) { - elem.runtimeStyle.left = rsLeft; + rs.left = rsLeft; } } @@ -6900,11 +7018,12 @@ if ( window.getComputedStyle ) { function setPositiveNumber( elem, value, subtract ) { var matches = rnumsplit.exec( value ); return matches ? - Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) : - value; + // Guard against undefined "subtract", e.g., when used as in cssHooks + Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) : + value; } -function augmentWidthOrHeight( elem, name, extra, isBorderBox ) { +function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) { var i = extra === ( isBorderBox ? "border" : "content" ) ? // If we already have the right measurement, avoid augmentation 4 : @@ -6916,29 +7035,26 @@ function augmentWidthOrHeight( elem, name, extra, isBorderBox ) { for ( ; i < 4; i += 2 ) { // both box models exclude margin, so add it if we want it if ( extra === "margin" ) { - // we use jQuery.css instead of curCSS here - // because of the reliableMarginRight CSS hook! - val += jQuery.css( elem, extra + cssExpand[ i ], true ); + val += jQuery.css( elem, extra + cssExpand[ i ], true, styles ); } - // From this point on we use curCSS for maximum performance (relevant in animations) if ( isBorderBox ) { // border-box includes padding, so remove it if we want content if ( extra === "content" ) { - val -= parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0; + val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); } // at this point, extra isn't border nor margin, so remove border if ( extra !== "margin" ) { - val -= parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0; + val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); } } else { // at this point, extra isn't content, so add padding - val += parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0; + val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); // at this point, extra isn't content nor padding, so add border if ( extra !== "padding" ) { - val += parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0; + val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); } } } @@ -6949,16 +7065,17 @@ function augmentWidthOrHeight( elem, name, extra, isBorderBox ) { function getWidthOrHeight( elem, name, extra ) { // Start with offset property, which is equivalent to the border-box value - var val = name === "width" ? elem.offsetWidth : elem.offsetHeight, - valueIsBorderBox = true, - isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing" ) === "border-box"; + var valueIsBorderBox = true, + val = name === "width" ? elem.offsetWidth : elem.offsetHeight, + styles = getStyles( elem ), + isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box"; // some non-html elements return undefined for offsetWidth, so check for null/undefined // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285 // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668 if ( val <= 0 || val == null ) { // Fall back to computed then uncomputed css if necessary - val = curCSS( elem, name ); + val = curCSS( elem, name, styles ); if ( val < 0 || val == null ) { val = elem.style[ name ]; } @@ -6982,52 +7099,49 @@ function getWidthOrHeight( elem, name, extra ) { elem, name, extra || ( isBorderBox ? "border" : "content" ), - valueIsBorderBox + valueIsBorderBox, + styles ) ) + "px"; } - // Try to determine the default display value of an element function css_defaultDisplay( nodeName ) { - if ( elemdisplay[ nodeName ] ) { - return elemdisplay[ nodeName ]; - } + var doc = document, + display = elemdisplay[ nodeName ]; - var elem = jQuery( "<" + nodeName + ">" ).appendTo( document.body ), - display = elem.css("display"); - elem.remove(); + if ( !display ) { + display = actualDisplay( nodeName, doc ); - // If the simple way fails, - // get element's real default display by attaching it to a temp iframe - if ( display === "none" || display === "" ) { - // Use the already-created iframe if possible - iframe = document.body.appendChild( - iframe || jQuery.extend( document.createElement("iframe"), { - frameBorder: 0, - width: 0, - height: 0 - }) - ); + // If the simple way fails, read from inside an iframe + if ( display === "none" || !display ) { + // Use the already-created iframe if possible + iframe = ( iframe || + jQuery("