primereact 10.0.0 → 10.0.2

package/splitbutton/splitbutton.esm.mjs

@@ -1,544 +0,0 @@
-'use client';
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext } from 'primereact/api';
-import { Button } from 'primereact/button';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
-import { ChevronDownIcon } from 'primereact/icons/chevrondown';
-import { OverlayService } from 'primereact/overlayservice';
-import { Tooltip } from 'primereact/tooltip';
-import { classNames, mergeProps, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
-import { CSSTransition } from 'primereact/csstransition';
-import { Portal } from 'primereact/portal';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-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);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-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 _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var classes = {
-  icon: 'p-button-icon p-c',
-  root: function root(_ref) {
-    var _classNames;
-    var props = _ref.props,
-      size = _ref.size;
-    return classNames('p-splitbutton p-component', (_classNames = {
-      'p-disabled': props.disabled,
-      'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
-  },
-  menu: function menu(_ref2) {
-    var props = _ref2.subProps;
-    return classNames('p-menu p-menu-overlay p-component', props.menuClassName);
-  },
-  menuList: 'p-menu-list p-reset',
-  separator: 'p-menu-separator',
-  menuIcon: 'p-menuitem-icon',
-  menuLabel: 'p-menuitem-text',
-  anchor: function anchor(_ref3) {
-    var _className = _ref3._className,
-      disabled = _ref3.disabled;
-    return classNames('p-menuitem-link', _className, {
-      'p-disabled': disabled
-    });
-  },
-  menuItem: 'p-menuitem',
-  transition: 'p-connected-overlay'
-};
-var styles = "\n@layer primereact {\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}\n";
-var SplitButtonBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'SplitButton',
-    id: null,
-    label: null,
-    icon: null,
-    loading: false,
-    loadingIcon: null,
-    model: null,
-    disabled: null,
-    style: null,
-    className: null,
-    buttonClassName: null,
-    menuStyle: null,
-    menuClassName: null,
-    menuButtonClassName: null,
-    buttonProps: null,
-    menuButtonProps: null,
-    tabIndex: null,
-    severity: null,
-    rounded: false,
-    raised: false,
-    outlined: false,
-    text: false,
-    size: null,
-    appendTo: null,
-    tooltip: null,
-    tooltipOptions: null,
-    buttonTemplate: null,
-    transitionOptions: null,
-    dropdownIcon: null,
-    onClick: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
-  var ptm = props.ptm,
-    cx = props.cx;
-  var getPTOptions = function getPTOptions(key, options) {
-    return ptm(key, _objectSpread$2({
-      hostName: props.hostName
-    }, options));
-  };
-  var onClick = function onClick(e) {
-    if (props.menuitem.command) {
-      props.menuitem.command({
-        originalEvent: e,
-        item: props.menuitem
-      });
-    }
-    if (props.onItemClick) {
-      props.onItemClick(e);
-    }
-    e.preventDefault();
-  };
-  var createSeparator = function createSeparator() {
-    var separatorProps = mergeProps({
-      className: cx('separator'),
-      role: 'separator'
-    }, getPTOptions('separator'));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
-  };
-  var createMenuitem = function createMenuitem() {
-    if (props.menuitem.visible === false) {
-      return null;
-    }
-    var _props$menuitem = props.menuitem,
-      disabled = _props$menuitem.disabled,
-      _icon = _props$menuitem.icon,
-      _label = _props$menuitem.label,
-      template = _props$menuitem.template,
-      url = _props$menuitem.url,
-      target = _props$menuitem.target,
-      _className = _props$menuitem.className;
-    var className = classNames('p-menuitem-link', _className, {
-      'p-disabled': disabled
-    });
-    var iconClassName = classNames('p-menuitem-icon', _icon);
-    var menuIconProps = mergeProps({
-      className: cx('menuIcon')
-    }, getPTOptions('menuIcon'));
-    var icon = IconUtils.getJSXIcon(_icon, _objectSpread$2({}, menuIconProps), {
-      props: props.splitButtonProps
-    });
-    var menuLabelProps = mergeProps({
-      className: cx('menuLabel')
-    }, getPTOptions('menuLabel'));
-    var label = _label && /*#__PURE__*/React.createElement("span", menuLabelProps, _label);
-    var anchorProps = mergeProps({
-      href: url || '#',
-      role: 'menuitem',
-      className: cx('anchor'),
-      target: target,
-      onClick: onClick,
-      'aria-label': _label
-    }, getPTOptions('anchor'));
-    var content = /*#__PURE__*/React.createElement("a", anchorProps, icon, label);
-    if (template) {
-      var defaultContentOptions = {
-        onClick: onClick,
-        className: className,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        element: content,
-        props: props
-      };
-      content = ObjectUtils.getJSXElement(template, props.menuitem, defaultContentOptions);
-    }
-    var menuItemProps = mergeProps({
-      className: cx('menuItem'),
-      role: 'none'
-    }, getPTOptions('menuItem'));
-    return /*#__PURE__*/React.createElement("li", menuItemProps, content);
-  };
-  var createItem = function createItem() {
-    return props.menuitem.separator ? createSeparator() : createMenuitem();
-  };
-  var item = createItem();
-  return item;
-});
-SplitButtonItem.displayName = 'SplitButtonItem';
-
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var ptm = props.ptm,
-    cx = props.cx;
-  var getPTOptions = function getPTOptions(key, options) {
-    return ptm(key, _objectSpread$1({
-      hostName: props.hostName
-    }, options));
-  };
-  var createElement = function createElement() {
-    var menuProps = mergeProps({
-      ref: ref,
-      className: cx('menu', {
-        subProps: props
-      }),
-      style: props.menuStyle,
-      onClick: props.onClick
-    }, getPTOptions('menu'));
-    var menuListProps = mergeProps({
-      id: props.menuId,
-      className: cx('menuList'),
-      role: 'menu'
-    }, getPTOptions('menuList'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      "in": props["in"],
-      timeout: {
-        enter: 120,
-        exit: 100
-      },
-      options: props.transitionOptions,
-      unmountOnExit: true,
-      onEnter: props.onEnter,
-      onEntered: props.onEntered,
-      onExit: props.onExit,
-      onExited: props.onExited
-    }, getPTOptions('transition'));
-    return /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: ref
-    }, transitionProps), /*#__PURE__*/React.createElement("div", menuProps, /*#__PURE__*/React.createElement("ul", menuListProps, props.children)));
-  };
-  var element = createElement();
-  return /*#__PURE__*/React.createElement(Portal, {
-    element: element,
-    appendTo: props.appendTo
-  });
-});
-SplitButtonPanel.displayName = 'SplitButtonPanel';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = SplitButtonBase.getProps(inProps, context);
-  var _React$useState = React.useState(props.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    idState = _React$useState2[0],
-    setIdState = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    overlayVisibleState = _React$useState4[0],
-    setOverlayVisibleState = _React$useState4[1];
-  var elementRef = React.useRef(null);
-  var defaultButtonRef = React.useRef(null);
-  var overlayRef = React.useRef(null);
-  var metaData = {
-    props: props,
-    state: {
-      id: idState,
-      overlayVisible: overlayVisibleState
-    }
-  };
-  var _SplitButtonBase$setM = SplitButtonBase.setMetaData(metaData),
-    ptm = _SplitButtonBase$setM.ptm,
-    cx = _SplitButtonBase$setM.cx,
-    isUnstyled = _SplitButtonBase$setM.isUnstyled;
-  useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
-    name: 'splitbutton'
-  });
-  var _useOverlayListener = useOverlayListener({
-      target: elementRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
-      },
-      when: overlayVisibleState
-    }),
-    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-    bindOverlayListener = _useOverlayListener2[0],
-    unbindOverlayListener = _useOverlayListener2[1];
-  var onPanelClick = function onPanelClick(event) {
-    OverlayService.emit('overlay-click', {
-      originalEvent: event,
-      target: elementRef.current
-    });
-  };
-  var onDropdownButtonClick = function onDropdownButtonClick() {
-    overlayVisibleState ? hide() : show();
-  };
-  var onItemClick = function onItemClick() {
-    hide();
-  };
-  var show = function show() {
-    setOverlayVisibleState(true);
-  };
-  var hide = function hide() {
-    setOverlayVisibleState(false);
-  };
-  var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
-    DomHandler.addStyles(overlayRef.current, {
-      position: 'absolute',
-      top: '0',
-      left: '0'
-    });
-    alignOverlay();
-  };
-  var onOverlayEntered = function onOverlayEntered() {
-    bindOverlayListener();
-    props.onShow && props.onShow();
-  };
-  var onOverlayExit = function onOverlayExit() {
-    unbindOverlayListener();
-  };
-  var onOverlayExited = function onOverlayExited() {
-    ZIndexUtils.clear(overlayRef.current);
-    props.onHide && props.onHide();
-  };
-  var alignOverlay = function alignOverlay() {
-    DomHandler.alignOverlay(overlayRef.current, defaultButtonRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
-  };
-  useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-  });
-  useUnmountEffect(function () {
-    ZIndexUtils.clear(overlayRef.current);
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      show: show,
-      hide: hide,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  var createItems = function createItems() {
-    if (props.model) {
-      return props.model.map(function (menuitem, index) {
-        return /*#__PURE__*/React.createElement(SplitButtonItem, {
-          hostName: "SplitButton",
-          splitButtonProps: props,
-          menuitem: menuitem,
-          key: index,
-          onItemClick: onItemClick,
-          ptm: ptm,
-          cx: cx
-        });
-      });
-    }
-    return null;
-  };
-  if (props.visible === false) {
-    return null;
-  }
-  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var sizeMapping = {
-    large: 'lg',
-    small: 'sm'
-  };
-  var size = sizeMapping[props.size];
-  var buttonClassName = classNames('p-splitbutton-defaultbutton', props.buttonClassName);
-  var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
-  var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
-  var items = createItems();
-  var menuId = idState + '_menu';
-  var dropdownIcon = function dropdownIcon() {
-    var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
-    var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, iconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
-      props: props
-    });
-    return dropdownIcon;
-  };
-  var rootProps = mergeProps({
-    ref: elementRef,
-    id: idState,
-    className: classNames(props.className, cx('root', {
-      size: size
-    })),
-    style: props.style
-  }, SplitButtonBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(Button, _extends({
-    ref: defaultButtonRef,
-    type: "button",
-    className: buttonClassName,
-    icon: props.icon,
-    loading: props.loading,
-    loadingIcon: props.loadingIcon,
-    label: props.label,
-    onClick: props.onClick,
-    disabled: props.disabled,
-    tabIndex: props.tabIndex,
-    size: props.size
-  }, props.buttonProps, {
-    pt: ptm('button'),
-    __parentMetadata: {
-      parent: metaData
-    },
-    unstyled: props.unstyled
-  }), buttonContent), /*#__PURE__*/React.createElement(Button, _extends({
-    type: "button",
-    className: menuButtonClassName,
-    icon: dropdownIcon,
-    onClick: onDropdownButtonClick,
-    disabled: props.disabled,
-    "aria-expanded": overlayVisibleState,
-    "aria-haspopup": "true",
-    "aria-controls": overlayVisibleState ? menuId : null
-  }, props.menuButtonProps, {
-    size: props.size,
-    pt: ptm('menuButton'),
-    __parentMetadata: {
-      parent: metaData
-    },
-    unstyled: props.unstyled
-  })), /*#__PURE__*/React.createElement(SplitButtonPanel, {
-    hostName: "SplitButton",
-    ref: overlayRef,
-    appendTo: props.appendTo,
-    menuId: menuId,
-    menuStyle: props.menuStyle,
-    menuClassName: props.menuClassName,
-    onClick: onPanelClick,
-    "in": overlayVisibleState,
-    onEnter: onOverlayEnter,
-    onEntered: onOverlayEntered,
-    onExit: onOverlayExit,
-    onExited: onOverlayExited,
-    transitionOptions: props.transitionOptions,
-    ptm: ptm,
-    cx: cx
-  }, items)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
-    target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
-    pt: ptm('tooltip')
-  })));
-}));
-SplitButton.displayName = 'SplitButton';
-
-export { SplitButton };

package/splitter/splitter.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{ObjectUtils as l,classNames as o,DomHandler as u,mergeProps as s}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function z(e,t){return v(e)||b(e,t)||d(e,t)||S()}var w=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=h(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,c){var m=e.useContext(t),y=w.getProps(r,m),h=e.useRef(null),v=e.useRef(),b=e.useRef({}),S=e.useRef(null),P=e.useRef(null),x=e.useRef(null),j=e.useRef(null),C=e.useRef(null),R=e.useRef(null),A=e.useRef(null),N=e.useRef(null),I=e.useRef(null),T=e.useRef(null),D=z(e.useState([]),2),H=D[0],k=D[1],Y=z(e.useState(!1),2),K=Y[0],L=Y[1],M=null!=y.stateKey,X=y.children&&y.children.length||1,_=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/X},B={props:y,state:{panelSizes:H,nested:!0===u.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},B)),J=W.ptm,U=W.cx,F=W.isUnstyled;n(w.css.styles,F,{name:"splitter"});var $=z(i({type:"mousemove",listener:function(e){return ue(e)}}),2),q=$[0],G=$[1],Q=z(i({type:"mouseup",listener:function(e){se(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[T.current].props&&y.children[T.current].props.minSize&&y.children[T.current].props.minSize>e)&&!(y.children[T.current+1].props&&y.children[T.current+1].props.minSize&&y.children[T.current+1].props.minSize>t)))},ne=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),ie=function(e){ne().setItem(y.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ne().getItem(y.stateKey);e&&k(JSON.parse(e))}),[ne,y.stateKey]),oe=function(e,t){v.current=b.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;S.current="horizontal"===y.layout?u.getWidth(h.current):u.getHeight(h.current),P.current=!0,x.current="horizontal"===y.layout?r:n,j.current=v.current.previousElementSibling,C.current=v.current.nextElementSibling,R.current=100*("horizontal"===y.layout?u.getOuterWidth(j.current,!0):u.getOuterHeight(j.current,!0))/S.current,A.current=R.current,N.current=100*("horizontal"===y.layout?u.getOuterWidth(C.current,!0):u.getOuterHeight(C.current,!0))/S.current,I.current=N.current,T.current=t,!F()&&u.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ue=function(e){var t,r=R.current+(t="horizontal"===y.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*x.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*x.current/S.current),n=N.current-t;re(r,n)&&(A.current=r,I.current=n,j.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",C.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)")},se=function(e){k((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=_(t,n);return r[T.current]=A.current,r[T.current+1]=I.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),M&&ie(r),r})),!F()&&u.removeClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!1),!F()&&u.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),P.current=!1,S.current=null,x.current=null,j.current=null,C.current=null,R.current=null,A.current=null,N.current=null,I.current=null,T.current=null},ae=function(e,t){oe(e,t),q(),V()},ce=function(e,t){oe(e,t),window.addEventListener("touchmove",pe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",fe)},pe=function(e){ue(e)},fe=function e(t){se(t),window.removeEventListener("touchmove",pe),window.removeEventListener("touchend",e)};e.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return h.current}}})),e.useEffect((function(){var e;(e=h.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===u.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.isNotEmpty(u.find(e,"[data-pc-name='splitter']")&&u.find(e,"[data-pc-section='root']"))&&(!F()&&u.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),L(!0))}))}),[]),e.useEffect((function(){M&&le()}),[le,M]);var de=function(t,r){var n=o(te(t,"className"),U("panel.root")),i=s({ref:function(e){return b.current[r]=e},className:U("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ae(e,r)},onTouchStart:function(e){return ce(e,r)},onTouchMove:function(e){return pe(e)},onTouchEnd:function(e){return fe(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),l=s({className:U("gutterHandler")},J("gutterHandler")),u=r!==y.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+_(H,r)+"% - "+(X-1)*y.gutterSize+"px)",c=s({key:r,className:n,style:E(E({},te(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:K}}));return e.createElement(e.Fragment,null,e.createElement("div",c,te(t,"children")),u)},ge=s({id:y.id,style:y.style,className:o(y.className,U("root")),"data-p-splitter-resizing":!1},w.getOtherProps(y),J("root")),me=e.Children.map(y.children,de);return e.createElement("div",a({ref:h},ge),me)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};