primereact 10.1.0 → 10.2.0

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,i,a,l,c,u,s,p,f,m,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=d(t),h=g(r);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function E(e){return E="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},E(e)}function w(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=w(e,"string");return"symbol"===E(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function x(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 O(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function k(){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 S(e,t){return P(e)||I(e,t)||O(e,t)||k()}var j=function(e){var t=v.useRef(void 0);return v.useEffect((function(){t.current=e})),t.current},D=function(e,t,r){var o,i,a,l,c,u,s,p,f,m,y,g,d,h,b,E=(l=void 0===(a=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,c=o.type,u=o.listener,s=o.options,f=void 0===(p=o.when)||p,m=v.useRef(null),y=v.useRef(null),g=j(u),d=j(s),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(b(),(e.when||f)&&(m.current=n.DomHandler.getTargetElement(e.target))),!y.current&&m.current&&(y.current=function(e){return u&&u(e)},m.current.addEventListener(c,y.current,s))},b=function(){y.current&&(m.current.removeEventListener(c,y.current,s),y.current=null)},v.useEffect((function(){f?m.current=n.DomHandler.getTargetElement(l):(b(),m.current=null)}),[l,f]),v.useEffect((function(){!y.current||""+g==""+u&&d===s||(b(),f&&h())}),[u,s,f]),i=function(){b()},v.useEffect((function(){return i}),[]),[h,b]),w=S(E,2),C=w[0],P=w[1];return v.useEffect((function(){if(t&&e.current)return C(),function(){P()}})),[e,r]};function N(e){if(Array.isArray(e))return x(e)}function A(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function B(){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 F(e){return N(e)||A(e)||O(e)||B()}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function R(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,C(r.key),r)}}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function L(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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}var M=function(){function e(){U(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===E(e)&&t&&"object"===E(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==E(e)&&"object"==E(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===E(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===E(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=F(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(F(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=z(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===E(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&R(t.prototype,n),r&&R(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),_=0;function H(){return _++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(_)}var V=v.memo(v.forwardRef((function(e,t){var n=l.IconBase.getPTI(e),r=S(v.useState(e.id),2),o=r[0],i=r[1];return v.useEffect((function(){M.isEmpty(o)&&i(H("pr_icon_clip_"))}),[o]),v.createElement("svg",b({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),v.createElement("g",{clipPath:"url(#".concat(o,")")},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),v.createElement("defs",null,v.createElement("clipPath",{id:o},v.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));V.displayName="DownloadIcon";var J=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return n.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function X(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 Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=C(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var q=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),g=J.getProps(e,l),d=S(v.useState(!1),2),E=d[0],w=d[1],C=S(v.useState(!1),2),P=C[0],I=C[1],x=S(v.useState(0),2),O=x[0],k=x[1],j=S(v.useState(1),2),N=j[0],A=j[1],B=v.useRef(null),F=v.useRef(null),U=v.useRef(null),R=v.useRef(null),z=v.useRef(!1);D(U,g.closeOnEscape,(function(){X()}));var L=J.setMetaData({props:g,state:{maskVisible:E,previewVisible:P,rotate:O,scale:N}}),T=L.ptm,M=L.cx,_=L.sx;o.useHandleStyle(J.css.styles,L.isUnstyled,{name:"image"});var H=function(){g.preview&&(w(!0),n.DomHandler.blockBodyScroll(),setTimeout((function(){I(!0)}),25))},X=function(){z.current||(I(!1),n.DomHandler.unblockBodyScroll(),k(0),A(1)),z.current=!1},q=function(){z.current=!0},K=function(){n.DomHandler.saveAs({name:g.alt,src:g.src}),z.current=!0},Y=function(){k((function(e){return e+90})),z.current=!0},$=function(){k((function(e){return e-90})),z.current=!0},W=function(){A((function(e){return e+.1})),z.current=!0},G=function(){A((function(e){return e-.1})),z.current=!0},Q=function(){n.ZIndexUtils.set("modal",U.current,l&&l.autoZIndex||h.default.autoZIndex,l&&l.zIndex.modal||h.default.zIndex.modal)},ee=function(){g.onShow&&g.onShow()},te=function(){n.DomHandler.addClass(U.current,"p-component-overlay-leave")},ne=function(){g.onHide&&g.onHide()},re=function(){n.ZIndexUtils.clear(U.current),w(!1)};a.useUnmountEffect((function(){U.current&&n.ZIndexUtils.clear(U.current)}));v.useImperativeHandle(t,(function(){return{props:g,show:H,hide:X,getElement:function(){return B.current},getImage:function(){return F.current}}}));var oe,ie=g.src,ae=g.alt,le=g.width,ce=g.height,ue=g.crossOrigin,se=g.referrerPolicy,pe=g.useMap,fe=g.loading,me=function(){var e=g.downloadable,t=g.alt,o=g.crossOrigin,a=g.referrerPolicy,l=g.useMap,c=g.loading,y=N<=.5,d=N>=1.5,h=n.mergeProps(T("downloadIcon")),E=n.mergeProps(T("rotateRightIcon")),w=n.mergeProps(T("rotateLeftIcon")),C=n.mergeProps(T("zoomOutIcon")),I=n.mergeProps(T("zoomInIcon")),x=n.mergeProps(T("closeIcon")),k=n.IconUtils.getJSXIcon(g.downloadIcon||v.createElement(V,null),Z({},h),{props:g}),S=n.IconUtils.getJSXIcon(g.rotateRightIcon||v.createElement(u.RefreshIcon,null),Z({},E),{props:g}),j=n.IconUtils.getJSXIcon(g.rotateLeftIcon||v.createElement(m.UndoIcon,null),Z({},w),{props:g}),D=n.IconUtils.getJSXIcon(g.zoomOutIcon||v.createElement(s.SearchMinusIcon,null),Z({},C),{props:g}),A=n.IconUtils.getJSXIcon(g.zoomInIcon||v.createElement(p.SearchPlusIcon,null),Z({},I),{props:g}),B=n.IconUtils.getJSXIcon(g.closeIcon||v.createElement(f.TimesIcon,null),Z({},x),{props:g}),F=n.mergeProps({ref:U,className:M("mask"),onPointerUp:X},T("mask")),z=n.mergeProps({className:M("toolbar")},T("toolbar")),L=n.mergeProps({className:M("downloadButton"),onPointerUp:K,type:"button"},T("downloadButton")),H=n.mergeProps({className:M("rotateRightButton"),onPointerUp:Y,type:"button"},T("rotateRightButton")),J=n.mergeProps({className:M("rotateLeftButton"),onPointerUp:$,type:"button"},T("rotateLeftButton")),oe=n.mergeProps({className:n.classNames(M("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onPointerUp:G,type:"button",disabled:y},T("zoomOutButton")),ie=n.mergeProps({className:n.classNames(M("zoomInButton"),{"p-disabled":d}),style:{pointerEvents:"auto"},onPointerUp:W,type:"button",disabled:d},T("zoomInButton")),ae=n.mergeProps({className:M("closeButton"),type:"button","aria-label":r.localeOption("close")},T("closeButton")),le=n.mergeProps({src:g.zoomSrc||g.src,className:M("preview"),style:_("preview",{rotateState:O,scaleState:N}),onPointerUp:q,crossOrigin:o,referrerPolicy:a,useMap:l,loading:c},T("preview")),ce=n.mergeProps({ref:R},T("previewContainer")),ue=n.mergeProps({classNames:M("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Q,onEntered:ee,onExit:te,onExiting:ne,onExited:re},T("transition"));return v.createElement("div",F,v.createElement("div",z,e&&v.createElement("button",L,k),v.createElement("button",H,S),v.createElement("button",J,j),v.createElement("button",oe,D),v.createElement("button",ie,A),v.createElement("button",ae,B)),v.createElement(i.CSSTransition,b({nodeRef:R},ue),v.createElement("div",ce,v.createElement("img",b({alt:t},le)))))}(),ye=n.mergeProps({className:M("icon")},T("icon")),ge=n.IconUtils.getJSXIcon(g.indicatorIcon||v.createElement(c.EyeIcon,ye),Z({},ye),{props:g}),de=g.template?n.ObjectUtils.getJSXElement(g.template,g):ge,ve=(oe=n.mergeProps({className:M("button"),onClick:H},T("button")),g.preview?v.createElement("div",oe,de):null),he=n.mergeProps({ref:F,src:ie,className:g.imageClassName,width:le,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:pe,loading:fe,style:g.imageStyle,onError:g.onError},T("image")),be=g.src&&v.createElement("img",b({},he,{alt:ae})),Ee=n.mergeProps({ref:B,className:M("root")},J.getOtherProps(g),T("root"));return v.createElement("span",Ee,be,ve,E&&v.createElement(y.Portal,{element:me,appendTo:document.body}))})));return q.displayName="Image",e.Image=q,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,i,a,l,c,u,s,p,f,m,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=d(t),h=g(r);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function E(e){return E="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},E(e)}function w(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=w(e,"string");return"symbol"===E(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function x(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 O(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function k(){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 S(e,t){return P(e)||I(e,t)||O(e,t)||k()}var j=function(e){var t,r,o,i=e.target,a=void 0===i?"document":i,l=e.type,c=e.listener,u=e.options,s=e.when,p=void 0===s||s,f=v.useRef(null),m=v.useRef(null),y=(t=u,r=v.useRef(void 0),v.useEffect((function(){r.current=t})),r.current),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(d(),(e.when||p)&&(f.current=n.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,u))},d=function(){m.current&&(f.current.removeEventListener(l,m.current,u),m.current=null)};return v.useEffect((function(){p?f.current=n.DomHandler.getTargetElement(a):(d(),f.current=null)}),[a,p]),v.useEffect((function(){!m.current||m.current===c&&y===u||(d(),p&&g())}),[c,u]),o=function(){d()},v.useEffect((function(){return o}),[]),[g,d]},D=function(e,t,n){var r=S(j({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}),2),o=r[0],i=r[1];return v.useEffect((function(){if(t&&e.current)return o(),function(){i()}})),[e,n]};function N(e){if(Array.isArray(e))return x(e)}function A(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function B(){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 F(e){return N(e)||A(e)||O(e)||B()}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function R(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,C(r.key),r)}}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function L(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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}var M=function(){function e(){U(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===E(e)&&t&&"object"===E(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==E(e)&&"object"==E(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===E(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===E(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=F(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(F(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=z(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===E(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&R(t.prototype,n),r&&R(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),_=0;function H(){return _++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(_)}var V=v.memo(v.forwardRef((function(e,t){var n=l.IconBase.getPTI(e),r=S(v.useState(e.id),2),o=r[0],i=r[1];return v.useEffect((function(){M.isEmpty(o)&&i(H("pr_icon_clip_"))}),[o]),v.createElement("svg",b({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),v.createElement("g",{clipPath:"url(#".concat(o,")")},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),v.createElement("defs",null,v.createElement("clipPath",{id:o},v.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));V.displayName="DownloadIcon";var J=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return n.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function X(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 Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=C(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var q=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),g=J.getProps(e,l),d=S(v.useState(!1),2),E=d[0],w=d[1],C=S(v.useState(!1),2),P=C[0],I=C[1],x=S(v.useState(0),2),O=x[0],k=x[1],j=S(v.useState(1),2),N=j[0],A=j[1],B=v.useRef(null),F=v.useRef(null),U=v.useRef(null),R=v.useRef(null),z=v.useRef(!1);D(U,g.closeOnEscape,(function(){X()}));var L=J.setMetaData({props:g,state:{maskVisible:E,previewVisible:P,rotate:O,scale:N}}),T=L.ptm,M=L.cx,_=L.sx;o.useHandleStyle(J.css.styles,L.isUnstyled,{name:"image"});var H=function(){g.preview&&(w(!0),n.DomHandler.blockBodyScroll(),setTimeout((function(){I(!0)}),25))},X=function(){z.current||(I(!1),n.DomHandler.unblockBodyScroll(),k(0),A(1)),z.current=!1},q=function(){z.current=!0},K=function(){n.DomHandler.saveAs({name:g.alt,src:g.src}),z.current=!0},Y=function(){k((function(e){return e+90})),z.current=!0},$=function(){k((function(e){return e-90})),z.current=!0},W=function(){A((function(e){return e+.1})),z.current=!0},G=function(){A((function(e){return e-.1})),z.current=!0},Q=function(){n.ZIndexUtils.set("modal",U.current,l&&l.autoZIndex||h.default.autoZIndex,l&&l.zIndex.modal||h.default.zIndex.modal)},ee=function(){g.onShow&&g.onShow()},te=function(){n.DomHandler.addClass(U.current,"p-component-overlay-leave")},ne=function(){g.onHide&&g.onHide()},re=function(){n.ZIndexUtils.clear(U.current),w(!1)};a.useUnmountEffect((function(){U.current&&n.ZIndexUtils.clear(U.current)}));v.useImperativeHandle(t,(function(){return{props:g,show:H,hide:X,getElement:function(){return B.current},getImage:function(){return F.current}}}));var oe,ie=g.src,ae=g.alt,le=g.width,ce=g.height,ue=g.crossOrigin,se=g.referrerPolicy,pe=g.useMap,fe=g.loading,me=function(){var e=g.downloadable,t=g.alt,o=g.crossOrigin,a=g.referrerPolicy,l=g.useMap,c=g.loading,y=N<=.5,d=N>=1.5,h=n.mergeProps(T("downloadIcon")),E=n.mergeProps(T("rotateRightIcon")),w=n.mergeProps(T("rotateLeftIcon")),C=n.mergeProps(T("zoomOutIcon")),I=n.mergeProps(T("zoomInIcon")),x=n.mergeProps(T("closeIcon")),k=n.IconUtils.getJSXIcon(g.downloadIcon||v.createElement(V,null),Z({},h),{props:g}),S=n.IconUtils.getJSXIcon(g.rotateRightIcon||v.createElement(u.RefreshIcon,null),Z({},E),{props:g}),j=n.IconUtils.getJSXIcon(g.rotateLeftIcon||v.createElement(m.UndoIcon,null),Z({},w),{props:g}),D=n.IconUtils.getJSXIcon(g.zoomOutIcon||v.createElement(s.SearchMinusIcon,null),Z({},C),{props:g}),A=n.IconUtils.getJSXIcon(g.zoomInIcon||v.createElement(p.SearchPlusIcon,null),Z({},I),{props:g}),B=n.IconUtils.getJSXIcon(g.closeIcon||v.createElement(f.TimesIcon,null),Z({},x),{props:g}),F=n.mergeProps({ref:U,className:M("mask"),onPointerUp:X},T("mask")),z=n.mergeProps({className:M("toolbar")},T("toolbar")),L=n.mergeProps({className:M("downloadButton"),onPointerUp:K,type:"button"},T("downloadButton")),H=n.mergeProps({className:M("rotateRightButton"),onPointerUp:Y,type:"button"},T("rotateRightButton")),J=n.mergeProps({className:M("rotateLeftButton"),onPointerUp:$,type:"button"},T("rotateLeftButton")),oe=n.mergeProps({className:n.classNames(M("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onPointerUp:G,type:"button",disabled:y},T("zoomOutButton")),ie=n.mergeProps({className:n.classNames(M("zoomInButton"),{"p-disabled":d}),style:{pointerEvents:"auto"},onPointerUp:W,type:"button",disabled:d},T("zoomInButton")),ae=n.mergeProps({className:M("closeButton"),type:"button","aria-label":r.localeOption("close")},T("closeButton")),le=n.mergeProps({src:g.zoomSrc||g.src,className:M("preview"),style:_("preview",{rotateState:O,scaleState:N}),onPointerUp:q,crossOrigin:o,referrerPolicy:a,useMap:l,loading:c},T("preview")),ce=n.mergeProps({ref:R},T("previewContainer")),ue=n.mergeProps({classNames:M("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Q,onEntered:ee,onExit:te,onExiting:ne,onExited:re},T("transition"));return v.createElement("div",F,v.createElement("div",z,e&&v.createElement("button",L,k),v.createElement("button",H,S),v.createElement("button",J,j),v.createElement("button",oe,D),v.createElement("button",ie,A),v.createElement("button",ae,B)),v.createElement(i.CSSTransition,b({nodeRef:R},ue),v.createElement("div",ce,v.createElement("img",b({alt:t},le)))))}(),ye=n.mergeProps({className:M("icon")},T("icon")),ge=n.IconUtils.getJSXIcon(g.indicatorIcon||v.createElement(c.EyeIcon,ye),Z({},ye),{props:g}),de=g.template?n.ObjectUtils.getJSXElement(g.template,g):ge,ve=(oe=n.mergeProps({className:M("button"),onClick:H},T("button")),g.preview?v.createElement("div",oe,de):null),he=n.mergeProps({ref:F,src:ie,className:g.imageClassName,width:le,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:pe,loading:fe,style:g.imageStyle,onError:g.onError},T("image")),be=g.src&&v.createElement("img",b({},he,{alt:ae})),Ee=n.mergeProps({ref:B,className:M("root")},J.getOtherProps(g),T("root"));return v.createElement("span",Ee,be,ve,E&&v.createElement(y.Portal,{element:me,appendTo:document.body}))})));return q.displayName="Image",e.Image=q,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal);

package/inplace/inplace.cjs.js

@@ -190,7 +190,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var onDisplayKeyDown = function onDisplayKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.code === 'Enter' || event.code === 'Space') {
       open(event);
       event.preventDefault();
     }
@@ -200,7 +200,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       onClick: open,
       className: cx('display'),
       onKeyDown: onDisplayKeyDown,
-      tabIndex: props.tabIndex,
+      tabIndex: props.tabIndex || '0',
+      role: 'button',
       'aria-label': props.ariaLabel
     }, ptm('display'));
     return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
@@ -210,14 +211,14 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var closeIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
       props: props
     });
-    var ariaLabel = api.localeOption('close');
+    var closeAriaLabel = api.localeOption('aria') ? api.localeOption('aria').close : undefined;
     if (props.closable) {
       var closeButtonProps = utils.mergeProps({
         className: cx('closeButton'),
         icon: closeIcon,
         type: 'button',
         onClick: close,
-        'aria-label': ariaLabel,
+        'aria-label': closeAriaLabel,
         pt: ptm('closeButton'),
         __parentMetadata: {
           parent: metaData
@@ -255,7 +256,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var children = createChildren();
   var rootProps = utils.mergeProps({
     ref: elementRef,
-    className: utils.classNames(props.className, cx('root'))
+    className: utils.classNames(props.className, cx('root')),
+    'aria-live': 'polite'
   }, InplaceBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
 });

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),l=require("primereact/componentbase"),r=require("primereact/icons/times"),a=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=o(e);function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a,o,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function u(e,n){if(e){if("string"==typeof e)return p(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)?p(e,n):void 0}}function d(){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 f={display:function(e){return a.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return a.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var m=l.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:f,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),y=function(e){return e.children},b=function(e){return e.children},v=i.forwardRef((function(e,o){var p,f,y=i.useContext(n.PrimeReactContext),b=m.getProps(e,y),v=i.useState(b.active),g=(f=2,c(p=v)||s(p,f)||u(p,f)||d()),I=g[0],h=g[1],C=i.useRef(null),O=b.onToggle?b.active:I,x={props:b,state:{active:I}},P=m.setMetaData(x),E=P.ptm,j=P.cx;l.useHandleStyle(m.css.styles,P.isUnstyled,{name:"inplace"});var N=function(e){b.disabled||(b.onOpen&&b.onOpen(e),b.onToggle?b.onToggle({originalEvent:e,value:!0}):h(!0))},_=function(e){b.onClose&&b.onClose(e),b.onToggle?b.onToggle({originalEvent:e,value:!1}):h(!1)},T=function(e){"Enter"===e.key&&(N(e),e.preventDefault())},D=function(e){var n=a.mergeProps({onClick:N,className:j("display"),onKeyDown:T,tabIndex:b.tabIndex,"aria-label":b.ariaLabel},E("display"));return i.createElement("div",n,e)},w=function(){var e=a.IconUtils.getJSXIcon(b.closeIcon||i.createElement(r.TimesIcon,null),void 0,{props:b}),l=n.localeOption("close");if(b.closable){var o=a.mergeProps({className:j("closeButton"),icon:e,type:"button",onClick:_,"aria-label":l,pt:E("closeButton"),__parentMetadata:{parent:x}});return i.createElement(t.Button,o)}return null};i.useImperativeHandle(o,(function(){return{props:b,getElement:function(){return C.current}}}));var S,B=(S=["InplaceContent","InplaceDisplay"],i.Children.map(b.children,(function(e){return O&&a.ObjectUtils.isValidChild(e,"InplaceContent",S)?(n=e,t=w(),l=a.mergeProps({className:j("content")},E("content")),i.createElement("div",l,n,t)):!O&&a.ObjectUtils.isValidChild(e,"InplaceDisplay",S)?D(e):void 0;var n,t,l}))),q=a.mergeProps({ref:C,className:a.classNames(b.className,j("root"))},m.getOtherProps(b),E("root"));return i.createElement("div",q,B)}));y.displayName="InplaceDisplay",b.displayName="InplaceContent",v.displayName="Inplace",exports.Inplace=v,exports.InplaceContent=b,exports.InplaceDisplay=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),l=require("primereact/componentbase"),r=require("primereact/icons/times"),a=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=o(e);function c(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 l,r,a,o,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,r=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw r}}return i}}function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function u(e,n){if(e){if("string"==typeof e)return s(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)?s(e,n):void 0}}function d(){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 f={display:function(e){return a.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return a.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var m=l.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:f,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),y=function(e){return e.children},v=function(e){return e.children},b=i.forwardRef((function(e,o){var s,f,y=i.useContext(n.PrimeReactContext),v=m.getProps(e,y),b=i.useState(v.active),g=(f=2,c(s=b)||p(s,f)||u(s,f)||d()),I=g[0],h=g[1],C=i.useRef(null),O=v.onToggle?v.active:I,x={props:v,state:{active:I}},P=m.setMetaData(x),E=P.ptm,j=P.cx;l.useHandleStyle(m.css.styles,P.isUnstyled,{name:"inplace"});var N=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):h(!0))},_=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):h(!1)},T=function(e){"Enter"!==e.code&&"Space"!==e.code||(N(e),e.preventDefault())},D=function(e){var n=a.mergeProps({onClick:N,className:j("display"),onKeyDown:T,tabIndex:v.tabIndex||"0",role:"button","aria-label":v.ariaLabel},E("display"));return i.createElement("div",n,e)},S=function(){var e=a.IconUtils.getJSXIcon(v.closeIcon||i.createElement(r.TimesIcon,null),void 0,{props:v}),l=n.localeOption("aria")?n.localeOption("aria").close:void 0;if(v.closable){var o=a.mergeProps({className:j("closeButton"),icon:e,type:"button",onClick:_,"aria-label":l,pt:E("closeButton"),__parentMetadata:{parent:x}});return i.createElement(t.Button,o)}return null};i.useImperativeHandle(o,(function(){return{props:v,getElement:function(){return C.current}}}));var w,B=(w=["InplaceContent","InplaceDisplay"],i.Children.map(v.children,(function(e){return O&&a.ObjectUtils.isValidChild(e,"InplaceContent",w)?(n=e,t=S(),l=a.mergeProps({className:j("content")},E("content")),i.createElement("div",l,n,t)):!O&&a.ObjectUtils.isValidChild(e,"InplaceDisplay",w)?D(e):void 0;var n,t,l}))),q=a.mergeProps({ref:C,className:a.classNames(v.className,j("root")),"aria-live":"polite"},m.getOtherProps(v),E("root"));return i.createElement("div",q,B)}));y.displayName="InplaceDisplay",v.displayName="InplaceContent",b.displayName="Inplace",exports.Inplace=b,exports.InplaceContent=v,exports.InplaceDisplay=y;

package/inplace/inplace.esm.js

@@ -166,7 +166,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   };
   var onDisplayKeyDown = function onDisplayKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.code === 'Enter' || event.code === 'Space') {
       open(event);
       event.preventDefault();
     }
@@ -176,7 +176,8 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       onClick: open,
       className: cx('display'),
       onKeyDown: onDisplayKeyDown,
-      tabIndex: props.tabIndex,
+      tabIndex: props.tabIndex || '0',
+      role: 'button',
       'aria-label': props.ariaLabel
     }, ptm('display'));
     return /*#__PURE__*/React.createElement("div", displayProps, content);
@@ -186,14 +187,14 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var closeIcon = IconUtils.getJSXIcon(icon, undefined, {
       props: props
     });
-    var ariaLabel = localeOption('close');
+    var closeAriaLabel = localeOption('aria') ? localeOption('aria').close : undefined;
     if (props.closable) {
       var closeButtonProps = mergeProps({
         className: cx('closeButton'),
         icon: closeIcon,
         type: 'button',
         onClick: close,
-        'aria-label': ariaLabel,
+        'aria-label': closeAriaLabel,
         pt: ptm('closeButton'),
         __parentMetadata: {
           parent: metaData
@@ -231,7 +232,8 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var children = createChildren();
   var rootProps = mergeProps({
     ref: elementRef,
-    className: classNames(props.className, cx('root'))
+    className: classNames(props.className, cx('root')),
+    'aria-live': 'polite'
   }, InplaceBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement("div", rootProps, children);
 });

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n,localeOption as t}from"primereact/api";import{Button as l}from"primereact/button";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{TimesIcon as o}from"primereact/icons/times";import{classNames as i,mergeProps as c,ObjectUtils as p,IconUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,o,i=[],c=!0,p=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=r.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw a}}return i}}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function m(e,n){if(e){if("string"==typeof e)return f(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)?f(e,n):void 0}}function y(){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 v={display:function(e){return i("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return i("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};a.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var b=a.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:v,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),g=function(e){return e.children},h=function(e){return e.children},I=e.forwardRef((function(a,f){var v,g,h=e.useContext(n),I=b.getProps(a,h),C=e.useState(I.active),x=(g=2,u(v=C)||d(v,g)||m(v,g)||y()),E=x[0],T=x[1],N=e.useRef(null),O=I.onToggle?I.active:E,P={props:I,state:{active:E}},_=b.setMetaData(P),w=_.ptm,D=_.cx;r(b.css.styles,_.isUnstyled,{name:"inplace"});var S=function(e){I.disabled||(I.onOpen&&I.onOpen(e),I.onToggle?I.onToggle({originalEvent:e,value:!0}):T(!0))},A=function(e){I.onClose&&I.onClose(e),I.onToggle?I.onToggle({originalEvent:e,value:!1}):T(!1)},j=function(e){"Enter"===e.key&&(S(e),e.preventDefault())},k=function(n){var t=c({onClick:S,className:D("display"),onKeyDown:j,tabIndex:I.tabIndex,"aria-label":I.ariaLabel},w("display"));return e.createElement("div",t,n)},B=function(){var n=s.getJSXIcon(I.closeIcon||e.createElement(o,null),void 0,{props:I}),a=t("close");if(I.closable){var r=c({className:D("closeButton"),icon:n,type:"button",onClick:A,"aria-label":a,pt:w("closeButton"),__parentMetadata:{parent:P}});return e.createElement(l,r)}return null};e.useImperativeHandle(f,(function(){return{props:I,getElement:function(){return N.current}}}));var M,Y=(M=["InplaceContent","InplaceDisplay"],e.Children.map(I.children,(function(n){return O&&p.isValidChild(n,"InplaceContent",M)?(t=n,l=B(),a=c({className:D("content")},w("content")),e.createElement("div",a,t,l)):!O&&p.isValidChild(n,"InplaceDisplay",M)?k(n):void 0;var t,l,a}))),L=c({ref:N,className:i(I.className,D("root"))},b.getOtherProps(I),w("root"));return e.createElement("div",L,Y)}));g.displayName="InplaceDisplay",h.displayName="InplaceContent",I.displayName="Inplace";export{I as Inplace,h as InplaceContent,g as InplaceDisplay};
+import*as e from"react";import{PrimeReactContext as n,localeOption as t}from"primereact/api";import{Button as l}from"primereact/button";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{TimesIcon as o}from"primereact/icons/times";import{classNames as i,mergeProps as c,ObjectUtils as p,IconUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,o,i=[],c=!0,p=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=r.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw a}}return i}}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function m(e,n){if(e){if("string"==typeof e)return f(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)?f(e,n):void 0}}function y(){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 v={display:function(e){return i("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return i("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};a.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var b=a.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:v,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),g=function(e){return e.children},h=function(e){return e.children},I=e.forwardRef((function(a,f){var v,g,h=e.useContext(n),I=b.getProps(a,h),C=e.useState(I.active),x=(g=2,u(v=C)||d(v,g)||m(v,g)||y()),E=x[0],T=x[1],N=e.useRef(null),O=I.onToggle?I.active:E,P={props:I,state:{active:E}},S=b.setMetaData(P),_=S.ptm,w=S.cx;r(b.css.styles,S.isUnstyled,{name:"inplace"});var D=function(e){I.disabled||(I.onOpen&&I.onOpen(e),I.onToggle?I.onToggle({originalEvent:e,value:!0}):T(!0))},A=function(e){I.onClose&&I.onClose(e),I.onToggle?I.onToggle({originalEvent:e,value:!1}):T(!1)},j=function(e){"Enter"!==e.code&&"Space"!==e.code||(D(e),e.preventDefault())},B=function(n){var t=c({onClick:D,className:w("display"),onKeyDown:j,tabIndex:I.tabIndex||"0",role:"button","aria-label":I.ariaLabel},_("display"));return e.createElement("div",t,n)},M=function(){var n=s.getJSXIcon(I.closeIcon||e.createElement(o,null),void 0,{props:I}),a=t("aria")?t("aria").close:void 0;if(I.closable){var r=c({className:w("closeButton"),icon:n,type:"button",onClick:A,"aria-label":a,pt:_("closeButton"),__parentMetadata:{parent:P}});return e.createElement(l,r)}return null};e.useImperativeHandle(f,(function(){return{props:I,getElement:function(){return N.current}}}));var Y,k=(Y=["InplaceContent","InplaceDisplay"],e.Children.map(I.children,(function(n){return O&&p.isValidChild(n,"InplaceContent",Y)?(t=n,l=M(),a=c({className:w("content")},_("content")),e.createElement("div",a,t,l)):!O&&p.isValidChild(n,"InplaceDisplay",Y)?B(n):void 0;var t,l,a}))),L=c({ref:N,className:i(I.className,w("root")),"aria-live":"polite"},b.getOtherProps(I),_("root"));return e.createElement("div",L,k)}));g.displayName="InplaceDisplay",h.displayName="InplaceContent",I.displayName="Inplace";export{I as Inplace,h as InplaceContent,g as InplaceDisplay};

package/inplace/inplace.js

@@ -182,7 +182,7 @@ this.primereact.inplace = (function (exports, React, api, button, componentbase,
       }
     };
     var onDisplayKeyDown = function onDisplayKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.code === 'Enter' || event.code === 'Space') {
         open(event);
         event.preventDefault();
       }
@@ -192,7 +192,8 @@ this.primereact.inplace = (function (exports, React, api, button, componentbase,
         onClick: open,
         className: cx('display'),
         onKeyDown: onDisplayKeyDown,
-        tabIndex: props.tabIndex,
+        tabIndex: props.tabIndex || '0',
+        role: 'button',
         'aria-label': props.ariaLabel
       }, ptm('display'));
       return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
@@ -202,14 +203,14 @@ this.primereact.inplace = (function (exports, React, api, button, componentbase,
       var closeIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
         props: props
       });
-      var ariaLabel = api.localeOption('close');
+      var closeAriaLabel = api.localeOption('aria') ? api.localeOption('aria').close : undefined;
       if (props.closable) {
         var closeButtonProps = utils.mergeProps({
           className: cx('closeButton'),
           icon: closeIcon,
           type: 'button',
           onClick: close,
-          'aria-label': ariaLabel,
+          'aria-label': closeAriaLabel,
           pt: ptm('closeButton'),
           __parentMetadata: {
             parent: metaData
@@ -247,7 +248,8 @@ this.primereact.inplace = (function (exports, React, api, button, componentbase,
     var children = createChildren();
     var rootProps = utils.mergeProps({
       ref: elementRef,
-      className: utils.classNames(props.className, cx('root'))
+      className: utils.classNames(props.className, cx('root')),
+      'aria-live': 'polite'
     }, InplaceBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
   });

package/inplace/inplace.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inplace=function(e,n,t,l,a,r,o){"use strict";function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=i(n);function p(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,o,i=[],c=!0,p=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=r.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw a}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function d(e,n){if(e){if("string"==typeof e)return u(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)?u(e,n):void 0}}function f(){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 m={display:function(e){return o.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return o.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var y=a.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:m,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),b=function(e){return e.children},v=function(e){return e.children},g=c.forwardRef((function(e,n){var i,u,m=c.useContext(t.PrimeReactContext),b=y.getProps(e,m),v=c.useState(b.active),g=(u=2,p(i=v)||s(i,u)||d(i,u)||f()),I=g[0],h=g[1],C=c.useRef(null),O=b.onToggle?b.active:I,P={props:b,state:{active:I}},E=y.setMetaData(P),j=E.ptm,x=E.cx;a.useHandleStyle(y.css.styles,E.isUnstyled,{name:"inplace"});var N=function(e){b.disabled||(b.onOpen&&b.onOpen(e),b.onToggle?b.onToggle({originalEvent:e,value:!0}):h(!0))},_=function(e){b.onClose&&b.onClose(e),b.onToggle?b.onToggle({originalEvent:e,value:!1}):h(!1)},T=function(e){"Enter"===e.key&&(N(e),e.preventDefault())},D=function(e){var n=o.mergeProps({onClick:N,className:x("display"),onKeyDown:T,tabIndex:b.tabIndex,"aria-label":b.ariaLabel},j("display"));return c.createElement("div",n,e)},w=function(){var e=o.IconUtils.getJSXIcon(b.closeIcon||c.createElement(r.TimesIcon,null),void 0,{props:b}),n=t.localeOption("close");if(b.closable){var a=o.mergeProps({className:x("closeButton"),icon:e,type:"button",onClick:_,"aria-label":n,pt:j("closeButton"),__parentMetadata:{parent:P}});return c.createElement(l.Button,a)}return null};c.useImperativeHandle(n,(function(){return{props:b,getElement:function(){return C.current}}}));var S,B=(S=["InplaceContent","InplaceDisplay"],c.Children.map(b.children,(function(e){return O&&o.ObjectUtils.isValidChild(e,"InplaceContent",S)?(n=e,t=w(),l=o.mergeProps({className:x("content")},j("content")),c.createElement("div",l,n,t)):!O&&o.ObjectUtils.isValidChild(e,"InplaceDisplay",S)?D(e):void 0;var n,t,l}))),A=o.mergeProps({ref:C,className:o.classNames(b.className,x("root"))},y.getOtherProps(b),j("root"));return c.createElement("div",A,B)}));return b.displayName="InplaceDisplay",v.displayName="InplaceContent",g.displayName="Inplace",e.Inplace=g,e.InplaceContent=v,e.InplaceDisplay=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.icons.times,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inplace=function(e,n,t,l,a,r,o){"use strict";function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=i(n);function p(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,o,i=[],c=!0,p=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=r.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw a}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function d(e,n){if(e){if("string"==typeof e)return u(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)?u(e,n):void 0}}function f(){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 m={display:function(e){return o.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return o.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var y=a.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:m,styles:"\n@layer primereact {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-inplace-content-close {\n        margin-left: .25rem;\n    }\n}\n"}}),b=function(e){return e.children},v=function(e){return e.children},g=c.forwardRef((function(e,n){var i,u,m=c.useContext(t.PrimeReactContext),b=y.getProps(e,m),v=c.useState(b.active),g=(u=2,p(i=v)||s(i,u)||d(i,u)||f()),I=g[0],h=g[1],C=c.useRef(null),O=b.onToggle?b.active:I,P={props:b,state:{active:I}},E=y.setMetaData(P),j=E.ptm,x=E.cx;a.useHandleStyle(y.css.styles,E.isUnstyled,{name:"inplace"});var N=function(e){b.disabled||(b.onOpen&&b.onOpen(e),b.onToggle?b.onToggle({originalEvent:e,value:!0}):h(!0))},_=function(e){b.onClose&&b.onClose(e),b.onToggle?b.onToggle({originalEvent:e,value:!1}):h(!1)},T=function(e){"Enter"!==e.code&&"Space"!==e.code||(N(e),e.preventDefault())},D=function(e){var n=o.mergeProps({onClick:N,className:x("display"),onKeyDown:T,tabIndex:b.tabIndex||"0",role:"button","aria-label":b.ariaLabel},j("display"));return c.createElement("div",n,e)},S=function(){var e=o.IconUtils.getJSXIcon(b.closeIcon||c.createElement(r.TimesIcon,null),void 0,{props:b}),n=t.localeOption("aria")?t.localeOption("aria").close:void 0;if(b.closable){var a=o.mergeProps({className:x("closeButton"),icon:e,type:"button",onClick:_,"aria-label":n,pt:j("closeButton"),__parentMetadata:{parent:P}});return c.createElement(l.Button,a)}return null};c.useImperativeHandle(n,(function(){return{props:b,getElement:function(){return C.current}}}));var w,B=(w=["InplaceContent","InplaceDisplay"],c.Children.map(b.children,(function(e){return O&&o.ObjectUtils.isValidChild(e,"InplaceContent",w)?(n=e,t=S(),l=o.mergeProps({className:x("content")},j("content")),c.createElement("div",l,n,t)):!O&&o.ObjectUtils.isValidChild(e,"InplaceDisplay",w)?D(e):void 0;var n,t,l}))),A=o.mergeProps({ref:C,className:o.classNames(b.className,x("root")),"aria-live":"polite"},y.getOtherProps(b),j("root"));return c.createElement("div",A,B)}));return b.displayName="InplaceDisplay",v.displayName="InplaceContent",g.displayName="Inplace",e.Inplace=g,e.InplaceContent=v,e.InplaceDisplay=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.icons.times,primereact.utils);

package/mention/mention.cjs.js

@@ -460,13 +460,15 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    var key = triggerState.key,
-      index = triggerState.index;
-    var value = inputRef.current.value;
-    var position = utils.DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
-    overlayRef.current.style.transformOrigin = 'top';
-    overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
-    overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    if (triggerState) {
+      var key = triggerState.key,
+        index = triggerState.index;
+      var value = inputRef.current.value;
+      var position = utils.DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+      overlayRef.current.style.transformOrigin = 'top';
+      overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
+      overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    }
   };
   var onPanelClick = function onPanelClick(event) {
     overlayservice.OverlayService.emit('overlay-click', {
@@ -687,9 +689,6 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
-  hooks.useMountEffect(function () {
-    alignOverlay();
-  });
   hooks.useUpdateEffect(function () {
     if (searchingState) {
       props.suggestions && props.suggestions.length ? show() : hide();

package/mention/mention.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function h(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function w(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 j(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}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 E(e,t){return O(e)||x(e,t)||j(e,t)||S()}var P=n.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function D(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?D(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=m.memo(m.forwardRef((function(e,r){var i=m.useContext(t.PrimeReactContext),u=P.getProps(e,i),s=m.useRef(r),c=m.useRef(0),p=P.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),f=p.ptm,d=p.cx;n.useHandleStyle(P.css.styles,p.isUnstyled,{name:"inputtextarea"});var y=function(e){var t=s.current;t&&a.DomHandler.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))};m.useEffect((function(){a.ObjectUtils.combinedRefs(s,r)}),[s,r]),m.useEffect((function(){u.autoResize&&y(!0)}),[u.autoResize]);var v=m.useMemo((function(){return a.ObjectUtils.isNotEmpty(u.value)||a.ObjectUtils.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),b=a.ObjectUtils.isNotEmpty(u.tooltip),h=a.mergeProps({ref:s,className:d("root",{isFilled:v}),onFocus:function(e){u.autoResize&&y(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&y(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&y(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&o.KeyFilter.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&o.KeyFilter.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&y(a.ObjectUtils.isEmpty(t.value)),u.onInput&&u.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&o.KeyFilter.onPaste(e,u.keyfilter,u.validateOnly)}},P.getOtherProps(u),f("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",h),b&&m.createElement(l.Tooltip,g({target:s,content:u.tooltip},u.tooltipOptions,{pt:f("tooltip")})))})));I.displayName="InputTextarea";var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:"p-mention-item",items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function k(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=m.memo(m.forwardRef((function(e,o){var l=m.useContext(t.PrimeReactContext),p=C.getProps(e,l),f=E(m.useState(!1),2),y=f[0],v=f[1],b=E(m.useState(!1),2),h=b[0],O=b[1],x=E(m.useState(!1),2),w=x[0],j=x[1],S=E(m.useState(null),2),P=S[0],D=S[1],H=m.useRef(null),k=m.useRef(null),R=m.useRef(p.inputRef),U=m.useRef(null),F=m.useRef(null),T={props:p,state:{overlayVisible:y,focused:h,searching:w,trigger:P}},B=C.setMetaData(T),_=B.ptm,z=B.cx;n.useHandleStyle(C.css.styles,B.isUnstyled,{name:"mention"});var K=function(e,t){return _(t,{context:{trigger:P?P.key:""}})},M=E(i.useOverlayListener({target:H,overlay:k,listener:function(e,t){t.valid&&Z()},when:y}),2),q=M[0],A=M[1],V=function(){v(!0)},Z=function(){v(!1),j(!1),D(null)},J=function(){a.ZIndexUtils.set("overlay",k.current,l&&l.autoZIndex||d.default.autoZIndex,l&&l.zIndex.overlay||d.default.zIndex.overlay),a.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),G()},X=function(){p.autoHighlight&&p.suggestions&&p.suggestions.length&&a.DomHandler.addClass(U.current.firstChild,"p-highlight")},Y=function(){q(),p.onShow&&p.onShow()},L=function(){A()},$=function(){a.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},G=function(){var e=P.key,t=P.index,n=R.current.value,r=a.DomHandler.getCursorOffset(R.current,n.substring(0,t-1),n.substring(t),e);k.current.style.transformOrigin="top",k.current.style.left="calc(".concat(r.left,"px + 1rem)"),k.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},Q=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},W=function(e,t,n){if(!P){var r=Array.isArray(p.trigger)?p.trigger.find((function(e){return e===t})):p.trigger===t?p.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=ee(e,n);if(o.index>i)return o}return P},ee=function(e,t){if(Array.isArray(p.trigger)){var n={};return p.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(p.trigger);return{key:p.trigger,index:-1!==r?r+1:-1}},te=function(e){F.current&&clearTimeout(F.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=W(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);F.current=setTimeout((function(){ne(e,l,o)}),p.delay)}}else Z()},ne=function(e,t,n){p.onSearch&&(j(!0),D(n),p.onSearch({originalEvent:e,trigger:n.key,query:t}))},re=function(e,t){var n=R.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ie(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);R.current.value="".concat(a).concat(l," ").concat(u),e.target=R.current,p.onChange&&p.onChange(e)}var s=P.index+l.length+1;R.current.setSelectionRange(s,s),Z(),p.onSelect&&p.onSelect({originalEvent:e,suggestion:t})},ie=function(e){if(e){var t=Array.isArray(p.field)?p.field[p.trigger.findIndex((function(e){return e===P.key}))]:p.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},oe=function(e,t){a.DomHandler.focus(R.current),re(e,t)},le=R.current&&R.current.value,ae=m.useMemo((function(){return a.ObjectUtils.isNotEmpty(p.value)||a.ObjectUtils.isNotEmpty(p.defaultValue)||a.ObjectUtils.isNotEmpty(le)}),[p.value,p.defaultValue,le]);m.useImperativeHandle(o,(function(){return{props:p,show:V,hide:Z,focus:function(){return a.DomHandler.focus(R.current)},getElement:function(){return H.current},getOverlay:function(){return k.current},getInput:function(){return R.current}}})),m.useEffect((function(){a.ObjectUtils.combinedRefs(R,p.inputRef)}),[R,p.inputRef]),i.useMountEffect((function(){G()})),i.useUpdateEffect((function(){w&&(p.suggestions&&p.suggestions.length?V():Z(),y&&G(),j(!1))}),[p.suggestions]),i.useUpdateEffect((function(){!ae&&a.DomHandler.hasClass(H.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")}),[ae]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(k.current)}));var ue=function(e,t){var n=t+"_item",r=p.itemTemplate?a.ObjectUtils.getJSXElement(p.itemTemplate,e,{trigger:P?P.key:"",index:t}):ie(e),i=a.mergeProps({key:n,className:z("item"),onClick:function(t){return oe(t,e)}},K(0,"item"));return m.createElement("li",i,r,m.createElement(c.Ripple,null))},se=function(){var e=a.mergeProps({ref:U,className:z("items")},_("items"));if(p.suggestions){var t=p.suggestions.map(ue);return m.createElement("ul",e,t)}return null},ce=C.getOtherProps(p),pe=function(){var e=a.ObjectUtils.getJSXElement(p.headerTemplate,p),t=a.ObjectUtils.getJSXElement(p.footerTemplate,p),n=se(),i=a.mergeProps({ref:k,className:z("panel"),style:N({maxHeight:p.scrollHeight},p.panelStyle),onClick:Q},_("panel")),o=a.mergeProps({classNames:z("transition"),in:y,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:J,onEntering:X,onEntered:Y,onExit:L,onExited:$},_("transition")),l=m.createElement(r.CSSTransition,g({nodeRef:k},o),m.createElement("div",i,e,n,t));return m.createElement(s.Portal,{element:l,appendTo:"self"})}(),fe=a.mergeProps(N(N({ref:R,id:p.inputId,className:z("input"),style:p.inputStyle},ce),{},{onFocus:function(e){O(!0),p.onFocus&&p.onFocus(e)},onBlur:function(e){O(!1),p.onBlur&&p.onBlur(e)},onKeyDown:function(e){if(y){var t=a.DomHandler.findSingle(k.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(a.DomHandler.addClass(n,"p-highlight"),a.DomHandler.removeClass(t,"p-highlight"),a.DomHandler.scrollInView(k.current,n))}else(t=a.DomHandler.findSingle(k.current,"li"))&&a.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(t,"p-highlight"),a.DomHandler.scrollInView(k.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===P.key&&Z();break;case 13:t&&re(e,p.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:Z(),e.preventDefault()}}},onInput:function(e){p.onInput&&p.onInput(e),e.target.value.length>0?a.DomHandler.addClass(H.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||te(e)},onChange:function(e){p.onChange&&p.onChange(e),te(e)},__parentMetadata:{parent:T}}),_("input")),me=a.mergeProps({ref:H,id:p.id,className:z("root",{focusedState:h,isFilled:ae}),style:p.style},C.getOtherProps(p),_("root"));return m.createElement("div",me,m.createElement(I,fe),pe)})));R.displayName="Mention",exports.Mention=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function h(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function w(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 j(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}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 E(e,t){return O(e)||x(e,t)||j(e,t)||S()}var P=n.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function D(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?D(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=m.memo(m.forwardRef((function(e,r){var i=m.useContext(t.PrimeReactContext),u=P.getProps(e,i),s=m.useRef(r),c=m.useRef(0),p=P.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),f=p.ptm,d=p.cx;n.useHandleStyle(P.css.styles,p.isUnstyled,{name:"inputtextarea"});var y=function(e){var t=s.current;t&&a.DomHandler.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))};m.useEffect((function(){a.ObjectUtils.combinedRefs(s,r)}),[s,r]),m.useEffect((function(){u.autoResize&&y(!0)}),[u.autoResize]);var v=m.useMemo((function(){return a.ObjectUtils.isNotEmpty(u.value)||a.ObjectUtils.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),b=a.ObjectUtils.isNotEmpty(u.tooltip),h=a.mergeProps({ref:s,className:d("root",{isFilled:v}),onFocus:function(e){u.autoResize&&y(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&y(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&y(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&o.KeyFilter.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&o.KeyFilter.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&y(a.ObjectUtils.isEmpty(t.value)),u.onInput&&u.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&o.KeyFilter.onPaste(e,u.keyfilter,u.validateOnly)}},P.getOtherProps(u),f("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",h),b&&m.createElement(l.Tooltip,g({target:s,content:u.tooltip},u.tooltipOptions,{pt:f("tooltip")})))})));I.displayName="InputTextarea";var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:"p-mention-item",items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function k(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=m.memo(m.forwardRef((function(e,o){var l=m.useContext(t.PrimeReactContext),p=C.getProps(e,l),f=E(m.useState(!1),2),y=f[0],v=f[1],b=E(m.useState(!1),2),h=b[0],O=b[1],x=E(m.useState(!1),2),w=x[0],j=x[1],S=E(m.useState(null),2),P=S[0],D=S[1],H=m.useRef(null),k=m.useRef(null),R=m.useRef(p.inputRef),U=m.useRef(null),F=m.useRef(null),T={props:p,state:{overlayVisible:y,focused:h,searching:w,trigger:P}},B=C.setMetaData(T),_=B.ptm,z=B.cx;n.useHandleStyle(C.css.styles,B.isUnstyled,{name:"mention"});var K=function(e,t){return _(t,{context:{trigger:P?P.key:""}})},M=E(i.useOverlayListener({target:H,overlay:k,listener:function(e,t){t.valid&&Z()},when:y}),2),q=M[0],A=M[1],V=function(){v(!0)},Z=function(){v(!1),j(!1),D(null)},J=function(){a.ZIndexUtils.set("overlay",k.current,l&&l.autoZIndex||d.default.autoZIndex,l&&l.zIndex.overlay||d.default.zIndex.overlay),a.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),G()},X=function(){p.autoHighlight&&p.suggestions&&p.suggestions.length&&a.DomHandler.addClass(U.current.firstChild,"p-highlight")},Y=function(){q(),p.onShow&&p.onShow()},L=function(){A()},$=function(){a.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},G=function(){if(P){var e=P.key,t=P.index,n=R.current.value,r=a.DomHandler.getCursorOffset(R.current,n.substring(0,t-1),n.substring(t),e);k.current.style.transformOrigin="top",k.current.style.left="calc(".concat(r.left,"px + 1rem)"),k.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},Q=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},W=function(e,t,n){if(!P){var r=Array.isArray(p.trigger)?p.trigger.find((function(e){return e===t})):p.trigger===t?p.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=ee(e,n);if(o.index>i)return o}return P},ee=function(e,t){if(Array.isArray(p.trigger)){var n={};return p.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(p.trigger);return{key:p.trigger,index:-1!==r?r+1:-1}},te=function(e){F.current&&clearTimeout(F.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=W(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);F.current=setTimeout((function(){ne(e,l,o)}),p.delay)}}else Z()},ne=function(e,t,n){p.onSearch&&(j(!0),D(n),p.onSearch({originalEvent:e,trigger:n.key,query:t}))},re=function(e,t){var n=R.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ie(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);R.current.value="".concat(a).concat(l," ").concat(u),e.target=R.current,p.onChange&&p.onChange(e)}var s=P.index+l.length+1;R.current.setSelectionRange(s,s),Z(),p.onSelect&&p.onSelect({originalEvent:e,suggestion:t})},ie=function(e){if(e){var t=Array.isArray(p.field)?p.field[p.trigger.findIndex((function(e){return e===P.key}))]:p.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},oe=function(e,t){a.DomHandler.focus(R.current),re(e,t)},le=R.current&&R.current.value,ae=m.useMemo((function(){return a.ObjectUtils.isNotEmpty(p.value)||a.ObjectUtils.isNotEmpty(p.defaultValue)||a.ObjectUtils.isNotEmpty(le)}),[p.value,p.defaultValue,le]);m.useImperativeHandle(o,(function(){return{props:p,show:V,hide:Z,focus:function(){return a.DomHandler.focus(R.current)},getElement:function(){return H.current},getOverlay:function(){return k.current},getInput:function(){return R.current}}})),m.useEffect((function(){a.ObjectUtils.combinedRefs(R,p.inputRef)}),[R,p.inputRef]),i.useUpdateEffect((function(){w&&(p.suggestions&&p.suggestions.length?V():Z(),y&&G(),j(!1))}),[p.suggestions]),i.useUpdateEffect((function(){!ae&&a.DomHandler.hasClass(H.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")}),[ae]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(k.current)}));var ue=function(e,t){var n=t+"_item",r=p.itemTemplate?a.ObjectUtils.getJSXElement(p.itemTemplate,e,{trigger:P?P.key:"",index:t}):ie(e),i=a.mergeProps({key:n,className:z("item"),onClick:function(t){return oe(t,e)}},K(0,"item"));return m.createElement("li",i,r,m.createElement(c.Ripple,null))},se=function(){var e=a.mergeProps({ref:U,className:z("items")},_("items"));if(p.suggestions){var t=p.suggestions.map(ue);return m.createElement("ul",e,t)}return null},ce=C.getOtherProps(p),pe=function(){var e=a.ObjectUtils.getJSXElement(p.headerTemplate,p),t=a.ObjectUtils.getJSXElement(p.footerTemplate,p),n=se(),i=a.mergeProps({ref:k,className:z("panel"),style:N({maxHeight:p.scrollHeight},p.panelStyle),onClick:Q},_("panel")),o=a.mergeProps({classNames:z("transition"),in:y,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:J,onEntering:X,onEntered:Y,onExit:L,onExited:$},_("transition")),l=m.createElement(r.CSSTransition,g({nodeRef:k},o),m.createElement("div",i,e,n,t));return m.createElement(s.Portal,{element:l,appendTo:"self"})}(),fe=a.mergeProps(N(N({ref:R,id:p.inputId,className:z("input"),style:p.inputStyle},ce),{},{onFocus:function(e){O(!0),p.onFocus&&p.onFocus(e)},onBlur:function(e){O(!1),p.onBlur&&p.onBlur(e)},onKeyDown:function(e){if(y){var t=a.DomHandler.findSingle(k.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(a.DomHandler.addClass(n,"p-highlight"),a.DomHandler.removeClass(t,"p-highlight"),a.DomHandler.scrollInView(k.current,n))}else(t=a.DomHandler.findSingle(k.current,"li"))&&a.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(t,"p-highlight"),a.DomHandler.scrollInView(k.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===P.key&&Z();break;case 13:t&&re(e,p.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:Z(),e.preventDefault()}}},onInput:function(e){p.onInput&&p.onInput(e),e.target.value.length>0?a.DomHandler.addClass(H.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||te(e)},onChange:function(e){p.onChange&&p.onChange(e),te(e)},__parentMetadata:{parent:T}}),_("input")),me=a.mergeProps({ref:H,id:p.id,className:z("root",{focusedState:h,isFilled:ae}),style:p.style},C.getOtherProps(p),_("root"));return m.createElement("div",me,m.createElement(I,fe),pe)})));R.displayName="Mention",exports.Mention=R;

package/mention/mention.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, ObjectUtils, mergeProps, DomHandler, ZIndexUtils } from 'primereact/utils';
@@ -433,13 +433,15 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    var key = triggerState.key,
-      index = triggerState.index;
-    var value = inputRef.current.value;
-    var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
-    overlayRef.current.style.transformOrigin = 'top';
-    overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
-    overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    if (triggerState) {
+      var key = triggerState.key,
+        index = triggerState.index;
+      var value = inputRef.current.value;
+      var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+      overlayRef.current.style.transformOrigin = 'top';
+      overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
+      overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    }
   };
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
@@ -660,9 +662,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    alignOverlay();
-  });
   useUpdateEffect(function () {
     if (searchingState) {
       props.suggestions && props.suggestions.length ? show() : hide();

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as l,useMountEffect as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,mergeProps as g,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as v}from"primereact/overlayservice";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function x(e){return x="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},x(e)}function w(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=w(e,"string");return"symbol"===x(t)?t:String(t)}function E(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(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 C(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function k(){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 R(e,t){return P(e)||j(e,t)||C(e,t)||k()}var N=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function D(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.memo(e.forwardRef((function(t,r){var o=e.useContext(n),l=N.getProps(t,o),a=e.useRef(r),u=e.useRef(0),s=N.setMetaData(F(F({props:l},l.__parentMetadata),{},{context:{disabled:l.disabled}})),f=s.ptm,y=s.cx;i(N.css.styles,s.isUnstyled,{name:"inputtextarea"});var v=function(e){var t=a.current;t&&d.isVisible(t)&&(u.current||(u.current=t.scrollHeight,t.style.overflow="hidden"),(u.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",u.current=t.scrollHeight))};e.useEffect((function(){m.combinedRefs(a,r)}),[a,r]),e.useEffect((function(){l.autoResize&&v(!0)}),[l.autoResize]);var h=e.useMemo((function(){return m.isNotEmpty(l.value)||m.isNotEmpty(l.defaultValue)}),[l.value,l.defaultValue]),b=m.isNotEmpty(l.tooltip),x=g({ref:a,className:y("root",{isFilled:h}),onFocus:function(e){l.autoResize&&v(),l.onFocus&&l.onFocus(e)},onBlur:function(e){l.autoResize&&v(),l.onBlur&&l.onBlur(e)},onKeyUp:function(e){l.autoResize&&v(),l.onKeyUp&&l.onKeyUp(e)},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown(e),l.keyfilter&&c.onKeyPress(e,l.keyfilter,l.validateOnly)},onBeforeInput:function(e){l.onBeforeInput&&l.onBeforeInput(e),l.keyfilter&&c.onBeforeInput(e,l.keyfilter,l.validateOnly)},onInput:function(e){var t=e.target;l.autoResize&&v(m.isEmpty(t.value)),l.onInput&&l.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){l.onPaste&&l.onPaste(e),l.keyfilter&&c.onPaste(e,l.keyfilter,l.validateOnly)}},N.getOtherProps(l),f("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",x),b&&e.createElement(p,O({target:a,content:l.tooltip},l.tooltipOptions,{pt:f("tooltip")})))})));T.displayName="InputTextarea";var H=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:"p-mention-item",items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function z(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=e.memo(e.forwardRef((function(r,c){var p=e.useContext(n),f=H.getProps(r,p),x=R(e.useState(!1),2),w=x[0],S=x[1],E=R(e.useState(!1),2),P=E[0],j=E[1],I=R(e.useState(!1),2),C=I[0],k=I[1],N=R(e.useState(null),2),D=N[0],F=N[1],z=e.useRef(null),A=e.useRef(null),K=e.useRef(f.inputRef),_=e.useRef(null),M=e.useRef(null),U={props:f,state:{overlayVisible:w,focused:P,searching:C,trigger:D}},V=H.setMetaData(U),J=V.ptm,X=V.cx;i(H.css.styles,V.isUnstyled,{name:"mention"});var Y=function(e,t){return J(t,{context:{trigger:D?D.key:""}})},Z=R(l({target:z,overlay:A,listener:function(e,t){t.valid&&L()},when:w}),2),q=Z[0],$=Z[1],G=function(){S(!0)},L=function(){S(!1),k(!1),F(null)},Q=function(){y.set("overlay",A.current,p&&p.autoZIndex||t.autoZIndex,p&&p.zIndex.overlay||t.zIndex.overlay),d.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&d.addClass(_.current.firstChild,"p-highlight")},ee=function(){q(),f.onShow&&f.onShow()},te=function(){$()},ne=function(){y.clear(A.current),f.onHide&&f.onHide()},re=function(){var e=D.key,t=D.index,n=K.current.value,r=d.getCursorOffset(K.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},ie=function(e){v.emit("overlay-click",{originalEvent:e,target:z.current})},oe=function(e,t,n){if(!D){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return D},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else L()},ue=function(e,t,n){f.onSearch&&(k(!0),F(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=K.current.value,r=e.target.selectionStart,i=n.indexOf(" ",D.index),o=n.substring(D.index,i>-1?i:r),l=ce(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,D.index),u=n.substring(i>-1?r:D.index+o.length);K.current.value="".concat(a).concat(l," ").concat(u),e.target=K.current,f.onChange&&f.onChange(e)}var s=D.index+l.length+1;K.current.setSelectionRange(s,s),L(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===D.key}))]:f.field;return t?m.resolveFieldData(e,t):e}return""},pe=function(e,t){d.focus(K.current),se(e,t)},fe=K.current&&K.current.value,me=e.useMemo((function(){return m.isNotEmpty(f.value)||m.isNotEmpty(f.defaultValue)||m.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);e.useImperativeHandle(c,(function(){return{props:f,show:G,hide:L,focus:function(){return d.focus(K.current)},getElement:function(){return z.current},getOverlay:function(){return A.current},getInput:function(){return K.current}}})),e.useEffect((function(){m.combinedRefs(K,f.inputRef)}),[K,f.inputRef]),a((function(){re()})),u((function(){C&&(f.suggestions&&f.suggestions.length?G():L(),w&&re(),k(!1))}),[f.suggestions]),u((function(){!me&&d.hasClass(z.current,"p-inputwrapper-filled")&&d.removeClass(z.current,"p-inputwrapper-filled")}),[me]),s((function(){y.clear(A.current)}));var ge=function(t,n){var r=n+"_item",i=f.itemTemplate?m.getJSXElement(f.itemTemplate,t,{trigger:D?D.key:"",index:n}):ce(t),o=g({key:r,className:X("item"),onClick:function(e){return pe(e,t)}},Y(0,"item"));return e.createElement("li",o,i,e.createElement(b,null))},de=function(){var t=g({ref:_,className:X("items")},J("items"));if(f.suggestions){var n=f.suggestions.map(ge);return e.createElement("ul",t,n)}return null},ye=H.getOtherProps(f),ve=function(){var t=m.getJSXElement(f.headerTemplate,f),n=m.getJSXElement(f.footerTemplate,f),r=de(),i=g({ref:A,className:X("panel"),style:B({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},J("panel")),l=g({classNames:X("transition"),in:w,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},J("transition")),a=e.createElement(o,O({nodeRef:A},l),e.createElement("div",i,t,r,n));return e.createElement(h,{element:a,appendTo:"self"})}(),he=g(B(B({ref:K,id:f.inputId,className:X("input"),style:f.inputStyle},ye),{},{onFocus:function(e){j(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){j(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(w){var t=d.findSingle(A.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(A.current,n))}else(t=d.findSingle(A.current,"li"))&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(d.addClass(r,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(A.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===D.key&&L();break;case 13:t&&se(e,f.suggestions[d.index(t)]),e.preventDefault();break;case 27:L(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e),e.target.value.length>0?d.addClass(z.current,"p-inputwrapper-filled"):d.removeClass(z.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:U}}),J("input")),be=g({ref:z,id:f.id,className:X("root",{focusedState:P,isFilled:me}),style:f.style},H.getOtherProps(f),J("root"));return e.createElement("div",be,e.createElement(T,he),ve)})));A.displayName="Mention";export{A as Mention};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as l,useUpdateEffect as a,useUnmountEffect as u}from"primereact/hooks";import{KeyFilter as s}from"primereact/keyfilter";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as f,mergeProps as m,DomHandler as g,ZIndexUtils as d}from"primereact/utils";import{OverlayService as y}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function O(e){return O="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},O(e)}function x(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=x(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function j(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 I(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function C(){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 k(e,t){return E(e)||P(e,t)||I(e,t)||C()}var R=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return p("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function N(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(t,r){var o=e.useContext(n),l=R.getProps(t,o),a=e.useRef(r),u=e.useRef(0),p=R.setMetaData(D(D({props:l},l.__parentMetadata),{},{context:{disabled:l.disabled}})),d=p.ptm,y=p.cx;i(R.css.styles,p.isUnstyled,{name:"inputtextarea"});var v=function(e){var t=a.current;t&&g.isVisible(t)&&(u.current||(u.current=t.scrollHeight,t.style.overflow="hidden"),(u.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",u.current=t.scrollHeight))};e.useEffect((function(){f.combinedRefs(a,r)}),[a,r]),e.useEffect((function(){l.autoResize&&v(!0)}),[l.autoResize]);var h=e.useMemo((function(){return f.isNotEmpty(l.value)||f.isNotEmpty(l.defaultValue)}),[l.value,l.defaultValue]),O=f.isNotEmpty(l.tooltip),x=m({ref:a,className:y("root",{isFilled:h}),onFocus:function(e){l.autoResize&&v(),l.onFocus&&l.onFocus(e)},onBlur:function(e){l.autoResize&&v(),l.onBlur&&l.onBlur(e)},onKeyUp:function(e){l.autoResize&&v(),l.onKeyUp&&l.onKeyUp(e)},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown(e),l.keyfilter&&s.onKeyPress(e,l.keyfilter,l.validateOnly)},onBeforeInput:function(e){l.onBeforeInput&&l.onBeforeInput(e),l.keyfilter&&s.onBeforeInput(e,l.keyfilter,l.validateOnly)},onInput:function(e){var t=e.target;l.autoResize&&v(f.isEmpty(t.value)),l.onInput&&l.onInput(e),f.isNotEmpty(t.value)?g.addClass(t,"p-filled"):g.removeClass(t,"p-filled")},onPaste:function(e){l.onPaste&&l.onPaste(e),l.keyfilter&&s.onPaste(e,l.keyfilter,l.validateOnly)}},R.getOtherProps(l),d("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",x),O&&e.createElement(c,b({target:a,content:l.tooltip},l.tooltipOptions,{pt:d("tooltip")})))})));F.displayName="InputTextarea";var T=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:"p-mention-item",items:"p-mention-items",panel:function(e){return p("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return p("p-mention-input",e.props.inputClassName)},root:function(e){return p("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function H(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=e.memo(e.forwardRef((function(r,s){var c=e.useContext(n),p=T.getProps(r,c),O=k(e.useState(!1),2),x=O[0],w=O[1],S=k(e.useState(!1),2),E=S[0],P=S[1],j=k(e.useState(!1),2),I=j[0],C=j[1],R=k(e.useState(null),2),N=R[0],D=R[1],H=e.useRef(null),B=e.useRef(null),A=e.useRef(p.inputRef),K=e.useRef(null),_=e.useRef(null),M={props:p,state:{overlayVisible:x,focused:E,searching:I,trigger:N}},U=T.setMetaData(M),V=U.ptm,J=U.cx;i(T.css.styles,U.isUnstyled,{name:"mention"});var X=function(e,t){return V(t,{context:{trigger:N?N.key:""}})},Y=k(l({target:H,overlay:B,listener:function(e,t){t.valid&&G()},when:x}),2),Z=Y[0],q=Y[1],$=function(){w(!0)},G=function(){w(!1),C(!1),D(null)},L=function(){d.set("overlay",B.current,c&&c.autoZIndex||t.autoZIndex,c&&c.zIndex.overlay||t.zIndex.overlay),g.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),ne()},Q=function(){p.autoHighlight&&p.suggestions&&p.suggestions.length&&g.addClass(K.current.firstChild,"p-highlight")},W=function(){Z(),p.onShow&&p.onShow()},ee=function(){q()},te=function(){d.clear(B.current),p.onHide&&p.onHide()},ne=function(){if(N){var e=N.key,t=N.index,n=A.current.value,r=g.getCursorOffset(A.current,n.substring(0,t-1),n.substring(t),e);B.current.style.transformOrigin="top",B.current.style.left="calc(".concat(r.left,"px + 1rem)"),B.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},re=function(e){y.emit("overlay-click",{originalEvent:e,target:H.current})},ie=function(e,t,n){if(!N){var r=Array.isArray(p.trigger)?p.trigger.find((function(e){return e===t})):p.trigger===t?p.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=oe(e,n);if(o.index>i)return o}return N},oe=function(e,t){if(Array.isArray(p.trigger)){var n={};return p.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(p.trigger);return{key:p.trigger,index:-1!==r?r+1:-1}},le=function(e){_.current&&clearTimeout(_.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=ie(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);_.current=setTimeout((function(){ae(e,l,o)}),p.delay)}}else G()},ae=function(e,t,n){p.onSearch&&(C(!0),D(n),p.onSearch({originalEvent:e,trigger:n.key,query:t}))},ue=function(e,t){var n=A.current.value,r=e.target.selectionStart,i=n.indexOf(" ",N.index),o=n.substring(N.index,i>-1?i:r),l=se(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,N.index),u=n.substring(i>-1?r:N.index+o.length);A.current.value="".concat(a).concat(l," ").concat(u),e.target=A.current,p.onChange&&p.onChange(e)}var s=N.index+l.length+1;A.current.setSelectionRange(s,s),G(),p.onSelect&&p.onSelect({originalEvent:e,suggestion:t})},se=function(e){if(e){var t=Array.isArray(p.field)?p.field[p.trigger.findIndex((function(e){return e===N.key}))]:p.field;return t?f.resolveFieldData(e,t):e}return""},ce=function(e,t){g.focus(A.current),ue(e,t)},pe=A.current&&A.current.value,fe=e.useMemo((function(){return f.isNotEmpty(p.value)||f.isNotEmpty(p.defaultValue)||f.isNotEmpty(pe)}),[p.value,p.defaultValue,pe]);e.useImperativeHandle(s,(function(){return{props:p,show:$,hide:G,focus:function(){return g.focus(A.current)},getElement:function(){return H.current},getOverlay:function(){return B.current},getInput:function(){return A.current}}})),e.useEffect((function(){f.combinedRefs(A,p.inputRef)}),[A,p.inputRef]),a((function(){I&&(p.suggestions&&p.suggestions.length?$():G(),x&&ne(),C(!1))}),[p.suggestions]),a((function(){!fe&&g.hasClass(H.current,"p-inputwrapper-filled")&&g.removeClass(H.current,"p-inputwrapper-filled")}),[fe]),u((function(){d.clear(B.current)}));var me=function(t,n){var r=n+"_item",i=p.itemTemplate?f.getJSXElement(p.itemTemplate,t,{trigger:N?N.key:"",index:n}):se(t),o=m({key:r,className:J("item"),onClick:function(e){return ce(e,t)}},X(0,"item"));return e.createElement("li",o,i,e.createElement(h,null))},ge=function(){var t=m({ref:K,className:J("items")},V("items"));if(p.suggestions){var n=p.suggestions.map(me);return e.createElement("ul",t,n)}return null},de=T.getOtherProps(p),ye=function(){var t=f.getJSXElement(p.headerTemplate,p),n=f.getJSXElement(p.footerTemplate,p),r=ge(),i=m({ref:B,className:J("panel"),style:z({maxHeight:p.scrollHeight},p.panelStyle),onClick:re},V("panel")),l=m({classNames:J("transition"),in:x,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:L,onEntering:Q,onEntered:W,onExit:ee,onExited:te},V("transition")),a=e.createElement(o,b({nodeRef:B},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),ve=m(z(z({ref:A,id:p.inputId,className:J("input"),style:p.inputStyle},de),{},{onFocus:function(e){P(!0),p.onFocus&&p.onFocus(e)},onBlur:function(e){P(!1),p.onBlur&&p.onBlur(e)},onKeyDown:function(e){if(x){var t=g.findSingle(B.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(g.addClass(n,"p-highlight"),g.removeClass(t,"p-highlight"),g.scrollInView(B.current,n))}else(t=g.findSingle(B.current,"li"))&&g.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(g.addClass(r,"p-highlight"),g.removeClass(t,"p-highlight"),g.scrollInView(B.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===N.key&&G();break;case 13:t&&ue(e,p.suggestions[g.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){p.onInput&&p.onInput(e),e.target.value.length>0?g.addClass(H.current,"p-inputwrapper-filled"):g.removeClass(H.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||le(e)},onChange:function(e){p.onChange&&p.onChange(e),le(e)},__parentMetadata:{parent:M}}),V("input")),he=m({ref:H,id:p.id,className:J("root",{focusedState:E,isFilled:fe}),style:p.style},T.getOtherProps(p),V("root"));return e.createElement("div",he,e.createElement(F,ve),ye)})));B.displayName="Mention";export{B as Mention};