primevue 3.29.2 → 3.30.0

package/splitbutton/splitbutton.js

@@ -1,242 +1,251 @@
 this.primevue = this.primevue || {};
-this.primevue.splitbutton = (function (BaseComponent, Button, ChevronDownIcon, TieredMenu, utils, vue) {
+this.primevue.splitbutton = (function (Button, ChevronDownIcon, TieredMenu, utils, BaseComponent, usestyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
     var TieredMenu__default = /*#__PURE__*/_interopDefaultLegacy(TieredMenu);
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var script = {
-        name: 'SplitButton',
-        extends: BaseComponent__default["default"],
-        emits: ['click'],
-        props: {
-            label: {
-                type: String,
-                default: null
-            },
-            icon: {
-                type: String,
-                default: null
-            },
-            model: {
-                type: Array,
-                default: null
-            },
-            autoZIndex: {
-                type: Boolean,
-                default: true
-            },
-            baseZIndex: {
-                type: Number,
-                default: 0
-            },
-            appendTo: {
-                type: String,
-                default: 'body'
-            },
-            disabled: {
-                type: Boolean,
-                default: false
-            },
-            class: {
-                type: null,
-                default: null
-            },
-            style: {
-                type: null,
-                default: null
-            },
-            buttonProps: {
-                type: null,
-                default: null
-            },
-            menuButtonProps: {
-                type: null,
-                default: null
-            },
-            menuButtonIcon: {
-                type: String,
-                default: undefined
-            },
-            severity: {
-                type: String,
-                default: null
-            },
-            raised: {
-                type: Boolean,
-                default: false
-            },
-            rounded: {
-                type: Boolean,
-                default: false
-            },
-            text: {
-                type: Boolean,
-                default: false
-            },
-            outlined: {
-                type: Boolean,
-                default: false
-            },
-            size: {
-                type: String,
-                default: null
-            },
-            plain: {
-                type: Boolean,
-                default: false
-            }
-        },
-        data() {
-            return {
-                isExpanded: false
-            };
-        },
-        methods: {
-            onDropdownButtonClick() {
-                this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });
-                this.isExpanded = !this.$refs.menu.visible;
-            },
-            onDropdownKeydown(event) {
-                if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
-                    this.onDropdownButtonClick();
-                    event.preventDefault();
-                }
-            },
-            onDefaultButtonClick(event) {
-                if (this.isExpanded) {
-                    this.$refs.menu.hide(event);
-                }
-
-                this.$emit('click', event);
-            }
-        },
-        computed: {
-            ariaId() {
-                return utils.UniqueComponentId();
-            },
-            containerClass() {
-                return [
-                    'p-splitbutton p-component',
-                    this.class,
-                    {
-                        [`p-button-${this.severity}`]: this.severity,
-                        'p-button-raised': this.raised,
-                        'p-button-rounded': this.rounded,
-                        'p-button-text': this.text,
-                        'p-button-outlined': this.outlined,
-                        'p-button-sm': this.size === 'small',
-                        'p-button-lg': this.size === 'large'
-                    }
-                ];
-            }
-        },
-        components: {
-            PVSButton: Button__default["default"],
-            PVSMenu: TieredMenu__default["default"],
-            ChevronDownIcon: ChevronDownIcon__default["default"]
+    function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+    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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+    function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    var styles = "\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var _ref2;
+        var props = _ref.props;
+        return ['p-splitbutton p-component', (_ref2 = {}, _defineProperty(_ref2, "p-button-".concat(props.severity), props.severity), _defineProperty(_ref2, 'p-button-raised', props.raised), _defineProperty(_ref2, 'p-button-rounded', props.rounded), _defineProperty(_ref2, 'p-button-text', props.text), _defineProperty(_ref2, 'p-button-outlined', props.outlined), _defineProperty(_ref2, 'p-button-sm', props.size === 'small'), _defineProperty(_ref2, 'p-button-lg', props.size === 'large'), _ref2)];
+      },
+      button: 'p-splitbutton-defaultbutton',
+      menuButton: 'p-splitbutton-menubutton'
+    };
+    var _useStyle = usestyle.useStyle(styles, {
+        name: 'splitbutton',
+        manual: true
+      }),
+      loadStyle = _useStyle.load;
+    var script$1 = {
+      name: 'BaseSplitButton',
+      "extends": BaseComponent__default["default"],
+      props: {
+        label: {
+          type: String,
+          "default": null
+        },
+        icon: {
+          type: String,
+          "default": null
+        },
+        model: {
+          type: Array,
+          "default": null
+        },
+        autoZIndex: {
+          type: Boolean,
+          "default": true
+        },
+        baseZIndex: {
+          type: Number,
+          "default": 0
+        },
+        appendTo: {
+          type: String,
+          "default": 'body'
+        },
+        disabled: {
+          type: Boolean,
+          "default": false
+        },
+        "class": {
+          type: null,
+          "default": null
+        },
+        style: {
+          type: null,
+          "default": null
+        },
+        buttonProps: {
+          type: null,
+          "default": null
+        },
+        menuButtonProps: {
+          type: null,
+          "default": null
+        },
+        menuButtonIcon: {
+          type: String,
+          "default": undefined
+        },
+        severity: {
+          type: String,
+          "default": null
+        },
+        raised: {
+          type: Boolean,
+          "default": false
+        },
+        rounded: {
+          type: Boolean,
+          "default": false
+        },
+        text: {
+          type: Boolean,
+          "default": false
+        },
+        outlined: {
+          type: Boolean,
+          "default": false
+        },
+        size: {
+          type: String,
+          "default": null
+        },
+        plain: {
+          type: Boolean,
+          "default": false
         }
+      },
+      css: {
+        classes: classes,
+        loadStyle: loadStyle
+      },
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
     };
 
-    function render(_ctx, _cache, $props, $setup, $data, $options) {
-      const _component_PVSButton = vue.resolveComponent("PVSButton");
-      const _component_PVSMenu = vue.resolveComponent("PVSMenu");
-
-      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: $options.containerClass,
-        style: $props.style
-      }, _ctx.ptm('root')), [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createVNode(_component_PVSButton, vue.mergeProps({
-            type: "button",
-            class: "p-splitbutton-defaultbutton",
-            label: $props.label,
-            disabled: $props.disabled,
-            "aria-label": $props.label,
-            onClick: $options.onDefaultButtonClick,
-            pt: _ctx.ptm('button')
-          }, $props.buttonProps), {
-            icon: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                vue.createElementVNode("span", vue.mergeProps({
-                  class: [$props.icon, slotProps.class]
-                }, _ctx.ptm('button')['icon']), null, 16)
-              ])
-            ]),
-            _: 3
-          }, 16, ["label", "disabled", "aria-label", "onClick", "pt"])
-        ]),
-        vue.createVNode(_component_PVSButton, vue.mergeProps({
-          ref: "button",
-          type: "button",
-          class: "p-splitbutton-menubutton",
-          disabled: $props.disabled,
-          "aria-haspopup": "true",
-          "aria-expanded": $data.isExpanded,
-          "aria-controls": $options.ariaId + '_overlay',
-          onClick: $options.onDropdownButtonClick,
-          onKeydown: $options.onDropdownKeydown,
-          pt: _ctx.ptm('menuButton')
-        }, $props.menuButtonProps), {
-          icon: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "menubuttonicon", {}, () => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.menuButtonIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
-                class: [$props.menuButtonIcon, slotProps.class]
-              }, _ctx.ptm('menuButton')['icon']), null, 16, ["class"]))
-            ])
-          ]),
-          _: 3
-        }, 16, ["disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown", "pt"]),
-        vue.createVNode(_component_PVSMenu, {
-          ref: "menu",
-          id: $options.ariaId + '_overlay',
-          model: $props.model,
-          popup: true,
-          autoZIndex: $props.autoZIndex,
-          baseZIndex: $props.baseZIndex,
-          appendTo: $props.appendTo,
-          pt: _ctx.ptm('menu')
-        }, null, 8, ["id", "model", "autoZIndex", "baseZIndex", "appendTo", "pt"])
-      ], 16))
-    }
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
+    var script = {
+      name: 'SplitButton',
+      "extends": script$1,
+      emits: ['click'],
+      data: function data() {
+        return {
+          isExpanded: false
+        };
+      },
+      mounted: function mounted() {
+        var _this = this;
+        this.$watch('$refs.menu.visible', function (newValue) {
+          _this.isExpanded = newValue;
+        });
+      },
+      methods: {
+        onDropdownButtonClick: function onDropdownButtonClick() {
+          this.$refs.menu.toggle({
+            currentTarget: this.$el,
+            relatedTarget: this.$refs.button.$el
+          });
+          this.isExpanded = this.$refs.menu.visible;
+        },
+        onDropdownKeydown: function onDropdownKeydown(event) {
+          if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
+            this.onDropdownButtonClick();
+            event.preventDefault();
+          }
+        },
+        onDefaultButtonClick: function onDefaultButtonClick(event) {
+          if (this.isExpanded) {
+            this.$refs.menu.hide(event);
+          }
+          this.$emit('click', event);
+        }
+      },
+      computed: {
+        ariaId: function ariaId() {
+          return utils.UniqueComponentId();
+        },
+        containerClass: function containerClass() {
+          return [this.cx('root'), this["class"]];
         }
-      } else {
-        head.appendChild(style);
+      },
+      components: {
+        PVSButton: Button__default["default"],
+        PVSMenu: TieredMenu__default["default"],
+        ChevronDownIcon: ChevronDownIcon__default["default"]
       }
+    };
 
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
+    var _hoisted_1 = ["data-pc-severity"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      var _component_PVSButton = vue.resolveComponent("PVSButton");
+      var _component_PVSMenu = vue.resolveComponent("PVSMenu");
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "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,
+          "aria-label": _ctx.label,
+          onClick: $options.onDefaultButtonClick,
+          pt: _ctx.ptm('button')
+        }, _ctx.buttonProps, {
+          unstyled: _ctx.unstyled
+        }), vue.createSlots({
+          _: 2
+        }, [_ctx.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']), null, 16)];
+            })];
+          }),
+          key: "0"
+        } : undefined]), 1040, ["class", "label", "disabled", "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',
+        onClick: $options.onDropdownButtonClick,
+        onKeydown: $options.onDropdownKeydown,
+        pt: _ctx.ptm('menuButton')
+      }, _ctx.menuButtonProps, {
+        unstyled: _ctx.unstyled
+      }), {
+        icon: vue.withCtx(function (slotProps) {
+          return [vue.renderSlot(_ctx.$slots, "menubuttonicon", {
+            "class": vue.normalizeClass(slotProps["class"])
+          }, function () {
+            return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.menuButtonIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
+              "class": [_ctx.menuButtonIcon, slotProps["class"]]
+            }, _ctx.ptm('menuButton')['icon']), null, 16, ["class"]))];
+          })];
+        }),
+        _: 3
+      }, 16, ["class", "disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown", "pt", "unstyled"]), vue.createVNode(_component_PVSMenu, {
+        ref: "menu",
+        id: $options.ariaId + '_overlay',
+        model: _ctx.model,
+        popup: true,
+        autoZIndex: _ctx.autoZIndex,
+        baseZIndex: _ctx.baseZIndex,
+        appendTo: _ctx.appendTo,
+        unstyled: _ctx.unstyled,
+        pt: _ctx.ptm('menu')
+      }, null, 8, ["id", "model", "autoZIndex", "baseZIndex", "appendTo", "unstyled", "pt"])], 16, _hoisted_1);
     }
 
-    var css_248z = "\n.p-splitbutton[data-v-29147f7b] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b] {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n.p-splitbutton-menubutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-29147f7b] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n.p-splitbutton .p-menu[data-v-29147f7b] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-29147f7b] {\n    display: flex;\n}\n";
-    styleInject(css_248z);
-
     script.render = render;
-    script.__scopeId = "data-v-29147f7b";
 
     return script;
 
-})(primevue.basecomponent, primevue.button, primevue.icons.chevrondown, primevue.tieredmenu, primevue.utils, Vue);
+})(primevue.button, primevue.icons.chevrondown, primevue.tieredmenu, primevue.utils, primevue.basecomponent, primevue.usestyle, Vue);

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,e,n,o,l,u){"use strict";function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=a(t),i=a(e),p=a(n),s=a(o),r={name:"SplitButton",extends:d.default,emits:["click"],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,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}},data:()=>({isExpanded:!1}),methods:{onDropdownButtonClick(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=!this.$refs.menu.visible},onDropdownKeydown(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:()=>l.UniqueComponentId(),containerClass(){return["p-splitbutton p-component",this.class,{[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size}]}},components:{PVSButton:i.default,PVSMenu:s.default,ChevronDownIcon:p.default}};return function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=t:l.appendChild(document.createTextNode(t))}}("\n.p-splitbutton[data-v-29147f7b] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b] {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n.p-splitbutton-menubutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-29147f7b] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n.p-splitbutton .p-menu[data-v-29147f7b] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-29147f7b] {\n    display: flex;\n}\n"),r.render=function(t,e,n,o,l,a){const d=u.resolveComponent("PVSButton"),i=u.resolveComponent("PVSMenu");return u.openBlock(),u.createElementBlock("div",u.mergeProps({class:a.containerClass,style:n.style},t.ptm("root")),[u.renderSlot(t.$slots,"default",{},(()=>[u.createVNode(d,u.mergeProps({type:"button",class:"p-splitbutton-defaultbutton",label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:a.onDefaultButtonClick,pt:t.ptm("button")},n.buttonProps),{icon:u.withCtx((e=>[u.renderSlot(t.$slots,"icon",{},(()=>[u.createElementVNode("span",u.mergeProps({class:[n.icon,e.class]},t.ptm("button").icon),null,16)]))])),_:3},16,["label","disabled","aria-label","onClick","pt"])])),u.createVNode(d,u.mergeProps({ref:"button",type:"button",class:"p-splitbutton-menubutton",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":l.isExpanded,"aria-controls":a.ariaId+"_overlay",onClick:a.onDropdownButtonClick,onKeydown:a.onDropdownKeydown,pt:t.ptm("menuButton")},n.menuButtonProps),{icon:u.withCtx((e=>[u.renderSlot(t.$slots,"menubuttonicon",{},(()=>[(u.openBlock(),u.createBlock(u.resolveDynamicComponent(n.menuButtonIcon?"span":"ChevronDownIcon"),u.mergeProps({class:[n.menuButtonIcon,e.class]},t.ptm("menuButton").icon),null,16,["class"]))]))])),_:3},16,["disabled","aria-expanded","aria-controls","onClick","onKeydown","pt"]),u.createVNode(i,{ref:"menu",id:a.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","pt"])],16)},r.__scopeId="data-v-29147f7b",r}(primevue.basecomponent,primevue.button,primevue.icons.chevrondown,primevue.tieredmenu,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,n,e,o,u,l,r){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(t),s=i(n),p=i(e),d=i(u);function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function b(t,n,e){return(n=m(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function m(t){var n=f(t,"string");return"symbol"===c(n)?n:String(n)}function f(t,n){if("object"!==c(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var y={root:function(t){var n,e=t.props;return["p-splitbutton p-component",(n={},b(n,"p-button-".concat(e.severity),e.severity),b(n,"p-button-raised",e.raised),b(n,"p-button-rounded",e.rounded),b(n,"p-button-text",e.text),b(n,"p-button-outlined",e.outlined),b(n,"p-button-sm","small"===e.size),b(n,"p-button-lg","large"===e.size),n)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},v=l.useStyle("\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n",{name:"splitbutton",manual:!0}),h={name:"SplitButton",extends:{name:"BaseSplitButton",extends:d.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,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}},css:{classes:y,loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(n){t.isExpanded=n}))},methods:{onDropdownButtonClick:function(){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.UniqueComponentId()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:a.default,PVSMenu:p.default,ChevronDownIcon:s.default}},B=["data-pc-severity"];return h.render=function(t,n,e,o,u,l){var i=r.resolveComponent("PVSButton"),a=r.resolveComponent("PVSMenu");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[r.renderSlot(t.$slots,"default",{},(function(){return[r.createVNode(i,r.mergeProps({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,"aria-label":t.label,onClick:l.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled}),r.createSlots({_:2},[t.icon?{name:"icon",fn:r.withCtx((function(n){return[r.renderSlot(t.$slots,"icon",{class:r.normalizeClass(n.class)},(function(){return[r.createElementVNode("span",r.mergeProps({class:[t.icon,n.class]},t.ptm("button").icon),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","aria-label","onClick","pt","unstyled"])]})),r.createVNode(i,r.mergeProps({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,pt:t.ptm("menuButton")},t.menuButtonProps,{unstyled:t.unstyled}),{icon:r.withCtx((function(n){return[r.renderSlot(t.$slots,"menubuttonicon",{class:r.normalizeClass(n.class)},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.menuButtonIcon?"span":"ChevronDownIcon"),r.mergeProps({class:[t.menuButtonIcon,n.class]},t.ptm("menuButton").icon),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","unstyled"]),r.createVNode(a,{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")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,B)},h}(primevue.button,primevue.icons.chevrondown,primevue.tieredmenu,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/splitter/BaseSplitter.vue

@@ -0,0 +1,101 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-splitter {
+    display: flex;
+    flex-wrap: nowrap;
+}
+
+.p-splitter-vertical {
+    flex-direction: column;
+}
+
+.p-splitter-gutter {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: col-resize;
+}
+
+.p-splitter-horizontal.p-splitter-resizing {
+    cursor: col-resize;
+    user-select: none;
+}
+
+.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
+    height: 24px;
+    width: 100%;
+}
+
+.p-splitter-horizontal > .p-splitter-gutter {
+    cursor: col-resize;
+}
+
+.p-splitter-vertical.p-splitter-resizing {
+    cursor: row-resize;
+    user-select: none;
+}
+
+.p-splitter-vertical > .p-splitter-gutter {
+    cursor: row-resize;
+}
+
+.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
+    width: 24px;
+    height: 100%;
+}
+`;
+
+const classes = {
+    root: ({ props }) => ['p-splitter p-component', 'p-splitter-' + props.layout],
+    gutter: 'p-splitter-gutter',
+    gutterHandler: 'p-splitter-gutter-handle'
+};
+
+const inlineStyles = {
+    root: ({ props }) => [{ display: 'flex', 'flex-wrap': 'nowrap' }, props.layout === 'vertical' ? { 'flex-direction': 'column' } : '']
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'splitter', manual: true });
+
+export default {
+    name: 'BaseSplitter',
+    extends: BaseComponent,
+    props: {
+        layout: {
+            type: String,
+            default: 'horizontal'
+        },
+        gutterSize: {
+            type: Number,
+            default: 4
+        },
+        stateKey: {
+            type: String,
+            default: null
+        },
+        stateStorage: {
+            type: String,
+            default: 'session'
+        },
+        step: {
+            type: Number,
+            default: 5
+        }
+    },
+    css: {
+        classes,
+        inlineStyles,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/splitter/Splitter.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export declare type SplitterPassThroughOptionType = SplitterPassThroughAttributes | ((options: SplitterPassThroughMethodOptions) => SplitterPassThroughAttributes) | null | undefined;
@@ -16,6 +17,7 @@ export declare type SplitterPassThroughOptionType = SplitterPassThroughAttribute
  * Custom passthrough(pt) option method.
  */
 export interface SplitterPassThroughMethodOptions {
+    instance: any;
     props: SplitterProps;
     state: SplitterState;
 }
@@ -67,6 +69,11 @@ export interface SplitterPassThroughOptions {
      * Uses to pass attributes to the gutter handler's DOM element.
      */
     gutterHandler?: SplitterPassThroughOptionType;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -119,6 +126,11 @@ export interface SplitterProps {
      * @type {SplitterPassThroughOptions}
      */
     pt?: SplitterPassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**