primevue 2.7.0 → 2.9.1

package/picklist/picklist.common.js

@@ -4707,12 +4707,12 @@ 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":"9d50adc0-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/picklist/PickList.vue?vue&type=template&id=48b7107b&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-picklist p-component"},[_c('div',{staticClass:"p-picklist-buttons p-picklist-source-controls"},[_vm._t("sourcecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 0)}}}),_vm._t("sourcecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-source-wrapper"},[(_vm.$slots.sourceheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("sourceheader")],2):_vm._e(),_c('transition-group',{ref:"sourceList",staticClass:"p-picklist-list p-picklist-source",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.sourceList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 0)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 0)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 0)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 0)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-transfer-buttons"},[_vm._t("movecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-right"},on:{"click":_vm.moveToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-right"},on:{"click":_vm.moveAllToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-left"},on:{"click":_vm.moveToSource}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-left"},on:{"click":_vm.moveAllToSource}}),_vm._t("movecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-target-wrapper"},[(_vm.$slots.targetheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("targetheader")],2):_vm._e(),_c('transition-group',{ref:"targetList",staticClass:"p-picklist-list p-picklist-target",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.targetList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 1)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 1)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 1)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 1)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-target-controls"},[_vm._t("targetcontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 1)}}}),_vm._t("targetcontrolsend")],2)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/picklist/PickList.vue?vue&type=template&id=49b75cba&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[_c('div',{staticClass:"p-picklist-buttons p-picklist-source-controls"},[_vm._t("sourcecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 0)}}}),_vm._t("sourcecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-source-wrapper"},[(_vm.$slots.sourceheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("sourceheader")],2):_vm._e(),_c('transition-group',{ref:"sourceList",staticClass:"p-picklist-list p-picklist-source",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.sourceList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 0)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 0)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 0)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 0)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-transfer-buttons"},[_vm._t("movecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-right"},on:{"click":_vm.moveToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-right"},on:{"click":_vm.moveAllToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-left"},on:{"click":_vm.moveToSource}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-left"},on:{"click":_vm.moveAllToSource}}),_vm._t("movecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-target-wrapper"},[(_vm.$slots.targetheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("targetheader")],2):_vm._e(),_c('transition-group',{ref:"targetList",staticClass:"p-picklist-list p-picklist-target",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.targetList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 1)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 1)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 1)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 1)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-target-controls"},[_vm._t("targetcontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 1)}}}),_vm._t("targetcontrolsend")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/picklist/PickList.vue?vue&type=template&id=48b7107b&
+// CONCATENATED MODULE: ./src/components/picklist/PickList.vue?vue&type=template&id=49b75cba&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -4779,7 +4779,7 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-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/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/button/Button.vue?vue&type=template&id=3d0cb6ac&
 var Buttonvue_type_template_id_3d0cb6ac_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
 var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
 
@@ -4840,6 +4840,11 @@ function _defineProperties(target, props) {
 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;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -5372,6 +5377,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -5379,6 +5390,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -5674,20 +5696,14 @@ var es6_object_keys = __webpack_require__("456d");
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js
 
 
-function typeof_typeof(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof symbol_default.a === "function" && typeof iterator_default.a === "symbol") {
-    typeof_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    typeof_typeof = function _typeof(obj) {
-      return obj && typeof symbol_default.a === "function" && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return typeof_typeof(obj);
+  return _typeof = "function" == typeof symbol_default.a && "symbol" == typeof iterator_default.a ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof symbol_default.a && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 // CONCATENATED MODULE: ./src/components/utils/ObjectUtils.js
 
@@ -5728,7 +5744,7 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     value: function deepEquals(a, b) {
       if (a === b) return true;
 
-      if (a && b && typeof_typeof(a) == 'object' && typeof_typeof(b) == 'object') {
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
         var arrA = Array.isArray(a),
             arrB = Array.isArray(b),
             i,
@@ -5930,6 +5946,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 
       return str;
     }
+  }, {
+    key: "getVNodeProp",
+    value: function getVNodeProp(vnode, prop) {
+      var props = vnode._props;
+
+      if (props) {
+        var kebapProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+        var propName = Object.prototype.hasOwnProperty.call(props, kebapProp) ? kebapProp : prop;
+        return props[propName];
+      }
+
+      return null;
+    }
   }]);
 
   return ObjectUtils;
@@ -5999,9 +6028,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 
 
 /* harmony default export */ var PickListvue_type_script_lang_js_ = ({
-  mounted: function mounted() {
-    console.log(this);
-  },
   props: {
     value: {
       type: Array,
@@ -6026,6 +6052,10 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     metaKeySelection: {
       type: Boolean,
       default: true
+    },
+    stripedRows: {
+      type: Boolean,
+      default: false
     }
   },
   itemTouched: false,
@@ -6415,6 +6445,11 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     }
   },
   computed: {
+    containerClass: function containerClass() {
+      return ['p-picklist p-component', {
+        'p-picklist-striped': this.stripedRows
+      }];
+    },
     sourceList: function sourceList() {
       return this.value && this.value[0] ? this.value[0] : null;
     },

package/picklist/picklist.umd.js

@@ -4716,12 +4716,12 @@ 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":"9d50adc0-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/picklist/PickList.vue?vue&type=template&id=48b7107b&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-picklist p-component"},[_c('div',{staticClass:"p-picklist-buttons p-picklist-source-controls"},[_vm._t("sourcecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 0)}}}),_vm._t("sourcecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-source-wrapper"},[(_vm.$slots.sourceheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("sourceheader")],2):_vm._e(),_c('transition-group',{ref:"sourceList",staticClass:"p-picklist-list p-picklist-source",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.sourceList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 0)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 0)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 0)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 0)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-transfer-buttons"},[_vm._t("movecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-right"},on:{"click":_vm.moveToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-right"},on:{"click":_vm.moveAllToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-left"},on:{"click":_vm.moveToSource}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-left"},on:{"click":_vm.moveAllToSource}}),_vm._t("movecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-target-wrapper"},[(_vm.$slots.targetheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("targetheader")],2):_vm._e(),_c('transition-group',{ref:"targetList",staticClass:"p-picklist-list p-picklist-target",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.targetList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 1)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 1)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 1)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 1)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-target-controls"},[_vm._t("targetcontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 1)}}}),_vm._t("targetcontrolsend")],2)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/picklist/PickList.vue?vue&type=template&id=49b75cba&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[_c('div',{staticClass:"p-picklist-buttons p-picklist-source-controls"},[_vm._t("sourcecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 0)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 0)}}}),_vm._t("sourcecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-source-wrapper"},[(_vm.$slots.sourceheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("sourceheader")],2):_vm._e(),_c('transition-group',{ref:"sourceList",staticClass:"p-picklist-list p-picklist-source",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.sourceList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 0)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 0)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 0)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 0)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-transfer-buttons"},[_vm._t("movecontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-right"},on:{"click":_vm.moveToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-right"},on:{"click":_vm.moveAllToTarget}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-left"},on:{"click":_vm.moveToSource}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-left"},on:{"click":_vm.moveAllToSource}}),_vm._t("movecontrolsend")],2),_c('div',{staticClass:"p-picklist-list-wrapper p-picklist-target-wrapper"},[(_vm.$slots.targetheader)?_c('div',{staticClass:"p-picklist-header"},[_vm._t("targetheader")],2):_vm._e(),_c('transition-group',{ref:"targetList",staticClass:"p-picklist-list p-picklist-target",style:(_vm.listStyle),attrs:{"name":"p-picklist-flip","tag":"ul","role":"listbox","aria-multiselectable":"multiple"}},[_vm._l((_vm.targetList),function(item,i){return [_c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getItemKey(item, i),class:['p-picklist-item', {'p-highlight': _vm.isSelected(item, 1)}],attrs:{"tabindex":"0","role":"option","aria-selected":_vm.isSelected(item, 1)},on:{"click":function($event){return _vm.onItemClick($event, item, i, 1)},"keydown":function($event){return _vm.onItemKeyDown($event, item, i, 1)},"touchend":_vm.onItemTouchEnd}},[_vm._t("item",null,{"item":item,"index":i})],2)]})],2)],1),_c('div',{staticClass:"p-picklist-buttons p-picklist-target-controls"},[_vm._t("targetcontrolsstart"),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-up"},on:{"click":function($event){return _vm.moveUp($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-up"},on:{"click":function($event){return _vm.moveTop($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-down"},on:{"click":function($event){return _vm.moveDown($event, 1)}}}),_c('PLButton',{attrs:{"type":"button","icon":"pi pi-angle-double-down"},on:{"click":function($event){return _vm.moveBottom($event, 1)}}}),_vm._t("targetcontrolsend")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/picklist/PickList.vue?vue&type=template&id=48b7107b&
+// CONCATENATED MODULE: ./src/components/picklist/PickList.vue?vue&type=template&id=49b75cba&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -4788,7 +4788,7 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-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/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/button/Button.vue?vue&type=template&id=3d0cb6ac&
 var Buttonvue_type_template_id_3d0cb6ac_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
 var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
 
@@ -4849,6 +4849,11 @@ function _defineProperties(target, props) {
 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;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -5381,6 +5386,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -5388,6 +5399,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -5683,20 +5705,14 @@ var es6_object_keys = __webpack_require__("456d");
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js
 
 
-function typeof_typeof(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof symbol_default.a === "function" && typeof iterator_default.a === "symbol") {
-    typeof_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    typeof_typeof = function _typeof(obj) {
-      return obj && typeof symbol_default.a === "function" && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return typeof_typeof(obj);
+  return _typeof = "function" == typeof symbol_default.a && "symbol" == typeof iterator_default.a ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof symbol_default.a && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 // CONCATENATED MODULE: ./src/components/utils/ObjectUtils.js
 
@@ -5737,7 +5753,7 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     value: function deepEquals(a, b) {
       if (a === b) return true;
 
-      if (a && b && typeof_typeof(a) == 'object' && typeof_typeof(b) == 'object') {
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
         var arrA = Array.isArray(a),
             arrB = Array.isArray(b),
             i,
@@ -5939,6 +5955,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 
       return str;
     }
+  }, {
+    key: "getVNodeProp",
+    value: function getVNodeProp(vnode, prop) {
+      var props = vnode._props;
+
+      if (props) {
+        var kebapProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+        var propName = Object.prototype.hasOwnProperty.call(props, kebapProp) ? kebapProp : prop;
+        return props[propName];
+      }
+
+      return null;
+    }
   }]);
 
   return ObjectUtils;
@@ -6008,9 +6037,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 
 
 /* harmony default export */ var PickListvue_type_script_lang_js_ = ({
-  mounted: function mounted() {
-    console.log(this);
-  },
   props: {
     value: {
       type: Array,
@@ -6035,6 +6061,10 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     metaKeySelection: {
       type: Boolean,
       default: true
+    },
+    stripedRows: {
+      type: Boolean,
+      default: false
     }
   },
   itemTouched: false,
@@ -6424,6 +6454,11 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     }
   },
   computed: {
+    containerClass: function containerClass() {
+      return ['p-picklist p-component', {
+        'p-picklist-striped': this.stripedRows
+      }];
+    },
     sourceList: function sourceList() {
       return this.value && this.value[0] ? this.value[0] : null;
     },