primereact 10.0.0 → 10.0.1

package/splitter/splitter.esm.js

@@ -1,466 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useEventListener } from 'primereact/hooks';
-import { ObjectUtils, classNames, DomHandler, mergeProps } from 'primereact/utils';
-
-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 _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 _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-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 _nonIterableSpread() {
-  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 _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-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 _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 = {
-  root: function root(_ref) {
-    var props = _ref.props;
-    return classNames("p-splitter p-component p-splitter-".concat(props.layout));
-  },
-  gutter: 'p-splitter-gutter',
-  gutterHandler: 'p-splitter-gutter-handle',
-  panel: {
-    root: 'p-splitter-panel'
-  }
-};
-var 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";
-var SplitterBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Splitter',
-    className: null,
-    gutterSize: 4,
-    id: null,
-    layout: 'horizontal',
-    onResizeEnd: null,
-    stateKey: null,
-    stateStorage: 'session',
-    style: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-var SplitterPanelBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'SplitterPanel',
-    className: null,
-    minSize: null,
-    size: null,
-    style: null,
-    children: undefined
-  },
-  getCProps: function getCProps(panel) {
-    return ObjectUtils.getComponentProps(panel, SplitterPanelBase.defaultProps);
-  },
-  getCOtherProps: function getCOtherProps(panel) {
-    return ObjectUtils.getComponentDiffProps(panel, SplitterPanelBase.defaultProps);
-  },
-  getCProp: function getCProp(panel, name) {
-    return ObjectUtils.getComponentProp(panel, name, SplitterPanelBase.defaultProps);
-  }
-});
-
-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 SplitterPanel = function SplitterPanel() {};
-var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = SplitterBase.getProps(inProps, context);
-  var elementRef = React.useRef(null);
-  var gutterRef = React.useRef();
-  var gutterRefs = React.useRef({});
-  var size = React.useRef(null);
-  var dragging = React.useRef(null);
-  var startPos = React.useRef(null);
-  var prevPanelElement = React.useRef(null);
-  var nextPanelElement = React.useRef(null);
-  var prevPanelSize = React.useRef(null);
-  var prevPanelSizeNew = React.useRef(null);
-  var nextPanelSize = React.useRef(null);
-  var nextPanelSizeNew = React.useRef(null);
-  var prevPanelIndex = React.useRef(null);
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    panelSizes = _React$useState2[0],
-    setPanelSizes = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    nested = _React$useState4[0],
-    setNested = _React$useState4[1];
-  var isStateful = props.stateKey != null;
-  var childrenLength = props.children && props.children.length || 1;
-  var panelSize = function panelSize(sizes, index) {
-    return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
-  };
-  var metaData = {
-    props: props,
-    state: {
-      panelSizes: panelSizes,
-      nested: DomHandler.getAttribute(elementRef.current && elementRef.current.parentElement, 'data-p-splitter-panel-nested') === true
-    }
-  };
-  var _SplitterBase$setMeta = SplitterBase.setMetaData(_objectSpread({}, metaData)),
-    ptm = _SplitterBase$setMeta.ptm,
-    cx = _SplitterBase$setMeta.cx,
-    isUnstyled = _SplitterBase$setMeta.isUnstyled;
-  useHandleStyle(SplitterBase.css.styles, isUnstyled, {
-    name: 'splitter'
-  });
-  var getPanelPT = function getPanelPT(key) {
-    return ptm(key, {
-      context: {
-        nested: nested
-      }
-    });
-  };
-  var _useEventListener = useEventListener({
-      type: 'mousemove',
-      listener: function listener(event) {
-        return onResize(event);
-      }
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindDocumentMouseMoveListener = _useEventListener2[0],
-    unbindDocumentMouseMoveListener = _useEventListener2[1];
-  var _useEventListener3 = useEventListener({
-      type: 'mouseup',
-      listener: function listener(event) {
-        onResizeEnd(event);
-        unbindMouseListeners();
-      }
-    }),
-    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-    bindDocumentMouseUpListener = _useEventListener4[0],
-    unbindDocumentMouseUpListener = _useEventListener4[1];
-  var bindMouseListeners = function bindMouseListeners() {
-    bindDocumentMouseMoveListener();
-    bindDocumentMouseUpListener();
-  };
-  var unbindMouseListeners = function unbindMouseListeners() {
-    unbindDocumentMouseMoveListener();
-    unbindDocumentMouseUpListener();
-  };
-  var getPanelProp = function getPanelProp(panel, name) {
-    return SplitterPanelBase.getCProp(panel, name);
-  };
-  var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
-    if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
-    if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
-    if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
-      return false;
-    }
-    if (props.children[prevPanelIndex.current + 1].props && props.children[prevPanelIndex.current + 1].props.minSize && props.children[prevPanelIndex.current + 1].props.minSize > newNextPanelSize) {
-      return false;
-    }
-    return true;
-  };
-  var clear = function clear() {
-    dragging.current = false;
-    size.current = null;
-    startPos.current = null;
-    prevPanelElement.current = null;
-    nextPanelElement.current = null;
-    prevPanelSize.current = null;
-    prevPanelSizeNew.current = null;
-    nextPanelSize.current = null;
-    nextPanelSizeNew.current = null;
-    prevPanelIndex.current = null;
-  };
-  var getStorage = React.useCallback(function () {
-    switch (props.stateStorage) {
-      case 'local':
-        return window.localStorage;
-      case 'session':
-        return window.sessionStorage;
-      default:
-        throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
-    }
-  }, [props.stateStorage]);
-  var saveState = function saveState(sizes) {
-    getStorage().setItem(props.stateKey, JSON.stringify(sizes));
-  };
-  var restoreState = React.useCallback(function () {
-    var stateString = getStorage().getItem(props.stateKey);
-    if (stateString) setPanelSizes(JSON.parse(stateString));
-  }, [getStorage, props.stateKey]);
-  var onResizeStart = function onResizeStart(event, index) {
-    gutterRef.current = gutterRefs.current[index];
-    var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
-    var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
-    size.current = props.layout === 'horizontal' ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
-    dragging.current = true;
-    startPos.current = props.layout === 'horizontal' ? pageX : pageY;
-    prevPanelElement.current = gutterRef.current.previousElementSibling;
-    nextPanelElement.current = gutterRef.current.nextElementSibling;
-    prevPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(prevPanelElement.current, true) : DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
-    prevPanelSizeNew.current = prevPanelSize.current;
-    nextPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(nextPanelElement.current, true) : DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
-    nextPanelSizeNew.current = nextPanelSize.current;
-    prevPanelIndex.current = index;
-    !isUnstyled() && DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
-    gutterRef.current.setAttribute('data-p-splitter-gutter-resizing', true);
-    !isUnstyled() && DomHandler.addClass(elementRef.current, 'p-splitter-resizing');
-    elementRef.current.setAttribute('data-p-splitter-resizing', true);
-  };
-  var onResize = function onResize(event) {
-    var newPos;
-    var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
-    var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
-    if (props.layout === 'horizontal') newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
-    var newPrevPanelSize = prevPanelSize.current + newPos;
-    var newNextPanelSize = nextPanelSize.current - newPos;
-    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
-      prevPanelSizeNew.current = newPrevPanelSize;
-      nextPanelSizeNew.current = newNextPanelSize;
-      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-    }
-  };
-  var onResizeEnd = function onResizeEnd(event) {
-    setPanelSizes(function (prev) {
-      var sizes = [];
-      for (var index = 0; index < props.children.length; index++) sizes[index] = panelSize(prev, index);
-      sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
-      sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
-      if (props.onResizeEnd) {
-        props.onResizeEnd({
-          originalEvent: event,
-          sizes: sizes
-        });
-      }
-      if (isStateful) saveState(sizes);
-      return sizes;
-    });
-    !isUnstyled() && DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
-    gutterRef.current.setAttribute('data-p-splitter-gutter-resizing', false);
-    !isUnstyled() && DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
-    elementRef.current.setAttribute('data-p-splitter-resizing', false);
-    clear();
-  };
-  var onGutterMouseDown = function onGutterMouseDown(event, index) {
-    onResizeStart(event, index);
-    bindMouseListeners();
-  };
-  var onGutterTouchStart = function onGutterTouchStart(event, index) {
-    onResizeStart(event, index);
-    window.addEventListener('touchmove', onGutterTouchMove, {
-      passive: false,
-      cancelable: false
-    });
-    window.addEventListener('touchend', onGutterTouchEnd);
-  };
-  var onGutterTouchMove = function onGutterTouchMove(event) {
-    onResize(event);
-  };
-  var onGutterTouchEnd = function onGutterTouchEnd(event) {
-    onResizeEnd(event);
-    window.removeEventListener('touchmove', onGutterTouchMove);
-    window.removeEventListener('touchend', onGutterTouchEnd);
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  React.useEffect(function () {
-    var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
-      return DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
-    });
-    panelElements.map(function (panelElement) {
-      if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-name='splitter']") && DomHandler.find(panelElement, "[data-pc-section='root']"))) {
-        !isUnstyled() && DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
-        panelElement.setAttribute('data-p-splitter-panel-nested', true);
-        setNested(true);
-      }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  React.useEffect(function () {
-    if (isStateful) restoreState();
-  }, [restoreState, isStateful]);
-  var createPanel = function createPanel(panel, index) {
-    var panelClassName = classNames(getPanelProp(panel, 'className'), cx('panel.root'));
-    var gutterProps = mergeProps({
-      ref: function ref(el) {
-        return gutterRefs.current[index] = el;
-      },
-      className: cx('gutter'),
-      style: props.layout === 'horizontal' ? {
-        width: props.gutterSize + 'px'
-      } : {
-        height: props.gutterSize + 'px'
-      },
-      onMouseDown: function onMouseDown(event) {
-        return onGutterMouseDown(event, index);
-      },
-      onTouchStart: function onTouchStart(event) {
-        return onGutterTouchStart(event, index);
-      },
-      onTouchMove: function onTouchMove(event) {
-        return onGutterTouchMove(event);
-      },
-      onTouchEnd: function onTouchEnd(event) {
-        return onGutterTouchEnd(event);
-      },
-      'data-p-splitter-gutter-resizing': false
-    }, ptm('gutter'));
-    var gutterHandlerProps = mergeProps({
-      className: cx('gutterHandler')
-    }, ptm('gutterHandler'));
-    var gutter = index !== props.children.length - 1 && /*#__PURE__*/React.createElement("div", gutterProps, /*#__PURE__*/React.createElement("div", gutterHandlerProps));
-    var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
-    var rootProps = mergeProps({
-      key: index,
-      className: panelClassName,
-      style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
-        flexBasis: flexBasis
-      }),
-      role: 'presentation',
-      'data-p-splitter-panel-nested': false
-    }, getPanelPT('splitterpanel.root'));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
-  };
-  var createPanels = function createPanels() {
-    return React.Children.map(props.children, createPanel);
-  };
-  var rootProps = mergeProps({
-    id: props.id,
-    style: props.style,
-    className: classNames(props.className, cx('root')),
-    'data-p-splitter-resizing': false
-  }, SplitterBase.getOtherProps(props), ptm('root'));
-  var panels = createPanels();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef
-  }, rootProps), panels);
-}));
-SplitterPanel.displayName = 'SplitterPanel';
-Splitter.displayName = 'Splitter';
-
-export { Splitter, SplitterPanel };

package/splitter/splitter.esm.min.js

@@ -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};