iov-design 2.15.60 → 2.15.61

package/lib/color-picker.js

@@ -98,20 +98,19 @@ module.exports =
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -131,7 +130,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -156,7 +156,12 @@ function normalizeComponent (
     options._ssrRegister = hook
   } else if (injectStyles) {
     hook = shadowMode
-      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -165,18 +170,16 @@ function normalizeComponent (
       // for template-only hot-reload because in that case the render fn doesn't
       // go through the normalizer
       options._injectStyles = hook
-      // register for functioal component in vue file
+      // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -228,100 +231,21 @@ module.exports = require("iov-design/lib/utils/vue-popper");
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7&
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      directives: [
-        {
-          name: "clickoutside",
-          rawName: "v-clickoutside",
-          value: _vm.hide,
-          expression: "hide"
-        }
-      ],
-      class: [
-        "el-color-picker",
-        _vm.colorDisabled ? "is-disabled" : "",
-        _vm.colorSize ? "el-color-picker--" + _vm.colorSize : ""
-      ]
-    },
-    [
-      _vm.colorDisabled
-        ? _c("div", { staticClass: "el-color-picker__mask" })
-        : _vm._e(),
-      _c(
-        "div",
-        {
-          staticClass: "el-color-picker__trigger",
-          on: { click: _vm.handleTrigger }
-        },
-        [
-          _c(
-            "span",
-            {
-              staticClass: "el-color-picker__color",
-              class: { "is-alpha": _vm.showAlpha }
-            },
-            [
-              _c("span", {
-                staticClass: "el-color-picker__color-inner",
-                style: {
-                  backgroundColor: _vm.displayedColor
-                }
-              }),
-              !_vm.value && !_vm.showPanelColor
-                ? _c("span", {
-                    staticClass: "el-color-picker__empty el-icon-close"
-                  })
-                : _vm._e()
-            ]
-          ),
-          _c("span", {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: _vm.value || _vm.showPanelColor,
-                expression: "value || showPanelColor"
-              }
-            ],
-            staticClass: "el-color-picker__icon el-icon-arrow-down"
-          })
-        ]
-      ),
-      _c("picker-dropdown", {
-        ref: "dropdown",
-        class: ["el-color-picker__panel", _vm.popperClass || ""],
-        attrs: {
-          color: _vm.color,
-          "show-alpha": _vm.showAlpha,
-          predefine: _vm.predefine
-        },
-        on: { pick: _vm.confirmValue, clear: _vm.clearValue },
-        model: {
-          value: _vm.showPicker,
-          callback: function($$v) {
-            _vm.showPicker = $$v
-          },
-          expression: "showPicker"
-        }
-      })
-    ],
-    1
-  )
-}
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=template&id=002787b6
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.hide),expression:"hide"}],class:[
+    'el-color-picker',
+    _vm.colorDisabled ? 'is-disabled' : '',
+    _vm.colorSize ? ("el-color-picker--" + _vm.colorSize) : ''
+  ]},[(_vm.colorDisabled)?_c('div',{staticClass:"el-color-picker__mask"}):_vm._e(),_c('div',{staticClass:"el-color-picker__trigger",on:{"click":_vm.handleTrigger}},[_c('span',{staticClass:"el-color-picker__color",class:{ 'is-alpha': _vm.showAlpha }},[_c('span',{staticClass:"el-color-picker__color-inner",style:({
+          backgroundColor: _vm.displayedColor
+        })}),(!_vm.value && !_vm.showPanelColor)?_c('span',{staticClass:"el-color-picker__empty el-icon-close"}):_vm._e()]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.value || _vm.showPanelColor),expression:"value || showPanelColor"}],staticClass:"el-color-picker__icon el-icon-arrow-down"})]),_c('picker-dropdown',{ref:"dropdown",class:['el-color-picker__panel', _vm.popperClass || ''],attrs:{"color":_vm.color,"show-alpha":_vm.showAlpha,"predefine":_vm.predefine},on:{"pick":_vm.confirmValue,"clear":_vm.clearValue},model:{value:(_vm.showPicker),callback:function ($$v) {_vm.showPicker=$$v},expression:"showPicker"}})],1)}
 var staticRenderFns = []
 render._withStripped = true
 
-
-// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7&
+// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=template&id=002787b6
 
 // CONCATENATED MODULE: ./packages/color-picker/src/color.js
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
@@ -688,173 +612,24 @@ var Color = function () {
 
 /* harmony default export */ var src_color = (Color);
 ;
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625&
-var picker_dropdownvue_type_template_id_06601625_render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "transition",
-    { attrs: { name: "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } },
-    [
-      _c(
-        "div",
-        {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: _vm.showPopper,
-              expression: "showPopper"
-            }
-          ],
-          staticClass: "el-color-dropdown"
-        },
-        [
-          _c(
-            "div",
-            { staticClass: "el-color-dropdown__main-wrapper" },
-            [
-              _c("hue-slider", {
-                ref: "hue",
-                staticStyle: { float: "right" },
-                attrs: { color: _vm.color, vertical: "" }
-              }),
-              _c("sv-panel", { ref: "sl", attrs: { color: _vm.color } })
-            ],
-            1
-          ),
-          _vm.showAlpha
-            ? _c("alpha-slider", { ref: "alpha", attrs: { color: _vm.color } })
-            : _vm._e(),
-          _vm.predefine
-            ? _c("predefine", {
-                attrs: { color: _vm.color, colors: _vm.predefine }
-              })
-            : _vm._e(),
-          _c(
-            "div",
-            { staticClass: "el-color-dropdown__btns" },
-            [
-              _c(
-                "span",
-                { staticClass: "el-color-dropdown__value" },
-                [
-                  _c("el-input", {
-                    attrs: { "validate-event": false, size: "mini" },
-                    on: { blur: _vm.handleConfirm },
-                    nativeOn: {
-                      keyup: function($event) {
-                        if (
-                          !("button" in $event) &&
-                          _vm._k(
-                            $event.keyCode,
-                            "enter",
-                            13,
-                            $event.key,
-                            "Enter"
-                          )
-                        ) {
-                          return null
-                        }
-                        return _vm.handleConfirm($event)
-                      }
-                    },
-                    model: {
-                      value: _vm.customInput,
-                      callback: function($$v) {
-                        _vm.customInput = $$v
-                      },
-                      expression: "customInput"
-                    }
-                  })
-                ],
-                1
-              ),
-              _c(
-                "el-button",
-                {
-                  staticClass: "el-color-dropdown__link-btn",
-                  attrs: { size: "mini", type: "text" },
-                  on: {
-                    click: function($event) {
-                      _vm.$emit("clear")
-                    }
-                  }
-                },
-                [
-                  _vm._v(
-                    "\n        " +
-                      _vm._s(_vm.t("el.colorpicker.clear")) +
-                      "\n      "
-                  )
-                ]
-              ),
-              _c(
-                "el-button",
-                {
-                  staticClass: "el-color-dropdown__btn",
-                  attrs: { plain: "", size: "mini" },
-                  on: { click: _vm.confirmValue }
-                },
-                [
-                  _vm._v(
-                    "\n        " +
-                      _vm._s(_vm.t("el.colorpicker.confirm")) +
-                      "\n      "
-                  )
-                ]
-              )
-            ],
-            1
-          )
-        ],
-        1
-      )
-    ]
-  )
-}
-var picker_dropdownvue_type_template_id_06601625_staticRenderFns = []
-picker_dropdownvue_type_template_id_06601625_render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625&
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596&
-var sv_panelvue_type_template_id_d8583596_render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "el-color-svpanel",
-      style: {
-        backgroundColor: _vm.background
-      }
-    },
-    [
-      _c("div", { staticClass: "el-color-svpanel__white" }),
-      _c("div", { staticClass: "el-color-svpanel__black" }),
-      _c(
-        "div",
-        {
-          staticClass: "el-color-svpanel__cursor",
-          style: {
-            top: _vm.cursorTop + "px",
-            left: _vm.cursorLeft + "px"
-          }
-        },
-        [_c("div")]
-      )
-    ]
-  )
-}
-var sv_panelvue_type_template_id_d8583596_staticRenderFns = []
-sv_panelvue_type_template_id_d8583596_render._withStripped = true
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=b668348c
+var picker_dropdownvue_type_template_id_b668348c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.doDestroy}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-color-dropdown"},[_c('div',{staticClass:"el-color-dropdown__main-wrapper"},[_c('hue-slider',{ref:"hue",staticStyle:{"float":"right"},attrs:{"color":_vm.color,"vertical":""}}),_c('sv-panel',{ref:"sl",attrs:{"color":_vm.color}})],1),(_vm.showAlpha)?_c('alpha-slider',{ref:"alpha",attrs:{"color":_vm.color}}):_vm._e(),(_vm.predefine)?_c('predefine',{attrs:{"color":_vm.color,"colors":_vm.predefine}}):_vm._e(),_c('div',{staticClass:"el-color-dropdown__btns"},[_c('span',{staticClass:"el-color-dropdown__value"},[_c('el-input',{attrs:{"validate-event":false,"size":"mini"},on:{"blur":_vm.handleConfirm},nativeOn:{"keyup":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleConfirm($event)}},model:{value:(_vm.customInput),callback:function ($$v) {_vm.customInput=$$v},expression:"customInput"}})],1),_c('el-button',{staticClass:"el-color-dropdown__link-btn",attrs:{"size":"mini","type":"text"},on:{"click":function($event){_vm.$emit('clear')}}},[_vm._v("\n        "+_vm._s(_vm.t('el.colorpicker.clear'))+"\n      ")]),_c('el-button',{staticClass:"el-color-dropdown__btn",attrs:{"plain":"","size":"mini"},on:{"click":_vm.confirmValue}},[_vm._v("\n        "+_vm._s(_vm.t('el.colorpicker.confirm'))+"\n      ")])],1)],1)])}
+var picker_dropdownvue_type_template_id_b668348c_staticRenderFns = []
+picker_dropdownvue_type_template_id_b668348c_render._withStripped = true
 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=b668348c
 
-// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=347732c8
+var sv_panelvue_type_template_id_347732c8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-svpanel",style:({
+      backgroundColor: _vm.background
+    })},[_c('div',{staticClass:"el-color-svpanel__white"}),_c('div',{staticClass:"el-color-svpanel__black"}),_c('div',{staticClass:"el-color-svpanel__cursor",style:({
+      top: _vm.cursorTop + 'px',
+      left: _vm.cursorLeft + 'px'
+    })},[_c('div')])])}
+var sv_panelvue_type_template_id_347732c8_staticRenderFns = []
+sv_panelvue_type_template_id_347732c8_render._withStripped = true
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=347732c8
 
 // EXTERNAL MODULE: external "vue"
 var external_vue_ = __webpack_require__(8);
@@ -901,7 +676,7 @@ var isDragging = false;
     }
   });
 });
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js
 //
 //
 //
@@ -922,7 +697,7 @@ var isDragging = false;
 
 
 
-/* harmony default export */ var sv_panelvue_type_script_lang_js_ = ({
+/* harmony default export */ var sv_panelvue_type_script_lang_js = ({
   name: 'el-sl-panel',
 
   props: {
@@ -1003,8 +778,8 @@ var isDragging = false;
     };
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_sv_panelvue_type_script_lang_js_ = (sv_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_sv_panelvue_type_script_lang_js = (sv_panelvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
 
@@ -1017,9 +792,9 @@ var componentNormalizer = __webpack_require__(0);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  components_sv_panelvue_type_script_lang_js_,
-  sv_panelvue_type_template_id_d8583596_render,
-  sv_panelvue_type_template_id_d8583596_staticRenderFns,
+  components_sv_panelvue_type_script_lang_js,
+  sv_panelvue_type_template_id_347732c8_render,
+  sv_panelvue_type_template_id_347732c8_staticRenderFns,
   false,
   null,
   null,
@@ -1027,45 +802,18 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/color-picker/src/components/sv-panel.vue"
 /* harmony default export */ var sv_panel = (component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1&
-var hue_slidervue_type_template_id_5cdc43b1_render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "el-color-hue-slider",
-      class: { "is-vertical": _vm.vertical }
-    },
-    [
-      _c("div", {
-        ref: "bar",
-        staticClass: "el-color-hue-slider__bar",
-        on: { click: _vm.handleClick }
-      }),
-      _c("div", {
-        ref: "thumb",
-        staticClass: "el-color-hue-slider__thumb",
-        style: {
-          left: _vm.thumbLeft + "px",
-          top: _vm.thumbTop + "px"
-        }
-      })
-    ]
-  )
-}
-var hue_slidervue_type_template_id_5cdc43b1_staticRenderFns = []
-hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true
-
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=cc289afc
+var hue_slidervue_type_template_id_cc289afc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-hue-slider",class:{ 'is-vertical': _vm.vertical }},[_c('div',{ref:"bar",staticClass:"el-color-hue-slider__bar",on:{"click":_vm.handleClick}}),_c('div',{ref:"thumb",staticClass:"el-color-hue-slider__thumb",style:({
+         left: _vm.thumbLeft + 'px',
+         top: _vm.thumbTop + 'px'
+       })})])}
+var hue_slidervue_type_template_id_cc289afc_staticRenderFns = []
+hue_slidervue_type_template_id_cc289afc_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1&
+// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=cc289afc
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1082,7 +830,7 @@ hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true
 
 
 
-/* harmony default export */ var hue_slidervue_type_script_lang_js_ = ({
+/* harmony default export */ var hue_slidervue_type_script_lang_js = ({
   name: 'el-color-hue-slider',
 
   props: {
@@ -1191,8 +939,8 @@ hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true
     this.update();
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_hue_slidervue_type_script_lang_js_ = (hue_slidervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_hue_slidervue_type_script_lang_js = (hue_slidervue_type_script_lang_js); 
 // CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue
 
 
@@ -1202,9 +950,9 @@ hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true
 /* normalize component */
 
 var hue_slider_component = Object(componentNormalizer["a" /* default */])(
-  components_hue_slidervue_type_script_lang_js_,
-  hue_slidervue_type_template_id_5cdc43b1_render,
-  hue_slidervue_type_template_id_5cdc43b1_staticRenderFns,
+  components_hue_slidervue_type_script_lang_js,
+  hue_slidervue_type_template_id_cc289afc_render,
+  hue_slidervue_type_template_id_cc289afc_staticRenderFns,
   false,
   null,
   null,
@@ -1212,48 +960,20 @@ var hue_slider_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var hue_slider_api; }
-hue_slider_component.options.__file = "packages/color-picker/src/components/hue-slider.vue"
 /* harmony default export */ var hue_slider = (hue_slider_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb&
-var alpha_slidervue_type_template_id_068c66cb_render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "el-color-alpha-slider",
-      class: { "is-vertical": _vm.vertical }
-    },
-    [
-      _c("div", {
-        ref: "bar",
-        staticClass: "el-color-alpha-slider__bar",
-        style: {
-          background: _vm.background
-        },
-        on: { click: _vm.handleClick }
-      }),
-      _c("div", {
-        ref: "thumb",
-        staticClass: "el-color-alpha-slider__thumb",
-        style: {
-          left: _vm.thumbLeft + "px",
-          top: _vm.thumbTop + "px"
-        }
-      })
-    ]
-  )
-}
-var alpha_slidervue_type_template_id_068c66cb_staticRenderFns = []
-alpha_slidervue_type_template_id_068c66cb_render._withStripped = true
-
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=4738c7de
+var alpha_slidervue_type_template_id_4738c7de_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-alpha-slider",class:{ 'is-vertical': _vm.vertical }},[_c('div',{ref:"bar",staticClass:"el-color-alpha-slider__bar",style:({
+         background: _vm.background
+       }),on:{"click":_vm.handleClick}}),_c('div',{ref:"thumb",staticClass:"el-color-alpha-slider__thumb",style:({
+         left: _vm.thumbLeft + 'px',
+         top: _vm.thumbTop + 'px'
+       })})])}
+var alpha_slidervue_type_template_id_4738c7de_staticRenderFns = []
+alpha_slidervue_type_template_id_4738c7de_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb&
+// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=4738c7de
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1276,7 +996,7 @@ alpha_slidervue_type_template_id_068c66cb_render._withStripped = true
 
 
 
-/* harmony default export */ var alpha_slidervue_type_script_lang_js_ = ({
+/* harmony default export */ var alpha_slidervue_type_script_lang_js = ({
   name: 'el-color-alpha-slider',
 
   props: {
@@ -1388,8 +1108,8 @@ alpha_slidervue_type_template_id_068c66cb_render._withStripped = true
     this.update();
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_alpha_slidervue_type_script_lang_js_ = (alpha_slidervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_alpha_slidervue_type_script_lang_js = (alpha_slidervue_type_script_lang_js); 
 // CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue
 
 
@@ -1399,9 +1119,9 @@ alpha_slidervue_type_template_id_068c66cb_render._withStripped = true
 /* normalize component */
 
 var alpha_slider_component = Object(componentNormalizer["a" /* default */])(
-  components_alpha_slidervue_type_script_lang_js_,
-  alpha_slidervue_type_template_id_068c66cb_render,
-  alpha_slidervue_type_template_id_068c66cb_staticRenderFns,
+  components_alpha_slidervue_type_script_lang_js,
+  alpha_slidervue_type_template_id_4738c7de_render,
+  alpha_slidervue_type_template_id_4738c7de_staticRenderFns,
   false,
   null,
   null,
@@ -1409,46 +1129,15 @@ var alpha_slider_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var alpha_slider_api; }
-alpha_slider_component.options.__file = "packages/color-picker/src/components/alpha-slider.vue"
 /* harmony default export */ var alpha_slider = (alpha_slider_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093&
-var predefinevue_type_template_id_06e03093_render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "el-color-predefine" }, [
-    _c(
-      "div",
-      { staticClass: "el-color-predefine__colors" },
-      _vm._l(_vm.rgbaColors, function(item, index) {
-        return _c(
-          "div",
-          {
-            key: _vm.colors[index],
-            staticClass: "el-color-predefine__color-selector",
-            class: { selected: item.selected, "is-alpha": item._alpha < 100 },
-            on: {
-              click: function($event) {
-                _vm.handleSelect(index)
-              }
-            }
-          },
-          [_c("div", { style: { "background-color": item.value } })]
-        )
-      }),
-      0
-    )
-  ])
-}
-var predefinevue_type_template_id_06e03093_staticRenderFns = []
-predefinevue_type_template_id_06e03093_render._withStripped = true
-
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=template&id=7da51eed
+var predefinevue_type_template_id_7da51eed_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-predefine"},[_c('div',{staticClass:"el-color-predefine__colors"},_vm._l((_vm.rgbaColors),function(item,index){return _c('div',{key:_vm.colors[index],staticClass:"el-color-predefine__color-selector",class:{selected: item.selected, 'is-alpha': item._alpha < 100},on:{"click":function($event){_vm.handleSelect(index)}}},[_c('div',{style:({'background-color': item.value})})])}),0)])}
+var predefinevue_type_template_id_7da51eed_staticRenderFns = []
+predefinevue_type_template_id_7da51eed_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093&
+// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=template&id=7da51eed
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1467,7 +1156,7 @@ predefinevue_type_template_id_06e03093_render._withStripped = true
 
 
 
-/* harmony default export */ var predefinevue_type_script_lang_js_ = ({
+/* harmony default export */ var predefinevue_type_script_lang_js = ({
   props: {
     colors: { type: Array, required: true },
     color: { required: true }
@@ -1510,8 +1199,8 @@ predefinevue_type_template_id_06e03093_render._withStripped = true
     }
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_predefinevue_type_script_lang_js_ = (predefinevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_predefinevue_type_script_lang_js = (predefinevue_type_script_lang_js); 
 // CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue
 
 
@@ -1521,9 +1210,9 @@ predefinevue_type_template_id_06e03093_render._withStripped = true
 /* normalize component */
 
 var predefine_component = Object(componentNormalizer["a" /* default */])(
-  components_predefinevue_type_script_lang_js_,
-  predefinevue_type_template_id_06e03093_render,
-  predefinevue_type_template_id_06e03093_staticRenderFns,
+  components_predefinevue_type_script_lang_js,
+  predefinevue_type_template_id_7da51eed_render,
+  predefinevue_type_template_id_7da51eed_staticRenderFns,
   false,
   null,
   null,
@@ -1531,9 +1220,6 @@ var predefine_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var predefine_api; }
-predefine_component.options.__file = "packages/color-picker/src/components/predefine.vue"
 /* harmony default export */ var predefine = (predefine_component.exports);
 // EXTERNAL MODULE: external "iov-design/lib/utils/vue-popper"
 var vue_popper_ = __webpack_require__(5);
@@ -1551,7 +1237,7 @@ var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 var button_ = __webpack_require__(14);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1602,7 +1288,7 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 
 
-/* harmony default export */ var picker_dropdownvue_type_script_lang_js_ = ({
+/* harmony default export */ var picker_dropdownvue_type_script_lang_js = ({
   name: 'el-color-picker-dropdown',
 
   mixins: [vue_popper_default.a, locale_default.a],
@@ -1680,8 +1366,8 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
     }
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_picker_dropdownvue_type_script_lang_js_ = (picker_dropdownvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_picker_dropdownvue_type_script_lang_js = (picker_dropdownvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue
 
 
@@ -1691,9 +1377,9 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 /* normalize component */
 
 var picker_dropdown_component = Object(componentNormalizer["a" /* default */])(
-  components_picker_dropdownvue_type_script_lang_js_,
-  picker_dropdownvue_type_template_id_06601625_render,
-  picker_dropdownvue_type_template_id_06601625_staticRenderFns,
+  components_picker_dropdownvue_type_script_lang_js,
+  picker_dropdownvue_type_template_id_b668348c_render,
+  picker_dropdownvue_type_template_id_b668348c_staticRenderFns,
   false,
   null,
   null,
@@ -1701,9 +1387,6 @@ var picker_dropdown_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var picker_dropdown_api; }
-picker_dropdown_component.options.__file = "packages/color-picker/src/components/picker-dropdown.vue"
 /* harmony default export */ var picker_dropdown = (picker_dropdown_component.exports);
 // EXTERNAL MODULE: external "iov-design/lib/utils/clickoutside"
 var clickoutside_ = __webpack_require__(12);
@@ -1713,7 +1396,7 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 var emitter_ = __webpack_require__(4);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1752,7 +1435,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 
 
-/* harmony default export */ var mainvue_type_script_lang_js_ = ({
+/* harmony default export */ var mainvue_type_script_lang_js = ({
   name: 'ElColorPicker',
 
   mixins: [emitter_default.a],
@@ -1903,8 +1586,8 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     PickerDropdown: picker_dropdown
   }
 });
-// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./packages/color-picker/src/main.vue
 
 
@@ -1914,7 +1597,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 /* normalize component */
 
 var main_component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js_,
+  src_mainvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
@@ -1924,9 +1607,6 @@ var main_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var main_api; }
-main_component.options.__file = "packages/color-picker/src/main.vue"
 /* harmony default export */ var main = (main_component.exports);
 // CONCATENATED MODULE: ./packages/color-picker/index.js