primevue 3.12.2 → 3.12.5

package/dock/dock.esm.js

@@ -1,6 +1,6 @@
 import Ripple from 'primevue/ripple';
 import Tooltip from 'primevue/tooltip';
-import { resolveComponent, resolveDirective, openBlock, createBlock, createVNode, Fragment, renderList, withCtx, withDirectives, resolveDynamicComponent } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createBlock, withCtx, withDirectives, resolveDynamicComponent, normalizeStyle, createVNode } from 'vue';
 
 var script$1 = {
     name: 'DockSub',
@@ -75,28 +75,31 @@ var script$1 = {
 };
 
 const _hoisted_1 = { class: "p-dock-list-container" };
+const _hoisted_2 = ["onMouseenter"];
+const _hoisted_3 = ["href", "target", "onClick"];
+const _hoisted_4 = ["href", "target", "onClick", "tabindex"];
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _directive_ripple = resolveDirective("ripple");
   const _directive_tooltip = resolveDirective("tooltip");
 
-  return (openBlock(), createBlock("div", _hoisted_1, [
-    createVNode("ul", {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("ul", {
       ref: "list",
       class: "p-dock-list",
       role: "menu",
-      onMouseleave: _cache[1] || (_cache[1] = (...args) => ($options.onListMouseLeave && $options.onListMouseLeave(...args)))
+      onMouseleave: _cache[0] || (_cache[0] = (...args) => ($options.onListMouseLeave && $options.onListMouseLeave(...args)))
     }, [
-      (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, index) => {
-        return (openBlock(), createBlock("li", {
-          class: $options.itemClass(index),
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, index) => {
+        return (openBlock(), createElementBlock("li", {
+          class: normalizeClass($options.itemClass(index)),
           key: index,
           role: "none",
           onMouseenter: $event => ($options.onItemMouseEnter(index))
         }, [
           (!$props.templates['item'])
-            ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 (item.to && !$options.disabled(item))
                   ? (openBlock(), createBlock(_component_router_link, {
                       key: 0,
@@ -104,17 +107,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       custom: ""
                     }, {
                       default: withCtx(({navigate, href, isActive, isExactActive}) => [
-                        withDirectives(createVNode("a", {
+                        withDirectives((openBlock(), createElementBlock("a", {
                           href: href,
                           role: "menuitem",
-                          class: $options.linkClass(item, {isActive, isExactActive}),
+                          class: normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                           target: item.target,
                           onClick: $event => ($options.onItemClick($event, item, navigate))
                         }, [
                           (!$props.templates['icon'])
-                            ? withDirectives((openBlock(), createBlock("span", {
+                            ? withDirectives((openBlock(), createElementBlock("span", {
                                 key: 0,
-                                class: ['p-dock-action-icon', item.icon]
+                                class: normalizeClass(['p-dock-action-icon', item.icon])
                               }, null, 2)), [
                                 [_directive_ripple]
                               ])
@@ -122,25 +125,25 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                 key: 1,
                                 item: item
                               }, null, 8, ["item"]))
-                        ], 10, ["href", "target", "onClick"]), [
+                        ], 10, _hoisted_3)), [
                           [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions]
                         ])
                       ]),
                       _: 2
                     }, 1032, ["to"]))
-                  : withDirectives((openBlock(), createBlock("a", {
+                  : withDirectives((openBlock(), createElementBlock("a", {
                       key: 1,
                       href: item.url,
                       role: "menuitem",
-                      class: $options.linkClass(item),
+                      class: normalizeClass($options.linkClass(item)),
                       target: item.target,
                       onClick: $event => ($options.onItemClick($event, item)),
                       tabindex: $options.disabled(item) ? null : '0'
                     }, [
                       (!$props.templates['icon'])
-                        ? withDirectives((openBlock(), createBlock("span", {
+                        ? withDirectives((openBlock(), createElementBlock("span", {
                             key: 0,
-                            class: ['p-dock-action-icon', item.icon]
+                            class: normalizeClass(['p-dock-action-icon', item.icon])
                           }, null, 2)), [
                             [_directive_ripple]
                           ])
@@ -148,7 +151,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                             key: 1,
                             item: item
                           }, null, 8, ["item"]))
-                    ], 10, ["href", "target", "onClick", "tabindex"])), [
+                    ], 10, _hoisted_4)), [
                       [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions]
                     ])
               ], 64))
@@ -156,7 +159,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 1,
                 item: item
               }, null, 8, ["item"]))
-        ], 42, ["onMouseenter"]))
+        ], 42, _hoisted_2))
       }), 128))
     ], 544)
   ]))
@@ -193,9 +196,9 @@ var script = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DockSub = resolveComponent("DockSub");
 
-  return (openBlock(), createBlock("div", {
-    class: $options.containerClass,
-    style: $props.style
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($options.containerClass),
+    style: normalizeStyle($props.style)
   }, [
     createVNode(_component_DockSub, {
       model: $props.model,
@@ -238,4 +241,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/dock/dock.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import t from"primevue/tooltip";import{resolveComponent as n,resolveDirective as i,openBlock as o,createBlock as l,createVNode as r,Fragment as s,renderList as c,withCtx as a,withDirectives as d,resolveDynamicComponent as p}from"vue";var m={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null},exact:{type:Boolean,default:!0},tooltipOptions:null},data:()=>({currentIndex:-3}),methods:{onListMouseLeave(){this.currentIndex=-3},onItemMouseEnter(e){this.currentIndex=e},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},itemClass(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(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:e=>"function"==typeof e.disabled?e.disabled():e.disabled},directives:{ripple:e,tooltip:t}};const k={class:"p-dock-list-container"};m.render=function(e,t,m,u,f,b){const x=n("router-link"),h=i("ripple"),y=i("tooltip");return o(),l("div",k,[r("ul",{ref:"list",class:"p-dock-list",role:"menu",onMouseleave:t[1]||(t[1]=(...e)=>b.onListMouseLeave&&b.onListMouseLeave(...e))},[(o(!0),l(s,null,c(m.model,((e,t)=>(o(),l("li",{class:b.itemClass(t),key:t,role:"none",onMouseenter:e=>b.onItemMouseEnter(t)},[m.templates.item?(o(),l(p(m.templates.item),{key:1,item:e},null,8,["item"])):(o(),l(s,{key:0},[e.to&&!b.disabled(e)?(o(),l(x,{key:0,to:e.to,custom:""},{default:a((({navigate:t,href:n,isActive:i,isExactActive:s})=>[d(r("a",{href:n,role:"menuitem",class:b.linkClass(e,{isActive:i,isExactActive:s}),target:e.target,onClick:n=>b.onItemClick(n,e,t)},[m.templates.icon?(o(),l(p(m.templates.icon),{key:1,item:e},null,8,["item"])):d((o(),l("span",{key:0,class:["p-dock-action-icon",e.icon]},null,2)),[[h]])],10,["href","target","onClick"]),[[y,{value:e.label,disabled:!m.tooltipOptions},m.tooltipOptions]])])),_:2},1032,["to"])):d((o(),l("a",{key:1,href:e.url,role:"menuitem",class:b.linkClass(e),target:e.target,onClick:t=>b.onItemClick(t,e),tabindex:b.disabled(e)?null:"0"},[m.templates.icon?(o(),l(p(m.templates.icon),{key:1,item:e},null,8,["item"])):d((o(),l("span",{key:0,class:["p-dock-action-icon",e.icon]},null,2)),[[h]])],10,["href","target","onClick","tabindex"])),[[y,{value:e.label,disabled:!m.tooltipOptions},m.tooltipOptions]])],64))],42,["onMouseenter"])))),128))],544)])};var u={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,class:null,style:null,tooltipOptions:null,exact:{type:Boolean,default:!0}},computed:{containerClass(){return["p-dock p-component",`p-dock-${this.position}`,this.class]}},components:{DockSub:m}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    pointer-events: none;\n}\n.p-dock-list-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    pointer-events: auto;\n}\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-dock-item {\n    -webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n}\n.p-dock-action {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n}\n.p-dock-item-second-prev,\n.p-dock-item-second-next {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n.p-dock-item-prev,\n.p-dock-item-next {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n}\n.p-dock-item-current {\n    -webkit-transform: scale(1.6);\n            transform: scale(1.6);\n    z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n.p-dock-top .p-dock-item {\n    -webkit-transform-origin: center top;\n            transform-origin: center top;\n}\n\n/* bottom */\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n.p-dock-bottom .p-dock-item {\n    -webkit-transform-origin: center bottom;\n            transform-origin: center bottom;\n}\n\n/* right */\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-right .p-dock-item {\n    -webkit-transform-origin: center right;\n            transform-origin: center right;\n}\n.p-dock-right .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-left .p-dock-item {\n    -webkit-transform-origin: center left;\n            transform-origin: center left;\n}\n.p-dock-left .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n"),u.render=function(e,t,i,s,c,a){const d=n("DockSub");return o(),l("div",{class:a.containerClass,style:i.style},[r(d,{model:i.model,templates:e.$slots,exact:i.exact,tooltipOptions:i.tooltipOptions},null,8,["model","templates","exact","tooltipOptions"])],6)};export default u;
+import e from"primevue/ripple";import t from"primevue/tooltip";import{resolveComponent as n,resolveDirective as i,openBlock as o,createElementBlock as l,createElementVNode as r,Fragment as s,renderList as c,normalizeClass as a,createBlock as d,withCtx as p,withDirectives as m,resolveDynamicComponent as k,normalizeStyle as u,createVNode as f}from"vue";var b={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null},exact:{type:Boolean,default:!0},tooltipOptions:null},data:()=>({currentIndex:-3}),methods:{onListMouseLeave(){this.currentIndex=-3},onItemMouseEnter(e){this.currentIndex=e},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},itemClass(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(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:e=>"function"==typeof e.disabled?e.disabled():e.disabled},directives:{ripple:e,tooltip:t}};const x={class:"p-dock-list-container"},h=["onMouseenter"],y=["href","target","onClick"],g=["href","target","onClick","tabindex"];b.render=function(e,t,u,f,b,v){const w=n("router-link"),C=i("ripple"),I=i("tooltip");return o(),l("div",x,[r("ul",{ref:"list",class:"p-dock-list",role:"menu",onMouseleave:t[0]||(t[0]=(...e)=>v.onListMouseLeave&&v.onListMouseLeave(...e))},[(o(!0),l(s,null,c(u.model,((e,t)=>(o(),l("li",{class:a(v.itemClass(t)),key:t,role:"none",onMouseenter:e=>v.onItemMouseEnter(t)},[u.templates.item?(o(),d(k(u.templates.item),{key:1,item:e},null,8,["item"])):(o(),l(s,{key:0},[e.to&&!v.disabled(e)?(o(),d(w,{key:0,to:e.to,custom:""},{default:p((({navigate:t,href:n,isActive:i,isExactActive:r})=>[m((o(),l("a",{href:n,role:"menuitem",class:a(v.linkClass(e,{isActive:i,isExactActive:r})),target:e.target,onClick:n=>v.onItemClick(n,e,t)},[u.templates.icon?(o(),d(k(u.templates.icon),{key:1,item:e},null,8,["item"])):m((o(),l("span",{key:0,class:a(["p-dock-action-icon",e.icon])},null,2)),[[C]])],10,y)),[[I,{value:e.label,disabled:!u.tooltipOptions},u.tooltipOptions]])])),_:2},1032,["to"])):m((o(),l("a",{key:1,href:e.url,role:"menuitem",class:a(v.linkClass(e)),target:e.target,onClick:t=>v.onItemClick(t,e),tabindex:v.disabled(e)?null:"0"},[u.templates.icon?(o(),d(k(u.templates.icon),{key:1,item:e},null,8,["item"])):m((o(),l("span",{key:0,class:a(["p-dock-action-icon",e.icon])},null,2)),[[C]])],10,g)),[[I,{value:e.label,disabled:!u.tooltipOptions},u.tooltipOptions]])],64))],42,h)))),128))],544)])};var v={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,class:null,style:null,tooltipOptions:null,exact:{type:Boolean,default:!0}},computed:{containerClass(){return["p-dock p-component",`p-dock-${this.position}`,this.class]}},components:{DockSub:b}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    pointer-events: none;\n}\n.p-dock-list-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    pointer-events: auto;\n}\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-dock-item {\n    -webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n}\n.p-dock-action {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n}\n.p-dock-item-second-prev,\n.p-dock-item-second-next {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n.p-dock-item-prev,\n.p-dock-item-next {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n}\n.p-dock-item-current {\n    -webkit-transform: scale(1.6);\n            transform: scale(1.6);\n    z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n.p-dock-top .p-dock-item {\n    -webkit-transform-origin: center top;\n            transform-origin: center top;\n}\n\n/* bottom */\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n.p-dock-bottom .p-dock-item {\n    -webkit-transform-origin: center bottom;\n            transform-origin: center bottom;\n}\n\n/* right */\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-right .p-dock-item {\n    -webkit-transform-origin: center right;\n            transform-origin: center right;\n}\n.p-dock-right .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-left .p-dock-item {\n    -webkit-transform-origin: center left;\n            transform-origin: center left;\n}\n.p-dock-left .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n"),v.render=function(e,t,i,r,s,c){const d=n("DockSub");return o(),l("div",{class:a(c.containerClass),style:u(i.style)},[f(d,{model:i.model,templates:e.$slots,exact:i.exact,tooltipOptions:i.tooltipOptions},null,8,["model","templates","exact","tooltipOptions"])],6)};export{v as default};

package/dock/dock.js

@@ -74,34 +74,37 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default'],
-            'tooltip': Tooltip__default['default']
+            'ripple': Ripple__default["default"],
+            'tooltip': Tooltip__default["default"]
         }
     };
 
     const _hoisted_1 = { class: "p-dock-list-container" };
+    const _hoisted_2 = ["onMouseenter"];
+    const _hoisted_3 = ["href", "target", "onClick"];
+    const _hoisted_4 = ["href", "target", "onClick", "tabindex"];
 
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_router_link = vue.resolveComponent("router-link");
       const _directive_ripple = vue.resolveDirective("ripple");
       const _directive_tooltip = vue.resolveDirective("tooltip");
 
-      return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-        vue.createVNode("ul", {
+      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("ul", {
           ref: "list",
           class: "p-dock-list",
           role: "menu",
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => ($options.onListMouseLeave && $options.onListMouseLeave(...args)))
+          onMouseleave: _cache[0] || (_cache[0] = (...args) => ($options.onListMouseLeave && $options.onListMouseLeave(...args)))
         }, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
-            return (vue.openBlock(), vue.createBlock("li", {
-              class: $options.itemClass(index),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
+            return (vue.openBlock(), vue.createElementBlock("li", {
+              class: vue.normalizeClass($options.itemClass(index)),
               key: index,
               role: "none",
               onMouseenter: $event => ($options.onItemMouseEnter(index))
             }, [
               (!$props.templates['item'])
-                ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     (item.to && !$options.disabled(item))
                       ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                           key: 0,
@@ -109,17 +112,17 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
                           custom: ""
                         }, {
                           default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                            vue.withDirectives(vue.createVNode("a", {
+                            vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                               href: href,
                               role: "menuitem",
-                              class: $options.linkClass(item, {isActive, isExactActive}),
+                              class: vue.normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                               target: item.target,
                               onClick: $event => ($options.onItemClick($event, item, navigate))
                             }, [
                               (!$props.templates['icon'])
-                                ? vue.withDirectives((vue.openBlock(), vue.createBlock("span", {
+                                ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                                     key: 0,
-                                    class: ['p-dock-action-icon', item.icon]
+                                    class: vue.normalizeClass(['p-dock-action-icon', item.icon])
                                   }, null, 2)), [
                                     [_directive_ripple]
                                   ])
@@ -127,25 +130,25 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
                                     key: 1,
                                     item: item
                                   }, null, 8, ["item"]))
-                            ], 10, ["href", "target", "onClick"]), [
+                            ], 10, _hoisted_3)), [
                               [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions]
                             ])
                           ]),
                           _: 2
                         }, 1032, ["to"]))
-                      : vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                      : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                           key: 1,
                           href: item.url,
                           role: "menuitem",
-                          class: $options.linkClass(item),
+                          class: vue.normalizeClass($options.linkClass(item)),
                           target: item.target,
                           onClick: $event => ($options.onItemClick($event, item)),
                           tabindex: $options.disabled(item) ? null : '0'
                         }, [
                           (!$props.templates['icon'])
-                            ? vue.withDirectives((vue.openBlock(), vue.createBlock("span", {
+                            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                                 key: 0,
-                                class: ['p-dock-action-icon', item.icon]
+                                class: vue.normalizeClass(['p-dock-action-icon', item.icon])
                               }, null, 2)), [
                                 [_directive_ripple]
                               ])
@@ -153,7 +156,7 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
                                 key: 1,
                                 item: item
                               }, null, 8, ["item"]))
-                        ], 10, ["href", "target", "onClick", "tabindex"])), [
+                        ], 10, _hoisted_4)), [
                           [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions]
                         ])
                   ], 64))
@@ -161,7 +164,7 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
                     key: 1,
                     item: item
                   }, null, 8, ["item"]))
-            ], 42, ["onMouseenter"]))
+            ], 42, _hoisted_2))
           }), 128))
         ], 544)
       ]))
@@ -198,9 +201,9 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_DockSub = vue.resolveComponent("DockSub");
 
-      return (vue.openBlock(), vue.createBlock("div", {
-        class: $options.containerClass,
-        style: $props.style
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass),
+        style: vue.normalizeStyle($props.style)
       }, [
         vue.createVNode(_component_DockSub, {
           model: $props.model,
@@ -245,4 +248,4 @@ this.primevue.dock = (function (Ripple, Tooltip, vue) {
 
     return script;
 
-}(primevue.ripple, primevue.tooltip, Vue));
+})(primevue.ripple, primevue.tooltip, Vue);

package/dock/dock.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dock=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),l=o(t),c={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null},exact:{type:Boolean,default:!0},tooltipOptions:null},data:()=>({currentIndex:-3}),methods:{onListMouseLeave(){this.currentIndex=-3},onItemMouseEnter(e){this.currentIndex=e},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},itemClass(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(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:e=>"function"==typeof e.disabled?e.disabled():e.disabled},directives:{ripple:i.default,tooltip:l.default}};const r={class:"p-dock-list-container"};c.render=function(e,t,o,i,l,c){const s=n.resolveComponent("router-link"),a=n.resolveDirective("ripple"),p=n.resolveDirective("tooltip");return n.openBlock(),n.createBlock("div",r,[n.createVNode("ul",{ref:"list",class:"p-dock-list",role:"menu",onMouseleave:t[1]||(t[1]=(...e)=>c.onListMouseLeave&&c.onListMouseLeave(...e))},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(o.model,((e,t)=>(n.openBlock(),n.createBlock("li",{class:c.itemClass(t),key:t,role:"none",onMouseenter:e=>c.onItemMouseEnter(t)},[o.templates.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.item),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[e.to&&!c.disabled(e)?(n.openBlock(),n.createBlock(s,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:r})=>[n.withDirectives(n.createVNode("a",{href:i,role:"menuitem",class:c.linkClass(e,{isActive:l,isExactActive:r}),target:e.target,onClick:n=>c.onItemClick(n,e,t)},[o.templates.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.icon),{key:1,item:e},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("span",{key:0,class:["p-dock-action-icon",e.icon]},null,2)),[[a]])],10,["href","target","onClick"]),[[p,{value:e.label,disabled:!o.tooltipOptions},o.tooltipOptions]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,role:"menuitem",class:c.linkClass(e),target:e.target,onClick:t=>c.onItemClick(t,e),tabindex:c.disabled(e)?null:"0"},[o.templates.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.icon),{key:1,item:e},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("span",{key:0,class:["p-dock-action-icon",e.icon]},null,2)),[[a]])],10,["href","target","onClick","tabindex"])),[[p,{value:e.label,disabled:!o.tooltipOptions},o.tooltipOptions]])],64))],42,["onMouseenter"])))),128))],544)])};var s={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,class:null,style:null,tooltipOptions:null,exact:{type:Boolean,default:!0}},computed:{containerClass(){return["p-dock p-component",`p-dock-${this.position}`,this.class]}},components:{DockSub:c}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    pointer-events: none;\n}\n.p-dock-list-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    pointer-events: auto;\n}\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-dock-item {\n    -webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n}\n.p-dock-action {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n}\n.p-dock-item-second-prev,\n.p-dock-item-second-next {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n.p-dock-item-prev,\n.p-dock-item-next {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n}\n.p-dock-item-current {\n    -webkit-transform: scale(1.6);\n            transform: scale(1.6);\n    z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n.p-dock-top .p-dock-item {\n    -webkit-transform-origin: center top;\n            transform-origin: center top;\n}\n\n/* bottom */\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n.p-dock-bottom .p-dock-item {\n    -webkit-transform-origin: center bottom;\n            transform-origin: center bottom;\n}\n\n/* right */\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-right .p-dock-item {\n    -webkit-transform-origin: center right;\n            transform-origin: center right;\n}\n.p-dock-right .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-left .p-dock-item {\n    -webkit-transform-origin: center left;\n            transform-origin: center left;\n}\n.p-dock-left .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n"),s.render=function(e,t,o,i,l,c){const r=n.resolveComponent("DockSub");return n.openBlock(),n.createBlock("div",{class:c.containerClass,style:o.style},[n.createVNode(r,{model:o.model,templates:e.$slots,exact:o.exact,tooltipOptions:o.tooltipOptions},null,8,["model","templates","exact","tooltipOptions"])],6)},s}(primevue.ripple,primevue.tooltip,Vue);
+this.primevue=this.primevue||{},this.primevue.dock=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),l=o(t),c={name:"DockSub",props:{model:{type:Array,default:null},templates:{type:null,default:null},exact:{type:Boolean,default:!0},tooltipOptions:null},data:()=>({currentIndex:-3}),methods:{onListMouseLeave(){this.currentIndex=-3},onItemMouseEnter(e){this.currentIndex=e},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},itemClass(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(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:e=>"function"==typeof e.disabled?e.disabled():e.disabled},directives:{ripple:i.default,tooltip:l.default}};const r={class:"p-dock-list-container"},s=["onMouseenter"],a=["href","target","onClick"],p=["href","target","onClick","tabindex"];c.render=function(e,t,o,i,l,c){const d=n.resolveComponent("router-link"),m=n.resolveDirective("ripple"),k=n.resolveDirective("tooltip");return n.openBlock(),n.createElementBlock("div",r,[n.createElementVNode("ul",{ref:"list",class:"p-dock-list",role:"menu",onMouseleave:t[0]||(t[0]=(...e)=>c.onListMouseLeave&&c.onListMouseLeave(...e))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.model,((e,t)=>(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(c.itemClass(t)),key:t,role:"none",onMouseenter:e=>c.onItemMouseEnter(t)},[o.templates.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.item),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!c.disabled(e)?(n.openBlock(),n.createBlock(d,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:r})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,role:"menuitem",class:n.normalizeClass(c.linkClass(e,{isActive:l,isExactActive:r})),target:e.target,onClick:n=>c.onItemClick(n,e,t)},[o.templates.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.icon),{key:1,item:e},null,8,["item"])):n.withDirectives((n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-dock-action-icon",e.icon])},null,2)),[[m]])],10,a)),[[k,{value:e.label,disabled:!o.tooltipOptions},o.tooltipOptions]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,role:"menuitem",class:n.normalizeClass(c.linkClass(e)),target:e.target,onClick:t=>c.onItemClick(t,e),tabindex:c.disabled(e)?null:"0"},[o.templates.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.templates.icon),{key:1,item:e},null,8,["item"])):n.withDirectives((n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-dock-action-icon",e.icon])},null,2)),[[m]])],10,p)),[[k,{value:e.label,disabled:!o.tooltipOptions},o.tooltipOptions]])],64))],42,s)))),128))],544)])};var d={name:"Dock",props:{position:{type:String,default:"bottom"},model:null,class:null,style:null,tooltipOptions:null,exact:{type:Boolean,default:!0}},computed:{containerClass(){return["p-dock p-component",`p-dock-${this.position}`,this.class]}},components:{DockSub:c}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    pointer-events: none;\n}\n.p-dock-list-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    pointer-events: auto;\n}\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-dock-item {\n    -webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n}\n.p-dock-action {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n}\n.p-dock-item-second-prev,\n.p-dock-item-second-next {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n.p-dock-item-prev,\n.p-dock-item-next {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n}\n.p-dock-item-current {\n    -webkit-transform: scale(1.6);\n            transform: scale(1.6);\n    z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n.p-dock-top .p-dock-item {\n    -webkit-transform-origin: center top;\n            transform-origin: center top;\n}\n\n/* bottom */\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n.p-dock-bottom .p-dock-item {\n    -webkit-transform-origin: center bottom;\n            transform-origin: center bottom;\n}\n\n/* right */\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-right .p-dock-item {\n    -webkit-transform-origin: center right;\n            transform-origin: center right;\n}\n.p-dock-right .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n.p-dock-left .p-dock-item {\n    -webkit-transform-origin: center left;\n            transform-origin: center left;\n}\n.p-dock-left .p-dock-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n"),d.render=function(e,t,o,i,l,c){const r=n.resolveComponent("DockSub");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(c.containerClass),style:n.normalizeStyle(o.style)},[n.createVNode(r,{model:o.model,templates:e.$slots,exact:o.exact,tooltipOptions:o.tooltipOptions},null,8,["model","templates","exact","tooltipOptions"])],6)},d}(primevue.ripple,primevue.tooltip,Vue);

package/dropdown/dropdown.cjs.js

@@ -575,7 +575,7 @@ var script = {
             }
         },
         onOverlayClick(event) {
-            OverlayEventBus__default['default'].emit('overlay-click', {
+            OverlayEventBus__default["default"].emit('overlay-click', {
                 originalEvent: event,
                 target: this.$el
             });
@@ -671,26 +671,32 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     },
     components: {
-        'VirtualScroller': VirtualScroller__default['default']
+        'VirtualScroller': VirtualScroller__default["default"]
     }
 };
 
 const _hoisted_1 = { class: "p-hidden-accessible" };
-const _hoisted_2 = {
+const _hoisted_2 = ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"];
+const _hoisted_3 = ["disabled", "placeholder", "value", "aria-expanded"];
+const _hoisted_4 = ["aria-expanded"];
+const _hoisted_5 = {
   key: 0,
   class: "p-dropdown-header"
 };
-const _hoisted_3 = { class: "p-dropdown-filter-container" };
-const _hoisted_4 = /*#__PURE__*/vue.createVNode("span", { class: "p-dropdown-filter-icon pi pi-search" }, null, -1);
-const _hoisted_5 = { class: "p-dropdown-item-group" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "p-dropdown-filter-container" };
+const _hoisted_7 = ["value", "placeholder"];
+const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-dropdown-filter-icon pi pi-search" }, null, -1);
+const _hoisted_9 = ["onClick", "aria-label", "aria-selected"];
+const _hoisted_10 = { class: "p-dropdown-item-group" };
+const _hoisted_11 = ["onClick", "aria-label", "aria-selected"];
+const _hoisted_12 = {
   key: 2,
   class: "p-dropdown-empty-message"
 };
-const _hoisted_7 = {
+const _hoisted_13 = {
   key: 3,
   class: "p-dropdown-empty-message"
 };
@@ -699,46 +705,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VirtualScroller = vue.resolveComponent("VirtualScroller");
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createBlock("div", {
+  return (vue.openBlock(), vue.createElementBlock("div", {
     ref: "container",
-    class: $options.containerClass,
-    onClick: _cache[12] || (_cache[12] = $event => ($options.onClick($event)))
+    class: vue.normalizeClass($options.containerClass),
+    onClick: _cache[11] || (_cache[11] = $event => ($options.onClick($event)))
   }, [
-    vue.createVNode("div", _hoisted_1, [
-      vue.createVNode("input", {
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.createElementVNode("input", {
         ref: "focusInput",
         type: "text",
         id: $props.inputId,
         readonly: "",
         disabled: $props.disabled,
-        onFocus: _cache[1] || (_cache[1] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-        onBlur: _cache[2] || (_cache[2] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-        onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
+        onFocus: _cache[0] || (_cache[0] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+        onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+        onKeydown: _cache[2] || (_cache[2] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
         tabindex: $props.tabindex,
         "aria-haspopup": "true",
         "aria-expanded": $data.overlayVisible,
         "aria-labelledby": $props.ariaLabelledBy
-      }, null, 40, ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"])
+      }, null, 40, _hoisted_2)
     ]),
     ($props.editable)
-      ? (vue.openBlock(), vue.createBlock("input", {
+      ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           type: "text",
           class: "p-dropdown-label p-inputtext",
           disabled: $props.disabled,
-          onFocus: _cache[4] || (_cache[4] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-          onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+          onFocus: _cache[3] || (_cache[3] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+          onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
           placeholder: $props.placeholder,
           value: $options.editableInputValue,
-          onInput: _cache[6] || (_cache[6] = (...args) => ($options.onEditableInput && $options.onEditableInput(...args))),
+          onInput: _cache[5] || (_cache[5] = (...args) => ($options.onEditableInput && $options.onEditableInput(...args))),
           "aria-haspopup": "listbox",
           "aria-expanded": $data.overlayVisible
-        }, null, 40, ["disabled", "placeholder", "value", "aria-expanded"]))
+        }, null, 40, _hoisted_3))
       : vue.createCommentVNode("", true),
     (!$props.editable)
-      ? (vue.openBlock(), vue.createBlock("span", {
+      ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
-          class: $options.labelClass
+          class: vue.normalizeClass($options.labelClass)
         }, [
           vue.renderSlot(_ctx.$slots, "value", {
             value: $props.modelValue,
@@ -749,22 +755,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2))
       : vue.createCommentVNode("", true),
     ($props.showClear && $props.modelValue != null)
-      ? (vue.openBlock(), vue.createBlock("i", {
+      ? (vue.openBlock(), vue.createElementBlock("i", {
           key: 2,
           class: "p-dropdown-clear-icon pi pi-times",
-          onClick: _cache[7] || (_cache[7] = $event => ($options.onClearClick($event)))
+          onClick: _cache[6] || (_cache[6] = $event => ($options.onClearClick($event)))
         }))
       : vue.createCommentVNode("", true),
-    vue.createVNode("div", {
+    vue.createElementVNode("div", {
       class: "p-dropdown-trigger",
       role: "button",
       "aria-haspopup": "listbox",
       "aria-expanded": $data.overlayVisible
     }, [
       vue.renderSlot(_ctx.$slots, "indicator", {}, () => [
-        vue.createVNode("span", { class: $options.dropdownIconClass }, null, 2)
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass($options.dropdownIconClass)
+        }, null, 2)
       ])
-    ], 8, ["aria-expanded"]),
+    ], 8, _hoisted_4),
     (vue.openBlock(), vue.createBlock(vue.Teleport, {
       to: $options.appendTarget,
       disabled: $options.appendDisabled
@@ -778,38 +786,38 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: vue.withCtx(() => [
           ($data.overlayVisible)
-            ? (vue.openBlock(), vue.createBlock("div", {
+            ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref: $options.overlayRef,
-                class: $options.panelStyleClass,
-                onClick: _cache[11] || (_cache[11] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
+                class: vue.normalizeClass($options.panelStyleClass),
+                onClick: _cache[10] || (_cache[10] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
               }, [
                 vue.renderSlot(_ctx.$slots, "header", {
                   value: $props.modelValue,
                   options: $options.visibleOptions
                 }),
                 ($props.filter)
-                  ? (vue.openBlock(), vue.createBlock("div", _hoisted_2, [
-                      vue.createVNode("div", _hoisted_3, [
-                        vue.createVNode("input", {
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                      vue.createElementVNode("div", _hoisted_6, [
+                        vue.createElementVNode("input", {
                           type: "text",
                           ref: "filterInput",
                           value: $data.filterValue,
-                          onVnodeUpdated: _cache[8] || (_cache[8] = (...args) => ($options.onFilterUpdated && $options.onFilterUpdated(...args))),
+                          onVnodeUpdated: _cache[7] || (_cache[7] = (...args) => ($options.onFilterUpdated && $options.onFilterUpdated(...args))),
                           autoComplete: "off",
                           class: "p-dropdown-filter p-inputtext p-component",
                           placeholder: $props.filterPlaceholder,
-                          onKeydown: _cache[9] || (_cache[9] = (...args) => ($options.onFilterKeyDown && $options.onFilterKeyDown(...args))),
-                          onInput: _cache[10] || (_cache[10] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
-                        }, null, 40, ["value", "placeholder"]),
-                        _hoisted_4
+                          onKeydown: _cache[8] || (_cache[8] = (...args) => ($options.onFilterKeyDown && $options.onFilterKeyDown(...args))),
+                          onInput: _cache[9] || (_cache[9] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
+                        }, null, 40, _hoisted_7),
+                        _hoisted_8
                       ])
                     ]))
                   : vue.createCommentVNode("", true),
-                vue.createVNode("div", {
+                vue.createElementVNode("div", {
                   ref: $options.itemsWrapperRef,
                   class: "p-dropdown-items-wrapper",
-                  style: {'max-height': $options.virtualScrollerDisabled ? $props.scrollHeight : ''}
+                  style: vue.normalizeStyle({'max-height': $options.virtualScrollerDisabled ? $props.scrollHeight : ''})
                 }, [
                   vue.createVNode(_component_VirtualScroller, vue.mergeProps({ ref: $options.virtualScrollerRef }, $props.virtualScrollerOptions, {
                     items: $options.visibleOptions,
@@ -817,16 +825,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     disabled: $options.virtualScrollerDisabled
                   }), vue.createSlots({
                     content: vue.withCtx(({ styleClass, contentRef, items, getItemOptions, contentStyle }) => [
-                      vue.createVNode("ul", {
+                      vue.createElementVNode("ul", {
                         ref: contentRef,
-                        class: ['p-dropdown-items', styleClass],
-                        style: contentStyle,
+                        class: vue.normalizeClass(['p-dropdown-items', styleClass]),
+                        style: vue.normalizeStyle(contentStyle),
                         role: "listbox"
                       }, [
                         (!$props.optionGroupLabel)
-                          ? (vue.openBlock(true), vue.createBlock(vue.Fragment, { key: 0 }, vue.renderList(items, (option, i) => {
-                              return vue.withDirectives((vue.openBlock(), vue.createBlock("li", {
-                                class: ['p-dropdown-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                          ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(items, (option, i) => {
+                              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+                                class: vue.normalizeClass(['p-dropdown-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                                 key: $options.getOptionRenderKey(option),
                                 onClick: $event => ($options.onOptionSelect($event, option)),
                                 role: "option",
@@ -839,15 +847,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, () => [
                                   vue.createTextVNode(vue.toDisplayString($options.getOptionLabel(option)), 1)
                                 ])
-                              ], 10, ["onClick", "aria-label", "aria-selected"])), [
+                              ], 10, _hoisted_9)), [
                                 [_directive_ripple]
                               ])
                             }), 128))
-                          : (vue.openBlock(true), vue.createBlock(vue.Fragment, { key: 1 }, vue.renderList(items, (optionGroup, i) => {
-                              return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+                          : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items, (optionGroup, i) => {
+                              return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                 key: $options.getOptionGroupRenderKey(optionGroup)
                               }, [
-                                vue.createVNode("li", _hoisted_5, [
+                                vue.createElementVNode("li", _hoisted_10, [
                                   vue.renderSlot(_ctx.$slots, "optiongroup", {
                                     option: optionGroup,
                                     index: $options.getOptionIndex(i, getItemOptions)
@@ -855,9 +863,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     vue.createTextVNode(vue.toDisplayString($options.getOptionGroupLabel(optionGroup)), 1)
                                   ])
                                 ]),
-                                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
-                                  return vue.withDirectives((vue.openBlock(), vue.createBlock("li", {
-                                    class: ['p-dropdown-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
+                                  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+                                    class: vue.normalizeClass(['p-dropdown-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                                     key: $options.getOptionRenderKey(option),
                                     onClick: $event => ($options.onOptionSelect($event, option)),
                                     role: "option",
@@ -870,20 +878,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     }, () => [
                                       vue.createTextVNode(vue.toDisplayString($options.getOptionLabel(option)), 1)
                                     ])
-                                  ], 10, ["onClick", "aria-label", "aria-selected"])), [
+                                  ], 10, _hoisted_11)), [
                                     [_directive_ripple]
                                   ])
                                 }), 128))
                               ], 64))
                             }), 128)),
                         ($data.filterValue && (!items || (items && items.length === 0)))
-                          ? (vue.openBlock(), vue.createBlock("li", _hoisted_6, [
+                          ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_12, [
                               vue.renderSlot(_ctx.$slots, "emptyfilter", {}, () => [
                                 vue.createTextVNode(vue.toDisplayString($options.emptyFilterMessageText), 1)
                               ])
                             ]))
                           : ((!$props.options || ($props.options && $props.options.length === 0)))
-                            ? (vue.openBlock(), vue.createBlock("li", _hoisted_7, [
+                            ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_13, [
                                 vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                                   vue.createTextVNode(vue.toDisplayString($options.emptyMessageText), 1)
                                 ])