primereact 10.0.0 → 10.0.1

package/chips/chips.esm.js

@@ -1,501 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
-import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { KeyFilter } from 'primereact/keyfilter';
-import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, DomHandler, mergeProps, IconUtils } 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 _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 _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 _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 styles = "\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n";
-var classes = {
-  removeTokenIcon: 'p-chips-token-icon',
-  label: 'p-chips-token-label',
-  token: 'p-chips-token p-highlight',
-  inputToken: 'p-chips-input-token',
-  container: function container(_ref) {
-    var props = _ref.props,
-      focusedState = _ref.focusedState;
-    return classNames('p-inputtext p-chips-multiple-container', {
-      'p-disabled': props.disabled,
-      'p-focus': focusedState
-    });
-  },
-  root: function root(_ref2) {
-    var isFilled = _ref2.isFilled,
-      focusedState = _ref2.focusedState;
-    return classNames('p-chips p-component p-inputwrapper', {
-      'p-inputwrapper-filled': isFilled,
-      'p-inputwrapper-focus': focusedState
-    });
-  }
-};
-var ChipsBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Chips',
-    addOnBlur: null,
-    allowDuplicate: true,
-    ariaLabelledBy: null,
-    autoFocus: false,
-    className: null,
-    disabled: null,
-    id: null,
-    inputId: null,
-    inputRef: null,
-    itemTemplate: null,
-    keyfilter: null,
-    max: null,
-    name: null,
-    onAdd: null,
-    onBlur: null,
-    onChange: null,
-    onFocus: null,
-    onKeyDown: null,
-    onRemove: null,
-    placeholder: null,
-    readOnly: false,
-    removable: true,
-    removeIcon: null,
-    separator: null,
-    style: null,
-    tooltip: null,
-    tooltipOptions: null,
-    value: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-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 Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = ChipsBase.getProps(inProps, context);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedState = _React$useState2[0],
-    setFocusedState = _React$useState2[1];
-  var _ChipsBase$setMetaDat = ChipsBase.setMetaData({
-      props: props,
-      state: {
-        focused: focusedState
-      }
-    }),
-    ptm = _ChipsBase$setMetaDat.ptm,
-    cx = _ChipsBase$setMetaDat.cx,
-    isUnstyled = _ChipsBase$setMetaDat.isUnstyled;
-  useHandleStyle(ChipsBase.css.styles, isUnstyled, {
-    name: 'chips'
-  });
-  var elementRef = React.useRef(null);
-  var listRef = React.useRef(null);
-  var inputRef = React.useRef(props.inputRef);
-  var removeItem = function removeItem(event, index) {
-    if (props.disabled && props.readOnly) {
-      return;
-    }
-    var values = _toConsumableArray(props.value);
-    var removedItem = values.splice(index, 1);
-    if (!isRemovable(removedItem, index)) {
-      return;
-    }
-    if (props.onRemove) {
-      props.onRemove({
-        originalEvent: event,
-        value: removedItem
-      });
-    }
-    if (props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: values,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: values
-        }
-      });
-    }
-  };
-  var addItem = function addItem(event, item, preventDefault) {
-    if (item && item.trim().length) {
-      var values = props.value ? _toConsumableArray(props.value) : [];
-      if (props.allowDuplicate || values.indexOf(item) === -1) {
-        var allowAddition = true;
-        if (props.onAdd) {
-          allowAddition = props.onAdd({
-            originalEvent: event,
-            value: item
-          });
-        }
-        if (allowAddition !== false) {
-          values.push(item);
-        }
-      }
-      updateInput(event, values, preventDefault);
-    }
-  };
-  var onWrapperClick = function onWrapperClick() {
-    DomHandler.focus(inputRef.current);
-  };
-  var _onKeyDown = function onKeyDown(event) {
-    var inputValue = event.target.value;
-    var values = props.value || [];
-    props.onKeyDown && props.onKeyDown(event);
-
-    // do not continue if the user defined keydown wants to prevent
-    if (event.defaultPrevented) {
-      return;
-    }
-    switch (event.key) {
-      case 'Backspace':
-        if (inputRef.current.value.length === 0 && values.length > 0) {
-          removeItem(event, values.length - 1);
-        }
-        break;
-      case 'Enter':
-        if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
-          addItem(event, inputValue, true);
-        }
-        break;
-      default:
-        if (props.keyfilter) {
-          KeyFilter.onKeyPress(event, props.keyfilter);
-        }
-        if (isMaxedOut()) {
-          event.preventDefault();
-        } else if (props.separator === ',') {
-          // GitHub #3885 Android Opera gives strange code 229 for comma
-          if (event.key === props.separator || DomHandler.isAndroid() && event.which === 229) {
-            addItem(event, inputValue, true);
-          }
-        }
-        break;
-    }
-  };
-  var updateInput = function updateInput(event, items, preventDefault) {
-    if (props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: items,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: items
-        }
-      });
-    }
-    inputRef.current.value = '';
-    preventDefault && event.preventDefault();
-  };
-  var _onPaste = function onPaste(event) {
-    if (props.separator) {
-      var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
-      if (props.keyfilter) {
-        KeyFilter.onPaste(event, props.keyfilter);
-      }
-      if (pastedData) {
-        var values = props.value || [];
-        var pastedValues = pastedData.split(props.separator);
-        pastedValues = pastedValues.filter(function (val) {
-          return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
-        });
-        values = [].concat(_toConsumableArray(values), _toConsumableArray(pastedValues));
-        updateInput(event, values, true);
-      }
-    }
-  };
-  var _onFocus = function onFocus(event) {
-    setFocusedState(true);
-    props.onFocus && props.onFocus(event);
-  };
-  var _onBlur = function onBlur(event) {
-    if (props.addOnBlur) {
-      var inputValue = event.target.value;
-      var values = props.value || [];
-      if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
-        addItem(event, inputValue, true);
-      }
-    }
-    setFocusedState(false);
-    props.onBlur && props.onBlur(event);
-  };
-  var isMaxedOut = function isMaxedOut() {
-    return props.max && props.value && props.max === props.value.length;
-  };
-  var currentValue = inputRef.current && inputRef.current.value;
-  var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(currentValue);
-  }, [props.value, currentValue]);
-  var isRemovable = function isRemovable(value, index) {
-    return ObjectUtils.getPropValue(props.removable, {
-      value: value,
-      index: index,
-      props: props
-    });
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      focus: function focus() {
-        return DomHandler.focus(inputRef.current);
-      },
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getInput: function getInput() {
-        return inputRef.current;
-      }
-    };
-  });
-  React.useEffect(function () {
-    ObjectUtils.combinedRefs(inputRef, props.inputRef);
-  }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    if (props.autoFocus) {
-      DomHandler.focus(inputRef.current, props.autoFocus);
-    }
-  });
-  var createRemoveIcon = function createRemoveIcon(value, index) {
-    var iconProps = mergeProps({
-      className: cx('removeTokenIcon'),
-      onClick: function onClick(event) {
-        return removeItem(event, index);
-      }
-    }, ptm('removeTokenIcon'));
-    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
-    var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
-      props: props
-    });
-    if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
-      return removeIcon;
-    }
-    return null;
-  };
-  var createItem = function createItem(value, index) {
-    var content = props.itemTemplate ? props.itemTemplate(value) : value;
-    var labelProps = mergeProps({
-      className: cx('label')
-    }, ptm('label'));
-    var label = /*#__PURE__*/React.createElement("span", labelProps, content);
-    var icon = createRemoveIcon(value, index);
-    var tokenProps = mergeProps({
-      key: index,
-      className: cx('token'),
-      'data-p-highlight': true
-    }, ptm('token'));
-    return /*#__PURE__*/React.createElement("li", tokenProps, label, icon);
-  };
-  var createInput = function createInput() {
-    var inputTokenProps = mergeProps({
-      className: cx('inputToken')
-    }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread({
-      id: props.inputId,
-      ref: inputRef,
-      placeholder: props.placeholder,
-      type: 'text',
-      name: props.name,
-      disabled: props.disabled || isMaxedOut(),
-      onKeyDown: function onKeyDown(e) {
-        return _onKeyDown(e);
-      },
-      onPaste: function onPaste(e) {
-        return _onPaste(e);
-      },
-      onFocus: function onFocus(e) {
-        return _onFocus(e);
-      },
-      onBlur: function onBlur(e) {
-        return _onBlur(e);
-      },
-      readOnly: props.readOnly
-    }, ariaProps), ptm('input'));
-    return /*#__PURE__*/React.createElement("li", inputTokenProps, /*#__PURE__*/React.createElement("input", inputProps));
-  };
-  var createItems = function createItems() {
-    return props.value ? props.value.map(createItem) : null;
-  };
-  var createList = function createList() {
-    var items = createItems();
-    var input = createInput();
-    var containerProps = mergeProps({
-      ref: listRef,
-      className: cx('container', {
-        focusedState: focusedState
-      }),
-      onClick: function onClick(e) {
-        return onWrapperClick();
-      },
-      'data-p-disabled': props.disabled,
-      'data-p-focus': focusedState
-    }, ptm('container'));
-    return /*#__PURE__*/React.createElement("ul", containerProps, items, input);
-  };
-  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ChipsBase.getOtherProps(props);
-  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-  var list = createList();
-  var rootProps = mergeProps({
-    id: props.id,
-    ref: elementRef,
-    className: classNames(props.className, cx('root', {
-      isFilled: isFilled,
-      focusedState: focusedState
-    })),
-    style: props.style
-  }, ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
-    target: inputRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
-    pt: ptm('tooltip')
-  })));
-}));
-Chips.displayName = 'Chips';
-
-export { Chips };

package/chips/chips.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,ObjectUtils as c,DomHandler as p,mergeProps as s,IconUtils as f}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="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},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(n)?n:String(n)}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function w(){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 k(e){return b(e)||g(e)||O(e)||w()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function E(){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 S=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=e.useContext(n),b=S.getProps(t,h),g=e.useState(!1),w=(v=2,x(y=g)||P(y,v)||O(y,v)||E()),j=w[0],I=w[1],A=S.setMetaData({props:b,state:{focused:j}}),R=A.ptm,T=A.cx;r(S.css.styles,A.isUnstyled,{name:"chips"});var N=e.useRef(null),C=e.useRef(null),F=e.useRef(b.inputRef),B=function(e,n){if(!b.disabled||!b.readOnly){var t=k(b.value),r=t.splice(n,1);X(r,n)&&(b.onRemove&&b.onRemove({originalEvent:e,value:r}),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))}},K=function(e,n,t){if(n&&n.trim().length){var r=b.value?k(b.value):[];if(b.allowDuplicate||-1===r.indexOf(n)){var o=!0;b.onAdd&&(o=b.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}_(e,r,t)}},M=function(e){var n=e.target.value,t=b.value||[];if(b.onKeyDown&&b.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===F.current.value.length&&t.length>0&&B(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0);break;default:b.keyfilter&&l.onKeyPress(e,b.keyfilter),J()?e.preventDefault():","===b.separator&&(e.key===b.separator||p.isAndroid()&&229===e.which)&&K(e,n,!0)}},_=function(e,n,t){b.onChange&&b.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:n}}),F.current.value="",t&&e.preventDefault()},U=function(e){if(b.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(b.keyfilter&&l.onPaste(e,b.keyfilter),n){var t=b.value||[],r=n.split(b.separator);r=r.filter((function(e){return(b.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(k(t),k(r)),_(e,t,!0)}}},H=function(e){if(b.addOnBlur){var n=e.target.value,t=b.value||[];n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0)}I(!1),b.onBlur&&b.onBlur(e)},J=function(){return b.max&&b.value&&b.max===b.value.length},L=F.current&&F.current.value,V=e.useMemo((function(){return c.isNotEmpty(b.value)||c.isNotEmpty(L)}),[b.value,L]),X=function(e,n){return c.getPropValue(b.removable,{value:e,index:n,props:b})};e.useImperativeHandle(d,(function(){return{props:b,focus:function(){return p.focus(F.current)},getElement:function(){return N.current},getInput:function(){return F.current}}})),e.useEffect((function(){c.combinedRefs(F,b.inputRef)}),[F,b.inputRef]),o((function(){b.autoFocus&&p.focus(F.current,b.autoFocus)}));var Y,$,q,z,G,Q=function(n,t){var r=s({className:T("removeTokenIcon"),onClick:function(e){return B(e,t)}},R("removeTokenIcon")),o=f.getJSXIcon(b.removeIcon||e.createElement(i,r),D({},r),{props:b});return b.disabled||b.readOnly||!X(n,t)?null:o},W=function(n,t){var r=b.itemTemplate?b.itemTemplate(n):n,o=s({className:T("label")},R("label")),i=e.createElement("span",o,r),l=Q(n,t),a=s({key:t,className:T("token"),"data-p-highlight":!0},R("token"));return e.createElement("li",a,i,l)},Z=c.isNotEmpty(b.tooltip),ee=S.getOtherProps(b),ne=c.reduceKeys(ee,p.ARIA_PROPS),te=(q=b.value?b.value.map(W):null,Y=s({className:T("inputToken")},R("inputToken")),$=s(D({id:b.inputId,ref:F,placeholder:b.placeholder,type:"text",name:b.name,disabled:b.disabled||J(),onKeyDown:function(e){return M(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,I(!0),void(b.onFocus&&b.onFocus(n));var n},onBlur:function(e){return H(e)},readOnly:b.readOnly},ne),R("input")),z=e.createElement("li",Y,e.createElement("input",$)),G=s({ref:C,className:T("container",{focusedState:j}),onClick:function(e){p.focus(F.current)},"data-p-disabled":b.disabled,"data-p-focus":j},R("container")),e.createElement("ul",G,q,z)),re=s({id:b.id,ref:N,className:u(b.className,T("root",{isFilled:V,focusedState:j})),style:b.style},R("root"));return e.createElement(e.Fragment,null,e.createElement("div",re,te),Z&&e.createElement(a,m({target:F,content:b.tooltip},b.tooltipOptions,{pt:R("tooltip")})))})));I.displayName="Chips";export{I as Chips};