primevue 4.2.5 → 4.3.0

package/speeddial/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/speeddial/style/SpeedDialStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-speeddial {\n    position: static;\n    display: flex;\n    gap: ${dt('speeddial.gap')};\n}\n\n.p-speeddial-button {\n    z-index: 1;\n}\n\n.p-speeddial-button.p-speeddial-rotate {\n    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background ${dt('speeddial.transition.duration')}, color ${dt('speeddial.transition.duration')}, border-color ${dt('speeddial.transition.duration')},\n    box-shadow ${dt('speeddial.transition.duration')}, outline-color ${dt('speeddial.transition.duration')};\n    will-change: transform;\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: inset-block-start 0s linear ${dt('speeddial.transition.duration')};\n    pointer-events: none;\n    outline: 0 none;\n    z-index: 2;\n    gap: ${dt('speeddial.gap')};\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-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-mask {\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    background: ${dt('mask.background')};\n    border-radius: 6px;\n    transition: opacity 150ms;\n}\n\n.p-speeddial-mask-visible {\n    pointer-events: none;\n    opacity: 1;\n    transition: opacity 150ms;\n}\n\n.p-speeddial-open .p-speeddial-list {\n    pointer-events: auto;\n}\n\n.p-speeddial-open .p-speeddial-item {\n    transform: scale(1);\n    opacity: 1;\n}\n\n.p-speeddial-open .p-speeddial-rotate {\n    transform: rotate(45deg);\n}\n`;\n\n/* Direction */\nconst inlineStyles = {\n    root: ({ props }) => ({\n        alignItems: (props.direction === 'up' || props.direction === 'down') && 'center',\n        justifyContent: (props.direction === 'left' || props.direction === 'right') && 'center',\n        flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null\n    }),\n    list: ({ props }) => ({\n        flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null\n    })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        `p-speeddial p-component p-speeddial-${props.type}`,\n        {\n            [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle',\n            'p-speeddial-open': instance.d_visible,\n            'p-disabled': props.disabled\n        }\n    ],\n    pcButton: ({ props }) => [\n        'p-speeddial-button',\n        {\n            'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon\n        }\n    ],\n    list: 'p-speeddial-list',\n    item: 'p-speeddial-item',\n    action: 'p-speeddial-action',\n    actionIcon: 'p-speeddial-action-icon',\n    mask: ({ instance }) => [\n        'p-speeddial-mask',\n        {\n            'p-speeddial-mask-visible': instance.d_visible\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'speeddial',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","_ref2","props","alignItems","direction","justifyContent","flexDirection","list","_ref3","classes","_ref4","instance","type","_defineProperty","d_visible","disabled","pcButton","_ref6","rotateAnimation","hideIcon","item","action","actionIcon","mask","_ref7","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/speeddial/style/SpeedDialStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/speeddial';\nimport BaseStyle from '@primevue/core/base/style';\n\n/* Direction */\nconst inlineStyles = {\n    root: ({ props }) => ({\n        alignItems: (props.direction === 'up' || props.direction === 'down') && 'center',\n        justifyContent: (props.direction === 'left' || props.direction === 'right') && 'center',\n        flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null\n    }),\n    list: ({ props }) => ({\n        flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null\n    })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        `p-speeddial p-component p-speeddial-${props.type}`,\n        {\n            [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle',\n            'p-speeddial-open': instance.d_visible,\n            'p-disabled': props.disabled\n        }\n    ],\n    pcButton: ({ props }) => [\n        'p-speeddial-button',\n        {\n            'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon\n        }\n    ],\n    list: 'p-speeddial-list',\n    item: 'p-speeddial-item',\n    action: 'p-speeddial-action',\n    actionIcon: 'p-speeddial-action-icon',\n    mask: ({ instance }) => [\n        'p-speeddial-mask',\n        {\n            'p-speeddial-mask-visible': instance.d_visible\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'speeddial',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["inlineStyles","root","_ref","props","alignItems","direction","justifyContent","flexDirection","list","_ref2","classes","_ref3","instance","concat","type","_defineProperty","d_visible","disabled","pcButton","_ref5","rotateAnimation","hideIcon","item","action","actionIcon","mask","_ref6","BaseStyle","extend","name","style"],"mappings":";;;;;;;;AAGA;AACA,IAAMA,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAQ;AAClBC,MAAAA,UAAU,EAAE,CAACD,KAAK,CAACE,SAAS,KAAK,IAAI,IAAIF,KAAK,CAACE,SAAS,KAAK,MAAM,KAAK,QAAQ;AAChFC,MAAAA,cAAc,EAAE,CAACH,KAAK,CAACE,SAAS,KAAK,MAAM,IAAIF,KAAK,CAACE,SAAS,KAAK,OAAO,KAAK,QAAQ;AACvFE,MAAAA,aAAa,EAAEJ,KAAK,CAACE,SAAS,KAAK,IAAI,GAAG,gBAAgB,GAAGF,KAAK,CAACE,SAAS,KAAK,MAAM,GAAG,QAAQ,GAAGF,KAAK,CAACE,SAAS,KAAK,MAAM,GAAG,aAAa,GAAGF,KAAK,CAACE,SAAS,KAAK,OAAO,GAAG,KAAK,GAAG;KAC3L;GAAC;AACFG,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKN,KAAK,GAAAM,KAAA,CAALN,KAAK;IAAA,OAAQ;AAClBI,MAAAA,aAAa,EAAEJ,KAAK,CAACE,SAAS,KAAK,IAAI,GAAG,gBAAgB,GAAGF,KAAK,CAACE,SAAS,KAAK,MAAM,GAAG,QAAQ,GAAGF,KAAK,CAACE,SAAS,KAAK,MAAM,GAAG,aAAa,GAAGF,KAAK,CAACE,SAAS,KAAK,OAAO,GAAG,KAAK,GAAG;KAC3L;AAAA;AACL,CAAC;AAED,IAAMK,OAAO,GAAG;AACZT,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAU,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAET,KAAK,GAAAQ,KAAA,CAALR,KAAK;AAAA,IAAA,OAAO,wCAAAU,MAAA,CACYV,KAAK,CAACW,IAAI,CAAAC,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAA,wBAAA,CAAAF,MAAA,CAEnBV,KAAK,CAACE,SAAS,CAAKF,EAAAA,KAAK,CAACW,IAAI,KAAK,QAAQ,CAAA,EACrE,kBAAkB,EAAEF,QAAQ,CAACI,SAAS,GACtC,YAAY,EAAEb,KAAK,CAACc,QAAQ,CAEnC,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKhB,KAAK,GAAAgB,KAAA,CAALhB,KAAK;IAAA,OAAO,CACrB,oBAAoB,EACpB;AACI,MAAA,oBAAoB,EAAEA,KAAK,CAACiB,eAAe,IAAI,CAACjB,KAAK,CAACkB;AAC1D,KAAC,CACJ;AAAA,GAAA;AACDb,EAAAA,IAAI,EAAE,kBAAkB;AACxBc,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,oBAAoB;AAC5BC,EAAAA,UAAU,EAAE,yBAAyB;AACrCC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;IAAA,OAAO,CACpB,kBAAkB,EAClB;MACI,0BAA0B,EAAEA,QAAQ,CAACI;AACzC,KAAC,CACJ;AAAA;AACL,CAAC;AAED,qBAAeW,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,KAAK,EAALA,KAAK;AACLpB,EAAAA,OAAO,EAAPA,OAAO;AACPV,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/splitbutton/SplitButton.vue

@@ -33,7 +33,7 @@
             :disabled="disabled"
             aria-haspopup="true"
             :aria-expanded="isExpanded"
-            :aria-controls="id + '_overlay'"
+            :aria-controls="$id + '_overlay'"
             @click="onDropdownButtonClick"
             @keydown="onDropdownKeydown"
             :severity="severity"
@@ -51,7 +51,7 @@
                 </slot>
             </template>
         </PVSButton>
-        <PVSMenu ref="menu" :id="id + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" :unstyled="unstyled" :pt="ptm('pcMenu')">
+        <PVSMenu ref="menu" :id="$id + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" :unstyled="unstyled" :pt="ptm('pcMenu')">
             <template v-if="$slots.menuitemicon" #itemicon="slotProps">
                 <slot name="menuitemicon" :item="slotProps.item" :class="slotProps.class" />
             </template>
@@ -64,7 +64,6 @@
 
 <script>
 import { isEmpty } from '@primeuix/utils/object';
-import { UniqueComponentId } from '@primevue/core/utils';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import Button from 'primevue/button';
 import TieredMenu from 'primevue/tieredmenu';
@@ -80,18 +79,10 @@ export default {
     },
     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;
         });

package/splitbutton/index.d.ts

@@ -104,10 +104,10 @@ export interface SplitButtonPassThroughAttributes {
  */
 export interface SplitButtonState {
     /**
-     * Current blocked state as a boolean.
+     * Current expanded state as a boolean.
      * @defaultValue false
      */
-    isBlocked: boolean;
+    isExpanded: boolean;
 }
 
 /**

package/splitbutton/index.mjs

@@ -1,11 +1,10 @@
 import { isEmpty } from '@primeuix/utils/object';
-import { UniqueComponentId } from '@primevue/core/utils';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import Button from 'primevue/button';
 import TieredMenu from 'primevue/tieredmenu';
 import BaseComponent from '@primevue/core/basecomponent';
 import SplitButtonStyle from 'primevue/splitbutton/style';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, createSlots, withCtx, renderSlot, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, createVNode, createSlots, withCtx, renderSlot, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
 
 var script$1 = {
   name: 'BaseSplitButton',
@@ -117,18 +116,11 @@ var script = {
   },
   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;
     });
@@ -223,7 +215,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     "aria-haspopup": "true",
     "aria-expanded": $data.isExpanded,
-    "aria-controls": $data.id + '_overlay',
+    "aria-controls": _ctx.$id + '_overlay',
     onClick: $options.onDropdownButtonClick,
     onKeydown: $options.onDropdownKeydown,
     severity: _ctx.severity,
@@ -248,7 +240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown", "severity", "text", "outlined", "size", "unstyled", "pt"]), createVNode(_component_PVSMenu, {
     ref: "menu",
-    id: $data.id + '_overlay',
+    id: _ctx.$id + '_overlay',
     model: _ctx.model,
     popup: true,
     autoZIndex: _ctx.autoZIndex,

package/splitbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/splitbutton/BaseSplitButton.vue","../../src/splitbutton/SplitButton.vue","../../src/splitbutton/SplitButton.vue?vue&type=template&id=27a31422&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitButtonStyle from 'primevue/splitbutton/style';\n\nexport default {\n    name: 'BaseSplitButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        buttonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonIcon: {\n            type: String,\n            default: undefined\n        },\n        dropdownIcon: {\n            type: String,\n            default: undefined\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: SplitButtonStyle,\n    provide() {\n        return {\n            $pcSplitButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","model","Array","autoZIndex","Boolean","baseZIndex","Number","appendTo","Object","disabled","fluid","style","buttonProps","menuButtonProps","menuButtonIcon","undefined","dropdownIcon","severity","raised","rounded","text","outlined","size","plain","SplitButtonStyle","provide","$pcSplitButton","$parentInstance","BaseSplitButton","inheritAttrs","emits","inject","$pcFluid","data","id","$attrs","isExpanded","watch","$attrsId","newValue","UniqueComponentId","mounted","_this","$watch","methods","onDropdownButtonClick","event","preventDefault","$refs","menu","toggle","currentTarget","$el","relatedTarget","button","visible","onDropdownKeydown","code","onDefaultButtonClick","hide","$emit","computed","containerClass","cx","hasFluid","isEmpty","components","PVSButton","Button","PVSMenu","TieredMenu","ChevronDownIcon","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_createVNode","_component_PVSButton","onClick","pt","ptm","unstyled","_renderSlot","$slots","fn","_withCtx","slotProps","_normalizeClass","_createElementVNode","ref","$data","onKeydown","dropdownicon","_createBlock","_resolveDynamicComponent","_component_PVSMenu","popup","menuitemicon","item","hasSubmenu"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/splitbutton/BaseSplitButton.vue","../../src/splitbutton/SplitButton.vue","../../src/splitbutton/SplitButton.vue?vue&type=template&id=44d68912&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitButtonStyle from 'primevue/splitbutton/style';\n\nexport default {\n    name: 'BaseSplitButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        buttonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonIcon: {\n            type: String,\n            default: undefined\n        },\n        dropdownIcon: {\n            type: String,\n            default: undefined\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: SplitButtonStyle,\n    provide() {\n        return {\n            $pcSplitButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"$id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"$id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            isExpanded: false\n        };\n    },\n    mounted() {\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"$id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"$id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            isExpanded: false\n        };\n    },\n    mounted() {\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","model","Array","autoZIndex","Boolean","baseZIndex","Number","appendTo","Object","disabled","fluid","style","buttonProps","menuButtonProps","menuButtonIcon","undefined","dropdownIcon","severity","raised","rounded","text","outlined","size","plain","SplitButtonStyle","provide","$pcSplitButton","$parentInstance","BaseSplitButton","inheritAttrs","emits","inject","$pcFluid","data","isExpanded","mounted","_this","$watch","newValue","methods","onDropdownButtonClick","event","preventDefault","$refs","menu","toggle","currentTarget","$el","relatedTarget","button","visible","onDropdownKeydown","code","onDefaultButtonClick","hide","$emit","computed","containerClass","cx","hasFluid","isEmpty","components","PVSButton","Button","PVSMenu","TieredMenu","ChevronDownIcon","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_createVNode","_component_PVSButton","onClick","pt","ptm","unstyled","_renderSlot","$slots","fn","_withCtx","slotProps","_normalizeClass","_createElementVNode","ref","$data","$id","onKeydown","dropdownicon","_createBlock","_resolveDynamicComponent","_component_PVSMenu","id","popup","menuitemicon","item","hasSubmenu"],"mappings":"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"}

package/splitbutton/style/index.mjs

@@ -1,13 +1,10 @@
+import { style } from '@primeuix/styles/splitbutton';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n    border-radius: ".concat(dt('splitbutton.border.radius'), ";\n}\n\n.p-splitbutton-button {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-inline-end: 0 none;\n}\n\n.p-splitbutton-button:focus-visible,\n.p-splitbutton-dropdown:focus-visible {\n    z-index: 1;\n}\n\n.p-splitbutton-button:not(:disabled):hover,\n.p-splitbutton-button:not(:disabled):active {\n    border-inline-end: 0 none;\n}\n\n.p-splitbutton-dropdown {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-splitbutton-fluid {\n    display: flex;\n}\n\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-start-end-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n    border-end-end-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-start-start-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n    border-end-start-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n}\n\n.p-splitbutton-raised {\n    box-shadow: ").concat(dt('splitbutton.raised.shadow'), ";\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-splitbutton p-component', {
       'p-splitbutton-raised': props.raised,
       'p-splitbutton-rounded': props.rounded,
@@ -19,7 +16,7 @@ var classes = {
 };
 var SplitButtonStyle = BaseStyle.extend({
   name: 'splitbutton',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/splitbutton/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/splitbutton/style/SplitButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n    border-radius: ${dt('splitbutton.border.radius')};\n}\n\n.p-splitbutton-button {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-inline-end: 0 none;\n}\n\n.p-splitbutton-button:focus-visible,\n.p-splitbutton-dropdown:focus-visible {\n    z-index: 1;\n}\n\n.p-splitbutton-button:not(:disabled):hover,\n.p-splitbutton-button:not(:disabled):active {\n    border-inline-end: 0 none;\n}\n\n.p-splitbutton-dropdown {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-splitbutton-fluid {\n    display: flex;\n}\n\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-start-end-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-end-end-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-start-start-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-end-start-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-raised {\n    box-shadow: ${dt('splitbutton.raised.shadow')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-splitbutton p-component',\n        {\n            'p-splitbutton-raised': props.raised,\n            'p-splitbutton-rounded': props.rounded,\n            'p-splitbutton-fluid': instance.hasFluid\n        }\n    ],\n    pcButton: 'p-splitbutton-button',\n    pcDropdown: 'p-splitbutton-dropdown'\n};\n\nexport default BaseStyle.extend({\n    name: 'splitbutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","raised","rounded","hasFluid","pcButton","pcDropdown","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,6FAAA,CAAAC,MAAA,CAIED,EAAE,CAAC,2BAA2B,CAAC,2oBAAAC,MAAA,CAiCrBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACzCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,yFAAAA,CAAAA,CAAAA,MAAA,CAInCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kCAAA,CAAA,CAAAC,MAAA,CACzCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,mDAAAA,CAAAA,CAAAA,MAAA,CAIpDD,EAAE,CAAC,2BAA2B,CAAC,EAAA,QAAA,CAAA;AAAA,CAEhD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,KAAK,CAACC,MAAM;MACpC,uBAAuB,EAAED,KAAK,CAACE,OAAO;MACtC,qBAAqB,EAAEH,QAAQ,CAACI;AACpC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,sBAAsB;AAChCC,EAAAA,UAAU,EAAE;AAChB,CAAC;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBhB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/splitbutton/style/SplitButtonStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/splitbutton';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-splitbutton p-component',\n        {\n            'p-splitbutton-raised': props.raised,\n            'p-splitbutton-rounded': props.rounded,\n            'p-splitbutton-fluid': instance.hasFluid\n        }\n    ],\n    pcButton: 'p-splitbutton-button',\n    pcDropdown: 'p-splitbutton-dropdown'\n};\n\nexport default BaseStyle.extend({\n    name: 'splitbutton',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","instance","props","raised","rounded","hasFluid","pcButton","pcDropdown","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,KAAK,CAACC,MAAM;MACpC,uBAAuB,EAAED,KAAK,CAACE,OAAO;MACtC,qBAAqB,EAAEH,QAAQ,CAACI;AACpC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,sBAAsB;AAChCC,EAAAA,UAAU,EAAE;AAChB,CAAC;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,KAAK,EAALA,KAAK;AACLb,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/splitter/Splitter.vue

@@ -23,7 +23,7 @@
 
 <script>
 import { getHeight, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';
-import { isArray } from '@primeuix/utils/object';
+import { isArray, isNotEmpty } from '@primeuix/utils/object';
 import { getVNodeProp } from '@primevue/core/utils';
 import BaseSplitter from './BaseSplitter.vue';
 
@@ -76,7 +76,7 @@ export default {
                     let _panelSizes = [];
 
                     this.panels.map((panel, i) => {
-                        let panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
+                        let panelInitialSize = panel.props && isNotEmpty(panel.props.size) ? panel.props.size : null;
                         let panelSize = panelInitialSize || 100 / this.panels.length;
 
                         _panelSizes[i] = panelSize;
@@ -139,14 +139,17 @@ export default {
                 newNextPanelSize = this.nextPanelSize - newPos;
             }
 
-            if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {
-                this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-                this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-                this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;
-                this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;
-                this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);
+            if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {
+                newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);
+                newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);
             }
 
+            this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
+            this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
+            this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;
+            this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;
+            this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);
+
             this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });
         },
         onResizeEnd(event) {
@@ -275,15 +278,11 @@ export default {
             if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
             if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
 
-            let prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');
-
-            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {
+            if (this.prevPanelMinSize > newPrevPanelSize) {
                 return false;
             }
 
-            let newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');
-
-            if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {
+            if (this.nextPanelMinSize > newNextPanelSize) {
                 return false;
             }
 
@@ -394,6 +393,24 @@ export default {
                     nested: this.$parentInstance?.nestedState
                 }
             };
+        },
+        prevPanelMinSize() {
+            const prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');
+
+            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {
+                return prevPanelMinSize;
+            }
+
+            return 0;
+        },
+        nextPanelMinSize() {
+            const nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');
+
+            if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {
+                return nextPanelMinSize;
+            }
+
+            return 0;
         }
     }
 };

package/splitter/index.d.ts

@@ -249,7 +249,7 @@ declare const Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEm
 
 declare module 'vue' {
     export interface GlobalComponents {
-        Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEmits>;
+        Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEmits, SplitterMethods>;
     }
 }
 

package/splitter/index.mjs

@@ -1,9 +1,9 @@
-import { getWidth, getHeight, getOuterWidth, getOuterHeight, isRTL } from '@primeuix/utils/dom';
-import { isArray } from '@primeuix/utils/object';
+import { isRTL, getWidth, getHeight, getOuterWidth, getOuterHeight } from '@primeuix/utils/dom';
+import { isArray, isNotEmpty } from '@primeuix/utils/object';
 import { getVNodeProp } from '@primevue/core/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import SplitterStyle from 'primevue/splitter/style';
-import { openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, resolveDynamicComponent, createElementVNode, createCommentVNode } from 'vue';
+import { createElementBlock, openBlock, mergeProps, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, createElementVNode } from 'vue';
 
 var script$1 = {
   name: 'BaseSplitter',
@@ -94,7 +94,7 @@ var script = {
           });
           var _panelSizes = [];
           this.panels.map(function (panel, i) {
-            var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
+            var panelInitialSize = panel.props && isNotEmpty(panel.props.size) ? panel.props.size : null;
             var panelSize = panelInitialSize || 100 / _this.panels.length;
             _panelSizes[i] = panelSize;
             children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (_this.panels.length - 1) * _this.gutterSize + 'px)';
@@ -151,13 +151,15 @@ var script = {
         newPrevPanelSize = this.prevPanelSize + newPos;
         newNextPanelSize = this.nextPanelSize - newPos;
       }
-      if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {
-        this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-        this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-        this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;
-        this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;
-        this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);
+      if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {
+        newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);
+        newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);
       }
+      this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
+      this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
+      this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;
+      this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;
+      this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);
       this.$emit('resize', {
         originalEvent: event,
         sizes: this.panelSizes
@@ -288,12 +290,10 @@ var script = {
     validateResize: function validateResize(newPrevPanelSize, newNextPanelSize) {
       if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
       if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
-      var prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');
-      if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {
+      if (this.prevPanelMinSize > newPrevPanelSize) {
         return false;
       }
-      var newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');
-      if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {
+      if (this.nextPanelMinSize > newNextPanelSize) {
         return false;
       }
       return true;
@@ -401,6 +401,20 @@ var script = {
           nested: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.nestedState
         }
       };
+    },
+    prevPanelMinSize: function prevPanelMinSize() {
+      var prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');
+      if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {
+        return prevPanelMinSize;
+      }
+      return 0;
+    },
+    nextPanelMinSize: function nextPanelMinSize() {
+      var nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');
+      if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {
+        return nextPanelMinSize;
+      }
+      return 0;
     }
   }
 };