bk-magic-vue 2.3.2-beta.4 → 2.3.2-beta.6

package/lib/slider.js

@@ -355,25 +355,17 @@
 	function _typeof(obj) {
 	  "@babel/helpers - typeof";
 
-	  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-	    _typeof = function (obj) {
-	      return typeof obj;
-	    };
-	  } else {
-	    _typeof = function (obj) {
-	      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-	    };
-	  }
-
-	  return _typeof(obj);
+	  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+	    return typeof obj;
+	  } : function (obj) {
+	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	  }, _typeof(obj);
 	}
-
 	function _classCallCheck(instance, Constructor) {
 	  if (!(instance instanceof Constructor)) {
 	    throw new TypeError("Cannot call a class as a function");
 	  }
 	}
-
 	function _defineProperties(target, props) {
 	  for (var i = 0; i < props.length; i++) {
 	    var descriptor = props[i];
@@ -383,13 +375,14 @@
 	    Object.defineProperty(target, descriptor.key, descriptor);
 	  }
 	}
-
 	function _createClass(Constructor, protoProps, staticProps) {
 	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	  if (staticProps) _defineProperties(Constructor, staticProps);
+	  Object.defineProperty(Constructor, "prototype", {
+	    writable: false
+	  });
 	  return Constructor;
 	}
-
 	function _defineProperty(obj, key, value) {
 	  if (key in obj) {
 	    Object.defineProperty(obj, key, {
@@ -401,47 +394,37 @@
 	  } else {
 	    obj[key] = value;
 	  }
-
 	  return obj;
 	}
-
 	function _extends() {
-	  _extends = Object.assign || function (target) {
+	  _extends = Object.assign ? Object.assign.bind() : function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
 	      var source = arguments[i];
-
 	      for (var key in source) {
 	        if (Object.prototype.hasOwnProperty.call(source, key)) {
 	          target[key] = source[key];
 	        }
 	      }
 	    }
-
 	    return target;
 	  };
-
 	  return _extends.apply(this, arguments);
 	}
-
 	function _objectSpread(target) {
 	  for (var i = 1; i < arguments.length; i++) {
 	    var source = arguments[i] != null ? Object(arguments[i]) : {};
 	    var ownKeys = Object.keys(source);
-
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }
-
 	    ownKeys.forEach(function (key) {
 	      _defineProperty(target, key, source[key]);
 	    });
 	  }
-
 	  return target;
 	}
-
 	function _unsupportedIterableToArray(o, minLen) {
 	  if (!o) return;
 	  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -450,25 +433,18 @@
 	  if (n === "Map" || n === "Set") return Array.from(o);
 	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 	}
-
 	function _arrayLikeToArray(arr, len) {
 	  if (len == null || len > arr.length) len = arr.length;
-
 	  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
 	  return arr2;
 	}
-
 	function _createForOfIteratorHelper(o, allowArrayLike) {
 	  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
 	  if (!it) {
 	    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
 	      if (it) o = it;
 	      var i = 0;
-
 	      var F = function () {};
-
 	      return {
 	        s: F,
 	        n: function () {
@@ -486,13 +462,11 @@
 	        f: F
 	      };
 	    }
-
 	    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	  }
-
 	  var normalCompletion = true,
-	      didErr = false,
-	      err;
+	    didErr = false,
+	    err;
 	  return {
 	    s: function () {
 	      it = it.call(o);
@@ -827,7 +801,7 @@
 	        var defaultPadding = 10;
 	        this.iconAreaSizeObserver = new ResizeObserver(function (entries) {
 	          var _iterator = _createForOfIteratorHelper(entries),
-	              _step;
+	            _step;
 	          try {
 	            for (_iterator.s(); !(_step = _iterator.n()).done;) {
 	              var entry = _step.value;
@@ -1134,14 +1108,10 @@
 	/* script */
 	var __vue_script__ = script;
 	/* template */
-
 	var __vue_render__ = function __vue_render__() {
 	  var _vm = this;
-
 	  var _h = _vm.$createElement;
-
 	  var _c = _vm._self._c || _h;
-
 	  return _c('div', {
 	    class: [_vm.wrapperClass, _vm.fontSizeCls, _vm.extCls]
 	  }, [_vm.leftIcon ? _c('div', {
@@ -1163,11 +1133,10 @@
 	    style: _vm.computedStyle,
 	    on: {
 	      "keyup": function keyup($event) {
-	        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+	        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
 	          return null;
 	        }
-
-	        return _vm.handlerEnter($event);
+	        return _vm.handlerEnter.apply(null, arguments);
 	      },
 	      "keypress": _vm.handlerKeypress,
 	      "keydown": _vm.handlerKeydown,
@@ -1190,11 +1159,10 @@
 	    style: _vm.computedStyle,
 	    on: {
 	      "keyup": [function ($event) {
-	        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+	        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
 	          return null;
 	        }
-
-	        return _vm.handlerEnter($event);
+	        return _vm.handlerEnter.apply(null, arguments);
 	      }, _vm.handlerKeyup],
 	      "keypress": _vm.handlerKeypress,
 	      "keydown": _vm.handlerKeydown,
@@ -1235,7 +1203,7 @@
 	      "click": function click($event) {
 	        $event.stopPropagation();
 	        $event.preventDefault();
-	        return _vm.handlerClear($event);
+	        return _vm.handlerClear.apply(null, arguments);
 	      }
 	    }
 	  }) : _vm.rightIcon ? _c('i', {
@@ -1255,19 +1223,15 @@
 	    staticClass: "strong"
 	  }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2) : _vm._e()], 2);
 	};
-
 	var __vue_staticRenderFns__ = [];
-	/* style */
 
+	/* style */
 	var __vue_inject_styles__ = undefined;
 	/* scoped */
-
 	var __vue_scope_id__ = undefined;
 	/* module identifier */
-
 	var __vue_module_identifier__ = undefined;
 	/* functional template */
-
 	var __vue_is_functional_template__ = false;
 	/* style inject */
 
@@ -1414,9 +1378,9 @@
 	      return element.body;
 	  }
 	  var _getStyleComputedProp = getStyleComputedProperty(element),
-	      overflow = _getStyleComputedProp.overflow,
-	      overflowX = _getStyleComputedProp.overflowX,
-	      overflowY = _getStyleComputedProp.overflowY;
+	    overflow = _getStyleComputedProp.overflow,
+	    overflowX = _getStyleComputedProp.overflowX,
+	    overflowY = _getStyleComputedProp.overflowY;
 	  if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
 	    return element;
 	  }
@@ -1680,8 +1644,8 @@
 	    var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
 	    if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
 	      var _getWindowSizes = getWindowSizes(popper.ownerDocument),
-	          height = _getWindowSizes.height,
-	          width = _getWindowSizes.width;
+	        height = _getWindowSizes.height,
+	        width = _getWindowSizes.width;
 	      boundaries.top += offsets.top - offsets.marginTop;
 	      boundaries.bottom = height + offsets.top;
 	      boundaries.left += offsets.left - offsets.marginLeft;
@@ -1700,7 +1664,7 @@
 	}
 	function getArea(_ref) {
 	  var width = _ref.width,
-	      height = _ref.height;
+	    height = _ref.height;
 	  return width * height;
 	}
 	function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
@@ -1738,7 +1702,7 @@
 	  });
 	  var filteredAreas = sortedAreas.filter(function (_ref2) {
 	    var width = _ref2.width,
-	        height = _ref2.height;
+	      height = _ref2.height;
 	    return width >= popper.clientWidth && height >= popper.clientHeight;
 	  });
 	  var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
@@ -1853,7 +1817,7 @@
 	function isModifierEnabled(modifiers, modifierName) {
 	  return modifiers.some(function (_ref3) {
 	    var name = _ref3.name,
-	        enabled = _ref3.enabled;
+	      enabled = _ref3.enabled;
 	    return enabled && name === modifierName;
 	  });
 	}
@@ -1976,10 +1940,10 @@
 	}
 	function getRoundedOffsets(data, shouldRound) {
 	  var _data$offsets = data.offsets,
-	      popper = _data$offsets.popper,
-	      reference = _data$offsets.reference;
+	    popper = _data$offsets.popper,
+	    reference = _data$offsets.reference;
 	  var round = Math.round,
-	      floor = Math.floor;
+	    floor = Math.floor;
 	  var noRound = function noRound(v) {
 	    return v;
 	  };
@@ -2001,7 +1965,7 @@
 	var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
 	function computeStyle(data, options) {
 	  var x = options.x,
-	      y = options.y;
+	    y = options.y;
 	  var popper = data.offsets.popper;
 	  var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
 	    return modifier.name === 'applyStyle';
@@ -2092,8 +2056,8 @@
 	  }
 	  var placement = data.placement.split('-')[0];
 	  var _data$offsets2 = data.offsets,
-	      popper = _data$offsets2.popper,
-	      reference = _data$offsets2.reference;
+	    popper = _data$offsets2.popper,
+	    reference = _data$offsets2.reference;
 	  var isVertical = ['left', 'right'].indexOf(placement) !== -1;
 	  var len = isVertical ? 'height' : 'width';
 	  var sideCapitalized = isVertical ? 'Top' : 'Left';
@@ -2200,8 +2164,8 @@
 	}
 	function keepTogether(data) {
 	  var _data$offsets3 = data.offsets,
-	      popper = _data$offsets3.popper,
-	      reference = _data$offsets3.reference;
+	    popper = _data$offsets3.popper,
+	    reference = _data$offsets3.reference;
 	  var placement = data.placement.split('-')[0];
 	  var floor = Math.floor;
 	  var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
@@ -2295,9 +2259,9 @@
 	function offset(data, _ref5) {
 	  var offset = _ref5.offset;
 	  var placement = data.placement,
-	      _data$offsets4 = data.offsets,
-	      popper = _data$offsets4.popper,
-	      reference = _data$offsets4.reference;
+	    _data$offsets4 = data.offsets,
+	    popper = _data$offsets4.popper,
+	    reference = _data$offsets4.reference;
 	  var basePlacement = placement.split('-')[0];
 	  var offsets;
 	  if (isNumeric(+offset)) {
@@ -2329,8 +2293,8 @@
 	  var transformProp = getSupportedPropertyName('transform');
 	  var popperStyles = data.instance.popper.style;
 	  var top = popperStyles.top,
-	      left = popperStyles.left,
-	      transform = popperStyles[transformProp];
+	    left = popperStyles.left,
+	    transform = popperStyles[transformProp];
 	  popperStyles.top = '';
 	  popperStyles.left = '';
 	  popperStyles[transformProp] = '';
@@ -2371,8 +2335,8 @@
 	  var shiftvariation = placement.split('-')[1];
 	  if (shiftvariation) {
 	    var _data$offsets5 = data.offsets,
-	        reference = _data$offsets5.reference,
-	        popper = _data$offsets5.popper;
+	      reference = _data$offsets5.reference,
+	      popper = _data$offsets5.popper;
 	    var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
 	    var side = isVertical ? 'left' : 'top';
 	    var measurement = isVertical ? 'width' : 'height';
@@ -2411,8 +2375,8 @@
 	  var placement = data.placement;
 	  var basePlacement = placement.split('-')[0];
 	  var _data$offsets6 = data.offsets,
-	      popper = _data$offsets6.popper,
-	      reference = _data$offsets6.reference;
+	    popper = _data$offsets6.popper,
+	    reference = _data$offsets6.reference;
 	  var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
 	  var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
 	  popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
@@ -2586,7 +2550,7 @@
 	var isIOS = isBrowser$1 && /iPhone|iPad|iPod/.test(navigator.platform) && !window.MSStream;
 	var defaultProps = {
 	  a11y: true,
-	  allowHTML: true,
+	  allowHTML: false,
 	  animateFill: true,
 	  animation: 'shift-away',
 	  appendTo: function appendTo() {
@@ -2705,7 +2669,7 @@
 	}
 	function onWindowBlur() {
 	  var _document = document,
-	      activeElement = _document.activeElement;
+	    activeElement = _document.activeElement;
 	  if (activeElement && activeElement.blur && activeElement._tippy) {
 	    activeElement.blur();
 	  }
@@ -2991,10 +2955,10 @@
 	}
 	function updatePopperElement(popper, prevProps, nextProps) {
 	  var _getChildren = getChildren(popper),
-	      tooltip = _getChildren.tooltip,
-	      content = _getChildren.content,
-	      backdrop = _getChildren.backdrop,
-	      arrow = _getChildren.arrow;
+	    tooltip = _getChildren.tooltip,
+	    content = _getChildren.content,
+	    backdrop = _getChildren.backdrop,
+	    arrow = _getChildren.arrow;
 	  popper.style.zIndex = '' + nextProps.zIndex;
 	  tooltip.setAttribute('data-size', nextProps.size);
 	  tooltip.setAttribute('data-animation', nextProps.animation);
@@ -3039,8 +3003,8 @@
 	}
 	function hideAll() {
 	  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-	      excludedReferenceOrInstance = _ref.exclude,
-	      duration = _ref.duration;
+	    excludedReferenceOrInstance = _ref.exclude,
+	    duration = _ref.duration;
 	  arrayFrom(document.querySelectorAll(POPPER_SELECTOR)).forEach(function (popper) {
 	    var instance = popper._tippy;
 	    if (instance) {
@@ -3059,9 +3023,9 @@
 	    return true;
 	  }
 	  var x = event.clientX,
-	      y = event.clientY;
+	    y = event.clientY;
 	  var interactiveBorder = props.interactiveBorder,
-	      distance = props.distance;
+	    distance = props.distance;
 	  var exceedsTop = popperRect.top - y > (popperPlacement === 'top' ? interactiveBorder + distance : interactiveBorder);
 	  var exceedsBottom = y - popperRect.bottom > (popperPlacement === 'bottom' ? interactiveBorder + distance : interactiveBorder);
 	  var exceedsLeft = popperRect.left - x > (popperPlacement === 'left' ? interactiveBorder + distance : interactiveBorder);
@@ -3255,16 +3219,16 @@
 	  function removeTriggersFromReference() {
 	    listeners.forEach(function (_ref) {
 	      var eventType = _ref.eventType,
-	          handler = _ref.handler,
-	          options = _ref.options;
+	        handler = _ref.handler,
+	        options = _ref.options;
 	      getEventListenersTarget().removeEventListener(eventType, handler, options);
 	    });
 	    listeners = [];
 	  }
 	  function positionVirtualReferenceNearCursor(event) {
 	    var _lastMouseMoveEvent = lastMouseMoveEvent = event,
-	        x = _lastMouseMoveEvent.clientX,
-	        y = _lastMouseMoveEvent.clientY;
+	      x = _lastMouseMoveEvent.clientX,
+	      y = _lastMouseMoveEvent.clientY;
 	    if (!currentComputedPadding) {
 	      return;
 	    }
@@ -3395,8 +3359,8 @@
 	  function createPopperInstance() {
 	    var popperOptions = instance.props.popperOptions;
 	    var _instance$popperChild = instance.popperChildren,
-	        tooltip = _instance$popperChild.tooltip,
-	        arrow = _instance$popperChild.arrow;
+	      tooltip = _instance$popperChild.tooltip,
+	      arrow = _instance$popperChild.arrow;
 	    var preventOverflowModifier = getModifier(popperOptions, 'preventOverflow');
 	    function applyMutations(data) {
 	      if (instance.props.flip && !instance.props.flipOnUpdate) {
@@ -3723,10 +3687,10 @@
 	}
 	function group(instances) {
 	  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-	      _ref$delay = _ref.delay,
-	      delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
-	      _ref$duration = _ref.duration,
-	      duration = _ref$duration === void 0 ? 0 : _ref$duration;
+	    _ref$delay = _ref.delay,
+	    delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
+	    _ref$duration = _ref.duration,
+	    duration = _ref$duration === void 0 ? 0 : _ref$duration;
 	  var isAnyTippyOpen = false;
 	  instances.forEach(function (instance) {
 	    if (instance._originalProps) {
@@ -3833,14 +3797,18 @@
 	  trigger: 'mouseenter focus',
 	  theme: 'dark',
 	  interactive: true,
+	  boundary: 'window',
 	  content: '',
-	  allowHtml: false,
+	  allowHTML: false,
 	  extCls: ''
 	};
 	var validPlacements$1 = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
 	var createTippy$1 = function createTippy(el, binding) {
 	  var value = binding.value;
 	  var options = _objectSpread({}, defaultOptions);
+	  if (value.allowHtml || value.allowHTML) {
+	    value.allowHTML = true;
+	  }
 	  if (_typeof(value) === 'object') {
 	    _extends(options, value);
 	  } else {
@@ -3851,23 +3819,21 @@
 	  });
 	  options.placement = options.placement || placement || (options.placements || ['top'])[0];
 	  var _binding$modifiers = binding.modifiers,
-	      click = _binding$modifiers.click,
-	      light = _binding$modifiers.light;
+	    click = _binding$modifiers.click,
+	    light = _binding$modifiers.light;
 	  if (click) {
 	    options.trigger = 'click';
 	  }
 	  if (light) {
 	    options.theme = 'light';
 	  }
-	  if (options.allowHtml) {
+	  if (options.allowHTML) {
 	    var selector = options.content;
 	    if (selector instanceof Vue) {
 	      options.content = selector.$el;
 	    } else if (typeof selector === 'string') {
-	      var element = document.querySelector(selector);
-	      if (element) {
-	        options.content = element;
-	      }
+	      var element = document.createElement('div');
+	      element.innerHTML = selector;
 	    }
 	  }
 	  if (options.html) {
@@ -4079,15 +4045,12 @@
 
 	/* script */
 	var __vue_script__$1 = script$1;
-	/* template */
 
+	/* template */
 	var __vue_render__$1 = function __vue_render__() {
 	  var _vm = this;
-
 	  var _h = _vm.$createElement;
-
 	  var _c = _vm._self._c || _h;
-
 	  return _c('div', {
 	    directives: [{
 	      name: "bk-tooltips",
@@ -4118,19 +4081,15 @@
 	    class: ['slider-button-label', _vm.vertical ? 'vertical' : 'horizontal']
 	  }, [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n    ")]) : _vm._e()]);
 	};
-
 	var __vue_staticRenderFns__$1 = [];
-	/* style */
 
+	/* style */
 	var __vue_inject_styles__$1 = undefined;
 	/* scoped */
-
 	var __vue_scope_id__$1 = undefined;
 	/* module identifier */
-
 	var __vue_module_identifier__$1 = undefined;
 	/* functional template */
-
 	var __vue_is_functional_template__$1 = false;
 	/* style inject */
 
@@ -4516,14 +4475,10 @@
 	/* script */
 	var __vue_script__$2 = script$2;
 	/* template */
-
 	var __vue_render__$2 = function __vue_render__() {
 	  var _vm = this;
-
 	  var _h = _vm.$createElement;
-
 	  var _c = _vm._self._c || _h;
-
 	  return _c('div', {
 	    class: ['bk-slider', _vm.extCls]
 	  }, [_vm._t("start"), _c('div', {
@@ -4533,7 +4488,7 @@
 	    on: {
 	      "click": function click($event) {
 	        $event.stopPropagation();
-	        return _vm.setButtonPos($event);
+	        return _vm.setButtonPos.apply(null, arguments);
 	      }
 	    }
 	  }, [_c('div', {
@@ -4647,19 +4602,15 @@
 	    }
 	  })], 1)] : _vm._e()], 2) : _vm._e(), _vm._t("end")], 2);
 	};
-
 	var __vue_staticRenderFns__$2 = [];
-	/* style */
 
+	/* style */
 	var __vue_inject_styles__$2 = undefined;
 	/* scoped */
-
 	var __vue_scope_id__$2 = undefined;
 	/* module identifier */
-
 	var __vue_module_identifier__$2 = undefined;
 	/* functional template */
-
 	var __vue_is_functional_template__$2 = false;
 	/* style inject */
 

package/lib/star.js

@@ -119,14 +119,10 @@
     /* script */
     var __vue_script__ = script;
     /* template */
-
     var __vue_render__ = function __vue_render__() {
       var _vm = this;
-
       var _h = _vm.$createElement;
-
       var _c = _vm._self._c || _h;
-
       return _c('p', {
         staticClass: "bk-rate-stars"
       }, _vm._l(_vm.maxStars, function (item, index) {
@@ -158,10 +154,10 @@
           },
           on: {
             "click": function click($event) {
-              _vm.chooseRate(index);
+              return _vm.chooseRate(index);
             },
             "mouseenter": function mouseenter($event) {
-              _vm.changeHover(index);
+              return _vm.changeHover(index);
             }
           }
         }, [_c('g', {
@@ -188,19 +184,15 @@
         })])])])])]);
       }), 0);
     };
-
     var __vue_staticRenderFns__ = [];
-    /* style */
 
+    /* style */
     var __vue_inject_styles__ = undefined;
     /* scoped */
-
     var __vue_scope_id__ = undefined;
     /* module identifier */
-
     var __vue_module_identifier__ = undefined;
     /* functional template */
-
     var __vue_is_functional_template__ = false;
     /* style inject */