iov-design 2.15.82 → 2.15.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25426,18 +25426,18 @@ spinner.install = function (Vue) {
25426
25426
  };
25427
25427
 
25428
25428
  /* harmony default export */ var packages_spinner = (spinner);
25429
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=995493c2
25430
- var mainvue_type_template_id_995493c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
25429
+ // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=0c0fce37
25430
+ var mainvue_type_template_id_0c0fce37_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
25431
25431
  'el-message',
25432
25432
  _vm.type && !_vm.iconClass ? ("el-message--" + _vm.type) : '',
25433
25433
  _vm.center ? 'is-center' : '',
25434
25434
  _vm.showClose ? 'is-closable' : '',
25435
25435
  _vm.customClass
25436
25436
  ],style:(_vm.positionStyle),attrs:{"role":"alert"},on:{"mouseenter":_vm.clearTimer,"mouseleave":_vm.startTimer}},[(_vm.iconClass)?_c('i',{class:_vm.iconClass}):_c('i',{class:_vm.typeClass}),_vm._t("default",[(!_vm.dangerouslyUseHTMLString)?_c('p',{staticClass:"el-message__content"},[_vm._v(_vm._s(_vm.message))]):_c('p',{staticClass:"el-message__content",domProps:{"innerHTML":_vm._s(_vm.message)}})]),(_vm.showClose)?_c('i',{staticClass:"el-message__closeBtn iov-icon-close",on:{"click":_vm.close}}):_vm._e()],2)])}
25437
- var mainvue_type_template_id_995493c2_staticRenderFns = []
25438
- mainvue_type_template_id_995493c2_render._withStripped = true
25437
+ var mainvue_type_template_id_0c0fce37_staticRenderFns = []
25438
+ mainvue_type_template_id_0c0fce37_render._withStripped = true
25439
25439
 
25440
- // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=995493c2
25440
+ // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=0c0fce37
25441
25441
 
25442
25442
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js
25443
25443
  //
@@ -25489,7 +25489,8 @@ var src_mainvue_type_script_lang_js_typeMap = {
25489
25489
  verticalOffset: 46,
25490
25490
  timer: null,
25491
25491
  dangerouslyUseHTMLString: false,
25492
- center: false
25492
+ center: false,
25493
+ repeatNum: 1 // 合并消息数, 暂未渲染
25493
25494
  };
25494
25495
  },
25495
25496
 
@@ -25567,8 +25568,8 @@ var src_mainvue_type_script_lang_js_typeMap = {
25567
25568
 
25568
25569
  var message_src_main_component = normalizeComponent(
25569
25570
  packages_message_src_mainvue_type_script_lang_js,
25570
- mainvue_type_template_id_995493c2_render,
25571
- mainvue_type_template_id_995493c2_staticRenderFns,
25571
+ mainvue_type_template_id_0c0fce37_render,
25572
+ mainvue_type_template_id_0c0fce37_staticRenderFns,
25572
25573
  false,
25573
25574
  null,
25574
25575
  null,
@@ -25599,9 +25600,27 @@ var main_Message = function Message(options) {
25599
25600
  options = options || {};
25600
25601
  if (typeof options === 'string') {
25601
25602
  options = {
25603
+ grouping: true,
25602
25604
  message: options
25603
25605
  };
25606
+ } else {
25607
+ options = main_extends({
25608
+ grouping: true
25609
+ }, options);
25610
+ }
25611
+ // ========== grouping 逻辑 ==========
25612
+ if (options.grouping) {
25613
+ var last = main_instances[main_instances.length - 1];
25614
+
25615
+ // 字符串形式时
25616
+ var messageStr = typeof options === 'string' ? options : options.message;
25617
+
25618
+ if (last && !last.closed && last.message === messageStr) {
25619
+ last.repeatNum++;
25620
+ return last; // 直接返回,不创建新 toast
25621
+ }
25604
25622
  }
25623
+ // =================================================
25605
25624
  var userOnClose = options.onClose;
25606
25625
  var id = 'message_' + main_seed++;
25607
25626
 
@@ -25632,11 +25651,14 @@ var main_Message = function Message(options) {
25632
25651
  ['success', 'warning', 'info', 'error'].forEach(function (type) {
25633
25652
  main_Message[type] = function (options) {
25634
25653
  if (Object(types_["isObject"])(options) && !Object(vdom_["isVNode"])(options)) {
25635
- return main_Message(main_extends({}, options, {
25654
+ return main_Message(main_extends({
25655
+ grouping: true
25656
+ }, options, {
25636
25657
  type: type
25637
25658
  }));
25638
25659
  }
25639
25660
  return main_Message({
25661
+ grouping: true,
25640
25662
  type: type,
25641
25663
  message: options
25642
25664
  });
@@ -31075,12 +31097,12 @@ divider_src_main.install = function (Vue) {
31075
31097
  };
31076
31098
 
31077
31099
  /* harmony default export */ var divider = (divider_src_main);
31078
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=template&id=50b3c869
31079
- var mainvue_type_template_id_50b3c869_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-image"},[(_vm.loading)?_vm._t("placeholder",[_c('div',{staticClass:"el-image__placeholder"})]):(_vm.error)?_vm._t("error",[_c('div',{staticClass:"el-image__error"},[_vm._v(_vm._s(_vm.t('el.image.error')))])]):_c('img',_vm._g(_vm._b({staticClass:"el-image__inner",class:{ 'el-image__inner--center': _vm.alignCenter, 'el-image__preview': _vm.preview },style:(_vm.imageStyle),attrs:{"src":_vm.src},on:{"click":_vm.clickHandler}},'img',_vm.$attrs,false),_vm.$listeners)),(_vm.preview)?[(_vm.showViewer)?_c('image-viewer',{attrs:{"z-index":_vm.zIndex,"initial-index":_vm.imageIndex,"on-close":_vm.closeViewer,"url-list":_vm.previewSrcList}}):_vm._e()]:_vm._e()],2)}
31080
- var mainvue_type_template_id_50b3c869_staticRenderFns = []
31081
- mainvue_type_template_id_50b3c869_render._withStripped = true
31100
+ // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=template&id=431d058f
31101
+ var mainvue_type_template_id_431d058f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-image",class:{'el-image__border': _vm.border}},[(_vm.loading)?_vm._t("placeholder",[_c('div',{staticClass:"el-image__placeholder"})]):(_vm.error)?_vm._t("error",[_c('div',{staticClass:"el-image__error"},[_vm._v(_vm._s(_vm.t('el.image.error')))])]):_c('img',_vm._g(_vm._b({staticClass:"el-image__inner",class:{ 'el-image__inner--center': _vm.alignCenter, 'el-image__preview': _vm.preview },style:(_vm.imageStyle),attrs:{"src":_vm.src},on:{"click":_vm.clickHandler}},'img',_vm.$attrs,false),_vm.$listeners)),(_vm.preview)?[(_vm.showViewer)?_c('image-viewer',{attrs:{"z-index":_vm.zIndex,"initial-index":_vm.imageIndex,"on-close":_vm.closeViewer,"url-list":_vm.previewSrcList}}):_vm._e()]:_vm._e()],2)}
31102
+ var mainvue_type_template_id_431d058f_staticRenderFns = []
31103
+ mainvue_type_template_id_431d058f_render._withStripped = true
31082
31104
 
31083
- // CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=template&id=50b3c869
31105
+ // CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=template&id=431d058f
31084
31106
 
31085
31107
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/image-viewer.vue?vue&type=template&id=17a2e862
31086
31108
  var image_viewervue_type_template_id_17a2e862_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"viewer-fade"}},[_c('div',{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:({ 'z-index': _vm.viewerZIndex }),attrs:{"tabindex":"-1"}},[_c('div',{staticClass:"el-image-viewer__mask",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.handleMaskClick($event)}}}),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{"click":_vm.hide}},[_c('i',{staticClass:"el-icon-close"})]),(!_vm.isSingle)?[_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{ 'is-disabled': !_vm.infinite && _vm.isFirst },on:{"click":_vm.prev}},[_c('i',{staticClass:"el-icon-arrow-left"})]),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{ 'is-disabled': !_vm.infinite && _vm.isLast },on:{"click":_vm.next}},[_c('i',{staticClass:"el-icon-arrow-right"})])]:_vm._e(),_c('div',{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[_c('div',{staticClass:"el-image-viewer__actions__inner"},[_c('i',{staticClass:"el-icon-zoom-out",on:{"click":function($event){_vm.handleActions('zoomOut')}}}),_c('i',{staticClass:"el-icon-zoom-in",on:{"click":function($event){_vm.handleActions('zoomIn')}}}),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_c('i',{class:_vm.mode.icon,on:{"click":_vm.toggleMode}}),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_c('i',{staticClass:"el-icon-refresh-left",on:{"click":function($event){_vm.handleActions('anticlocelise')}}}),_c('i',{staticClass:"el-icon-refresh-right",on:{"click":function($event){_vm.handleActions('clocelise')}}})])]),_c('div',{staticClass:"el-image-viewer__canvas"},_vm._l((_vm.urlList),function(url,i){return (i === _vm.index)?_c('img',{key:url,ref:"img",refInFor:true,staticClass:"el-image-viewer__img",style:(_vm.imgStyle),attrs:{"src":_vm.currentImg},on:{"load":_vm.handleImgLoad,"error":_vm.handleImgError,"mousedown":_vm.handleMouseDown}}):_vm._e()}),0)],2)])}
@@ -31538,7 +31560,8 @@ var prevOverflow = '';
31538
31560
  type: Number,
31539
31561
  default: 2000
31540
31562
  },
31541
- initialIndex: Number
31563
+ initialIndex: Number,
31564
+ border: Boolean
31542
31565
  },
31543
31566
 
31544
31567
  data: function data() {
@@ -31742,8 +31765,8 @@ var prevOverflow = '';
31742
31765
 
31743
31766
  var image_src_main_component = normalizeComponent(
31744
31767
  packages_image_src_mainvue_type_script_lang_js,
31745
- mainvue_type_template_id_50b3c869_render,
31746
- mainvue_type_template_id_50b3c869_staticRenderFns,
31768
+ mainvue_type_template_id_431d058f_render,
31769
+ mainvue_type_template_id_431d058f_staticRenderFns,
31747
31770
  false,
31748
31771
  null,
31749
31772
  null,
@@ -35876,7 +35899,7 @@ if (typeof window !== 'undefined' && window.Vue) {
35876
35899
  }
35877
35900
 
35878
35901
  /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
35879
- version: '2.15.82',
35902
+ version: '2.15.83',
35880
35903
  locale: lib_locale_default.a.use,
35881
35904
  i18n: lib_locale_default.a.i18n,
35882
35905
  install: src_install,
package/lib/message.js CHANGED
@@ -231,7 +231,7 @@ __webpack_require__.r(__webpack_exports__);
231
231
  var external_vue_ = __webpack_require__(8);
232
232
  var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
233
233
 
234
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=995493c2
234
+ // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=0c0fce37
235
235
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
236
236
  'el-message',
237
237
  _vm.type && !_vm.iconClass ? ("el-message--" + _vm.type) : '',
@@ -242,7 +242,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
242
242
  var staticRenderFns = []
243
243
  render._withStripped = true
244
244
 
245
- // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=995493c2
245
+ // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=0c0fce37
246
246
 
247
247
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js
248
248
  //
@@ -294,7 +294,8 @@ var typeMap = {
294
294
  verticalOffset: 46,
295
295
  timer: null,
296
296
  dangerouslyUseHTMLString: false,
297
- center: false
297
+ center: false,
298
+ repeatNum: 1 // 合并消息数, 暂未渲染
298
299
  };
299
300
  },
300
301
 
@@ -413,9 +414,27 @@ var main_Message = function Message(options) {
413
414
  options = options || {};
414
415
  if (typeof options === 'string') {
415
416
  options = {
417
+ grouping: true,
416
418
  message: options
417
419
  };
420
+ } else {
421
+ options = _extends({
422
+ grouping: true
423
+ }, options);
418
424
  }
425
+ // ========== grouping 逻辑 ==========
426
+ if (options.grouping) {
427
+ var last = instances[instances.length - 1];
428
+
429
+ // 字符串形式时
430
+ var messageStr = typeof options === 'string' ? options : options.message;
431
+
432
+ if (last && !last.closed && last.message === messageStr) {
433
+ last.repeatNum++;
434
+ return last; // 直接返回,不创建新 toast
435
+ }
436
+ }
437
+ // =================================================
419
438
  var userOnClose = options.onClose;
420
439
  var id = 'message_' + seed++;
421
440
 
@@ -446,11 +465,14 @@ var main_Message = function Message(options) {
446
465
  ['success', 'warning', 'info', 'error'].forEach(function (type) {
447
466
  main_Message[type] = function (options) {
448
467
  if (Object(types_["isObject"])(options) && !Object(vdom_["isVNode"])(options)) {
449
- return main_Message(_extends({}, options, {
468
+ return main_Message(_extends({
469
+ grouping: true
470
+ }, options, {
450
471
  type: type
451
472
  }));
452
473
  }
453
474
  return main_Message({
475
+ grouping: true,
454
476
  type: type,
455
477
  message: options
456
478
  });
@@ -1 +1 @@
1
- .el-image__error,.el-image__placeholder{background:#F5F7FA}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C6C7CA;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
1
+ .el-image__error,.el-image__placeholder{background:#F5F7FA}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__border{border:1px solid #DCDFE6;border-radius:4px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C6C7CA;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}