primevue 3.47.2 → 3.48.0

package/speeddial/style/speeddialstyle.esm.js

@@ -4,7 +4,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var css = "\n@layer primevue {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n    }\n\n    .p-speeddial-button {\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
 
 /* Direction */
 var inlineStyles = {
@@ -59,7 +58,6 @@ var classes = {
 };
 var SpeedDialStyle = BaseStyle.extend({
   name: 'speeddial',
-  css: css,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/speeddial/style/speeddialstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function i(e,i,r){var o;return(i="symbol"==n(o=t(i,"string"))?o:String(o))in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function t(e,i){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,i||"default");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(e)}var r=e.extend({name:"speeddial",css:"\n@layer primevue {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n    }\n\n    .p-speeddial-button {\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",classes:{root:function(e){var n=e.instance,t=e.props;return["p-speeddial p-component p-speeddial-".concat(t.type),i(i(i({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n.d_visible),"p-disabled",t.disabled)]},button:function(e){var n=e.props;return["p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon}]},menu:"p-speeddial-list",menuitem:function(e){return["p-speeddial-item",{"p-focus":e.instance.isItemActive(e.id)}]},action:function(e){return["p-speeddial-action",{"p-disabled":e.item.disabled}]},actionIcon:"p-speeddial-action-icon",mask:function(e){return["p-speeddial-mask",{"p-speeddial-mask-visible":e.instance.d_visible}]}},inlineStyles:{root:function(e){var n=e.props;return{alignItems:("up"===n.direction||"down"===n.direction)&&"center",justifyContent:("left"===n.direction||"right"===n.direction)&&"center",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}});export{r as default};
+import e from"primevue/base/style";function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function i(e,i,r){var o;return(i="symbol"==t(o=n(i,"string"))?o:String(o))in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function n(e,i){if("object"!=t(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,i||"default");if("object"!=t(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(e)}var r=e.extend({name:"speeddial",classes:{root:function(e){var t=e.instance,n=e.props;return["p-speeddial p-component p-speeddial-".concat(n.type),i(i(i({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t.d_visible),"p-disabled",n.disabled)]},button:function(e){var t=e.props;return["p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon}]},menu:"p-speeddial-list",menuitem:function(e){return["p-speeddial-item",{"p-focus":e.instance.isItemActive(e.id)}]},action:function(e){return["p-speeddial-action",{"p-disabled":e.item.disabled}]},actionIcon:"p-speeddial-action-icon",mask:function(e){return["p-speeddial-mask",{"p-speeddial-mask-visible":e.instance.d_visible}]}},inlineStyles:{root:function(e){var t=e.props;return{alignItems:("up"===t.direction||"down"===t.direction)&&"center",justifyContent:("left"===t.direction||"right"===t.direction)&&"center",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}});export{r as default};

package/speeddial/style/speeddialstyle.js

@@ -11,7 +11,6 @@ this.primevue.speeddial.style = (function (BaseStyle) {
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
     function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-    var css = "\n@layer primevue {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n    }\n\n    .p-speeddial-button {\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
 
     /* Direction */
     var inlineStyles = {
@@ -66,7 +65,6 @@ this.primevue.speeddial.style = (function (BaseStyle) {
     };
     var SpeedDialStyle = BaseStyle__default["default"].extend({
       name: 'speeddial',
-      css: css,
       classes: classes,
       inlineStyles: inlineStyles
     });

package/speeddial/style/speeddialstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.speeddial=this.primevue.speeddial||{},this.primevue.speeddial.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function t(e,n,t){var o;return(n="symbol"==i(o=r(n,"string"))?o:String(o))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function r(e,n){if("object"!=i(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}return n(primevue.base.style).default.extend({name:"speeddial",css:"\n@layer primevue {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n    }\n\n    .p-speeddial-button {\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",classes:{root:function(e){var n=e.instance,i=e.props;return["p-speeddial p-component p-speeddial-".concat(i.type),t(t(t({},"p-speeddial-direction-".concat(i.direction),"circle"!==i.type),"p-speeddial-opened",n.d_visible),"p-disabled",i.disabled)]},button:function(e){var n=e.props;return["p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon}]},menu:"p-speeddial-list",menuitem:function(e){return["p-speeddial-item",{"p-focus":e.instance.isItemActive(e.id)}]},action:function(e){return["p-speeddial-action",{"p-disabled":e.item.disabled}]},actionIcon:"p-speeddial-action-icon",mask:function(e){return["p-speeddial-mask",{"p-speeddial-mask-visible":e.instance.d_visible}]}},inlineStyles:{root:function(e){var n=e.props;return{alignItems:("up"===n.direction||"down"===n.direction)&&"center",justifyContent:("left"===n.direction||"right"===n.direction)&&"center",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}})}();
+this.primevue=this.primevue||{},this.primevue.speeddial=this.primevue.speeddial||{},this.primevue.speeddial.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function n(e,t,n){var o;return(t="symbol"==i(o=r(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){if("object"!=i(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return t(primevue.base.style).default.extend({name:"speeddial",classes:{root:function(e){var t=e.instance,i=e.props;return["p-speeddial p-component p-speeddial-".concat(i.type),n(n(n({},"p-speeddial-direction-".concat(i.direction),"circle"!==i.type),"p-speeddial-opened",t.d_visible),"p-disabled",i.disabled)]},button:function(e){var t=e.props;return["p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon}]},menu:"p-speeddial-list",menuitem:function(e){return["p-speeddial-item",{"p-focus":e.instance.isItemActive(e.id)}]},action:function(e){return["p-speeddial-action",{"p-disabled":e.item.disabled}]},actionIcon:"p-speeddial-action-icon",mask:function(e){return["p-speeddial-mask",{"p-speeddial-mask-visible":e.instance.d_visible}]}},inlineStyles:{root:function(e){var t=e.props;return{alignItems:("up"===t.direction||"down"===t.direction)&&"center",justifyContent:("left"===t.direction||"right"===t.direction)&&"center",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}})}();

package/splitbutton/SplitButton.d.ts

@@ -171,7 +171,7 @@ export interface SplitButtonProps {
     /**
      * Defines the style of the button.
      */
-    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | string | undefined;
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | 'contrast' | string | undefined;
     /**
      * Add a shadow to indicate elevation.
      * @defaultValue false

package/splitbutton/SplitButton.vue

@@ -1,32 +1,29 @@
 <template>
-    <div :class="containerClass" :style="style" v-bind="ptm('root')" data-pc-name="splitbutton" :data-pc-severity="severity">
-        <slot>
-            <PVSButton
-                type="button"
-                :class="cx('button')"
-                :label="label"
-                :disabled="disabled"
-                :severity="severity"
-                :text="text"
-                :outlined="outlined"
-                :size="size"
-                :aria-label="label"
-                @click="onDefaultButtonClick"
-                v-bind="buttonProps"
-                :pt="ptm('button')"
-                :unstyled="unstyled"
-                data-pc-section="button"
-            >
-                <template #icon="slotProps">
-                    <slot name="icon" :class="slotProps.class">
-                        <span :class="[icon, slotProps.class]" v-bind="ptm('button')['icon']" data-pc-section="buttonicon" />
-                    </slot>
-                </template>
-                <template #default>
-                    <slot name="buttoncontent"></slot>
-                </template>
-            </PVSButton>
-        </slot>
+    <div :class="containerClass" :style="style" v-bind="ptm('root')" :data-pc-severity="severity">
+        <PVSButton
+            type="button"
+            :class="cx('button')"
+            :label="label"
+            :disabled="disabled"
+            :severity="severity"
+            :text="text"
+            :outlined="outlined"
+            :size="size"
+            :aria-label="label"
+            @click="onDefaultButtonClick"
+            v-bind="buttonProps"
+            :pt="ptm('button')"
+            :unstyled="unstyled"
+        >
+            <template v-if="$slots.icon" #icon="slotProps">
+                <slot name="icon" :class="slotProps.class">
+                    <span :class="[icon, slotProps.class]" v-bind="ptm('button')['icon']" data-pc-section="buttonicon" />
+                </slot>
+            </template>
+            <template #default>
+                <slot></slot>
+            </template>
+        </PVSButton>
         <PVSButton
             ref="button"
             type="button"
@@ -34,7 +31,7 @@
             :disabled="disabled"
             aria-haspopup="true"
             :aria-expanded="isExpanded"
-            :aria-controls="ariaId + '_overlay'"
+            :aria-controls="id + '_overlay'"
             @click="onDropdownButtonClick"
             @keydown="onDropdownKeydown"
             :severity="severity"
@@ -44,7 +41,6 @@
             v-bind="menuButtonProps"
             :pt="ptm('menuButton')"
             :unstyled="unstyled"
-            data-pc-section="menubutton"
         >
             <template #icon="slotProps">
                 <slot name="menubuttonicon" :class="slotProps.class">
@@ -52,7 +48,7 @@
                 </slot>
             </template>
         </PVSButton>
-        <PVSMenu ref="menu" :id="ariaId + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" :unstyled="unstyled" :pt="ptm('menu')">
+        <PVSMenu ref="menu" :id="id + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" :unstyled="unstyled" :pt="ptm('menu')">
             <template v-if="$slots.menuitemicon" #itemicon="slotProps">
                 <slot name="menuitemicon" :item="slotProps.item" :class="slotProps.class" />
             </template>
@@ -76,10 +72,18 @@ export default {
     emits: ['click'],
     data() {
         return {
+            id: this.$attrs.id,
             isExpanded: false
         };
     },
+    watch: {
+        '$attrs.id': function (newValue) {
+            this.id = newValue || UniqueComponentId();
+        }
+    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
+
         this.$watch('$refs.menu.visible', (newValue) => {
             this.isExpanded = newValue;
         });
@@ -108,9 +112,6 @@ export default {
         }
     },
     computed: {
-        ariaId() {
-            return UniqueComponentId();
-        },
         containerClass() {
             return [this.cx('root'), this.class];
         }

package/splitbutton/splitbutton.cjs.js

@@ -111,11 +111,18 @@ var script = {
   emits: ['click'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       isExpanded: false
     };
   },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || utils.UniqueComponentId();
+    }
+  },
   mounted: function mounted() {
     var _this = this;
+    this.id = this.id || utils.UniqueComponentId();
     this.$watch('$refs.menu.visible', function (newValue) {
       _this.isExpanded = newValue;
     });
@@ -145,9 +152,6 @@ var script = {
     }
   },
   computed: {
-    ariaId: function ariaId() {
-      return utils.UniqueComponentId();
-    },
     containerClass: function containerClass() {
       return [this.cx('root'), this["class"]];
     }
@@ -167,49 +171,48 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": $options.containerClass,
     style: _ctx.style
   }, _ctx.ptm('root'), {
-    "data-pc-name": "splitbutton",
     "data-pc-severity": _ctx.severity
-  }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
-    return [vue.createVNode(_component_PVSButton, vue.mergeProps({
-      type: "button",
-      "class": _ctx.cx('button'),
-      label: _ctx.label,
-      disabled: _ctx.disabled,
-      severity: _ctx.severity,
-      text: _ctx.text,
-      outlined: _ctx.outlined,
-      size: _ctx.size,
-      "aria-label": _ctx.label,
-      onClick: $options.onDefaultButtonClick
-    }, _ctx.buttonProps, {
-      pt: _ctx.ptm('button'),
-      unstyled: _ctx.unstyled,
-      "data-pc-section": "button"
-    }), {
-      icon: vue.withCtx(function (slotProps) {
-        return [vue.renderSlot(_ctx.$slots, "icon", {
-          "class": vue.normalizeClass(slotProps["class"])
-        }, function () {
-          return [vue.createElementVNode("span", vue.mergeProps({
-            "class": [_ctx.icon, slotProps["class"]]
-          }, _ctx.ptm('button')['icon'], {
-            "data-pc-section": "buttonicon"
-          }), null, 16)];
-        })];
-      }),
-      "default": vue.withCtx(function () {
-        return [vue.renderSlot(_ctx.$slots, "buttoncontent")];
-      }),
-      _: 3
-    }, 16, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"])];
-  }), vue.createVNode(_component_PVSButton, vue.mergeProps({
+  }), [vue.createVNode(_component_PVSButton, vue.mergeProps({
+    type: "button",
+    "class": _ctx.cx('button'),
+    label: _ctx.label,
+    disabled: _ctx.disabled,
+    severity: _ctx.severity,
+    text: _ctx.text,
+    outlined: _ctx.outlined,
+    size: _ctx.size,
+    "aria-label": _ctx.label,
+    onClick: $options.onDefaultButtonClick
+  }, _ctx.buttonProps, {
+    pt: _ctx.ptm('button'),
+    unstyled: _ctx.unstyled
+  }), vue.createSlots({
+    "default": vue.withCtx(function () {
+      return [vue.renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 2
+  }, [_ctx.$slots.icon ? {
+    name: "icon",
+    fn: vue.withCtx(function (slotProps) {
+      return [vue.renderSlot(_ctx.$slots, "icon", {
+        "class": vue.normalizeClass(slotProps["class"])
+      }, function () {
+        return [vue.createElementVNode("span", vue.mergeProps({
+          "class": [_ctx.icon, slotProps["class"]]
+        }, _ctx.ptm('button')['icon'], {
+          "data-pc-section": "buttonicon"
+        }), null, 16)];
+      })];
+    }),
+    key: "0"
+  } : undefined]), 1040, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"]), vue.createVNode(_component_PVSButton, vue.mergeProps({
     ref: "button",
     type: "button",
     "class": _ctx.cx('menuButton'),
     disabled: _ctx.disabled,
     "aria-haspopup": "true",
     "aria-expanded": $data.isExpanded,
-    "aria-controls": $options.ariaId + '_overlay',
+    "aria-controls": $data.id + '_overlay',
     onClick: $options.onDropdownButtonClick,
     onKeydown: $options.onDropdownKeydown,
     severity: _ctx.severity,
@@ -218,8 +221,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     size: _ctx.size
   }, _ctx.menuButtonProps, {
     pt: _ctx.ptm('menuButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "menubutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function (slotProps) {
       return [vue.renderSlot(_ctx.$slots, "menubuttonicon", {
@@ -235,7 +237,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown", "severity", "text", "outlined", "size", "pt", "unstyled"]), vue.createVNode(_component_PVSMenu, {
     ref: "menu",
-    id: $options.ariaId + '_overlay',
+    id: $data.id + '_overlay',
     model: _ctx.model,
     popup: true,
     autoZIndex: _ctx.autoZIndex,

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/icons/chevrondown"),n=require("primevue/tieredmenu"),o=require("primevue/utils"),l=require("primevue/basecomponent"),u=require("primevue/splitbutton/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),r=i(t),d=i(n),c={name:"SplitButton",extends:{name:"BaseSplitButton",extends:i(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:i(u).default,provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var e=this;this.$watch("$refs.menu.visible",(function(t){e.isExpanded=t}))},methods:{onDropdownButtonClick:function(e){e&&e.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(this.onDropdownButtonClick(),e.preventDefault())},onDefaultButtonClick:function(e){this.isExpanded&&this.$refs.menu.hide(e),this.$emit("click",e)}},computed:{ariaId:function(){return o.UniqueComponentId()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:s.default,PVSMenu:d.default,ChevronDownIcon:r.default}},p=["data-pc-severity"];c.render=function(e,t,n,o,l,u){var i=a.resolveComponent("PVSButton"),s=a.resolveComponent("PVSMenu");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:u.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":e.severity}),[a.renderSlot(e.$slots,"default",{},(function(){return[a.createVNode(i,a.mergeProps({type:"button",class:e.cx("button"),label:e.label,disabled:e.disabled,severity:e.severity,text:e.text,outlined:e.outlined,size:e.size,"aria-label":e.label,onClick:u.onDefaultButtonClick},e.buttonProps,{pt:e.ptm("button"),unstyled:e.unstyled,"data-pc-section":"button"}),{icon:a.withCtx((function(t){return[a.renderSlot(e.$slots,"icon",{class:a.normalizeClass(t.class)},(function(){return[a.createElementVNode("span",a.mergeProps({class:[e.icon,t.class]},e.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),default:a.withCtx((function(){return[a.renderSlot(e.$slots,"buttoncontent")]})),_:3},16,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),a.createVNode(i,a.mergeProps({ref:"button",type:"button",class:e.cx("menuButton"),disabled:e.disabled,"aria-haspopup":"true","aria-expanded":l.isExpanded,"aria-controls":u.ariaId+"_overlay",onClick:u.onDropdownButtonClick,onKeydown:u.onDropdownKeydown,severity:e.severity,text:e.text,outlined:e.outlined,size:e.size},e.menuButtonProps,{pt:e.ptm("menuButton"),unstyled:e.unstyled,"data-pc-section":"menubutton"}),{icon:a.withCtx((function(t){return[a.renderSlot(e.$slots,"menubuttonicon",{class:a.normalizeClass(t.class)},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.menuButtonIcon?"span":"ChevronDownIcon"),a.mergeProps({class:[e.menuButtonIcon,t.class]},e.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),a.createVNode(s,{ref:"menu",id:u.ariaId+"_overlay",model:e.model,popup:!0,autoZIndex:e.autoZIndex,baseZIndex:e.baseZIndex,appendTo:e.appendTo,unstyled:e.unstyled,pt:e.ptm("menu")},a.createSlots({_:2},[e.$slots.menuitemicon?{name:"itemicon",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"menuitemicon",{item:t.item,class:a.normalizeClass(t.class)})]})),key:"0"}:void 0,e.$slots.item?{name:"item",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"item",{item:t.item,hasSubmenu:t.hasSubmenu,label:t.label,props:t.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,p)},module.exports=c;
+"use strict";var e=require("primevue/button"),t=require("primevue/icons/chevrondown"),n=require("primevue/tieredmenu"),o=require("primevue/utils"),l=require("primevue/basecomponent"),i=require("primevue/splitbutton/style"),u=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),r=s(t),d=s(n),c={name:"SplitButton",extends:{name:"BaseSplitButton",extends:s(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:s(i).default,provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{id:this.$attrs.id,isExpanded:!1}},watch:{"$attrs.id":function(e){this.id=e||o.UniqueComponentId()}},mounted:function(){var e=this;this.id=this.id||o.UniqueComponentId(),this.$watch("$refs.menu.visible",(function(t){e.isExpanded=t}))},methods:{onDropdownButtonClick:function(e){e&&e.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(this.onDropdownButtonClick(),e.preventDefault())},onDefaultButtonClick:function(e){this.isExpanded&&this.$refs.menu.hide(e),this.$emit("click",e)}},computed:{containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:a.default,PVSMenu:d.default,ChevronDownIcon:r.default}},p=["data-pc-severity"];c.render=function(e,t,n,o,l,i){var s=u.resolveComponent("PVSButton"),a=u.resolveComponent("PVSMenu");return u.openBlock(),u.createElementBlock("div",u.mergeProps({class:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-severity":e.severity}),[u.createVNode(s,u.mergeProps({type:"button",class:e.cx("button"),label:e.label,disabled:e.disabled,severity:e.severity,text:e.text,outlined:e.outlined,size:e.size,"aria-label":e.label,onClick:i.onDefaultButtonClick},e.buttonProps,{pt:e.ptm("button"),unstyled:e.unstyled}),u.createSlots({default:u.withCtx((function(){return[u.renderSlot(e.$slots,"default")]})),_:2},[e.$slots.icon?{name:"icon",fn:u.withCtx((function(t){return[u.renderSlot(e.$slots,"icon",{class:u.normalizeClass(t.class)},(function(){return[u.createElementVNode("span",u.mergeProps({class:[e.icon,t.class]},e.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"]),u.createVNode(s,u.mergeProps({ref:"button",type:"button",class:e.cx("menuButton"),disabled:e.disabled,"aria-haspopup":"true","aria-expanded":l.isExpanded,"aria-controls":l.id+"_overlay",onClick:i.onDropdownButtonClick,onKeydown:i.onDropdownKeydown,severity:e.severity,text:e.text,outlined:e.outlined,size:e.size},e.menuButtonProps,{pt:e.ptm("menuButton"),unstyled:e.unstyled}),{icon:u.withCtx((function(t){return[u.renderSlot(e.$slots,"menubuttonicon",{class:u.normalizeClass(t.class)},(function(){return[(u.openBlock(),u.createBlock(u.resolveDynamicComponent(e.menuButtonIcon?"span":"ChevronDownIcon"),u.mergeProps({class:[e.menuButtonIcon,t.class]},e.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),u.createVNode(a,{ref:"menu",id:l.id+"_overlay",model:e.model,popup:!0,autoZIndex:e.autoZIndex,baseZIndex:e.baseZIndex,appendTo:e.appendTo,unstyled:e.unstyled,pt:e.ptm("menu")},u.createSlots({_:2},[e.$slots.menuitemicon?{name:"itemicon",fn:u.withCtx((function(t){return[u.renderSlot(e.$slots,"menuitemicon",{item:t.item,class:u.normalizeClass(t.class)})]})),key:"0"}:void 0,e.$slots.item?{name:"item",fn:u.withCtx((function(t){return[u.renderSlot(e.$slots,"item",{item:t.item,hasSubmenu:t.hasSubmenu,label:t.label,props:t.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,p)},module.exports=c;

package/splitbutton/splitbutton.esm.js

@@ -4,7 +4,7 @@ import TieredMenu from 'primevue/tieredmenu';
 import { UniqueComponentId } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import SplitButtonStyle from 'primevue/splitbutton/style';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, withCtx, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, createSlots, withCtx, renderSlot, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
 
 var script$1 = {
   name: 'BaseSplitButton',
@@ -101,11 +101,18 @@ var script = {
   emits: ['click'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       isExpanded: false
     };
   },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    }
+  },
   mounted: function mounted() {
     var _this = this;
+    this.id = this.id || UniqueComponentId();
     this.$watch('$refs.menu.visible', function (newValue) {
       _this.isExpanded = newValue;
     });
@@ -135,9 +142,6 @@ var script = {
     }
   },
   computed: {
-    ariaId: function ariaId() {
-      return UniqueComponentId();
-    },
     containerClass: function containerClass() {
       return [this.cx('root'), this["class"]];
     }
@@ -157,49 +161,48 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": $options.containerClass,
     style: _ctx.style
   }, _ctx.ptm('root'), {
-    "data-pc-name": "splitbutton",
     "data-pc-severity": _ctx.severity
-  }), [renderSlot(_ctx.$slots, "default", {}, function () {
-    return [createVNode(_component_PVSButton, mergeProps({
-      type: "button",
-      "class": _ctx.cx('button'),
-      label: _ctx.label,
-      disabled: _ctx.disabled,
-      severity: _ctx.severity,
-      text: _ctx.text,
-      outlined: _ctx.outlined,
-      size: _ctx.size,
-      "aria-label": _ctx.label,
-      onClick: $options.onDefaultButtonClick
-    }, _ctx.buttonProps, {
-      pt: _ctx.ptm('button'),
-      unstyled: _ctx.unstyled,
-      "data-pc-section": "button"
-    }), {
-      icon: withCtx(function (slotProps) {
-        return [renderSlot(_ctx.$slots, "icon", {
-          "class": normalizeClass(slotProps["class"])
-        }, function () {
-          return [createElementVNode("span", mergeProps({
-            "class": [_ctx.icon, slotProps["class"]]
-          }, _ctx.ptm('button')['icon'], {
-            "data-pc-section": "buttonicon"
-          }), null, 16)];
-        })];
-      }),
-      "default": withCtx(function () {
-        return [renderSlot(_ctx.$slots, "buttoncontent")];
-      }),
-      _: 3
-    }, 16, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"])];
-  }), createVNode(_component_PVSButton, mergeProps({
+  }), [createVNode(_component_PVSButton, mergeProps({
+    type: "button",
+    "class": _ctx.cx('button'),
+    label: _ctx.label,
+    disabled: _ctx.disabled,
+    severity: _ctx.severity,
+    text: _ctx.text,
+    outlined: _ctx.outlined,
+    size: _ctx.size,
+    "aria-label": _ctx.label,
+    onClick: $options.onDefaultButtonClick
+  }, _ctx.buttonProps, {
+    pt: _ctx.ptm('button'),
+    unstyled: _ctx.unstyled
+  }), createSlots({
+    "default": withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 2
+  }, [_ctx.$slots.icon ? {
+    name: "icon",
+    fn: withCtx(function (slotProps) {
+      return [renderSlot(_ctx.$slots, "icon", {
+        "class": normalizeClass(slotProps["class"])
+      }, function () {
+        return [createElementVNode("span", mergeProps({
+          "class": [_ctx.icon, slotProps["class"]]
+        }, _ctx.ptm('button')['icon'], {
+          "data-pc-section": "buttonicon"
+        }), null, 16)];
+      })];
+    }),
+    key: "0"
+  } : undefined]), 1040, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"]), createVNode(_component_PVSButton, mergeProps({
     ref: "button",
     type: "button",
     "class": _ctx.cx('menuButton'),
     disabled: _ctx.disabled,
     "aria-haspopup": "true",
     "aria-expanded": $data.isExpanded,
-    "aria-controls": $options.ariaId + '_overlay',
+    "aria-controls": $data.id + '_overlay',
     onClick: $options.onDropdownButtonClick,
     onKeydown: $options.onDropdownKeydown,
     severity: _ctx.severity,
@@ -208,8 +211,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     size: _ctx.size
   }, _ctx.menuButtonProps, {
     pt: _ctx.ptm('menuButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "menubutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: withCtx(function (slotProps) {
       return [renderSlot(_ctx.$slots, "menubuttonicon", {
@@ -225,7 +227,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown", "severity", "text", "outlined", "size", "pt", "unstyled"]), createVNode(_component_PVSMenu, {
     ref: "menu",
-    id: $options.ariaId + '_overlay',
+    id: $data.id + '_overlay',
     model: _ctx.model,
     popup: true,
     autoZIndex: _ctx.autoZIndex,

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import t from"primevue/button";import e from"primevue/icons/chevrondown";import n from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import u from"primevue/basecomponent";import l from"primevue/splitbutton/style";import{resolveComponent as i,openBlock as s,createElementBlock as a,mergeProps as r,renderSlot as d,createVNode as p,withCtx as c,normalizeClass as m,createElementVNode as f,createBlock as y,resolveDynamicComponent as b,createSlots as v}from"vue";var x={name:"SplitButton",extends:{name:"BaseSplitButton",extends:u,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:l,provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(t){t&&t.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:function(){return o()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:n,ChevronDownIcon:e}},B=["data-pc-severity"];x.render=function(t,e,n,o,u,l){var x=i("PVSButton"),h=i("PVSMenu");return s(),a("div",r({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[d(t.$slots,"default",{},(function(){return[p(x,r({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick},t.buttonProps,{pt:t.ptm("button"),unstyled:t.unstyled,"data-pc-section":"button"}),{icon:c((function(e){return[d(t.$slots,"icon",{class:m(e.class)},(function(){return[f("span",r({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),default:c((function(){return[d(t.$slots,"buttoncontent")]})),_:3},16,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),p(x,r({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":l.ariaId+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{pt:t.ptm("menuButton"),unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:c((function(e){return[d(t.$slots,"menubuttonicon",{class:m(e.class)},(function(){return[(s(),y(b(t.menuButtonIcon?"span":"ChevronDownIcon"),r({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),p(h,{ref:"menu",id:l.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},v({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:c((function(e){return[d(t.$slots,"menuitemicon",{item:e.item,class:m(e.class)})]})),key:"0"}:void 0,t.$slots.item?{name:"item",fn:c((function(e){return[d(t.$slots,"item",{item:e.item,hasSubmenu:e.hasSubmenu,label:e.label,props:e.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,B)};export{x as default};
+import t from"primevue/button";import e from"primevue/icons/chevrondown";import n from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import i from"primevue/basecomponent";import l from"primevue/splitbutton/style";import{resolveComponent as u,openBlock as s,createElementBlock as a,mergeProps as d,createVNode as r,createSlots as p,withCtx as c,renderSlot as m,normalizeClass as f,createElementVNode as y,createBlock as b,resolveDynamicComponent as v}from"vue";var h={name:"SplitButton",extends:{name:"BaseSplitButton",extends:i,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:l,provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{id:this.$attrs.id,isExpanded:!1}},watch:{"$attrs.id":function(t){this.id=t||o()}},mounted:function(){var t=this;this.id=this.id||o(),this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(t){t&&t.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:n,ChevronDownIcon:e}},x=["data-pc-severity"];h.render=function(t,e,n,o,i,l){var h=u("PVSButton"),B=u("PVSMenu");return s(),a("div",d({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-severity":t.severity}),[r(h,d({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick},t.buttonProps,{pt:t.ptm("button"),unstyled:t.unstyled}),p({default:c((function(){return[m(t.$slots,"default")]})),_:2},[t.$slots.icon?{name:"icon",fn:c((function(e){return[m(t.$slots,"icon",{class:f(e.class)},(function(){return[y("span",d({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"]),r(h,d({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":i.isExpanded,"aria-controls":i.id+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{pt:t.ptm("menuButton"),unstyled:t.unstyled}),{icon:c((function(e){return[m(t.$slots,"menubuttonicon",{class:f(e.class)},(function(){return[(s(),b(v(t.menuButtonIcon?"span":"ChevronDownIcon"),d({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),r(B,{ref:"menu",id:i.id+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},p({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:c((function(e){return[m(t.$slots,"menuitemicon",{item:e.item,class:f(e.class)})]})),key:"0"}:void 0,t.$slots.item?{name:"item",fn:c((function(e){return[m(t.$slots,"item",{item:e.item,hasSubmenu:e.hasSubmenu,label:e.label,props:e.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,x)};export{h as default};