primereact 10.0.0 → 10.0.2

package/splitter/splitter.esm.mjs

@@ -1,465 +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/steps/steps.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{classNames as l,UniqueComponentId as o,mergeProps as a,IconUtils as s,ObjectUtils as c}from"primereact/utils";function p(e){return p="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},p(e)}function u(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=u(e,"string");return"symbol"===p(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,l,o,a=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return a}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=n.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return l("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return l("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return l("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n    \n    .p-steps ul {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n    \n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n    \n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n    \n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n    \n    .p-steps-title {\n        white-space: nowrap;\n    }\n    \n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,i,l;r=e,l=n[t],(i=m(i=t))in r?Object.defineProperty(r,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=e.memo(e.forwardRef((function(n,p){var u,m,y=e.useContext(t),O=g.getProps(n,y),S=e.useState(O.id),j=(m=2,f(u=S)||d(u,m)||b(u,m)||v()),x=j[0],w=j[1],E=e.useRef(null),N=g.setMetaData({props:O,state:{id:x}}),P=N.ptm,k=N.cx;r(g.css.styles,N.isUnstyled,{name:"steps"});var I=function(e,t,n){O.readOnly||t.disabled?e.preventDefault():(O.onSelect&&O.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},C=function(t,n){if(!1===t.visible)return null;var r=t.id||x+"_"+n,i=n===O.activeIndex,o=t.disabled||n!==O.activeIndex&&O.readOnly,p=o?-1:"",u=l("p-menuitem-icon",t.icon),m=a({className:k("icon",{item:t})},P("icon")),f=s.getJSXIcon(t.icon,h({},m),{props:O}),d=a({className:k("label")},P("label")),y=t.label&&e.createElement("span",d,t.label),b=a({className:k("step")},P("step")),v=a({href:t.url||"#",className:k("action"),role:"presentation",target:t.target,onClick:function(e){return I(e,t,n)},tabIndex:p},P("action")),g=e.createElement("a",v,e.createElement("span",b,n+1),f,y);t.template&&(g=c.getJSXElement(t.template,t,{onClick:function(e){return I(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:u,element:g,props:O,tabIndex:p,active:i,disabled:o}));var S=a({key:r,id:r,className:k("menuitem",{active:i,disabled:o,item:t}),style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},P("menuitem"));return e.createElement("li",S,g)};i((function(){x||w(o())})),e.useImperativeHandle(p,(function(){return{props:O,getElement:function(){return E.current}}}));var D=a({id:O.id,ref:E,className:k("root"),style:O.style},g.getOtherProps(O),P("root")),A=function(){var t=a({role:"tablist"},P("menu"));if(O.model){var n=O.model.map(C);return e.createElement("ul",t,n)}return null}();return e.createElement("div",D,A)})));S.displayName="Steps";export{S as Steps};