primevue 2.5.1 → 2.9.0

package/divider/divider.umd.js

@@ -554,7 +554,7 @@ 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":"0538004c-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/divider/Divider.vue?vue&type=template&id=34f87ef1&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/divider/Divider.vue?vue&type=template&id=34f87ef1&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,attrs:{"role":"separator"}},[(_vm.$slots.default)?_c('div',{staticClass:"p-divider-content"},[_vm._t("default")],2):_vm._e()])}
 var staticRenderFns = []
 

package/dock/Dock.d.ts

@@ -5,6 +5,8 @@ declare class Dock extends Vue {
     model?: any[];
     className?: string;
     styles?: any;
+    tooltipOptions?: any;
+    exact?: boolean;
     $slots: {
         'item': VNode[];
     }

package/dock/Dock.vue

@@ -1,6 +1,6 @@
 <template>
     <div :class="containerClass" :style="styles">
-        <DockSub :model="model" :templates="$scopedSlots"></DockSub>
+        <DockSub :model="model" :templates="$scopedSlots" :exact="exact" :tooltipOptions="tooltipOptions"></DockSub>
     </div>
 </template>
 
@@ -16,7 +16,12 @@ export default {
         },
         model: null,
         className: null,
-        styles: null
+        styles: null,
+        tooltipOptions: null,
+        exact: {
+            type: Boolean,
+            default: true
+        }
     },
     data() {
         return {
@@ -68,6 +73,11 @@ export default {
     pointer-events: none;
 }
 
+.p-dock-list-container {
+    display: flex;
+    pointer-events: auto;
+}
+
 .p-dock-list {
     margin: 0;
     padding: 0;

package/dock/DockSub.vue

@@ -1,27 +1,29 @@
 <template>
-    <ul ref="list" class="p-dock-list" role="menu" @mouseleave="onListMouseLeave">
-        <li v-for="(item, index) of model" :class="itemClass(index)" :key="index" role="none" @mouseenter="onItemMouseEnter(index)">
-            <DockSubTemplate v-if="templates['item']" :item="item" :template="templates['item']" />
-            <template v-else>
-                <router-link v-if="item.to && !item.disabled" :to="item.to" custom v-slot="{href}">
-                    <a :href="href" role="menuitem" :class="['p-dock-action', { 'p-disabled': item.disabled }]" :target="item.target"
-                        :data-pr-tooltip="item.label" @click="onItemClick(e, item)">
+    <div class="p-dock-list-container">
+        <ul ref="list" class="p-dock-list" role="menu" @mouseleave="onListMouseLeave">
+            <li v-for="(item, index) of model" :class="itemClass(index)" :key="index" role="none" @mouseenter="onItemMouseEnter(index)">
+                <DockSubTemplate v-if="templates['item']" :item="item" :template="templates['item']" />
+                <template v-else>
+                    <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
+                        <a :href="href" role="menuitem" :class="linkClass(item, {isActive, isExactActive})" :target="item.target"
+                            v-tooltip:[tooltipOptions]="{value: item.label, disabled: !tooltipOptions}" @click="onItemClick($event, item, navigate)">
+                            <template v-if="typeof item.icon === 'string'">
+                                <span :class="['p-dock-action-icon', item.icon]" v-ripple></span>
+                            </template>
+                            <DockSubIconTemplate v-else :icon="item.icon" />
+                        </a>
+                    </router-link>
+                    <a v-else :href="item.url" role="menuitem" :class="linkClass(item)" :target="item.target"
+                        v-tooltip:[tooltipOptions]="{value: item.label, disabled: !tooltipOptions}" @click="onItemClick($event, item)" :tabindex="disabled(item) ? null : '0'">
                         <template v-if="typeof item.icon === 'string'">
                             <span :class="['p-dock-action-icon', item.icon]" v-ripple></span>
                         </template>
                         <DockSubIconTemplate v-else :icon="item.icon" />
                     </a>
-                </router-link>
-                <a v-else :href="item.url || '#'" role="menuitem" :class="['p-dock-action', { 'p-disabled': item.disabled }]" :target="item.target"
-                    :data-pr-tooltip="item.label" @click="onItemClick($event, item)">
-                    <template v-if="typeof item.icon === 'string'">
-                        <span :class="['p-dock-action-icon', item.icon]" v-ripple></span>
-                    </template>
-                    <DockSubIconTemplate v-else :icon="item.icon" />
-                </a>
-            </template>
-        </li>
-    </ul>
+                </template>
+            </li>
+        </ul>
+    </div>
 </template>
 
 <script>
@@ -69,6 +71,11 @@ export default {
         templates: {
             type: null,
             default: null
+        },
+        tooltipOptions: null,
+        exact: {
+            type: Boolean,
+            default: true
         }
     },
     data() {
@@ -83,12 +90,19 @@ export default {
         onItemMouseEnter(index) {
             this.currentIndex = index;
         },
-        onItemClick(e, item) {
+        onItemClick(event, item) {
+            if (this.disabled(item)) {
+                return;
+            }
+
             if (item.command) {
-                item.command({ originalEvent: e, item });
+                item.command({
+                    originalEvent: event,
+                    item: item
+                });
             }
 
-            e.preventDefault();
+            event.preventDefault();
         },
         itemClass(index) {
             return ['p-dock-item', {
@@ -98,6 +112,16 @@ export default {
                 'p-dock-item-next': (this.currentIndex + 1) === index,
                 'p-dock-item-second-next': (this.currentIndex + 2) === index
             }];
+        },
+        linkClass(item, routerProps) {
+            return ['p-dock-action', {
+                'p-disabled': this.disabled(item),
+                'router-link-active': routerProps && routerProps.isActive,
+                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+            }];
+        },
+        disabled(item) {
+            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
         }
     },
     components: {

package/dock/dock.common.js

@@ -471,7 +471,7 @@ exports = module.exports = __webpack_require__("2350")(false);
 
 
 // module
-exports.push([module.i, ".p-dock{position:absolute;z-index:1;pointer-events:none}.p-dock,.p-dock-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-dock-list{margin:0;padding:0;list-style:none;pointer-events:auto}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}", ""]);
+exports.push([module.i, ".p-dock{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.p-dock-list,.p-dock-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:auto}.p-dock-list{margin:0;padding:0;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}", ""]);
 
 // exports
 
@@ -545,21 +545,24 @@ 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":"0538004c-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/dock/Dock.vue?vue&type=template&id=69a374ce&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,style:(_vm.styles)},[_c('DockSub',{attrs:{"model":_vm.model,"templates":_vm.$scopedSlots}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/dock/Dock.vue?vue&type=template&id=b8108a46&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,style:(_vm.styles)},[_c('DockSub',{attrs:{"model":_vm.model,"templates":_vm.$scopedSlots,"exact":_vm.exact,"tooltipOptions":_vm.tooltipOptions}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dock/Dock.vue?vue&type=template&id=69a374ce&
+// CONCATENATED MODULE: ./src/components/dock/Dock.vue?vue&type=template&id=b8108a46&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-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/dock/DockSub.vue?vue&type=template&id=46f6d214&
-var DockSubvue_type_template_id_46f6d214_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !item.disabled)?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/dock/DockSub.vue?vue&type=template&id=77d6d77e&
+var DockSubvue_type_template_id_77d6d77e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-dock-list-container"},[_c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
 var href = ref.href;
-return [_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":href,"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick(_vm.e, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":item.url || '#',"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)}
-var DockSubvue_type_template_id_46f6d214_staticRenderFns = []
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem","target":item.target},on:{"click":function($event){return _vm.onItemClick($event, item, navigate)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item),attrs:{"href":item.url,"role":"menuitem","target":item.target,"tabindex":_vm.disabled(item) ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)])}
+var DockSubvue_type_template_id_77d6d77e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=46f6d214&
+// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=77d6d77e&
 
 // 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/dock/DockSub.vue?vue&type=script&lang=js&
 //
@@ -588,6 +591,8 @@ var DockSubvue_type_template_id_46f6d214_staticRenderFns = []
 //
 //
 //
+//
+//
 var DockSubIconTemplate = {
   functional: true,
   props: {
@@ -629,6 +634,11 @@ var DockSubTemplate = {
     templates: {
       type: null,
       default: null
+    },
+    tooltipOptions: null,
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -643,15 +653,19 @@ var DockSubTemplate = {
     onItemMouseEnter: function onItemMouseEnter(index) {
       this.currentIndex = index;
     },
-    onItemClick: function onItemClick(e, item) {
+    onItemClick: function onItemClick(event, item) {
+      if (this.disabled(item)) {
+        return;
+      }
+
       if (item.command) {
         item.command({
-          originalEvent: e,
+          originalEvent: event,
           item: item
         });
       }
 
-      e.preventDefault();
+      event.preventDefault();
     },
     itemClass: function itemClass(index) {
       return ['p-dock-item', {
@@ -661,6 +675,16 @@ var DockSubTemplate = {
         'p-dock-item-next': this.currentIndex + 1 === index,
         'p-dock-item-second-next': this.currentIndex + 2 === index
       }];
+    },
+    linkClass: function linkClass(item, routerProps) {
+      return ['p-dock-action', {
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+      }];
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
     }
   },
   components: {
@@ -780,8 +804,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   dock_DockSubvue_type_script_lang_js_,
-  DockSubvue_type_template_id_46f6d214_render,
-  DockSubvue_type_template_id_46f6d214_staticRenderFns,
+  DockSubvue_type_template_id_77d6d77e_render,
+  DockSubvue_type_template_id_77d6d77e_staticRenderFns,
   false,
   null,
   null,
@@ -807,7 +831,12 @@ var component = normalizeComponent(
     },
     model: null,
     className: null,
-    styles: null
+    styles: null,
+    tooltipOptions: null,
+    exact: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {

package/dock/dock.umd.js

@@ -480,7 +480,7 @@ exports = module.exports = __webpack_require__("2350")(false);
 
 
 // module
-exports.push([module.i, ".p-dock{position:absolute;z-index:1;pointer-events:none}.p-dock,.p-dock-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-dock-list{margin:0;padding:0;list-style:none;pointer-events:auto}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}", ""]);
+exports.push([module.i, ".p-dock{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.p-dock-list,.p-dock-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:auto}.p-dock-list{margin:0;padding:0;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}", ""]);
 
 // exports
 
@@ -554,21 +554,24 @@ 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":"0538004c-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/dock/Dock.vue?vue&type=template&id=69a374ce&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,style:(_vm.styles)},[_c('DockSub',{attrs:{"model":_vm.model,"templates":_vm.$scopedSlots}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/dock/Dock.vue?vue&type=template&id=b8108a46&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,style:(_vm.styles)},[_c('DockSub',{attrs:{"model":_vm.model,"templates":_vm.$scopedSlots,"exact":_vm.exact,"tooltipOptions":_vm.tooltipOptions}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dock/Dock.vue?vue&type=template&id=69a374ce&
+// CONCATENATED MODULE: ./src/components/dock/Dock.vue?vue&type=template&id=b8108a46&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-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/dock/DockSub.vue?vue&type=template&id=46f6d214&
-var DockSubvue_type_template_id_46f6d214_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !item.disabled)?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/dock/DockSub.vue?vue&type=template&id=77d6d77e&
+var DockSubvue_type_template_id_77d6d77e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-dock-list-container"},[_c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
 var href = ref.href;
-return [_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":href,"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick(_vm.e, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":item.url || '#',"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)}
-var DockSubvue_type_template_id_46f6d214_staticRenderFns = []
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem","target":item.target},on:{"click":function($event){return _vm.onItemClick($event, item, navigate)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item),attrs:{"href":item.url,"role":"menuitem","target":item.target,"tabindex":_vm.disabled(item) ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)])}
+var DockSubvue_type_template_id_77d6d77e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=46f6d214&
+// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=77d6d77e&
 
 // 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/dock/DockSub.vue?vue&type=script&lang=js&
 //
@@ -597,6 +600,8 @@ var DockSubvue_type_template_id_46f6d214_staticRenderFns = []
 //
 //
 //
+//
+//
 var DockSubIconTemplate = {
   functional: true,
   props: {
@@ -638,6 +643,11 @@ var DockSubTemplate = {
     templates: {
       type: null,
       default: null
+    },
+    tooltipOptions: null,
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -652,15 +662,19 @@ var DockSubTemplate = {
     onItemMouseEnter: function onItemMouseEnter(index) {
       this.currentIndex = index;
     },
-    onItemClick: function onItemClick(e, item) {
+    onItemClick: function onItemClick(event, item) {
+      if (this.disabled(item)) {
+        return;
+      }
+
       if (item.command) {
         item.command({
-          originalEvent: e,
+          originalEvent: event,
           item: item
         });
       }
 
-      e.preventDefault();
+      event.preventDefault();
     },
     itemClass: function itemClass(index) {
       return ['p-dock-item', {
@@ -670,6 +684,16 @@ var DockSubTemplate = {
         'p-dock-item-next': this.currentIndex + 1 === index,
         'p-dock-item-second-next': this.currentIndex + 2 === index
       }];
+    },
+    linkClass: function linkClass(item, routerProps) {
+      return ['p-dock-action', {
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+      }];
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
     }
   },
   components: {
@@ -789,8 +813,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   dock_DockSubvue_type_script_lang_js_,
-  DockSubvue_type_template_id_46f6d214_render,
-  DockSubvue_type_template_id_46f6d214_staticRenderFns,
+  DockSubvue_type_template_id_77d6d77e_render,
+  DockSubvue_type_template_id_77d6d77e_staticRenderFns,
   false,
   null,
   null,
@@ -816,7 +840,12 @@ var component = normalizeComponent(
     },
     model: null,
     className: null,
-    styles: null
+    styles: null,
+    tooltipOptions: null,
+    exact: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {

package/dock/dock.umd.min.js

@@ -1 +1 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["dock"]=t():e["dock"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({2350:function(e,t){function n(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"===typeof btoa){var i=r(o),c=o.sources.map((function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"}));return[n].concat(c).concat([i]).join("\n")}return[n].join("\n")}function r(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+t;return"/*# "+n+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r})).join("")},t.i=function(e,n){"string"===typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"===typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var c=e[o];"number"===typeof c[0]&&r[c[0]]||(n&&!c[2]?c[2]=n:n&&(c[2]="("+c[2]+") and ("+n+")"),t.push(c))}},t}},"499e":function(e,t,n){"use strict";function r(e,t){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],c=i[0],s=i[1],a=i[2],l=i[3],u={id:e+":"+o,css:s,media:a,sourceMap:l};r[c]?r[c].parts.push(u):n.push(r[c]={id:c,parts:[u]})}return n}n.r(t),n.d(t,"default",(function(){return m}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},c=o&&(document.head||document.getElementsByTagName("head")[0]),s=null,a=0,l=!1,u=function(){},d=null,p="data-vue-ssr-id",f="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function m(e,t,n,o){l=n,d=o||{};var c=r(e,t);return b(c),function(t){for(var n=[],o=0;o<c.length;o++){var s=c[o],a=i[s.id];a.refs--,n.push(a)}t?(c=r(e,t),b(c)):c=[];for(o=0;o<n.length;o++){a=n[o];if(0===a.refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete i[a.id]}}}}function b(e){for(var t=0;t<e.length;t++){var n=e[t],r=i[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(v(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var c=[];for(o=0;o<n.parts.length;o++)c.push(v(n.parts[o]));i[n.id]={id:n.id,refs:1,parts:c}}}}function h(){var e=document.createElement("style");return e.type="text/css",c.appendChild(e),e}function v(e){var t,n,r=document.querySelector("style["+p+'~="'+e.id+'"]');if(r){if(l)return u;r.parentNode.removeChild(r)}if(f){var o=a++;r=s||(s=h()),t=g.bind(null,r,o,!1),n=g.bind(null,r,o,!0)}else r=h(),t=x.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}var k=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function g(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=k(t,o);else{var i=document.createTextNode(o),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(i,c[t]):e.appendChild(i)}}function x(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),d.ssrId&&e.setAttribute(p,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{while(e.firstChild)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},bc3d:function(e,t,n){"use strict";n("bd49")},bd49:function(e,t,n){var r=n("e7ef");r.__esModule&&(r=r.default),"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n("499e").default;o("7629d807",r,!0,{sourceMap:!1,shadowMode:!1})},e7ef:function(e,t,n){t=e.exports=n("2350")(!1),t.push([e.i,".p-dock{position:absolute;z-index:1;pointer-events:none}.p-dock,.p-dock-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-dock-list{margin:0;padding:0;list-style:none;pointer-events:auto}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}",""])},f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(r){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(r.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var r;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=r[1]));var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.containerClass,style:e.styles},[n("DockSub",{attrs:{model:e.model,templates:e.$scopedSlots}})],1)},i=[],c=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{ref:"list",staticClass:"p-dock-list",attrs:{role:"menu"},on:{mouseleave:e.onListMouseLeave}},e._l(e.model,(function(t,r){return n("li",{key:r,class:e.itemClass(r),attrs:{role:"none"},on:{mouseenter:function(t){return e.onItemMouseEnter(r)}}},[e.templates["item"]?n("DockSubTemplate",{attrs:{item:t,template:e.templates["item"]}}):[t.to&&!t.disabled?n("router-link",{attrs:{to:t.to,custom:""},scopedSlots:e._u([{key:"default",fn:function(r){var o=r.href;return[n("a",{class:["p-dock-action",{"p-disabled":t.disabled}],attrs:{href:o,role:"menuitem",target:t.target,"data-pr-tooltip":t.label},on:{click:function(n){return e.onItemClick(e.e,t)}}},["string"===typeof t.icon?[n("span",{directives:[{name:"ripple",rawName:"v-ripple"}],class:["p-dock-action-icon",t.icon]})]:n("DockSubIconTemplate",{attrs:{icon:t.icon}})],2)]}}],null,!0)}):n("a",{class:["p-dock-action",{"p-disabled":t.disabled}],attrs:{href:t.url||"#",role:"menuitem",target:t.target,"data-pr-tooltip":t.label},on:{click:function(n){return e.onItemClick(n,t)}}},["string"===typeof t.icon?[n("span",{directives:[{name:"ripple",rawName:"v-ripple"}],class:["p-dock-action-icon",t.icon]})]:n("DockSubIconTemplate",{attrs:{icon:t.icon}})],2)]],2)})),0)},s=[],a={functional:!0,props:{icon:{type:null,default:null}},render:function(e,t){return[t.props["icon"]()]}},l={functional:!0,props:{item:{type:null,default:null},template:{type:null,default:null}},render:function(e,t){var n=t.props.template({item:t.props.item});return[n]}},u={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null}},data:function(){return{currentIndex:-3}},methods:{onListMouseLeave:function(){this.currentIndex=-3},onItemMouseEnter:function(e){this.currentIndex=e},onItemClick:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},itemClass:function(e){return["p-dock-item",{"p-dock-item-second-prev":this.currentIndex-2===e,"p-dock-item-prev":this.currentIndex-1===e,"p-dock-item-current":this.currentIndex===e,"p-dock-item-next":this.currentIndex+1===e,"p-dock-item-second-next":this.currentIndex+2===e}]}},components:{DockSubIconTemplate:a,DockSubTemplate:l}},d=u;function p(e,t,n,r,o,i,c,s){var a,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),c?(a=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(c)},l._ssrRegister=a):o&&(a=s?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(l.functional){l._injectStyles=a;var u=l.render;l.render=function(e,t){return a.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:l}}var f=p(d,c,s,!1,null,null,null),m=f.exports,b={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,className:null,styles:null},data:function(){return{currentIndex:-3}},methods:{onListMouseLeave:function(){this.currentIndex=-3},onItemMouseEnter:function(e){this.currentIndex=e},onItemClick:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},itemClass:function(e){return["p-dock-item",{"p-dock-item-second-prev":this.currentIndex-2===e,"p-dock-item-prev":this.currentIndex-1===e,"p-dock-item-current":this.currentIndex===e,"p-dock-item-next":this.currentIndex+1===e,"p-dock-item-second-next":this.currentIndex+2===e}]}},computed:{containerClass:function(){return["p-dock p-component","p-dock-".concat(this.position),this.className]}},components:{DockSub:m}},h=b,v=(n("bc3d"),p(h,o,i,!1,null,null,null)),k=v.exports;t["default"]=k}})["default"]}));
+(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["dock"]=t():e["dock"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({2350:function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"===typeof btoa){var i=o(r),s=r.sources.map((function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"}));return[n].concat(s).concat([i]).join("\n")}return[n].join("\n")}function o(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+t;return"/*# "+n+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o=n(t,e);return t[2]?"@media "+t[2]+"{"+o+"}":o})).join("")},t.i=function(e,n){"string"===typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"===typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"===typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},"499e":function(e,t,n){"use strict";function o(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],s=i[0],c=i[1],a=i[2],l=i[3],u={id:e+":"+r,css:c,media:a,sourceMap:l};o[s]?o[s].parts.push(u):n.push(o[s]={id:s,parts:[u]})}return n}n.r(t),n.d(t,"default",(function(){return m}));var r="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},s=r&&(document.head||document.getElementsByTagName("head")[0]),c=null,a=0,l=!1,u=function(){},d=null,p="data-vue-ssr-id",f="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function m(e,t,n,r){l=n,d=r||{};var s=o(e,t);return b(s),function(t){for(var n=[],r=0;r<s.length;r++){var c=s[r],a=i[c.id];a.refs--,n.push(a)}t?(s=o(e,t),b(s)):s=[];for(r=0;r<n.length;r++){a=n[r];if(0===a.refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete i[a.id]}}}}function b(e){for(var t=0;t<e.length;t++){var n=e[t],o=i[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(k(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var s=[];for(r=0;r<n.parts.length;r++)s.push(k(n.parts[r]));i[n.id]={id:n.id,refs:1,parts:s}}}}function v(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function k(e){var t,n,o=document.querySelector("style["+p+'~="'+e.id+'"]');if(o){if(l)return u;o.parentNode.removeChild(o)}if(f){var r=a++;o=c||(c=v()),t=x.bind(null,o,r,!1),n=x.bind(null,o,r,!0)}else o=v(),t=g.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}var h=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function x(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=h(t,r);else{var i=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function g(e,t){var n=t.css,o=t.media,r=t.sourceMap;if(o&&e.setAttribute("media",o),d.ssrId&&e.setAttribute(p,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{while(e.firstChild)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},bc3d:function(e,t,n){"use strict";n("bd49")},bd49:function(e,t,n){var o=n("e7ef");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=n("499e").default;r("7629d807",o,!0,{sourceMap:!1,shadowMode:!1})},e7ef:function(e,t,n){t=e.exports=n("2350")(!1),t.push([e.i,".p-dock{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.p-dock-list,.p-dock-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:auto}.p-dock-list{margin:0;padding:0;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-dock-item{-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.p-dock-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-next,.p-dock-item-second-prev{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-dock-item-next,.p-dock-item-prev{-webkit-transform:scale(1.4);transform:scale(1.4)}.p-dock-item-current{-webkit-transform:scale(1.6);transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{-webkit-transform-origin:center top;transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{-webkit-transform-origin:center bottom;transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{-webkit-transform-origin:center right;transform-origin:center right}.p-dock-right .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{-webkit-transform-origin:center left;transform-origin:center left}.p-dock-left .p-dock-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}",""])},f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(o){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(o.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var o;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(o=window.document.currentScript)&&(o=o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=o[1]));var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.containerClass,style:e.styles},[n("DockSub",{attrs:{model:e.model,templates:e.$scopedSlots,exact:e.exact,tooltipOptions:e.tooltipOptions}})],1)},i=[],s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"p-dock-list-container"},[n("ul",{ref:"list",staticClass:"p-dock-list",attrs:{role:"menu"},on:{mouseleave:e.onListMouseLeave}},e._l(e.model,(function(t,o){return n("li",{key:o,class:e.itemClass(o),attrs:{role:"none"},on:{mouseenter:function(t){return e.onItemMouseEnter(o)}}},[e.templates["item"]?n("DockSubTemplate",{attrs:{item:t,template:e.templates["item"]}}):[t.to&&!e.disabled(t)?n("router-link",{attrs:{to:t.to,custom:""},scopedSlots:e._u([{key:"default",fn:function(o){var r=o.navigate,i=o.href,s=o.isActive,c=o.isExactActive;return[n("a",{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:{value:t.label,disabled:!e.tooltipOptions},expression:"{value: item.label, disabled: !tooltipOptions}",arg:e.tooltipOptions}],class:e.linkClass(t,{isActive:s,isExactActive:c}),attrs:{href:i,role:"menuitem",target:t.target},on:{click:function(n){return e.onItemClick(n,t,r)}}},["string"===typeof t.icon?[n("span",{directives:[{name:"ripple",rawName:"v-ripple"}],class:["p-dock-action-icon",t.icon]})]:n("DockSubIconTemplate",{attrs:{icon:t.icon}})],2)]}}],null,!0)}):n("a",{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:{value:t.label,disabled:!e.tooltipOptions},expression:"{value: item.label, disabled: !tooltipOptions}",arg:e.tooltipOptions}],class:e.linkClass(t),attrs:{href:t.url,role:"menuitem",target:t.target,tabindex:e.disabled(t)?null:"0"},on:{click:function(n){return e.onItemClick(n,t)}}},["string"===typeof t.icon?[n("span",{directives:[{name:"ripple",rawName:"v-ripple"}],class:["p-dock-action-icon",t.icon]})]:n("DockSubIconTemplate",{attrs:{icon:t.icon}})],2)]],2)})),0)])},c=[],a={functional:!0,props:{icon:{type:null,default:null}},render:function(e,t){return[t.props["icon"]()]}},l={functional:!0,props:{item:{type:null,default:null},template:{type:null,default:null}},render:function(e,t){var n=t.props.template({item:t.props.item});return[n]}},u={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null},tooltipOptions:null,exact:{type:Boolean,default:!0}},data:function(){return{currentIndex:-3}},methods:{onListMouseLeave:function(){this.currentIndex=-3},onItemMouseEnter:function(e){this.currentIndex=e},onItemClick:function(e,t){this.disabled(t)||(t.command&&t.command({originalEvent:e,item:t}),e.preventDefault())},itemClass:function(e){return["p-dock-item",{"p-dock-item-second-prev":this.currentIndex-2===e,"p-dock-item-prev":this.currentIndex-1===e,"p-dock-item-current":this.currentIndex===e,"p-dock-item-next":this.currentIndex+1===e,"p-dock-item-second-next":this.currentIndex+2===e}]},linkClass:function(e,t){return["p-dock-action",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},disabled:function(e){return"function"===typeof e.disabled?e.disabled():e.disabled}},components:{DockSubIconTemplate:a,DockSubTemplate:l}},d=u;function p(e,t,n,o,r,i,s,c){var a,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),s?(a=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=a):r&&(a=c?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(l.functional){l._injectStyles=a;var u=l.render;l.render=function(e,t){return a.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:l}}var f=p(d,s,c,!1,null,null,null),m=f.exports,b={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,className:null,styles:null,tooltipOptions:null,exact:{type:Boolean,default:!0}},data:function(){return{currentIndex:-3}},methods:{onListMouseLeave:function(){this.currentIndex=-3},onItemMouseEnter:function(e){this.currentIndex=e},onItemClick:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},itemClass:function(e){return["p-dock-item",{"p-dock-item-second-prev":this.currentIndex-2===e,"p-dock-item-prev":this.currentIndex-1===e,"p-dock-item-current":this.currentIndex===e,"p-dock-item-next":this.currentIndex+1===e,"p-dock-item-second-next":this.currentIndex+2===e}]}},computed:{containerClass:function(){return["p-dock p-component","p-dock-".concat(this.position),this.className]}},components:{DockSub:m}},v=b,k=(n("bc3d"),p(v,r,i,!1,null,null,null)),h=k.exports;t["default"]=h}})["default"]}));

package/dock/docksub.common.js

@@ -154,14 +154,17 @@ 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":"0538004c-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/dock/DockSub.vue?vue&type=template&id=46f6d214&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !item.disabled)?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/dock/DockSub.vue?vue&type=template&id=77d6d77e&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-dock-list-container"},[_c('ul',{ref:"list",staticClass:"p-dock-list",attrs:{"role":"menu"},on:{"mouseleave":_vm.onListMouseLeave}},_vm._l((_vm.model),function(item,index){return _c('li',{key:index,class:_vm.itemClass(index),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter(index)}}},[(_vm.templates['item'])?_c('DockSubTemplate',{attrs:{"item":item,"template":_vm.templates['item']}}):[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
 var href = ref.href;
-return [_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":href,"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick(_vm.e, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{class:['p-dock-action', { 'p-disabled': item.disabled }],attrs:{"href":item.url || '#',"role":"menuitem","target":item.target,"data-pr-tooltip":item.label},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)}
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem","target":item.target},on:{"click":function($event){return _vm.onItemClick($event, item, navigate)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]}}],null,true)}):_c('a',{directives:[{name:"tooltip",rawName:"v-tooltip:[tooltipOptions]",value:({value: item.label, disabled: !_vm.tooltipOptions}),expression:"{value: item.label, disabled: !tooltipOptions}",arg:_vm.tooltipOptions}],class:_vm.linkClass(item),attrs:{"href":item.url,"role":"menuitem","target":item.target,"tabindex":_vm.disabled(item) ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)}}},[(typeof item.icon === 'string')?[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:['p-dock-action-icon', item.icon]})]:_c('DockSubIconTemplate',{attrs:{"icon":item.icon}})],2)]],2)}),0)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=46f6d214&
+// CONCATENATED MODULE: ./src/components/dock/DockSub.vue?vue&type=template&id=77d6d77e&
 
 // 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/dock/DockSub.vue?vue&type=script&lang=js&
 //
@@ -190,6 +193,8 @@ var staticRenderFns = []
 //
 //
 //
+//
+//
 var DockSubIconTemplate = {
   functional: true,
   props: {
@@ -231,6 +236,11 @@ var DockSubTemplate = {
     templates: {
       type: null,
       default: null
+    },
+    tooltipOptions: null,
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -245,15 +255,19 @@ var DockSubTemplate = {
     onItemMouseEnter: function onItemMouseEnter(index) {
       this.currentIndex = index;
     },
-    onItemClick: function onItemClick(e, item) {
+    onItemClick: function onItemClick(event, item) {
+      if (this.disabled(item)) {
+        return;
+      }
+
       if (item.command) {
         item.command({
-          originalEvent: e,
+          originalEvent: event,
           item: item
         });
       }
 
-      e.preventDefault();
+      event.preventDefault();
     },
     itemClass: function itemClass(index) {
       return ['p-dock-item', {
@@ -263,6 +277,16 @@ var DockSubTemplate = {
         'p-dock-item-next': this.currentIndex + 1 === index,
         'p-dock-item-second-next': this.currentIndex + 2 === index
       }];
+    },
+    linkClass: function linkClass(item, routerProps) {
+      return ['p-dock-action', {
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+      }];
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
     }
   },
   components: {