primevue 2.9.2 → 2.10.1

package/colorpicker/colorpicker.common.js

@@ -861,17 +861,6 @@ module.exports = function (exec) {
 };
 
 
-/***/ }),
-
-/***/ "29c0":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("acb3");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2aba":
@@ -1977,6 +1966,32 @@ if (__webpack_require__("79e5")(function () { return $toString.call({ source: 'a
 }
 
 
+/***/ }),
+
+/***/ "6ea3":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("2350")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".p-colorpicker{display:inline-block}.p-colorpicker-dragging{cursor:pointer}.p-colorpicker-overlay{position:relative}.p-colorpicker-panel{position:relative;width:193px;height:166px}.p-colorpicker-overlay-panel{position:absolute}.p-colorpicker-preview{cursor:pointer}.p-colorpicker-panel .p-colorpicker-content{position:relative}.p-colorpicker-panel .p-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.p-colorpicker-panel .p-colorpicker-color{width:150px;height:150px}.p-colorpicker-panel .p-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border-width:1px;border-style:solid;margin:-5px 0 0 -5px;cursor:pointer;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue{width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border-width:2px;border-style:solid;opacity:.85;cursor:pointer}", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "6ed4":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_id_2375b3e0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("91dc");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_id_2375b3e0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorPicker_vue_vue_type_style_index_0_id_2375b3e0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7514":
@@ -2503,6 +2518,22 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
+/***/ }),
+
+/***/ "91dc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("6ea3");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("7418b409", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "9b43":
@@ -2754,22 +2785,6 @@ module.exports = function (it) {
 __webpack_require__("3a72")('asyncIterator');
 
 
-/***/ }),
-
-/***/ "acb3":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("b394");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("dd21cf92", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "aebd":
@@ -2802,21 +2817,6 @@ __webpack_require__("5ca1")({
 });
 
 
-/***/ }),
-
-/***/ "b394":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("2350")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".p-colorpicker{display:inline-block}.p-colorpicker-dragging{cursor:pointer}.p-colorpicker-overlay{position:relative}.p-colorpicker-panel{position:relative;width:193px;height:166px}.p-colorpicker-overlay-panel{position:absolute}.p-colorpicker-preview{cursor:pointer}.p-colorpicker-panel .p-colorpicker-content{position:relative}.p-colorpicker-panel .p-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.p-colorpicker-panel .p-colorpicker-color{width:150px;height:150px}.p-colorpicker-panel .p-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border-width:1px;border-style:solid;margin:-5px 0 0 -5px;cursor:pointer;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue{width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border-width:2px;border-style:solid;opacity:.85;cursor:pointer}", ""]);
-
-// exports
-
-
 /***/ }),
 
 /***/ "be13":
@@ -3287,10 +3287,84 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/colorpicker/ColorPicker.vue?vue&type=template&id=2375b3e0&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(!_vm.inline)?_c('input',{ref:"input",class:_vm.inputClass,attrs:{"type":"text","readonly":"readonly","tabindex":_vm.tabindex,"disabled":_vm.disabled,"aria-labelledby":_vm.ariaLabelledBy},on:{"click":_vm.onInputClick,"keydown":_vm.onInputKeydown}}):_vm._e(),_c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onOverlayEnter,"leave":_vm.onOverlayLeave}},[(_vm.inline ? true : _vm.overlayVisible)?_c('div',{ref:"picker",class:_vm.pickerClass},[_c('div',{staticClass:"p-colorpicker-content"},[_c('div',{ref:"colorSelector",staticClass:"p-colorpicker-color-selector",on:{"mousedown":function($event){return _vm.onColorMousedown($event)},"touchstart":function($event){return _vm.onColorDragStart($event)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd()}}},[_c('div',{staticClass:"p-colorpicker-color"},[_c('div',{ref:"colorHandle",staticClass:"p-colorpicker-color-handle"})])]),_c('div',{ref:"hueView",staticClass:"p-colorpicker-hue",on:{"mousedown":function($event){return _vm.onHueMousedown($event)},"touchstart":function($event){return _vm.onHueDragStart($event)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd()}}},[_c('div',{ref:"hueHandle",staticClass:"p-colorpicker-hue-handle"})])])]):_vm._e()])],1)}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/colorpicker/ColorPicker.vue?vue&type=template&id=2375b3e0&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: _vm.containerClass
+  }, [!_vm.inline ? _c('input', {
+    ref: "input",
+    class: _vm.inputClass,
+    attrs: {
+      "type": "text",
+      "readonly": "readonly",
+      "tabindex": _vm.tabindex,
+      "disabled": _vm.disabled,
+      "aria-labelledby": _vm.ariaLabelledBy
+    },
+    on: {
+      "click": _vm.onInputClick,
+      "keydown": _vm.onInputKeydown
+    }
+  }) : _vm._e(), _c('transition', {
+    attrs: {
+      "name": "p-connected-overlay"
+    },
+    on: {
+      "enter": _vm.onOverlayEnter,
+      "leave": _vm.onOverlayLeave
+    }
+  }, [(_vm.inline ? true : _vm.overlayVisible) ? _c('div', {
+    ref: "picker",
+    class: _vm.pickerClass
+  }, [_c('div', {
+    staticClass: "p-colorpicker-content"
+  }, [_c('div', {
+    ref: "colorSelector",
+    staticClass: "p-colorpicker-color-selector",
+    on: {
+      "mousedown": function mousedown($event) {
+        return _vm.onColorMousedown($event);
+      },
+      "touchstart": function touchstart($event) {
+        return _vm.onColorDragStart($event);
+      },
+      "touchmove": function touchmove($event) {
+        return _vm.onDrag($event);
+      },
+      "touchend": function touchend($event) {
+        return _vm.onDragEnd();
+      }
+    }
+  }, [_c('div', {
+    staticClass: "p-colorpicker-color"
+  }, [_c('div', {
+    ref: "colorHandle",
+    staticClass: "p-colorpicker-color-handle"
+  })])]), _c('div', {
+    ref: "hueView",
+    staticClass: "p-colorpicker-hue",
+    on: {
+      "mousedown": function mousedown($event) {
+        return _vm.onHueMousedown($event);
+      },
+      "touchstart": function touchstart($event) {
+        return _vm.onHueDragStart($event);
+      },
+      "touchmove": function touchmove($event) {
+        return _vm.onDrag($event);
+      },
+      "touchend": function touchend($event) {
+        return _vm.onDragEnd();
+      }
+    }
+  }, [_c('div', {
+    ref: "hueHandle",
+    staticClass: "p-colorpicker-hue-handle"
+  })])])]) : _vm._e()])], 1);
+};
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/colorpicker/ColorPicker.vue?vue&type=template&id=2375b3e0&
 
@@ -3312,26 +3386,21 @@ var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/createClass.js
 
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-
     define_property_default()(target, descriptor.key, descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
-
   define_property_default()(Constructor, "prototype", {
     writable: false
   });
-
   return Constructor;
 }
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
@@ -3374,18 +3443,13 @@ var es6_regexp_split = __webpack_require__("28a5");
 
 
 
-
 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 F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; 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; }
-
 var DomHandler_DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-
   _createClass(DomHandler, null, [{
     key: "innerWidth",
     value: function innerWidth(el) {
@@ -3419,12 +3483,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterWidth(el, margin) {
       if (el) {
         var width = el.offsetWidth;
-
         if (margin) {
           var style = getComputedStyle(el);
           width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
-
         return width;
       } else {
         return 0;
@@ -3435,12 +3497,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterHeight(el, margin) {
       if (el) {
         var height = el.offsetHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -3451,12 +3511,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getClientHeight(el, margin) {
       if (el) {
         var height = el.clientHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -3466,11 +3524,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getViewport",
     value: function getViewport() {
       var win = window,
-          d = document,
-          e = d.documentElement,
-          g = d.getElementsByTagName('body')[0],
-          w = win.innerWidth || e.clientWidth || g.clientWidth,
-          h = win.innerHeight || e.clientHeight || g.clientHeight;
+        d = document,
+        e = d.documentElement,
+        g = d.getElementsByTagName('body')[0],
+        w = win.innerWidth || e.clientWidth || g.clientWidth,
+        h = win.innerHeight || e.clientHeight || g.clientHeight;
       return {
         width: w,
         height: h
@@ -3501,12 +3559,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function index(element) {
       var children = element.parentNode.childNodes;
       var num = 0;
-
       for (var i = 0; i < children.length; i++) {
         if (children[i] === element) return num;
         if (children[i].nodeType === 1) num++;
       }
-
       return -1;
     }
   }, {
@@ -3514,13 +3570,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function addMultipleClasses(element, className) {
       if (element.classList) {
         var styles = className.split(' ');
-
         for (var i = 0; i < styles.length; i++) {
           element.classList.add(styles[i]);
         }
       } else {
         var _styles = className.split(' ');
-
         for (var _i = 0; _i < _styles.length; _i++) {
           element.className += ' ' + _styles[_i];
         }
@@ -3542,7 +3596,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (element) {
         if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
-
       return false;
     }
   }, {
@@ -3587,11 +3640,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var windowScrollLeft = this.getWindowScrollLeft();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
         top = targetOffset.top + windowScrollTop - elementOuterHeight;
         element.style.transformOrigin = 'bottom';
-
         if (top < 0) {
           top = windowScrollTop;
         }
@@ -3599,7 +3650,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetOuterHeight + targetOffset.top + windowScrollTop;
         element.style.transformOrigin = 'top';
       }
-
       if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
       element.style.top = top + 'px';
       element.style.left = left + 'px';
@@ -3615,11 +3665,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var targetOffset = target.getBoundingClientRect();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
         top = -1 * elementDimensions.height;
         element.style.transformOrigin = 'bottom';
-
         if (targetOffset.top + top < 0) {
           top = -1 * targetOffset.top;
         }
@@ -3627,7 +3675,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetHeight;
         element.style.transformOrigin = 'top';
       }
-
       if (elementDimensions.width > viewport.width) {
         // element wider then viewport and cannot fit on screen (align at left side of viewport)
         left = targetOffset.left * -1;
@@ -3638,7 +3685,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         // element fits on screen (align with target)
         left = 0;
       }
-
       element.style.top = top + 'px';
       element.style.left = left + 'px';
     }
@@ -3652,35 +3698,27 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
       var scrollableParents = [];
-
       if (element) {
         var parents = this.getParents(element);
         var overflowRegex = /(auto|scroll)/;
-
         var overflowCheck = function overflowCheck(node) {
           var styleDeclaration = window['getComputedStyle'](node, null);
           return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
         };
-
         var _iterator = _createForOfIteratorHelper(parents),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var parent = _step.value;
             var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
-
               var _iterator2 = _createForOfIteratorHelper(selectors),
-                  _step2;
-
+                _step2;
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
-
                   if (el && overflowCheck(el)) {
                     scrollableParents.push(el);
                   }
@@ -3698,7 +3736,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -3739,34 +3776,29 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       element.style.opacity = 0;
       var last = +new Date();
       var opacity = 0;
-
       var tick = function tick() {
         opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
         element.style.opacity = opacity;
         last = +new Date();
-
         if (+opacity < 1) {
           window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);
         }
       };
-
       tick();
     }
   }, {
     key: "fadeOut",
     value: function fadeOut(element, ms) {
       var opacity = 1,
-          interval = 50,
-          duration = ms,
-          gap = interval / duration;
+        interval = 50,
+        duration = ms,
+        gap = interval / duration;
       var fading = setInterval(function () {
         opacity -= gap;
-
         if (opacity <= 0) {
           opacity = 0;
           clearInterval(fading);
         }
-
         element.style.opacity = opacity;
       }, interval);
     }
@@ -3793,7 +3825,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var scroll = container.scrollTop;
       var elementHeight = container.clientHeight;
       var itemHeight = this.getOuterHeight(item);
-
       if (offset < 0) {
         container.scrollTop = scroll + offset;
       } else if (offset + itemHeight > elementHeight) {
@@ -3812,7 +3843,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } else if (document['selection'] && document['selection'].empty) {
         try {
           document['selection'].empty();
-        } catch (error) {//ignore IE bug
+        } catch (error) {
+          //ignore IE bug
         }
       }
     }
@@ -3834,19 +3866,16 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (!this.browser) {
         var matched = this.resolveUserAgent();
         this.browser = {};
-
         if (matched.browser) {
           this.browser[matched.browser] = true;
           this.browser['version'] = matched.version;
         }
-
         if (this.browser['chrome']) {
           this.browser['webkit'] = true;
         } else if (this.browser['webkit']) {
           this.browser['safari'] = true;
         }
       }
-
       return this.browser;
     }
   }, {
@@ -3874,10 +3903,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getFocusableElements(element) {
       var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
       var visibleFocusableElements = [];
-
       var _iterator3 = _createForOfIteratorHelper(focusableElements),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
@@ -3888,7 +3915,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -3931,31 +3957,24 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     }
   }]);
-
   return DomHandler;
 }();
 
-
 // CONCATENATED MODULE: ./src/components/utils/ConnectedOverlayScrollHandler.js
 
 
 
-
 var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   function ConnectedOverlayScrollHandler(element) {
     var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-
     _classCallCheck(this, ConnectedOverlayScrollHandler);
-
     this.element = element;
     this.listener = listener;
   }
-
   _createClass(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
       this.scrollableParents = DomHandler_DomHandler.getScrollableParents(this.element);
-
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -3978,37 +3997,12 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       this.scrollableParents = null;
     }
   }]);
-
   return ConnectedOverlayScrollHandler;
 }();
 
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/colorpicker/ColorPicker.vue?vue&type=script&lang=js&
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 /* harmony default export */ var ColorPickervue_type_script_lang_js_ = ({
@@ -4068,7 +4062,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     this.unbindOutsideClickListener();
     this.unbindDragListeners();
     this.unbindResizeListener();
-
     if (this.scrollHandler) {
       this.scrollHandler.destroy();
       this.scrollHandler = null;
@@ -4121,15 +4114,12 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
         case 'hex':
           this.$emit('input', this.HSBtoHEX(this.hsbValue));
           break;
-
         case 'rgb':
           this.$emit('input', this.HSBtoRGB(this.hsbValue));
           break;
-
         case 'hsb':
           this.$emit('input', this.hsbValue);
           break;
-
         default:
           //NoOp
           break;
@@ -4183,18 +4173,14 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     validateHEX: function validateHEX(hex) {
       var len = 6 - hex.length;
-
       if (len > 0) {
         var o = [];
-
         for (var i = 0; i < len; i++) {
           o.push('0');
         }
-
         o.push(hex);
         hex = o.join('');
       }
-
       return hex;
     },
     HEXtoRGB: function HEXtoRGB(hex) {
@@ -4219,7 +4205,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       var delta = max - min;
       hsb.b = max;
       hsb.s = max !== 0 ? 255 * delta / max : 0;
-
       if (hsb.s !== 0) {
         if (rgb.r === max) {
           hsb.h = (rgb.g - rgb.b) / delta;
@@ -4231,13 +4216,10 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       } else {
         hsb.h = -1;
       }
-
       hsb.h *= 60;
-
       if (hsb.h < 0) {
         hsb.h += 360;
       }
-
       hsb.s *= 100 / 255;
       hsb.b *= 100 / 255;
       return hsb;
@@ -4251,7 +4233,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       var h = Math.round(hsb.h);
       var s = Math.round(hsb.s * 255 / 100);
       var v = Math.round(hsb.b * 255 / 100);
-
       if (s === 0) {
         rgb = {
           r: v,
@@ -4263,7 +4244,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
         var t2 = (255 - s) * v / 255;
         var t3 = (t1 - t2) * (h % 60) / 60;
         if (h === 360) h = 0;
-
         if (h < 60) {
           rgb.r = t1;
           rgb.b = t2;
@@ -4294,7 +4274,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
           rgb.b = 0;
         }
       }
-
       return {
         r: Math.round(rgb.r),
         g: Math.round(rgb.g),
@@ -4303,13 +4282,11 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     RGBtoHEX: function RGBtoHEX(rgb) {
       var hex = [rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16)];
-
       for (var key in hex) {
         if (hex[key].length === 1) {
           hex[key] = '0' + hex[key];
         }
       }
-
       return hex.join('');
     },
     HSBtoHEX: function HSBtoHEX(hsb) {
@@ -4317,28 +4294,23 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     toHSB: function toHSB(value) {
       var hsb;
-
       if (value) {
         switch (this.format) {
           case 'hex':
             hsb = this.HEXtoHSB(value);
             break;
-
           case 'rgb':
             hsb = this.RGBtoHSB(value);
             break;
-
           case 'hsb':
             hsb = value;
             break;
-
           default:
             break;
         }
       } else {
         hsb = this.HEXtoHSB(this.defaultColor);
       }
-
       return hsb;
     },
     onOverlayEnter: function onOverlayEnter() {
@@ -4347,7 +4319,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       this.bindOutsideClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
-
       if (this.autoZIndex) {
         this.$refs.picker.style.zIndex = String(this.baseZIndex + DomHandler_DomHandler.generateZIndex());
       }
@@ -4364,7 +4335,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       if (this.disabled) {
         return;
       }
-
       this.overlayVisible = !this.overlayVisible;
     },
     onInputKeydown: function onInputKeydown(event) {
@@ -4374,13 +4344,12 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
           this.overlayVisible = !this.overlayVisible;
           event.preventDefault();
           break;
-        //escape and tab
 
+        //escape and tab
         case 27:
         case 9:
           this.overlayVisible = false;
           break;
-
         default:
           //NoOp
           break;
@@ -4390,7 +4359,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       if (this.disabled) {
         return;
       }
-
       this.bindDragListeners();
       this.onColorDragStart(event);
     },
@@ -4398,7 +4366,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       if (this.disabled) {
         return;
       }
-
       this.colorDragging = true;
       this.pickColor(event);
       DomHandler_DomHandler.addClass(this.$el, 'p-colorpicker-dragging');
@@ -4409,7 +4376,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
         this.pickColor(event);
         event.preventDefault();
       }
-
       if (this.hueDragging) {
         this.pickHue(event);
         event.preventDefault();
@@ -4425,7 +4391,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       if (this.disabled) {
         return;
       }
-
       this.bindDragListeners();
       this.onHueDragStart(event);
     },
@@ -4433,7 +4398,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       if (this.disabled) {
         return;
       }
-
       this.hueDragging = true;
       this.pickHue(event);
       DomHandler_DomHandler.addClass(this.$el, 'p-colorpicker-dragging');
@@ -4451,14 +4415,12 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
       var _this = this;
-
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
           if (_this.overlayVisible && _this.$refs.picker && !_this.$refs.picker.contains(event.target) && !_this.isInputClicked(event)) {
             _this.overlayVisible = false;
           }
         };
-
         document.addEventListener('click', this.outsideClickListener);
       }
     },
@@ -4470,7 +4432,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     bindScrollListener: function bindScrollListener() {
       var _this2 = this;
-
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler(this.$el, function () {
           if (_this2.overlayVisible) {
@@ -4478,7 +4439,6 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
           }
         });
       }
-
       this.scrollHandler.bindScrollListener();
     },
     unbindScrollListener: function unbindScrollListener() {
@@ -4488,14 +4448,12 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
     },
     bindResizeListener: function bindResizeListener() {
       var _this3 = this;
-
       if (!this.resizeListener) {
         this.resizeListener = function () {
           if (_this3.overlayVisible) {
             _this3.overlayVisible = false;
           }
         };
-
         window.addEventListener('resize', this.resizeListener);
       }
     },
@@ -4551,8 +4509,8 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
 });
 // CONCATENATED MODULE: ./src/components/colorpicker/ColorPicker.vue?vue&type=script&lang=js&
  /* harmony default export */ var colorpicker_ColorPickervue_type_script_lang_js_ = (ColorPickervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/colorpicker/ColorPicker.vue?vue&type=style&index=0&lang=css&
-var ColorPickervue_type_style_index_0_lang_css_ = __webpack_require__("29c0");
+// EXTERNAL MODULE: ./src/components/colorpicker/ColorPicker.vue?vue&type=style&index=0&id=2375b3e0&prod&lang=css&
+var ColorPickervue_type_style_index_0_id_2375b3e0_prod_lang_css_ = __webpack_require__("6ed4");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -4561,20 +4519,19 @@ var ColorPickervue_type_style_index_0_lang_css_ = __webpack_require__("29c0");
 // 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) {
@@ -4594,7 +4551,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -4620,11 +4578,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -4635,16 +4593,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // 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]
     }
   }