primevuelab 4.0.0-beta.4

package/splitbutton/splitbutton.mjs

@@ -0,0 +1,272 @@
+import { UniqueComponentId } from '@primevuelab/core/utils';
+import ChevronDownIcon from '@primevuelab/icons/chevrondown';
+import Button from 'primevuelab/button';
+import TieredMenu from 'primevuelab/tieredmenu';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import SplitButtonStyle from 'primevuelab/splitbutton/style';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, createSlots, withCtx, renderSlot, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
+
+var script$1 = {
+  name: 'BaseSplitButton',
+  "extends": BaseComponent,
+  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, Object],
+      "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
+    },
+    dropdownIcon: {
+      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
+    }
+  },
+  style: SplitButtonStyle,
+  provide: function provide() {
+    return {
+      $pcSplitButton: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'SplitButton',
+  "extends": script$1,
+  inheritAttrs: false,
+  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;
+    });
+  },
+  methods: {
+    onDropdownButtonClick: function onDropdownButtonClick(event) {
+      if (event) {
+        event.preventDefault();
+      }
+      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: {
+    containerClass: function containerClass() {
+      return [this.cx('root'), this["class"]];
+    }
+  },
+  components: {
+    PVSButton: Button,
+    PVSMenu: TieredMenu,
+    ChevronDownIcon: ChevronDownIcon
+  }
+};
+
+var _hoisted_1 = ["data-p-severity"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_PVSButton = resolveComponent("PVSButton");
+  var _component_PVSMenu = resolveComponent("PVSMenu");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": $options.containerClass,
+    style: _ctx.style
+  }, _ctx.ptmi('root'), {
+    "data-p-severity": _ctx.severity
+  }), [createVNode(_component_PVSButton, mergeProps({
+    type: "button",
+    "class": _ctx.cx('pcButton'),
+    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('pcButton'),
+    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('pcButton')['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('pcDropdown'),
+    disabled: _ctx.disabled,
+    "aria-haspopup": "true",
+    "aria-expanded": $data.isExpanded,
+    "aria-controls": $data.id + '_overlay',
+    onClick: $options.onDropdownButtonClick,
+    onKeydown: $options.onDropdownKeydown,
+    severity: _ctx.severity,
+    text: _ctx.text,
+    outlined: _ctx.outlined,
+    size: _ctx.size,
+    unstyled: _ctx.unstyled
+  }, _ctx.menuButtonProps, {
+    pt: _ctx.ptm('pcDropdown')
+  }), {
+    icon: withCtx(function (slotProps) {
+      return [renderSlot(_ctx.$slots, _ctx.$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon', {
+        "class": normalizeClass(slotProps["class"])
+      }, function () {
+        return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.menuButtonIcon || _ctx.dropdownIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+          "class": [_ctx.dropdownIcon || _ctx.menuButtonIcon, slotProps["class"]]
+        }, _ctx.ptm('pcDropdown')['icon'], {
+          "data-pc-section": "menubuttonicon"
+        }), null, 16, ["class"]))];
+      })];
+    }),
+    _: 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',
+    model: _ctx.model,
+    popup: true,
+    autoZIndex: _ctx.autoZIndex,
+    baseZIndex: _ctx.baseZIndex,
+    appendTo: _ctx.appendTo,
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('ptMenu')
+  }, createSlots({
+    _: 2
+  }, [_ctx.$slots.menuitemicon ? {
+    name: "itemicon",
+    fn: withCtx(function (slotProps) {
+      return [renderSlot(_ctx.$slots, "menuitemicon", {
+        item: slotProps.item,
+        "class": normalizeClass(slotProps["class"])
+      })];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.item ? {
+    name: "item",
+    fn: withCtx(function (slotProps) {
+      return [renderSlot(_ctx.$slots, "item", {
+        item: slotProps.item,
+        hasSubmenu: slotProps.hasSubmenu,
+        label: slotProps.label,
+        props: slotProps.props
+      })];
+    }),
+    key: "1"
+  } : undefined]), 1032, ["id", "model", "autoZIndex", "baseZIndex", "appendTo", "unstyled", "pt"])], 16, _hoisted_1);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=splitbutton.mjs.map

package/splitbutton/splitbutton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitbutton.mjs","sources":["../../src/splitbutton/BaseSplitButton.vue","../../src/splitbutton/SplitButton.vue","../../src/splitbutton/SplitButton.vue?vue&type=template&id=82a9ee80&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport SplitButtonStyle from 'primevuelab/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        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            :outlined=\"outlined\"\n            :size=\"size\"\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('ptMenu')\">\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 { UniqueComponentId } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport Button from 'primevuelab/button';\nimport TieredMenu from 'primevuelab/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\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    },\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            :outlined=\"outlined\"\n            :size=\"size\"\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('ptMenu')\">\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 { UniqueComponentId } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport Button from 'primevuelab/button';\nimport TieredMenu from 'primevuelab/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\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    },\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","style","buttonProps","menuButtonProps","menuButtonIcon","undefined","dropdownIcon","severity","raised","rounded","text","outlined","size","plain","SplitButtonStyle","provide","$pcSplitButton","$parentInstance","BaseSplitButton","inheritAttrs","emits","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","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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"}

package/splitbutton/style/SplitButtonStyle.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ * SplitButton groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevuelab.org/splitbutton/)
+ *
+ * @module splitbuttonstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum SplitButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-splitbutton',
+    /**
+     * Class name of the button element
+     */
+    pcButton = 'p-splitbutton-button',
+    /**
+     * Class name of the dropdown element
+     */
+    pcDropdown = 'p-splitbutton-dropdown'
+}
+
+export interface SplitButtonStyle extends BaseStyle {}

package/splitbutton/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "splitbuttonstyle.mjs",
+    "module": "splitbuttonstyle.mjs",
+    "types": "./SplitButtonStyle.d.ts",
+    "sideEffects": false
+}

package/splitbutton/style/splitbuttonstyle.mjs

@@ -0,0 +1,25 @@
+import BaseStyle from '@primevuelab/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-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 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-right: 0 none;\n}\n\n.p-splitbutton-dropdown {\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\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-top-right-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-top-left-radius: ").concat(dt('splitbutton.rounded.border.radius'), ";\n    border-bottom-left-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 props = _ref2.props;
+    return ['p-splitbutton p-component', {
+      'p-splitbutton-raised': props.raised,
+      'p-splitbutton-rounded': props.rounded
+    }];
+  },
+  pcButton: 'p-splitbutton-button',
+  pcDropdown: 'p-splitbutton-dropdown'
+};
+var SplitButtonStyle = BaseStyle.extend({
+  name: 'splitbutton',
+  theme: theme,
+  classes: classes
+});
+
+export { SplitButtonStyle as default };
+//# sourceMappingURL=splitbuttonstyle.mjs.map

package/splitbutton/style/splitbuttonstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitbuttonstyle.mjs","sources":["../../../src/splitbutton/style/SplitButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/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-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 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-right: 0 none;\n}\n\n.p-splitbutton-dropdown {\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\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-top-right-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-right-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-top-left-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-left-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: ({ props }) => [\n        'p-splitbutton p-component',\n        {\n            'p-splitbutton-raised': props.raised,\n            'p-splitbutton-rounded': props.rounded\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","props","raised","rounded","pcButton","pcDropdown","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,6FAAA,CAAAC,MAAA,CAIED,EAAE,CAAC,2BAA2B,CAAC,woBAAAC,MAAA,CAiCrBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,sFAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,mDAAAA,CAAAA,CAAAA,MAAA,CAItDD,EAAE,CAAC,2BAA2B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEhD,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,KAAK,CAACC,MAAM;MACpC,uBAAuB,EAAED,KAAK,CAACE,OAAAA;AACnC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,sBAAsB;AAChCC,EAAAA,UAAU,EAAE,wBAAA;AAChB,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBd,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/splitter/BaseSplitter.vue

@@ -0,0 +1,38 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import SplitterStyle from 'primevuelab/splitter/style';
+
+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
+        }
+    },
+    style: SplitterStyle,
+    provide() {
+        return {
+            $pcSplitter: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/splitter/Splitter.d.ts

@@ -0,0 +1,249 @@
+/**
+ *
+ * Splitter is utilized to separate and resize panels.
+ *
+ * [Live Demo](https://www.primevuelab.org/splitter/)
+ *
+ * @module splitter
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type SplitterPassThroughOptionType = SplitterPassThroughAttributes | ((options: SplitterPassThroughMethodOptions) => SplitterPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface SplitterPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: SplitterProps;
+    /**
+     * Defines current inline state.
+     */
+    state: SplitterState;
+    /**
+     * Defines current options.
+     */
+    context: SplitterContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom resize start event.
+ * @see {@link SplitterEmitsOptions.resizestart}
+ */
+export interface SplitterResizeStartEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Sizes of the panels
+     */
+    sizes: number[];
+}
+
+/**
+ * Custom resize event.
+ * @see {@link SplitterEmitsOptions.resize}
+ */
+export interface SplitterResizeEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Sizes of the panels
+     */
+    sizes: number[];
+}
+
+/**
+ * Custom resize end event.
+ * @see {@link SplitterEmitsOptions.resizeend}
+ */
+export interface SplitterResizeEndEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Sizes of the panels
+     */
+    sizes: number[];
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link SplitterProps.pt}
+ */
+export interface SplitterPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: SplitterPassThroughOptionType;
+    /**
+     * Used to pass attributes to the gutter's DOM element.
+     */
+    gutter?: SplitterPassThroughOptionType;
+    /**
+     * Used to pass attributes to the gutter handle's DOM element.
+     */
+    gutterHandle?: SplitterPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface SplitterPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Panel component.
+ */
+export interface SplitterState {
+    /**
+     * Previous size state as a number.
+     */
+    prevSize: number;
+}
+
+/**
+ * Defines options in Splitter component.
+ */
+export interface SplitterContext {
+    /**
+     * Current nested state of the component.
+     */
+    nested?: boolean;
+}
+
+/**
+ * Defines valid properties in Splitter component.
+ */
+export interface SplitterProps {
+    /**
+     * Orientation of the panels.
+     * @defaultValue horizontal
+     */
+    layout?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * Size of the divider in pixels.
+     * @defaultValue 4
+     */
+    gutterSize?: number | undefined;
+    /**
+     * Storage identifier of a stateful Splitter.
+     */
+    stateKey?: string | undefined;
+    /**
+     * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
+     * @defaultValue session
+     */
+    stateStorage?: 'local' | 'session' | undefined;
+    /**
+     * Step factor to increment/decrement the size of the panels while pressing the arrow keys.
+     * @defaultValue 1
+     */
+    step?: number | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {SplitterPassThroughOptions}
+     */
+    pt?: PassThrough<SplitterPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Splitter slots.
+ */
+export interface SplitterSlots {
+    /**
+     * Default slot to detect SplitterPanel components.
+     */
+    default(): VNode[];
+}
+
+/**
+ * Defines valid emits in Splitter component.
+ */
+export interface SplitterEmitsOptions {
+    /**
+     * Callback to invoke when resize starts.
+     * @param {SplitterResizeStartEvent} event - Custom resize start event.
+     */
+    resizestart(event: SplitterResizeStartEvent): void;
+    /**
+     * Callback to invoke during the resizing process.
+     * @param {SplitterResizeEvent} event - Custom resize event.
+     */
+    resize(event: SplitterResizeEvent): void;
+    /**
+     * Callback to invoke when resize ends.
+     * @param {SplitterResizeEndEvent} event - Custom resize end event.
+     */
+    resizeend(event: SplitterResizeEndEvent): void;
+}
+
+export declare type SplitterEmits = EmitFn<SplitterEmitsOptions>;
+
+/**
+ * **primevuelab - Splitter**
+ *
+ * _Splitter is utilized to separate and resize panels._
+ *
+ * [Live Demo](https://www.primevuelab.org/splitter/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Splitter: GlobalComponentConstructor<SplitterProps, SplitterSlots, SplitterEmits>;
+    }
+}
+
+export default Splitter;